@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--gray-25:#fcfcfd;--gray-50:#f9fafb;--gray-100:#f2f4f7;--gray-200:#eaecf0;--gray-300:#d0d5dd;--gray-400:#98a2b3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#1d2939;--gray-900:#101828;--red-50:#fef3f2;--red-100:#fee4e2;--red-200:#fecdca;--red-300:#fda29b;--red-400:#f97066;--red-500:#f04438;--red-600:#d92d20;--red-700:#b42318;--red-800:#912018;--green-50:#ecfdf3;--green-100:#d1fadf;--green-500:#12b76a;--green-600:#039855;--green-700:#027a48;--amber-50:#fffaeb;--amber-100:#fef0c7;--amber-500:#f79009;--amber-600:#dc6803;--amber-700:#b54708;--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-500:#2e90fa;--blue-600:#1570ef;--blue-700:#175cd3;--color-brand-subtle:var(--red-50);--color-brand-light:var(--red-100);--color-brand-main:var(--red-600);--color-brand-dark:var(--red-700);--color-brand-alpha-10:#d92d2014;--color-brand-alpha-20:#d92d2029;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-placeholder:var(--gray-400);--text-off:var(--gray-400);--text-on:#fff;--text-brand:var(--red-700);--text-danger:var(--red-600);--bg-base:#fff;--bg-surface:var(--gray-50);--bg-muted:var(--gray-100);--bg-page:var(--gray-50);--bg-subtle:var(--gray-100);--bg-inverse:var(--gray-900);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-brand:var(--color-brand-main);--paid-bg:var(--green-50);--paid-border:var(--green-100);--paid-text:var(--green-700);--paid-solid:var(--green-600);--udhaar-bg:var(--amber-50);--udhaar-border:var(--amber-100);--udhaar-text:var(--amber-700);--udhaar-solid:var(--amber-600);--partial-bg:var(--blue-50);--partial-border:var(--blue-100);--partial-text:var(--blue-700);--partial-solid:var(--blue-600);--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--gutter:16px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-md:0 4px 8px -2px #10182814, 0 2px 4px -2px #1018280a;--shadow-lg:0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;--shadow-xl:0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;--shadow-brand:0 4px 10px -2px #b423183d;--ring-brand:0 0 0 4px var(--color-brand-alpha-10);--ring-danger:0 0 0 4px #d92d201f;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.14s;--duration-normal:.22s;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui:var(--font-sans);--type-display:700 28px/1.2 var(--font-sans);--type-h1:700 24px/1.25 var(--font-sans);--type-h2:700 20px/1.3 var(--font-sans);--type-h3:600 17px/1.35 var(--font-sans);--type-h4:600 15px/1.4 var(--font-sans);--type-body-lg:400 15px/1.5 var(--font-sans);--type-body:400 14px/1.5 var(--font-sans);--type-body-sm:400 13px/1.45 var(--font-sans);--type-caption:400 12px/1.4 var(--font-sans);--type-overline:600 11px/1 var(--font-sans);--type-input:400 15px/1.4 var(--font-sans);--type-badge:500 12px/1 var(--font-sans);--tracking-tight:-.02em;--tracking-tighter:-.03em;--tracking-wide:.06em;--layout-phone-width:390px;--layout-phone-height:800px;--header-height:56px;--color-primary-100:var(--red-50);--color-primary-200:var(--red-200);--color-primary-300:var(--red-300);--color-primary-400:var(--red-500);--color-primary-500:var(--red-600);--color-primary-600:var(--red-700);--color-primary-700:var(--red-800);--color-neutral-100:#fff;--color-neutral-200:var(--gray-50);--color-neutral-300:var(--gray-100);--color-neutral-400:var(--gray-200);--color-neutral-500:var(--gray-300);--color-neutral-600:var(--gray-400);--color-neutral-700:var(--gray-500);--color-neutral-800:var(--gray-600);--color-neutral-900:var(--gray-800);--color-neutral-1000:var(--gray-900);--effect-e0:0 0 0 0 #10182800;--effect-e1:var(--shadow-xs);--effect-e2:var(--shadow-sm);--effect-e3:var(--shadow-lg);--type-h5:var(--type-body-lg);--type-h6:var(--type-h3);--type-b1:var(--type-body);--type-b2:var(--type-caption);--type-b3:var(--type-overline);--stroke-0:1px;--stroke-1:2px;--radius-3:var(--radius-md);--radius-4:var(--radius-lg);--radius-5:var(--radius-lg);--radius-6:var(--radius-lg);--radius-7:var(--radius-xl)}.icon{flex-shrink:0;display:block;overflow:clip}.icon img{pointer-events:none;width:100%;height:100%;display:block}.input-field{box-sizing:border-box;width:100%;max-width:100%;display:flex}.input-field__control{min-width:0;height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border-default);font:var(--type-input);color:var(--text-primary);box-sizing:border-box;width:100%;box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);outline:none;flex:1;align-items:center;display:flex}.input-field__control::placeholder{color:var(--text-placeholder)}.input-field__control:hover:not(:focus){border-color:var(--border-strong)}.input-field__control:focus{border-color:var(--color-brand-main);box-shadow:var(--ring-brand)}.input-field--error .input-field__control{border-color:var(--color-brand-main);padding-right:44px}.input-field--error .input-field__control:focus{box-shadow:var(--ring-danger)}.input-field--error{position:relative}.input-field__error-icon{right:var(--space-4);width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.status-badge{border-radius:var(--radius-xs);height:22px;font:var(--type-badge);white-space:nowrap;box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.status-badge__dot{border-radius:var(--radius-full);flex-shrink:0;width:5px;height:5px}.status-badge--paid{background:var(--paid-bg);border-color:var(--paid-border);color:var(--paid-text)}.status-badge--paid .status-badge__dot{background:var(--paid-solid)}.status-badge--udhaar{background:var(--udhaar-bg);border-color:var(--udhaar-border);color:var(--udhaar-text)}.status-badge--udhaar .status-badge__dot{background:var(--udhaar-solid)}.status-badge--partial{background:var(--partial-bg);border-color:var(--partial-border);color:var(--partial-text)}.status-badge--partial .status-badge__dot{background:var(--partial-solid)}.status-badge--lg{border-radius:var(--radius-sm);height:32px;padding:0 12px;font-size:13px}.avatar{border-radius:var(--radius-full);background:var(--bg-muted);flex-shrink:0;width:40px;height:40px;position:relative;overflow:clip}.avatar img{width:100%;height:100%;position:absolute;inset:0}.avatar span{font:600 15px/1 var(--font-sans);letter-spacing:var(--tracking-tight);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar--default span{color:var(--text-secondary)}.avatar--paid span{color:var(--paid-text)}.avatar--partial span{color:var(--partial-text)}.avatar--udhaar span{color:var(--udhaar-text)}.bill-card{align-items:center;gap:var(--space-1) var(--space-3);width:100%;max-width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-sizing:border-box;background:var(--bg-base);border:1px solid var(--border-default);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.bill-card__name{font:var(--type-h4);color:var(--text-primary);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere}.bill-card__number{font:var(--type-caption);color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;justify-self:end}.bill-card__amount{font:600 16px/1.3 var(--font-sans);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.bill-card__badge{justify-self:end}.bottom-nav{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-7);box-sizing:border-box;touch-action:manipulation;width:100%;max-width:100%;box-shadow:var(--shadow-md);background:#ffffffe0;border:1px solid #ffffffb3;justify-content:center;align-items:center;padding:6px;display:flex}.bottom-nav__items{justify-content:space-between;align-items:stretch;gap:4px;width:100%;display:flex}.bottom-nav__item{cursor:pointer;min-width:0;min-height:52px;font:inherit;color:var(--text-secondary);border-radius:var(--radius-5);box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:6px 4px;display:flex;position:relative}.bottom-nav__item .icon{opacity:.75;transition:opacity var(--duration-fast) var(--ease-standard)}.bottom-nav__item:hover .icon{opacity:1}.bottom-nav__label{max-width:100%;font:500 10px/1.2 var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bottom-nav__item.is-active{background:linear-gradient(145deg, var(--color-brand-main), var(--color-brand-dark));color:var(--text-on);box-shadow:var(--shadow-brand)}.bottom-nav__item.is-active .icon{opacity:1}.bottom-nav__item.is-active .bottom-nav__label{font-weight:600}.stepper{align-items:center;gap:var(--space-2);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:5px 8px;display:inline-flex;overflow:clip}.stepper__btn{cursor:pointer;opacity:.6;width:14px;height:14px;transition:opacity var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:0;display:block}.stepper__btn:hover:not(:disabled){opacity:1}.stepper__btn:disabled{opacity:.25;cursor:default}.stepper__sep{background:var(--border-default);width:1px;height:14px}.stepper__value{min-width:14px;font:600 14px/1 var(--font-sans);color:var(--text-primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.nudge{align-items:flex-start;gap:var(--space-3);background:var(--amber-50);border:1px solid var(--amber-100);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-sizing:border-box;width:100%;max-width:100%;display:flex}.nudge p{font:var(--type-body-sm);color:var(--udhaar-text);min-width:0;margin:0}.greeting{justify-content:space-between;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4) 0 var(--space-5);box-sizing:border-box;display:flex}.greeting__main{flex-direction:column;min-width:0;display:flex}.greeting__logo{margin-bottom:var(--space-4);display:inline-flex}.greeting__copy{min-width:0}.greeting__hello{font:var(--type-body-sm);color:var(--text-secondary);align-items:center;gap:6px;margin:0 0 2px;display:flex}.greeting__shop{font:var(--type-h2);color:var(--text-primary);letter-spacing:var(--tracking-tighter);margin:0}.greeting__date{border-radius:var(--radius-xs);background:var(--bg-base);border:1px solid var(--border-default);font:500 12px/1.2 var(--font-sans);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-top:2px;padding:5px 10px}.token-swatch{border-radius:var(--radius-xs);background:var(--bg-base);width:56px;height:56px}.token-card{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);width:120px;overflow:clip}.token-card__preview{background:var(--bg-muted);justify-content:center;align-items:center;height:120px;display:flex}.token-card__meta{padding:6px 8px}.token-card__meta strong{font:500 12px/20px var(--font-ui);color:var(--text-primary);display:block}.token-card__meta span{font:400 9px/1.2 var(--font-ui);color:var(--text-secondary)}.radius-demo,.stroke-demo{border-top:1px solid var(--text-primary);border-left:1px solid var(--text-primary);background:0 0;width:80px;height:80px}.app-shell{width:100%;max-width:var(--layout-phone-width);background:var(--bg-page);justify-content:center;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.app{width:100%;max-width:var(--layout-phone-width);background:var(--bg-page);height:100%;min-height:0;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=520px){.app-shell{width:auto;max-width:none;height:auto;min-height:100dvh;padding:var(--space-6) var(--space-4);box-sizing:border-box;background:var(--bg-subtle);align-items:center}.app{width:var(--layout-phone-width);max-width:var(--layout-phone-width);height:min(var(--layout-phone-height), calc(100dvh - 48px));border:1px solid var(--border-default);min-height:0;box-shadow:var(--shadow-xl);border-radius:32px;overflow:hidden}}.phone__body{overscroll-behavior:contain;min-height:0;padding:0 var(--gutter) var(--space-5);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow:auto}.phone__body::-webkit-scrollbar{display:none}.phone__footer{z-index:5;align-items:stretch;gap:var(--space-3);width:100%;padding:var(--space-3) var(--gutter) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg-page);border-top:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;flex-shrink:0;display:flex;position:relative}.phone__footer .bottom-nav{z-index:1;align-self:stretch;width:100%;position:relative}.phone__footer .fab{align-self:stretch}.screen-header{height:var(--header-height);padding:0 var(--gutter);background:var(--bg-page);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.screen-header__title{font:var(--type-h3);color:var(--text-primary);text-align:center;letter-spacing:var(--tracking-tight);margin:0;padding:0 40px}.screen-header__back{left:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.screen-header__back:hover{background:var(--bg-surface)}.screen-header__spacer{width:36px;height:36px}.home-logo{padding:var(--space-4) 0 var(--space-3)}.fab{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:100%;height:48px;font:600 15px/1 var(--font-sans);cursor:pointer;letter-spacing:var(--tracking-tight);transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);display:inline-flex}.fab--primary{background:var(--color-brand-main);color:var(--text-on);border:1px solid var(--color-brand-main);box-shadow:var(--shadow-xs)}.fab--primary:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.fab--secondary{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}.fab--secondary:hover{background:var(--bg-surface)}.stats-card{border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--color-brand-main), var(--color-brand-dark));width:100%;color:var(--text-on);box-shadow:var(--shadow-brand);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;padding:16px 10px;display:grid}.stats-card>div{text-align:center;grid-template-rows:1fr auto auto;align-content:center;justify-items:center;gap:4px;min-height:86px;padding:4px 6px;display:grid;position:relative}.stats-card>div:not(:last-child):after{content:"";background:#fff3;width:1px;height:68%;position:absolute;top:16%;right:0}.stats-card__value{font:700 clamp(18px, 4.8vw, 22px) / 1.05 var(--font-sans);letter-spacing:var(--tracking-tighter);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.stats-card__label{font:600 11px/1.25 var(--font-sans);color:#ffffffe6;margin:0}.stats-card__label+.stats-card__label{color:#ffffffb8;margin-top:0;font-size:10px;font-weight:500;line-height:1.2}.section-title{margin:var(--space-6) 0 var(--space-3);font:var(--type-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.bill-stack{gap:var(--space-2);flex-direction:column;display:flex}.bill-card--fluid,.bill-card--button{width:100%}.bill-card--button{text-align:left;cursor:pointer;font:inherit;color:inherit}.bill-card--button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.bill-card--button:active{transform:none}.input-field--fluid{width:100%}.nudge{width:100%;max-width:none}.greeting{width:100%}.greeting__shop{overflow-wrap:anywhere}.new-bill{gap:var(--space-4);width:100%;padding-top:var(--space-1);flex-direction:column;display:flex}.field-block{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.field-banner{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border-default);box-sizing:border-box;display:flex}.field-banner__label{font:var(--type-h4);color:var(--text-primary);flex-shrink:0}.field-banner__value,.field-banner__value-btn,.field-banner__input{font:var(--type-body);color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;flex:1;min-width:0}.field-banner__value-btn,.field-banner__input{cursor:text;background:0 0;border:0;padding:0}.field-error{margin:var(--space-1) 0 0;font:var(--type-caption);color:var(--text-danger)}.field-hint{margin:var(--space-1) 0 0;font:var(--type-caption);color:var(--text-tertiary);text-align:left;width:100%}.customer-card{align-items:center;gap:var(--space-3);width:100%;min-height:68px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-base);border:1px solid var(--border-default);cursor:pointer;text-align:left;box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);display:flex}.customer-card:hover{border-color:var(--border-strong)}.customer-card.is-selected,.customer-card:focus-visible{border-color:var(--color-brand-main);box-shadow:var(--ring-brand);outline:none}.customer-card.is-error{border-color:var(--color-brand-main)}.customer-card img{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:40px;height:40px}.customer-card__text{flex:1;min-width:0}.customer-card__name{font:var(--type-h4);color:var(--text-primary);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;margin:0}.customer-card__meta{font:var(--type-caption);color:var(--text-secondary);margin:2px 0 0}.date-card{gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border-default);cursor:pointer;text-align:left;box-sizing:border-box;flex-direction:column;display:flex;position:relative}.date-card:hover{border-color:var(--border-strong)}.date-card__top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.date-card__values{justify-content:space-between;gap:var(--space-3);font:var(--type-body);color:var(--text-primary);font-variant-numeric:tabular-nums;display:flex}.date-card__native{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.payment-block{width:100%}.payment-block .section-title{margin-top:0;margin-bottom:var(--space-2);text-transform:none;letter-spacing:var(--tracking-tight);font:var(--type-h4);color:var(--text-primary)}.payment-types{gap:var(--space-2);flex-wrap:nowrap;width:100%;display:flex}.pay-chip{border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:0;height:40px;padding:0 var(--space-2);background:var(--bg-base);font:500 13px/1 var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:1 1 0;justify-content:center;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.pay-chip:hover{border-color:var(--border-strong)}.pay-chip__dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:6px;height:6px}.pay-chip--paid.is-selected{background:var(--paid-bg);border-color:var(--paid-solid);color:var(--paid-text);font-weight:600}.pay-chip--udhaar.is-selected{background:var(--udhaar-bg);border-color:var(--udhaar-solid);color:var(--udhaar-text);font-weight:600}.pay-chip--partial.is-selected{background:var(--partial-bg);border-color:var(--partial-solid);color:var(--partial-text);font-weight:600}.picker{gap:var(--space-3);width:100%;padding-top:var(--space-2);flex-direction:column;display:flex}.picker__title{font:var(--type-h3);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.picker__list{gap:var(--space-2);flex-direction:column;display:flex}.picker__empty,.picker__cancel{font:var(--type-body);color:var(--text-secondary)}.picker__empty{padding:var(--space-5) 0;text-align:center}.picker__cancel{cursor:pointer;padding:var(--space-2);background:0 0;border:0;align-self:center;font-weight:500}.next-action{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-base);border:1px solid var(--border-default);cursor:pointer;text-align:left;display:flex}.next-action:hover{border-color:var(--border-strong)}.next-action__kicker{font:var(--type-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-brand);margin:0 0 2px}.next-action__title{font:var(--type-h4);color:var(--text-primary);margin:0}.next-action__meta{font:var(--type-caption);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:2px 0 0}.item-table{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-base);width:100%;overflow:hidden}.item-table__head,.item-row{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) 72px 88px;width:100%;display:grid}.item-table__head{height:40px;padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-default);font:var(--type-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.item-table__head span:nth-child(2),.item-table__head span:last-child{text-align:right}.item-row{min-height:56px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle)}.item-row:last-child{border-bottom:0}.item-row__name{font:var(--type-h4);color:var(--text-primary);overflow-wrap:anywhere}.item-row__meta{font:var(--type-caption);color:var(--text-tertiary);margin-top:2px;display:block}.item-row__rate{text-align:right;font:500 14px/1.3 var(--font-sans);color:var(--text-secondary);font-variant-numeric:tabular-nums;display:block}.item-row .stepper{justify-self:end}.payment-filter{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border-default);width:100%;padding:3px;display:flex;overflow:clip}.payment-filter__btn{min-width:0;height:34px;padding:0 var(--space-2);border-radius:var(--radius-xs);font:500 13px/1 var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:1 1 0;overflow:hidden}.payment-filter__btn:hover{color:var(--text-primary)}.payment-filter__btn.is-paid,.payment-filter__btn.is-udhaar,.payment-filter__btn.is-partial{background:var(--bg-base);color:var(--text-primary);box-shadow:var(--shadow-xs);font-weight:600}.date-label{margin:var(--space-5) 0 var(--space-3);text-align:center;font:var(--type-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.customer-row{align-items:stretch;gap:var(--space-3);width:100%;min-height:68px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-base);border:1px solid var(--border-default);cursor:pointer;text-align:left;box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);display:flex}.customer-row:hover{border-color:var(--border-strong)}.customer-row.is-selected,.customer-row:focus-visible{border-color:var(--color-brand-main);box-shadow:var(--ring-brand);outline:none}.customer-row.is-error{border-color:var(--color-brand-main)}.customer-row>img{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;align-self:center;width:40px;height:40px}.customer-row__body{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.customer-row__name{font:var(--type-h4);color:var(--text-primary);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;margin:0}.customer-row__name-input{border:0;border-bottom:1.5px solid var(--color-brand-main);width:100%;min-width:0;height:24px;font:var(--type-h4);color:var(--text-primary);background:0 0;outline:none;margin:0;padding:0}.customer-row__aside{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-direction:row;flex-shrink:0;align-self:center;display:flex}.customer-row__edit,.customer-row__edit-slot{order:2}.customer-row__edit{border-radius:var(--radius-xs);cursor:pointer;opacity:.4;width:28px;height:28px;transition:opacity var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.customer-row__edit:hover{opacity:1;background:var(--bg-muted)}.customer-row__edit-slot{width:28px;height:28px;display:block}.customer-row__meta{font:var(--type-caption);color:var(--text-tertiary);min-width:0;margin:0}.customer-row__status--paid{color:var(--paid-text);font-weight:500}.customer-row__status--udhaar{color:var(--udhaar-text);font-weight:500}.customer-row__status--partial{color:var(--partial-text);font-weight:500}.catalog-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.catalog-row .customer-row__name{color:var(--text-primary)}.success-block{align-items:center;gap:var(--space-3);padding:var(--space-7) 0 var(--space-4);flex-direction:column;display:flex}.success-block h2{font:var(--type-h2);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.totals{gap:var(--space-2);width:100%;padding:var(--space-4);margin-top:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);font:var(--type-body);background:var(--bg-base);z-index:1;flex-direction:column;display:flex;position:sticky;bottom:0}.totals div{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.totals__total{padding-top:var(--space-2);border-top:1px solid var(--border-default);font:var(--type-h3);letter-spacing:var(--tracking-tight);color:var(--text-primary)!important}.invoice-preview{width:100%;padding-top:var(--space-2)}.invoice-doc{gap:var(--space-4);width:100%;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-base);box-sizing:border-box;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.invoice-doc__logo{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:center;display:flex}.invoice-doc__meta{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.invoice-doc__title{font:var(--type-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);margin:0}.invoice-doc__date{font:var(--type-body-sm);color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;margin:0}.invoice-doc__customer{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);display:flex}.invoice-doc__customer img{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:36px;height:36px}.invoice-doc__customer-text{flex:1;min-width:0}.invoice-doc__customer-name{font:var(--type-h4);color:var(--text-primary);overflow-wrap:anywhere;margin:0}.invoice-doc__customer-phone{font:var(--type-caption);color:var(--text-secondary);margin:2px 0 0}.invoice-doc__status{flex-shrink:0}.invoice-doc__bill-no{justify-content:space-between;align-items:center;gap:var(--space-2);font:var(--type-body-sm);color:var(--text-secondary);display:flex}.invoice-doc__bill-no span:last-child{color:var(--text-primary);text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-weight:500}.invoice-doc__items{border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.invoice-doc__items-title{padding:var(--space-3) var(--space-3) var(--space-2);font:var(--type-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-surface);margin:0}.invoice-doc__table-head,.invoice-doc__row{align-items:center;gap:var(--space-2);padding:0 var(--space-3);grid-template-columns:minmax(0,1fr) 72px 44px;display:grid}.invoice-doc__table-head{background:var(--bg-surface);border-bottom:1px solid var(--border-default);min-height:32px;font:var(--type-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.invoice-doc__table-head span:not(:first-child){text-align:right}.invoice-doc__row{border-bottom:1px solid var(--border-subtle);min-height:40px}.invoice-doc__row:last-child{border-bottom:0}.invoice-doc__item-name{font:var(--type-body-sm);color:var(--text-primary);overflow-wrap:anywhere}.invoice-doc__item-rate,.invoice-doc__item-qty{font:var(--type-body-sm);color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.invoice-doc__empty{padding:var(--space-4) var(--space-3);font:var(--type-caption);color:var(--text-tertiary);text-align:center;margin:0}.invoice-doc__totals{gap:var(--space-2);flex-direction:column;display:flex}.invoice-doc__totals-row{justify-content:space-between;align-items:center;gap:var(--space-2);font:var(--type-body-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;display:flex}.invoice-doc__totals-row span:last-child{color:var(--text-primary);font-weight:500}.invoice-doc__totals-row--total{margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--border-default);font:var(--type-h4);color:var(--text-primary)}.invoice-doc__totals-row--total span:last-child{font:var(--type-h2);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.invoice-doc__shop{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);text-align:center;font:var(--type-caption);color:var(--text-tertiary);margin:0}.more-screen{gap:var(--space-3);width:100%;padding:var(--space-2) 0 var(--space-4);flex-direction:column;display:flex}.more-screen .section-title{margin:var(--space-3) 0 calc(var(--space-1) * -1)}.more-shop-card{align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-base);border:1px solid var(--border-default);box-sizing:border-box;display:flex}.more-shop-card__body{flex:1;min-width:0}.more-shop-card__avatar{border-radius:var(--radius-md);background:var(--color-brand-subtle);border:1px solid var(--color-brand-light);width:48px;height:48px;font:600 20px/1 var(--font-sans);color:var(--text-brand);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.more-shop-card__name{font:var(--type-h3);color:var(--text-primary);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;margin:0}.more-shop-card__owner{margin:2px 0 var(--space-2);font:var(--type-body-sm);color:var(--text-secondary)}.more-shop-card__meta{font:var(--type-caption);color:var(--text-tertiary);overflow-wrap:anywhere;margin:0}.more-menu{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-base);flex-direction:column;width:100%;display:flex;overflow:hidden}.more-menu__row{align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;box-sizing:border-box;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;display:flex}.more-menu__row:last-child{border-bottom:0}.more-menu__row:hover{background:var(--bg-surface)}.more-menu__row:active{transform:none}.more-menu__icon{border-radius:var(--radius-sm);background:var(--bg-muted);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.more-menu__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.more-menu__label{font:var(--type-h4);color:var(--text-primary)}.more-menu__desc{font:var(--type-caption);color:var(--text-secondary)}.more-menu__chevron{border-top:1.5px solid var(--text-tertiary);border-right:1.5px solid var(--text-tertiary);flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.more-account{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-base);border:1px solid var(--border-default)}.more-account__label{margin:0 0 var(--space-1);font:var(--type-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.more-account__name{font:var(--type-h4);color:var(--text-primary);margin:0}.more-account__phone{font:var(--type-caption);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:2px 0 0}.more-replay,.more-signout{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);font:500 14px/1 var(--font-sans);cursor:pointer}.more-replay{color:var(--text-secondary)}.more-replay:hover{background:var(--bg-surface);color:var(--text-primary)}.more-signout{color:var(--text-danger)}.more-signout:hover{background:var(--red-50);border-color:var(--red-200)}.more-screen__version{margin:var(--space-5) 0 var(--space-2);text-align:center;font:var(--type-caption);color:var(--text-tertiary)}.guide__open-app{margin-top:var(--space-3);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-brand-main);color:var(--text-on);font:500 14px/1 var(--font-sans);cursor:pointer;border:0}@keyframes onboard-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes onboard-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes onboard-loader{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes onboard-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.app-shell--flow{width:100%;max-width:var(--layout-phone-width);background:var(--bg-page);height:100dvh;min-height:100dvh;overflow:hidden}.flow-screen{background:var(--bg-base);flex-direction:column;width:100%;height:100%;min-height:100%;display:flex}@media (width>=520px){.app-shell--flow{width:auto;max-width:none;height:auto;min-height:100dvh;padding:var(--space-6) var(--space-4);box-sizing:border-box;background:var(--bg-subtle);align-items:center}.app-shell--flow .flow-screen{width:var(--layout-phone-width);max-width:var(--layout-phone-width);height:min(var(--layout-phone-height), calc(100dvh - 48px));min-height:min(var(--layout-phone-height), calc(100dvh - 48px));border:1px solid var(--border-default);box-shadow:var(--shadow-xl);border-radius:32px;overflow:hidden}}.auth{min-height:0;padding:var(--space-7) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;display:flex;overflow:auto}.auth__hero{text-align:left;margin-bottom:var(--space-7);flex-direction:column;align-items:flex-start;display:flex}.auth__logo{margin-bottom:var(--space-6);display:inline-flex}.auth__title{margin:0 0 var(--space-2);font:var(--type-h1);letter-spacing:var(--tracking-tighter);color:var(--text-primary)}.auth__subtitle{max-width:300px;font:var(--type-body-lg);color:var(--text-secondary);margin:0}.auth__form{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.auth__field{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.auth__label{font:500 13px/1.3 var(--font-sans);color:var(--text-primary)}.auth__error{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--red-50);border:1px solid var(--red-200);font:var(--type-body-sm);color:var(--text-danger);margin:0;font-weight:500}.auth__form .fab{margin-top:var(--space-2)}.auth__switch{margin:var(--space-6) 0 0;text-align:center;font:var(--type-body);color:var(--text-secondary)}.auth__switch-link{font:inherit;color:var(--text-brand);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.auth__switch-link:hover{text-underline-offset:2px;text-decoration:underline}.auth__switch-link:active{transform:none}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100dvh;margin:0}#root{justify-content:center;display:flex}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}button{transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}button:active:not(:disabled){transform:scale(.98)}.guide{flex-direction:column;gap:40px;max-width:1100px;margin:0 auto;padding:32px 24px 80px;display:flex}.guide__hero p{font:var(--type-b1);color:var(--text-secondary);margin:8px 0 0}.guide h2{font:var(--type-h4);margin:0 0 16px}.guide h3{font:var(--type-h6);margin:16px 0 12px}.row{flex-wrap:wrap;gap:16px;display:flex}.stack{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.flow-screen.onboard{background:var(--bg-base)}.onboard-splash{justify-content:center;align-items:center;gap:var(--space-4);width:100%;min-height:100%;padding:var(--space-7) var(--space-6);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.onboard-splash__logo{z-index:1;transform-origin:50%;display:inline-flex;position:relative;transform:scale(1.6)}.onboard-splash__glow{border-radius:var(--radius-full);background:radial-gradient(circle,#d92d201a 0%,#0000 70%);width:240px;height:240px;animation:2.4s ease-in-out infinite onboard-pulse;position:absolute}.onboard-splash__tagline{z-index:1;margin:var(--space-5) 0 0;font:var(--type-body-lg);color:var(--text-secondary);animation:onboard-fade-up .6s var(--ease-out) .3s both;position:relative}.onboard-splash__loader{z-index:1;margin-top:var(--space-7);border-radius:var(--radius-full);background:var(--border-default);width:48px;height:3px;animation:onboard-fade-up .6s var(--ease-out) .5s both;position:relative;overflow:hidden}.onboard-splash__loader span{border-radius:inherit;background:var(--color-brand-main);width:40%;height:100%;animation:1.2s ease-in-out infinite onboard-loader;display:block}.onboard-step{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}.onboard-step__top{padding:var(--space-3) var(--space-4) 0;flex-shrink:0;justify-content:flex-end;display:flex}.onboard-skip{font:500 14px/1 var(--font-sans);color:var(--text-secondary);cursor:pointer;padding:var(--space-2) var(--space-1);background:0 0;border:0}.onboard-skip:hover{color:var(--text-primary)}.onboard-step__body{min-height:0;padding:var(--space-4) var(--space-6) var(--space-6);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.onboard-step__body--form{padding-top:var(--space-2);justify-content:flex-start}.onboard-step__title{margin:var(--space-7) 0 var(--space-3);font:var(--type-h1);letter-spacing:var(--tracking-tighter);color:var(--text-primary);max-width:280px}.onboard-step__desc{font:var(--type-body-lg);color:var(--text-secondary);max-width:300px;margin:0}.onboard-step__desc strong{color:var(--text-primary);font-weight:600}.onboard-step__footer{gap:var(--space-5);padding:0 var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;display:flex}.onboard-dots{justify-content:center;align-items:center;gap:6px;display:flex}.onboard-dots__dot{border-radius:var(--radius-full);background:var(--border-strong);width:6px;height:6px;transition:all var(--duration-normal) var(--ease-out)}.onboard-dots__dot.is-active{background:var(--color-brand-main);width:20px}.onboard-visual{justify-content:center;align-items:center;gap:var(--space-3);width:min(272px,100%);min-height:176px;padding:var(--space-5);border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-default);flex-direction:column;display:flex}.onboard-visual__card{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border-default);gap:var(--space-2);flex-direction:column;display:flex}.onboard-visual__line{border-radius:var(--radius-full);background:var(--border-default);height:8px;display:block}.onboard-visual__line--short{width:45%}.onboard-visual__line--muted{background:var(--border-subtle);width:70%}.onboard-visual__fab{border-radius:var(--radius-md);background:var(--color-brand-main);color:var(--text-on);font:600 13px/1 var(--font-sans);padding:10px 20px}.onboard-visual--udhaar{justify-content:center;gap:var(--space-2);flex-flow:wrap;min-height:160px}.onboard-visual__stat{min-width:76px;padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);gap:var(--space-1);text-align:left;border:1px solid #0000;flex-direction:column;flex:76px;display:flex}.onboard-visual__stat strong{font:500 11px/1.2 var(--font-sans)}.onboard-visual__stat span{font:600 15px/1.2 var(--font-sans);color:var(--text-primary);font-variant-numeric:tabular-nums}.onboard-visual__stat--green{background:var(--paid-bg);border-color:var(--paid-border);color:var(--paid-text)}.onboard-visual__stat--gold{background:var(--udhaar-bg);border-color:var(--udhaar-border);color:var(--udhaar-text)}.onboard-visual__stat--blue{background:var(--partial-bg);border-color:var(--partial-border);color:var(--partial-text)}.onboard-visual--share{gap:var(--space-4)}.onboard-visual__invoice{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border-default);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.onboard-visual__whatsapp{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--text-on);font:600 13px/1 var(--font-sans);background:#25d366;padding:10px 16px;display:inline-flex}.onboard-setup__hero{text-align:center;margin-bottom:var(--space-2);flex-direction:column;align-items:center;display:flex}.onboard-setup__icon{border-radius:var(--radius-lg);background:var(--color-brand-subtle);border:1px solid var(--color-brand-light);width:88px;height:72px;margin-bottom:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.onboard-setup__icon .icon{transform:scale(1.15)}.onboard-setup__hero .onboard-step__title{margin-top:var(--space-4)}.onboard-form{gap:var(--space-4);width:100%;margin-top:var(--space-4);flex-direction:column;display:flex}.onboard-form__field{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.onboard-form__label{font:500 13px/1.3 var(--font-sans);color:var(--text-primary)}.onboard-step--ready .onboard-step__body{gap:0}.onboard-ready__badge{border-radius:var(--radius-full);background:var(--paid-bg);border:1px solid var(--paid-border);width:80px;height:80px;margin-bottom:var(--space-2);animation:onboard-pop .5s var(--ease-out) both;justify-content:center;align-items:center;display:inline-flex}.onboard-ready__card{align-items:center;gap:var(--space-3);width:100%;max-width:300px;margin-top:var(--space-7);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-base);border:1px solid var(--border-default);text-align:left;display:flex}.onboard-ready__avatar{border-radius:var(--radius-md);background:var(--color-brand-subtle);border:1px solid var(--color-brand-light);width:40px;height:40px;font:600 17px/1 var(--font-sans);color:var(--text-brand);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.onboard-ready__shop{font:var(--type-h4);color:var(--text-primary);margin:0 0 2px}.onboard-ready__meta{font:var(--type-caption);color:var(--text-secondary);margin:0}