@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@700&display=swap";:root{--wb-bg: #f4f4f5;--wb-surface: #ffffff;--wb-surface-subtle: #fafafa;--wb-surface-raised: #ffffff;--wb-amber: #2563eb;--wb-amber-hover: #1d4ed8;--wb-amber-subtle: #dbeafe;--wb-amber-border: #93c5fd;--wb-border: #e4e4e7;--wb-border-strong: #d1d1d6;--wb-border-focus: #d97706;--wb-text-primary: #09090b;--wb-text-secondary: #52525b;--wb-text-muted: #a1a1aa;--wb-text-inverse: #ffffff;--wb-text-amber: #92400e;--wb-success: #16a34a;--wb-success-bg: #f0fdf4;--wb-success-border: #bbf7d0;--wb-warning: #d97706;--wb-warning-bg: #fffbeb;--wb-warning-border: #fde68a;--wb-error: #dc2626;--wb-error-bg: #fef2f2;--wb-error-border: #fecaca;--wb-info: #2563eb;--wb-info-bg: #eff6ff;--wb-info-border: #bfdbfe;--wb-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--wb-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--wb-shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--wb-shadow-lg: 0 10px 15px rgba(0, 0, 0, .07), 0 4px 6px rgba(0, 0, 0, .04);--wb-shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 8px 10px rgba(0, 0, 0, .04);--wb-radius-sm: 4px;--wb-radius-md: 6px;--wb-radius-lg: 8px;--wb-radius-xl: 12px;--wb-radius-full: 9999px;--wb-space-1: 4px;--wb-space-2: 8px;--wb-space-3: 12px;--wb-space-4: 16px;--wb-space-5: 20px;--wb-space-6: 24px;--wb-space-8: 32px;--wb-space-10: 40px;--wb-space-12: 48px;--wb-space-16: 64px;--wb-text-xs: 11px;--wb-text-sm: 13px;--wb-text-base: 14px;--wb-text-md: 16px;--wb-text-lg: 18px;--wb-text-xl: 22px;--wb-text-2xl: 28px;--wb-text-3xl: 36px;--wb-text-4xl: 48px}[data-theme=dark]{--wb-bg: #0b1020;--wb-surface: #131a2b;--wb-surface-subtle: #1a2338;--wb-surface-raised: #1a2338;--wb-border: #2b3550;--wb-border-strong: #384566;--wb-border-focus: #60a5fa;--wb-text-primary: #e5ecff;--wb-text-secondary: #b8c4e6;--wb-text-muted: #8a97bb;--wb-text-inverse: #091126;--wb-text-amber: #bfdbfe;--wb-success: #4ade80;--wb-success-bg: #10291a;--wb-success-border: #1f6b39;--wb-warning: #fbbf24;--wb-warning-bg: #2b220a;--wb-warning-border: #6b5411;--wb-error: #f87171;--wb-error-bg: #2b1111;--wb-error-border: #6b1f1f;--wb-info: #60a5fa;--wb-info-bg: #0f1d35;--wb-info-border: #214a7b}:root{--primary: #C96A00;--primary-bg: #FFF3E0;--cream: #FDF8F2;--warm-bg: #F9F2E8;--text: #1A1208;--muted: #8B7355;--border-warm: #E8DDD0;--amber: #D97706;--amber-50: #FFFBEB;--amber-100: #FEF3C7;--amber-200: #FDE68A;--amber-600: #D97706;--amber-700: #B45309;--amber-800: #92400E;--ink: #1C1C1E;--ink-2: #3A3A3C;--ink-3: #636366;--ink-4: #8E8E93;--surface: #FAFAF8;--card: #FFFFFF;--border: #E5E5EA;--border-light: #F2F2F7;--red: #DC2626;--red-bg: #FEF2F2;--green: #16A34A;--green-bg: #F0FDF4;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow: 0 2px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--font: "DM Sans", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif;--nav-h: 68px;--header-h: 60px;--max-w: 1180px;--content-w: 860px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--surface);color:var(--ink);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}input,textarea,select,button{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}#root{min-height:100dvh;display:flex;flex-direction:column}.app-container{width:100%;max-width:var(--max-w);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--surface)}.page{flex:1;padding:16px 16px calc(var(--nav-h) + 16px);overflow-y:auto;overflow-x:hidden;width:100%;max-width:var(--content-w);margin:0 auto}.page--no-nav{padding-bottom:24px}.header{position:sticky;top:0;z-index:50;background:var(--card);border-bottom:1px solid var(--border-light);height:var(--header-h);display:flex;align-items:center;padding:0 16px;gap:12px;width:100%;max-width:var(--content-w);margin:0 auto}.header__back{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border-light);font-size:18px;flex-shrink:0}.header__title{font-size:17px;font-weight:700;color:var(--ink);flex:1}.header__action{font-size:14px;font-weight:600;color:var(--amber)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);height:var(--nav-h);background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;color:var(--ink-4);transition:color .15s;font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.nav-item.active{color:var(--amber)}.nav-item__icon{font-size:22px;line-height:1}.nav-item__label{display:inline-block}.nav-item--fab{position:relative;top:-12px}.nav-fab{width:52px;height:52px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 4px 16px #d9770666;transition:transform .15s,box-shadow .15s}.nav-fab:active{transform:scale(.94);box-shadow:0 2px 8px #d977064d}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card+.card{margin-top:12px}.card__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.form-label span{color:var(--red);margin-left:2px}.form-input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--ink);background:var(--card);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--amber)}.form-input::placeholder{color:var(--ink-4)}.form-input.error{border-color:var(--red)}.form-input--lg{min-height:52px;font-size:16px}.form-error{font-size:12px;color:var(--red);margin-top:4px}.form-hint{font-size:12px;color:var(--ink-4);margin-top:4px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238E8E93' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;min-height:44px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;transition:all .15s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--amber);color:#fff;box-shadow:0 2px 10px #d977064d;width:100%}.btn-primary:active{background:var(--amber-700)}.btn-secondary{background:var(--amber-100);color:var(--amber-800)}.btn-ghost{background:var(--border-light);color:var(--ink-2)}.btn-danger{background:var(--red-bg);color:var(--red)}.btn-sm{padding:8px 14px;font-size:13px;border-radius:var(--radius-sm)}.toggle-wrap{display:flex;align-items:center;gap:12px}.toggle-label{font-size:14px;font-weight:600;color:var(--ink-2);flex:1}.toggle{position:relative;width:48px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;background:var(--border);cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s}.toggle input:checked+.toggle-slider{background:var(--amber)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.04em}.badge-amber{background:var(--amber-100);color:var(--amber-800)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-gray{background:var(--border-light);color:var(--ink-4)}.line-item{background:var(--border-light);border-radius:var(--radius-sm);padding:12px;margin-bottom:10px;position:relative}.line-item__row{display:flex;gap:8px;margin-bottom:8px}.line-item__row:last-child{margin-bottom:0}.line-item__delete{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--red);font-size:16px;background:var(--red-bg)}.line-item__delete svg{width:14px;height:14px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--ink-2);border-bottom:1px solid var(--border-light)}.summary-row:last-child{border-bottom:none}.summary-row--total{font-size:18px;font-weight:800;color:var(--ink);padding-top:12px}.summary-row--total .summary-value{color:var(--amber-700)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.stat-card{background:var(--card);border-radius:var(--radius);padding:14px;border:1px solid var(--border-light)}.stat-card--full{grid-column:1 / -1}.stat-card__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:6px}.stat-card__value{font-size:22px;font-weight:800;color:var(--ink);line-height:1.1}.stat-card__sub{font-size:11px;color:var(--ink-4);margin-top:2px}.stat-card__words{font-size:11px;color:var(--ink-4);margin-top:8px;line-height:1.4}.stat-card--revenue{background:#f0fdf4;border-color:#bbf7d0}.stat-card--revenue .stat-card__label,.stat-card--revenue .stat-card__value{color:#166534}.stat-card--invoices{background:#eff6ff;border-color:#bfdbfe}.stat-card--invoices .stat-card__label,.stat-card--invoices .stat-card__value{color:#1d4ed8}.stat-card--pending{background:#fff7ed;border-color:#fed7aa}.stat-card--pending .stat-card__label,.stat-card--pending .stat-card__value{color:#c2410c}.stat-card--split{background:#faf5ff;border-color:#e9d5ff}.stat-card--split .stat-card__label,.stat-card--split .stat-card__value{color:#7c3aed}.invoice-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border-light);margin-bottom:8px;transition:box-shadow .15s}.invoice-item:active{box-shadow:var(--shadow)}.invoice-item__icon{width:42px;height:42px;border-radius:10px;background:var(--amber-100);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.invoice-item__body{flex:1;min-width:0}.invoice-item__name{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-item__meta{font-size:12px;color:var(--ink-4);margin-top:2px}.invoice-item__amount{font-size:16px;font-weight:800;color:var(--amber-700);text-align:right;flex-shrink:0}.invoice-item__num{font-size:11px;color:var(--ink-4);text-align:right;margin-top:2px}.type-tabs{display:flex;gap:6px}.type-tabs--3 .type-tab,.type-tabs--4 .type-tab{flex:1 1 0}.type-tab{flex:1;padding:8px 6px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;text-align:center;border:1.5px solid var(--border);color:var(--ink-4);background:var(--card);transition:all .15s}.type-tab.active{border-color:var(--amber);background:var(--amber-100);color:var(--amber-800)}.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:var(--surface)}.login-logo{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:linear-gradient(145deg,#fff3dd,#fff 75%);color:var(--amber-700);margin-bottom:8px}.login-brand{font-family:var(--font-display);font-size:36px;color:var(--ink);margin-bottom:4px}.login-tagline{font-size:14px;color:var(--ink-4);margin-bottom:48px;text-align:center}.google-btn{width:100%;max-width:320px;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);font-size:16px;font-weight:700;color:var(--ink);box-shadow:var(--shadow);transition:all .15s}.google-btn:active{transform:scale(.97);box-shadow:none}.google-icon{font-size:20px}.onboarding-page{min-height:100dvh;padding:24px 16px 40px;display:flex;flex-direction:column}.onboarding-topbar{display:flex;justify-content:flex-end;margin-bottom:10px}.onboarding-header{margin-bottom:28px}.onboarding-copy{font-size:14px;color:var(--ink-4);margin-top:8px;max-width:34ch}.onboarding-page--scroll{overflow-y:auto}.onboarding-step{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}.onboarding-title{font-family:var(--font-display);font-size:28px;color:var(--ink);line-height:1.2}.gst-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.gst-choice{padding:20px 16px;border-radius:var(--radius);border:2px solid var(--border);background:var(--card);text-align:center;cursor:pointer;transition:all .15s}.gst-choice.selected{border-color:var(--amber);background:var(--amber-50)}.gst-choice__icon{font-size:32px;margin-bottom:8px}.gst-choice__label{font-size:15px;font-weight:700;color:var(--ink)}.gst-choice__sub{font-size:12px;color:var(--ink-4);margin-top:2px}.settings-section{margin-bottom:20px}.settings-section__title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);padding:0 4px;margin-bottom:8px}.settings-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border-light);margin-bottom:6px;cursor:pointer}.settings-item--static{cursor:default}.settings-item__icon{font-size:20px;width:28px;text-align:center}.settings-item__label{flex:1;font-size:15px;font-weight:500;color:var(--ink)}.settings-item__value{font-size:13px;color:var(--ink-4)}.settings-item__arrow{font-size:14px;color:var(--ink-4)}.image-upload{border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;cursor:pointer;transition:all .15s;background:var(--border-light)}.image-upload:hover{border-color:var(--amber);background:var(--amber-50)}.image-upload__preview{max-height:80px;max-width:180px;object-fit:contain;margin:0 auto 8px;border-radius:6px}.image-upload__text{font-size:13px;color:var(--ink-4)}.image-upload__text strong{display:block;font-size:14px;color:var(--ink-2);margin-bottom:2px}.inv-header{background:linear-gradient(135deg,var(--amber) 0%,var(--amber-700) 100%);border-radius:var(--radius-lg);padding:20px;color:#fff;margin-bottom:12px}.inv-header--light{background:var(--card);color:var(--ink);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.inv-header__biz{font-size:20px;font-weight:800;margin-bottom:4px}.inv-header__biz--dark{text-align:center}.inv-header__sub{font-size:13px;opacity:.85;margin-bottom:2px}.inv-header__sub--dark{color:var(--ink-3);opacity:1;text-align:center}.inv-meta{display:flex;justify-content:space-between;margin-top:14px}.inv-meta--dark .inv-meta__item label{color:var(--ink-4);opacity:1}.inv-meta--dark .inv-meta__item p{color:var(--ink)}.inv-meta__item label{font-size:10px;opacity:.7;text-transform:uppercase;letter-spacing:.08em}.inv-meta__item p{font-size:15px;font-weight:700}.inv-table{width:100%;border-collapse:collapse;font-size:13px}.inv-table th{text-align:left;padding:8px 6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);border-bottom:2px solid var(--border)}.inv-table td{padding:10px 6px;border-bottom:1px solid var(--border-light);color:var(--ink-2);vertical-align:top}.inv-table td:last-child{text-align:right;font-weight:700;color:var(--ink);white-space:nowrap}.inv-table th:last-child{text-align:right}.action-bar{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--border-light);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:10px}.action-bar .btn{flex:1}.action-bar--fixed{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(calc(100% - 20px),calc(var(--content-w) + 20px));border:1px solid var(--border);border-bottom:none;border-radius:18px 18px 0 0;box-shadow:var(--shadow);z-index:130}.empty-state{text-align:center;padding:48px 24px}.empty-state__icon{font-size:56px;margin-bottom:12px}.empty-state__title{font-size:18px;font-weight:700;color:var(--ink-2);margin-bottom:6px}.empty-state__sub{font-size:14px;color:var(--ink-4);margin-bottom:24px}.loader-wrap{display:flex;align-items:center;justify-content:center;min-height:200px}.loader{width:36px;height:36px;border:3px solid var(--amber-100);border-top-color:var(--amber);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:999;width:calc(100% - 32px);max-width:420px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 16px;border-radius:var(--radius);font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);animation:toast-in .3s ease;pointer-events:all}.toast-success{background:var(--green-bg);color:var(--green);border:1px solid #86EFAC}.toast-error{background:var(--red-bg);color:var(--red);border:1px solid #FECACA}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.divider{height:1px;background:var(--border-light);margin:16px 0}.section-title{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:12px}.warning-box{background:#fffbeb;border:1.5px solid #FDE68A;border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:#92400e;display:flex;gap:10px;align-items:flex-start}.warning-box__icon{font-size:16px;flex-shrink:0;margin-top:1px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:var(--ink-4)}.font-bold{font-weight:700}.font-800{font-weight:800}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{width:100%;min-height:48px}.saved-items-panel{margin-top:12px;display:flex;flex-direction:column;gap:8px}.saved-item-row{width:100%;padding:12px 14px;border-radius:var(--radius-sm);background:var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.saved-item-row__title{font-size:14px;font-weight:700;color:var(--ink)}.saved-item-row__meta{font-size:12px;color:var(--ink-4);margin-top:2px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segment{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--card);padding:12px;font-size:14px;font-weight:700;color:var(--ink-4)}.segment.active{border-color:var(--amber);background:var(--amber-100);color:var(--amber-800)}.payment-methods{display:flex;gap:8px;margin-top:12px}.payment-methods .type-tab{min-height:44px}.line-item__footer{display:flex;justify-content:flex-end;margin-top:10px}.plain-summary{white-space:pre-line;font-size:15px;line-height:1.6;color:var(--ink-2)}.card--summary{background:linear-gradient(180deg,#fffef7,#fff);border-color:#fde68a}.payment-row span:last-child{font-weight:700}.payment-row--cash span:last-child{color:#166534}.payment-row--upi span:last-child{color:#1d4ed8}.payment-row--bank span:last-child{color:#0f766e}.payment-row--card span:last-child{color:#7c3aed}.payment-row--credit span:last-child{color:#7c3aed}.summary-stack .summary-row:first-child{border-top:1px solid var(--border-light);margin-top:8px}.line-item__row--2{display:grid;grid-template-columns:1.4fr 1fr auto;gap:8px;align-items:start}.line-item__row--3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;align-items:start}.line-item__amount{margin-top:10px;text-align:right;font-size:16px;font-weight:800;color:var(--amber-700)}.action-row{display:flex;gap:10px;margin-top:16px;margin-bottom:32px}.amount-in-words{margin-top:10px;font-size:12px;line-height:1.5;color:var(--ink-4)}.dashboard-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber-700)}.dashboard-hero__title{font-size:30px;line-height:1.1;margin-top:4px}.dashboard-hero__sub{margin-top:6px;color:var(--ink-4);font-size:14px}.dashboard-hero__cta{width:auto}.dashboard-hero__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.dashboard-recent-desktop{display:none}.dashboard-recent-head,.dashboard-recent-row{display:grid;grid-template-columns:minmax(170px,1.6fr) minmax(100px,1fr) minmax(80px,.8fr) minmax(110px,1fr) minmax(110px,1fr);gap:10px;align-items:center}.dashboard-recent-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);padding:0 14px 10px}.dashboard-recent-row{width:100%;text-align:left;padding:14px;border:1px solid var(--border-light);border-radius:14px;background:var(--card);margin-bottom:8px}.dashboard-recent-row__name{font-size:15px;font-weight:700;color:var(--ink)}.dashboard-recent-row__amount,.dashboard-recent-row__balance{font-family:var(--font-mono);text-align:right;justify-self:end}.dashboard-recent-row__amount{color:var(--amber-700);font-weight:700}.dashboard-secondary-grid{margin-top:12px;display:grid;gap:12px}.dashboard-due-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--border-light);text-align:left}.dashboard-due-row:last-child{border-bottom:none}.dashboard-trend{display:grid;gap:10px}.dashboard-trend__item{display:grid;grid-template-columns:minmax(94px,.9fr) minmax(0,1.8fr) minmax(48px,.6fr);gap:10px;align-items:center}.dashboard-trend__value{font-size:12px;color:var(--ink-3)}.dashboard-trend__bar{height:8px;border-radius:999px;background:var(--border-light);overflow:hidden}.dashboard-trend__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--amber-200),var(--amber))}.dashboard-trend__label{font-size:12px;color:var(--ink-4);text-align:right}.stats-grid--staff{margin-bottom:16px}.invoice-stack{display:grid;gap:12px}.invoice-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.invoice-card__amount{display:grid;gap:6px;justify-items:end}.invoice-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.segmented-control--3{grid-template-columns:repeat(3,1fr)}.qr-card{text-align:center}.qr-card__image{width:190px;height:190px;object-fit:contain;margin:0 auto 10px}.qr-card__amount{font-size:24px;font-weight:800;color:var(--ink)}.inv-item__desc{font-weight:700;color:var(--ink)}.inv-item__meta{font-size:11px;color:var(--ink-4);margin-top:2px}.pending-card{margin-bottom:10px}.pending-card__body{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left}.pending-card__name{font-size:16px;font-weight:700;color:var(--ink)}.pending-card__meta{font-size:12px;color:var(--ink-4);margin-top:4px}.pending-card__amount{font-size:18px;color:var(--amber-700);white-space:nowrap}.pending-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.payment-choice-group{display:flex;flex-direction:column;gap:8px;flex:1 1 100%}.payment-choice-label{font-size:12px;font-weight:700;color:var(--ink-4);text-transform:uppercase;letter-spacing:.04em}.payment-choice-buttons{display:flex;flex-wrap:wrap;gap:8px}.public-invoice-shell{background:radial-gradient(circle at top,rgba(217,119,6,.12),transparent 34%),linear-gradient(180deg,#fffdf8,#f8f7f2)}.public-invoice-page{padding:14px 14px 96px}.public-hero{background:linear-gradient(145deg,#fff7df,#fff 58%);border:1px solid #f6deb2;border-radius:24px;padding:18px;box-shadow:0 10px 32px #b4530914}.public-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.public-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-700)}.public-title{font-size:30px;line-height:1;margin-top:6px;color:var(--ink)}.public-amount-stack{margin-top:18px;display:grid;gap:10px}.public-amount-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffffe6;border:1px solid #f3ead7;color:var(--ink-2);font-size:14px}.public-amount-row strong{font-size:18px;color:var(--ink)}.public-amount-row--total strong,.public-amount-row--due strong{color:var(--amber-700)}.btn-pay-now{min-height:56px;font-size:17px;border-radius:18px}.public-note{margin-top:12px;font-size:13px;color:var(--amber-800)}.qr-card--public{margin-top:12px;padding-bottom:18px}.public-summary-card,.public-totals-card{margin-top:12px}.public-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.public-summary-head__right{text-align:right}.public-business{font-size:18px;font-weight:800;color:var(--ink)}.public-business--small{font-size:16px}.public-meta{font-size:13px;color:var(--ink-4);margin-top:2px}.public-billto .card__label{margin-bottom:6px}.public-footnote{font-size:11px;color:var(--ink-4);text-align:center;margin-top:18px}.public-empty-state{padding-top:96px}.action-bar--public{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 360px){.quick-actions{grid-template-columns:1fr}.payment-methods,.payment-choice-buttons{flex-direction:column}.segmented-control--3{grid-template-columns:1fr}.action-row,.public-summary-head{flex-direction:column}.public-summary-head__right{text-align:left}}@media (min-width: 768px){.page{padding:24px 24px calc(var(--nav-h) + 24px)}.header{padding:0 24px}.stats-grid,.quick-actions,.invoice-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.invoice-item{border-radius:18px}}@media (min-width: 1024px){body{background:linear-gradient(180deg,#fffdf9,#f5f4ef)}.app-container{padding:0 24px}.page{padding-left:0;padding-right:0;max-width:1120px;margin-left:auto}.header{padding-left:0;padding-right:0;background:transparent;max-width:1120px;margin-left:auto}.action-bar--fixed{bottom:18px;border:1px solid var(--border);border-radius:22px}.bottom-nav{max-width:820px;bottom:18px;border:1px solid var(--border);border-radius:22px}.login-page{max-width:560px;margin:0 auto}.onboarding-page{max-width:720px;margin:0 auto}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid--staff{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(240px,280px))}.invoice-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section .card,.public-summary-card,.public-totals-card{max-width:820px}}.wb-login{min-height:100dvh;background:var(--cream);position:relative;overflow:hidden;color:var(--text);font-family:DM Sans,system-ui,sans-serif}.wb-login__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 92%,#c96a0021,#c96a0000 42%),radial-gradient(circle at 88% 8%,#c96a001c,#c96a0000 38%),linear-gradient(0deg,transparent 24px,rgba(232,221,208,.36) 24px,rgba(232,221,208,.36) 25px,transparent 25px),linear-gradient(90deg,transparent 24px,rgba(232,221,208,.36) 24px,rgba(232,221,208,.36) 25px,transparent 25px);background-size:auto,auto,25px 25px,25px 25px;pointer-events:none}.wb-login__shell{position:relative;z-index:1;min-height:100dvh;width:min(1200px,100%);margin:0 auto;padding:24px 16px 20px;display:flex;flex-direction:column;gap:16px}.wb-login__brand{display:flex;flex-direction:column;align-items:flex-start}.wb-login__logo-card{width:96px;height:96px;border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--primary);background:linear-gradient(145deg,#fff3e0,#ffe0b2);box-shadow:0 14px 34px #c96a0038}.wb-login__name{font-family:Playfair Display,serif;font-size:clamp(2.1rem,7vw,3rem);font-weight:700;margin-top:14px;line-height:1}.wb-login__tagline{margin-top:8px;font-size:clamp(1.24rem,4.2vw,2rem);font-weight:500;line-height:1.1}.wb-login__value{display:grid;gap:8px}.wb-login__desktop-points{display:none;list-style:none;margin:22px 0 0;padding:0;gap:12px}.wb-login__desktop-points li{color:var(--muted);font-size:1rem;position:relative;padding-left:18px}.wb-login__desktop-points li:before{content:"-";position:absolute;left:0;color:var(--primary)}.wb-login__card{background:#fdf8f2eb;border:1px solid var(--border-warm);border-radius:24px;box-shadow:0 16px 40px #1a120814;padding:18px 14px 14px}.wb-login__welcome{font-size:1.03rem;font-weight:700;margin-bottom:10px}.wb-google-btn{width:100%;min-height:52px;border-radius:14px;border:1px solid var(--border-warm);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:500;font-size:1rem;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.wb-google-btn:hover{border-color:var(--primary);box-shadow:0 0 0 1px #c96a0026}.wb-google-btn:disabled{opacity:.6;cursor:not-allowed}.wb-login__error{margin-top:10px;font-size:.9rem;color:#8f2e13}.wb-login__mobile-features{margin-top:16px}.wb-feature-card{background:#fff;border:1px solid var(--border-warm);border-radius:16px;box-shadow:0 8px 18px #1a12080f;padding:10px 11px}.wb-feature-card--wide{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wb-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wb-feature-card h2{font-size:.9rem;line-height:1.2;font-weight:700}.wb-feature-card__icon{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;margin-bottom:8px}.wb-feature-card--wide .wb-feature-card__icon{margin-bottom:0}.wb-feature-card__icon--amber{background:#fdebd1}.wb-feature-card__icon--green{background:#ddf4e4}.wb-feature-card__icon--blue{background:#deeafb}.wb-feature-card__icon--violet{background:#ede6fa}.wb-feature-card__icon--teal{background:#ddf5f1}.wb-login__trust{margin-top:13px;display:flex;flex-wrap:wrap;gap:8px}.wb-login__trust span{border:1px solid var(--border-warm);background:#fff;color:var(--muted);border-radius:999px;font-size:.78rem;font-weight:500;padding:6px 10px}.wb-login__terms{margin-top:12px;font-size:.74rem;color:var(--muted);text-align:center}.wb-fade-up{animation:wb-fade-up .5s ease both}.wb-delay-1{animation-delay:.1s}.wb-delay-2{animation-delay:.2s}.wb-delay-3{animation-delay:.3s}.wb-delay-4{animation-delay:.4s}.wb-delay-5{animation-delay:.5s}@keyframes wb-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.wb-login__shell{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;padding:40px 24px}.wb-login__card{padding:28px 24px;max-width:430px;justify-self:end;width:100%}.wb-login__mobile-features{display:none}.wb-login__desktop-points{display:grid}}.wb-app-layout{min-height:100dvh;width:100%;overflow-x:hidden}.wb-app-layout__content{width:100%;min-height:100dvh;overflow-x:hidden;padding-bottom:80px}.wb-app-layout__bottom-nav{position:fixed;left:0;right:0;bottom:0;height:80px;background:#fff;border-top:1px solid #E8DDD0;box-shadow:0 -1px #e8ddd0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:120}.wb-app-layout__bottom-item{min-width:0;border:0;background:transparent;color:#8b7355;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:500;padding:6px 4px}.wb-app-layout__bottom-item.is-active{color:#c96a00}.wb-app-layout__sidebar{display:none}.wb-app-layout__brand{width:calc(100% - 24px);margin:12px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;color:#c96a00;font-family:Playfair Display,serif;font-size:1.4rem;text-align:left}.wb-app-layout__brand-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.wb-app-layout__menu{display:grid;gap:2px;padding:4px 12px}.wb-app-layout__menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:12px;color:#8b7355;text-align:left;border-left:3px solid transparent}.wb-app-layout__menu-item:hover{background:#f4f1ed}.wb-app-layout__menu-item.is-active{border-left-color:#c96a00;color:#c96a00;background:#fff3e0}.wb-upgrade-card{background:#fff;border:1px solid #E8DDD0;border-radius:16px;padding:18px;box-shadow:0 6px 16px #1a120814}.wb-upgrade-card__eyebrow{color:#8b7355;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.wb-upgrade-card__headline{font-size:1.15rem;color:#1a1208;margin-top:6px;font-family:Playfair Display,serif}.wb-upgrade-card__sub{color:#5b4630;margin-top:8px;font-size:.95rem}.wb-upgrade-card__btn{display:inline-flex;margin-top:14px;min-height:44px;align-items:center;justify-content:center;border-radius:12px;padding:10px 16px;background:#c96a00;color:#fff;font-weight:600}.wb-app-error{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#fdf8f2}.wb-app-error__logo{width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#fff3e0,#ffe0b2);color:#c96a00;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.wb-app-error h1{color:#1a1208;font-size:1.5rem}.wb-app-error p{color:#5b4630;margin-top:8px;max-width:34ch}.wb-app-error__reload{margin-top:14px;min-height:44px;border-radius:12px;padding:10px 18px;background:#c96a00;color:#fff;font-weight:600}.wb-app-error__support{margin-top:10px;color:#8b7355;text-decoration:underline}.inv-table-wrap{overflow-x:auto}.customer-list{display:grid;gap:12px}.customer-card{background:#fff;border:1px solid #E8DDD0;border-radius:16px;box-shadow:0 1px 8px #1a12080f;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.customer-card__name{color:#1a1208;font-size:1.02rem;font-weight:700}.customer-card__meta{color:#8b7355;font-size:.87rem;margin-top:4px}.customer-card__amounts{min-width:122px;text-align:right}.customer-card__label{color:#8b7355;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.customer-card__value{color:#1a1208;font-size:1rem;font-weight:700;margin-bottom:2px}.customer-card__value--pending{color:#c96a00}@media (min-width: 1024px){.wb-app-layout__sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;display:block;background:#fff;border-right:1px solid #E8DDD0;z-index:80}.wb-app-layout__content{width:calc(100% - 240px);margin-left:240px;padding:0 24px;min-height:100dvh}.wb-app-layout__bottom-nav{display:none}.wb-app-layout .page,.wb-app-layout .header{width:100%;max-width:1120px;margin-left:0;margin-right:auto}.wb-app-layout .action-bar--fixed{left:264px;right:24px;width:auto;max-width:1120px;transform:none}}@media (max-width: 1023px){.wb-app-layout .action-bar--fixed{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 10px);left:50%;right:auto;width:min(calc(100% - 20px),calc(var(--content-w) + 20px));transform:translate(-50%);border-radius:18px;border-bottom:1px solid var(--border)}.wb-app-layout .action-bar--invoice-view{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.wb-app-layout .action-bar--invoice-view .btn{min-height:44px;white-space:nowrap;min-width:0}.wb-app-layout .action-bar--invoice-view .btn.btn-secondary{flex:1 1 calc(38% - 4px)}.wb-app-layout .action-bar--invoice-view .btn.btn-primary{flex:1 1 calc(62% - 4px)}.wb-app-layout .action-bar--invoice-view .btn:last-child{flex:1 1 100%}}@media (max-width: 767px){.customer-card{grid-template-columns:1fr}.customer-card__amounts{text-align:left;min-width:0}}body{font-family:Instrument Sans,sans-serif;background:var(--wb-bg);color:var(--wb-text-primary)}.app-container,.wb-app-layout__content,.page{background:var(--wb-bg)}.loader-wrap{min-height:40vh;display:grid;place-items:center}.loader-wrap--full{min-height:100dvh}.loader{width:28px;height:28px;border:3px solid var(--wb-border);border-top-color:var(--wb-amber);border-radius:var(--wb-radius-full);animation:wb-spin 1s linear infinite}@keyframes wb-spin{to{transform:rotate(360deg)}}.page{max-width:1200px;margin:0 auto;padding:var(--wb-space-4) var(--wb-space-4) 96px}@media (min-width: 1024px){.page{padding:var(--wb-space-6)}}.header{position:sticky;top:0;z-index:30;max-width:1200px;margin:0 auto;background:color-mix(in srgb,var(--wb-bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--wb-space-3) var(--wb-space-4);border-bottom:1px solid var(--wb-border)}.header__title{font-family:Syne,sans-serif;font-size:var(--wb-text-xl);font-weight:700}.header__action{margin-left:auto;color:var(--wb-text-secondary);font-size:var(--wb-text-sm)}.card{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-xl);box-shadow:var(--wb-shadow-sm);padding:var(--wb-space-4)}.card__label,.section-title{color:var(--wb-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:var(--wb-text-xs);font-weight:600}.section-title{margin-bottom:var(--wb-space-3)}.btn{min-height:36px;border-radius:var(--wb-radius-md);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--wb-space-2);padding:0 var(--wb-space-4);font-size:var(--wb-text-base);font-weight:500;transition:transform .1s ease,background-color .1s ease,border-color .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--wb-amber);color:var(--wb-text-inverse)}.btn-primary:hover{background:var(--wb-amber-hover)}.btn-secondary{background:var(--wb-surface);color:var(--wb-text-primary);border-color:var(--wb-border)}.btn-secondary:hover,.btn-ghost:hover{background:var(--wb-surface-subtle)}.btn-ghost{background:transparent;color:var(--wb-text-secondary)}.btn-danger{background:var(--wb-surface);color:var(--wb-error);border-color:var(--wb-error-border)}.btn-danger:hover{background:var(--wb-error-bg)}.btn-sm{min-height:32px;font-size:var(--wb-text-sm)}.quick-actions{display:grid;gap:var(--wb-space-2);grid-template-columns:1fr}@media (min-width: 768px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-group{margin-bottom:var(--wb-space-3)}.form-label{display:block;margin-bottom:6px;color:var(--wb-text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:var(--wb-text-xs);font-weight:500}.form-input{width:100%;min-height:44px;border-radius:var(--wb-radius-md);border:1px solid var(--wb-border);background:var(--wb-surface);color:var(--wb-text-primary);padding:0 var(--wb-space-3);font-size:var(--wb-text-base)}@media (min-width: 1024px){.form-input{min-height:36px}}.form-input:focus-visible{outline:none;border-color:var(--wb-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--wb-amber) 20%,transparent)}.form-input.error{border-color:var(--wb-error)}.form-hint{margin-top:6px;font-size:var(--wb-text-xs);color:var(--wb-text-muted)}.form-error{margin-top:6px;color:var(--wb-error);font-size:var(--wb-text-xs)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--wb-space-3)}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{border:1px solid var(--wb-border);background:var(--wb-surface);border-radius:var(--wb-radius-lg);padding:var(--wb-space-4)}.stat-card__value,.invoice-item__amount,.pending-card__amount,.summary-value,.wb-stat__value{font-family:JetBrains Mono,monospace}.stat-card__value{font-size:var(--wb-text-xl);font-weight:500}.stat-card__sub,.invoice-item__meta,.pending-card__meta{color:var(--wb-text-secondary);font-size:var(--wb-text-sm)}.invoice-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--wb-space-3);align-items:center;border:1px solid var(--wb-border);background:var(--wb-surface);border-radius:var(--wb-radius-lg);padding:var(--wb-space-3);margin-bottom:var(--wb-space-2)}.invoice-item:hover{background:var(--wb-surface-subtle)}.invoice-item__name,.pending-card__name{color:var(--wb-text-primary);font-size:var(--wb-text-base);font-weight:500}.invoice-item__amount{font-size:var(--wb-text-md);color:var(--wb-text-primary);text-align:right}.invoice-item__num{color:var(--wb-text-muted);font-size:var(--wb-text-xs);text-align:right}.pending-card{border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);background:var(--wb-surface);padding:var(--wb-space-3)}.pending-card__body{display:flex;justify-content:space-between;gap:var(--wb-space-4)}.pending-card__actions{display:flex;gap:var(--wb-space-2);flex-wrap:wrap;margin-top:var(--wb-space-3)}.summary-row{display:flex;justify-content:space-between;gap:var(--wb-space-2);padding:var(--wb-space-2) 0;border-bottom:1px solid var(--wb-border);color:var(--wb-text-secondary);font-size:var(--wb-text-sm)}.summary-row--total{color:var(--wb-text-primary);font-weight:600}.summary-row--total .summary-value{font-size:var(--wb-text-lg)}.badge{display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:0 8px;border-radius:var(--wb-radius-full);font-size:var(--wb-text-xs);font-weight:500}.badge-green{color:var(--wb-success);background:var(--wb-success-bg);border:1px solid var(--wb-success-border)}.badge-amber{color:var(--wb-text-amber);background:var(--wb-warning-bg);border:1px solid var(--wb-warning-border)}.badge-gray{color:var(--wb-text-secondary);background:var(--wb-surface-subtle);border:1px solid var(--wb-border)}.empty-state,.wb-empty{text-align:center;border:1px dashed var(--wb-border-strong);border-radius:var(--wb-radius-xl);background:var(--wb-surface);padding:var(--wb-space-8) var(--wb-space-4)}.empty-state--full{min-height:100dvh;display:grid;place-content:center}.empty-state__title,.wb-empty__title{font-family:Syne,sans-serif;font-size:var(--wb-text-xl);margin-bottom:var(--wb-space-2)}.empty-state__sub,.wb-empty__body{color:var(--wb-text-secondary);font-size:var(--wb-text-base)}.wb-empty__art{width:120px;height:120px;margin:0 auto var(--wb-space-4)}.wb-empty__action{margin-top:var(--wb-space-4)}.toast-container{position:fixed;z-index:300;right:16px;bottom:16px;width:min(320px,calc(100vw - 32px));display:grid;gap:var(--wb-space-2)}@media (max-width: 767px){.toast-container{left:16px;right:16px;width:auto}}.wb-toast{border:1px solid var(--wb-border);border-left-width:4px;border-radius:var(--wb-radius-lg);background:var(--wb-surface);box-shadow:var(--wb-shadow-xl);overflow:hidden;animation:wb-toast-in .2s ease}.wb-toast--success{border-left-color:var(--wb-success)}.wb-toast--error{border-left-color:var(--wb-error)}.wb-toast--warning{border-left-color:var(--wb-warning)}.wb-toast--info{border-left-color:var(--wb-info)}.wb-toast__content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wb-space-2);padding:var(--wb-space-3)}.wb-toast__content p{font-size:var(--wb-text-base);color:var(--wb-text-primary)}.wb-toast__close{color:var(--wb-text-muted);font-size:18px}.wb-toast__progress{display:block;height:2px;background:var(--wb-border-strong);transform-origin:left;animation:wb-toast-progress 4s linear forwards}@keyframes wb-toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes wb-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.wb-input-wrap,.wb-field,.wb-input,.wb-select,.wb-btn,.wb-card,.wb-badge,.wb-stat,.wb-table-wrap,.wb-list__item,.wb-dialog__panel,.wb-skeleton{box-sizing:border-box}.wb-field{display:grid;gap:6px}.wb-field__label{color:var(--wb-text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:var(--wb-text-xs);font-weight:500}.wb-field__error{font-size:var(--wb-text-xs);color:var(--wb-error)}.wb-input-wrap{display:flex;align-items:center;border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);background:var(--wb-surface);min-height:44px}@media (min-width: 1024px){.wb-input-wrap{min-height:36px}}.wb-input-wrap:focus-within{border-color:var(--wb-amber);box-shadow:0 0 0 3px #d977061a}.wb-input-wrap.is-error{border-color:var(--wb-error);box-shadow:0 0 0 3px #dc262614}.wb-input{width:100%;border:0;outline:0;background:transparent;color:var(--wb-text-primary);font-size:var(--wb-text-base);padding:0 var(--wb-space-3);min-height:inherit}.wb-input-slot{color:var(--wb-text-secondary);background:var(--wb-bg);border-right:1px solid var(--wb-border);align-self:stretch;display:inline-flex;align-items:center;padding:0 var(--wb-space-3);font-size:var(--wb-text-sm)}.wb-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px}.wb-select-wrap{position:relative}.wb-select-wrap:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--wb-text-muted);pointer-events:none;font-size:12px}.wb-btn{min-height:36px;border-radius:var(--wb-radius-md);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--wb-space-2);padding:0 var(--wb-space-4);font-size:var(--wb-text-base);font-weight:500;transition:transform .1s ease,background-color .1s ease,border-color .1s ease}.wb-btn:active{transform:scale(.98)}.wb-btn--sm{min-height:32px;font-size:var(--wb-text-sm)}.wb-btn--lg{min-height:40px}.wb-btn--primary{background:var(--wb-amber);color:var(--wb-text-inverse)}.wb-btn--primary:hover{background:var(--wb-amber-hover)}.wb-btn--secondary{background:var(--wb-surface);color:var(--wb-text-primary);border-color:var(--wb-border)}.wb-btn--secondary:hover{background:var(--wb-surface-subtle)}.wb-btn--ghost{color:var(--wb-text-secondary);background:transparent}.wb-btn--ghost:hover{background:var(--wb-surface-subtle)}.wb-btn--danger{background:var(--wb-surface);color:var(--wb-error);border-color:var(--wb-error-border)}.wb-btn--danger:hover{background:var(--wb-error-bg)}.wb-btn--link{min-height:auto;padding:0;background:transparent;color:var(--wb-amber)}.wb-btn__icon{display:inline-flex;align-items:center}.wb-btn__spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:wb-spin .8s linear infinite}.wb-card{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-xl);box-shadow:var(--wb-shadow-sm)}.wb-card--flat{box-shadow:none}.wb-card--ghost{border-style:dashed;background:transparent;box-shadow:none}.wb-card--highlight{box-shadow:inset 3px 0 0 var(--wb-amber),var(--wb-shadow-sm)}.wb-card__header,.wb-card__footer{padding:var(--wb-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-3)}.wb-card__header{border-bottom:1px solid var(--wb-border)}.wb-card__footer{border-top:1px solid var(--wb-border);background:var(--wb-surface-subtle)}.wb-card__body{padding:var(--wb-space-5)}.wb-card__title{font-size:var(--wb-text-lg);color:var(--wb-text-primary)}.wb-card__subtitle{font-size:var(--wb-text-sm);color:var(--wb-text-secondary)}.wb-badge{display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:0 8px;border-radius:var(--wb-radius-full);font-size:var(--wb-text-xs);font-weight:500}.wb-badge__dot{width:4px;height:4px;border-radius:var(--wb-radius-full);background:currentColor}.wb-badge.is-uppercase{letter-spacing:.03em;text-transform:uppercase}.wb-badge--success{color:var(--wb-success);background:var(--wb-success-bg);border:1px solid var(--wb-success-border)}.wb-badge--warning{color:var(--wb-text-amber);background:var(--wb-warning-bg);border:1px solid var(--wb-warning-border)}.wb-badge--error{color:var(--wb-error);background:var(--wb-error-bg);border:1px solid var(--wb-error-border)}.wb-badge--info{color:var(--wb-info);background:var(--wb-info-bg);border:1px solid var(--wb-info-border)}.wb-badge--amber{color:var(--wb-text-amber);background:var(--wb-amber-subtle);border:1px solid var(--wb-amber-border)}.wb-badge--gray{color:var(--wb-text-secondary);background:var(--wb-surface-subtle);border:1px solid var(--wb-border)}.wb-stat{border:1px solid var(--wb-border);border-radius:var(--wb-radius-xl);background:var(--wb-surface);padding:var(--wb-space-4);box-shadow:var(--wb-shadow-sm)}.wb-stat__top{display:flex;align-items:center;justify-content:space-between}.wb-stat__icon{width:32px;height:32px;border-radius:var(--wb-radius-full);background:var(--wb-surface-subtle);color:var(--wb-text-secondary);display:inline-flex;align-items:center;justify-content:center}.wb-stat__value{margin-top:var(--wb-space-3);font-size:var(--wb-text-2xl);color:var(--wb-text-primary)}.wb-stat__label{font-size:var(--wb-text-sm);color:var(--wb-text-secondary)}.wb-stat__trend{font-size:var(--wb-text-xs);font-weight:500}.wb-stat__trend.is-up{color:var(--wb-success)}.wb-stat__trend.is-down{color:var(--wb-error)}.wb-table-wrap{overflow:auto;border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);background:var(--wb-surface)}.wb-table{width:100%;border-collapse:collapse}.wb-table th{background:var(--wb-bg);color:var(--wb-text-secondary);font-size:var(--wb-text-xs);letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:var(--wb-space-3);border-bottom:1px solid var(--wb-border)}.wb-table td{padding:var(--wb-space-3);border-bottom:1px solid var(--wb-border);font-size:var(--wb-text-sm);color:var(--wb-text-primary)}.wb-table tr:hover td{background:var(--wb-surface-subtle)}.wb-table .is-right{text-align:right}.wb-table .is-center{text-align:center}.wb-list{display:grid;gap:var(--wb-space-2)}.wb-list__item{width:100%;border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);background:var(--wb-surface);padding:var(--wb-space-3);text-align:left}.wb-list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-2);padding:2px 0;font-size:var(--wb-text-sm)}.wb-list__label{color:var(--wb-text-secondary)}.wb-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--wb-space-4)}.wb-dialog__panel{width:min(100%,480px);max-width:calc(100vw - (var(--wb-space-4) * 2));max-height:calc(100dvh - (var(--wb-space-4) * 2));background:var(--wb-surface);border-radius:var(--wb-radius-xl);box-shadow:var(--wb-shadow-xl);border:1px solid var(--wb-border);overflow:hidden}.wb-dialog__header,.wb-dialog__footer{padding:var(--wb-space-4);border-bottom:1px solid var(--wb-border);display:flex;align-items:center;justify-content:space-between}.wb-dialog__footer{border-bottom:0;border-top:1px solid var(--wb-border);justify-content:flex-end;gap:var(--wb-space-2)}.wb-dialog__body{padding:var(--wb-space-4)}.wb-dialog__close{color:var(--wb-text-muted);font-size:20px}@media (max-width: 767px){.wb-dialog{align-items:flex-end;padding:0}.wb-dialog__panel{width:100%;border-radius:var(--wb-radius-xl) var(--wb-radius-xl) 0 0;min-height:40vh}}.wb-skeleton{border-radius:var(--wb-radius-md);background:linear-gradient(90deg,var(--wb-border) 25%,var(--wb-surface-subtle) 50%,var(--wb-border) 75%);background-size:200% 100%;animation:wb-shimmer 1.5s infinite}.wb-skeleton--text{height:12px;width:100%}.wb-skeleton--heading{height:22px;width:60%}.wb-skeleton--card{height:120px;width:100%}.wb-skeleton--stat{height:92px;width:100%}.wb-skeleton--avatar{width:36px;height:36px;border-radius:9999px}.wb-skeleton--row{height:48px;width:100%;border-radius:0}@keyframes wb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.wb-app-layout__sidebar{background:var(--wb-surface);border-right:1px solid var(--wb-border)}.wb-app-layout__brand{width:calc(100% - 16px);margin:8px;color:var(--wb-text-primary);font-family:Syne,sans-serif;font-size:16px;padding:var(--wb-space-4) var(--wb-space-3);border-bottom:1px solid var(--wb-border);border-radius:0}.wb-app-layout__menu-item{border-left-width:2px;border-left-style:solid;border-left-color:transparent;color:var(--wb-text-secondary);font-size:var(--wb-text-base);min-height:36px;border-radius:var(--wb-radius-md);margin:2px 8px;padding:0 12px}.wb-app-layout__menu-item:hover{background:var(--wb-bg);color:var(--wb-text-primary)}.wb-app-layout__menu-item.is-active{background:var(--wb-bg);color:var(--wb-text-primary);box-shadow:inset 2px 0 0 var(--wb-amber)}.wb-app-layout__bottom-nav{border-top:1px solid var(--wb-border);background:var(--wb-surface)}.wb-app-layout__bottom-item{color:var(--wb-text-secondary);font-size:var(--wb-text-xs)}.wb-app-layout__bottom-item.is-active{color:var(--wb-amber)}.dashboard-hero__eyebrow{color:var(--wb-text-secondary);font-size:var(--wb-text-xs);letter-spacing:.04em;text-transform:uppercase}.dashboard-hero__title{font-family:Syne,sans-serif;font-size:var(--wb-text-3xl)}.dashboard-hero__sub{color:var(--wb-text-secondary);font-size:var(--wb-text-base)}.page--invoice,.page--invoice-create{padding-bottom:140px}.invoice-brand-logo{display:block;height:44px;object-fit:contain;margin:0 auto var(--wb-space-2);border-radius:var(--wb-radius-md)}.inv-meta__item--right{text-align:right}.invoice-customer-name{font-size:var(--wb-text-md);font-weight:600;color:var(--wb-text-primary)}.invoice-customer-phone{margin-top:2px;color:var(--wb-text-secondary);font-size:var(--wb-text-sm)}.inv-table__right{text-align:right}.invoice-seal-wrap{margin-top:var(--wb-space-4);text-align:right}.invoice-seal{height:72px;object-fit:contain;margin-left:auto}.invoice-created-at{text-align:center;margin-top:var(--wb-space-4);font-size:var(--wb-text-xs);color:var(--wb-text-muted)}.action-bar__primary{flex:2}.form-group--flush,.form-group--compact{margin-bottom:0}.form-input--textarea{min-height:96px;padding-top:var(--wb-space-2);padding-bottom:var(--wb-space-2);resize:none}.form-input--uppercase{text-transform:uppercase}.action-row__primary{flex:2}.action-row__secondary{flex:1}.settings-hidden-file{display:none}.settings-muted{font-size:var(--wb-text-xs);color:var(--wb-text-secondary)}.settings-toggle{margin-bottom:var(--wb-space-3)}.settings-note{margin-bottom:var(--wb-space-3);font-size:var(--wb-text-sm);color:var(--wb-text-secondary)}.settings-item--spaced{margin-top:var(--wb-space-2)}.settings-media-card{display:flex;flex-direction:column;gap:var(--wb-space-4)}.settings-divider{margin:0}.settings-item--mb-sm{margin-bottom:var(--wb-space-2)}.settings-item--mb-md{margin-bottom:10px}.settings-item__label--name{font-size:var(--wb-text-base)}.settings-version{text-align:center;margin-top:var(--wb-space-6);margin-bottom:var(--wb-space-2);font-size:var(--wb-text-xs);color:var(--wb-text-muted)}.team-hint{margin-bottom:var(--wb-space-4)}.team-card{margin-bottom:var(--wb-space-3)}body,input,textarea,select,button{font-family:Manrope,sans-serif!important}.header__title,.dashboard-hero__title,.empty-state__title,.wb-empty__title,.wb-login__name,.wb-login__welcome{font-family:Sora,sans-serif!important}.summary-value,.stat-card__value,.invoice-item__amount,.pending-card__amount,.wb-stat__value,.invoice-created-at,.inv-table__right{font-family:JetBrains Mono,monospace!important}.wb-app-layout,.wb-app-layout__content,.app-container,.page{overflow-x:visible!important}.page{width:min(100%,1200px)!important;max-width:1200px!important}.invoice-item,.card,.pending-card,.inv-header,.dashboard-recent-row{max-width:100%}.inv-table-wrap,.wb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-primary,.wb-btn--primary,.nav-fab,.wb-upgrade-card__btn{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 6px 16px #2563eb40}.btn-primary:hover,.wb-btn--primary:hover{background:#1d4ed8!important}.wb-app-layout__menu-item.is-active,.wb-app-layout__bottom-item.is-active{color:#2563eb!important}.wb-app-layout__menu-item.is-active{box-shadow:inset 2px 0 #2563eb!important}[data-theme=dark] body,[data-theme=dark] .app-container,[data-theme=dark] .wb-app-layout__content,[data-theme=dark] .page{background:var(--wb-bg)!important;color:var(--wb-text-primary)!important}[data-theme=dark] .card,[data-theme=dark] .invoice-item,[data-theme=dark] .pending-card,[data-theme=dark] .wb-app-layout__sidebar,[data-theme=dark] .wb-app-layout__bottom-nav,[data-theme=dark] .header,[data-theme=dark] .action-bar--fixed{background:var(--wb-surface)!important;border-color:var(--wb-border)!important}[data-theme=dark] .form-input,[data-theme=dark] .wb-input-wrap{background:var(--wb-surface-subtle)!important;border-color:var(--wb-border)!important;color:var(--wb-text-primary)!important}[data-theme=dark] .form-label,[data-theme=dark] .form-hint,[data-theme=dark] .invoice-item__meta,[data-theme=dark] .pending-card__meta,[data-theme=dark] .header__action,[data-theme=dark] .settings-muted{color:var(--wb-text-secondary)!important}.settings-theme-tabs{width:220px}.action-bar{z-index:260}.action-bar--fixed{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 76px)!important;margin:0 auto;width:min(100%,1200px);padding:10px 12px;background:color-mix(in srgb,var(--wb-surface) 94%,transparent);border-top:1px solid var(--wb-border);display:flex;gap:8px}.action-bar .btn{min-height:44px}@media (max-width: 767px){.action-bar--fixed{flex-wrap:wrap}.action-bar .btn{flex:1 1 calc(50% - 8px)}.action-bar__primary{flex:1 1 100%!important}}@media (min-width: 1024px){.action-bar--fixed{bottom:18px!important;border:1px solid var(--wb-border);border-radius:var(--wb-radius-xl);box-shadow:var(--wb-shadow-md)}}:root{--wb-sidebar-w: 240px;--wb-shell-pad: 24px}.wb-app-layout__content,.app-container,.page{overflow-x:visible!important}.wb-app-layout__content{width:100%}.page{width:100%!important;max-width:none!important;margin:0!important;padding-inline:var(--wb-space-4)!important}.header{width:100%;max-width:none!important;margin:0!important}.action-bar--fixed{position:fixed!important;left:0!important;right:0!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:8px 12px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;z-index:220!important;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 8px)!important;background:color-mix(in srgb,var(--wb-surface) 95%,transparent)!important;border-top:1px solid var(--wb-border)!important;border-left:0!important;border-right:0!important;border-radius:0!important}.action-bar--fixed .btn{width:100%;min-width:0;min-height:44px}.action-bar--fixed .btn:only-child{grid-column:1 / -1!important}.action-bar__primary{width:100%}@media (min-width: 768px) and (max-width: 1023px){.action-bar--fixed{grid-template-columns:repeat(2,minmax(0,1fr))!important}.action-bar__primary{grid-column:1 / -1}}@media (min-width: 1024px){.page,.header{padding-inline:var(--wb-shell-pad)!important}.action-bar--fixed{left:calc(var(--wb-sidebar-w) + var(--wb-shell-pad))!important;right:var(--wb-shell-pad)!important;bottom:16px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border:1px solid var(--wb-border)!important;border-radius:var(--wb-radius-xl)!important;box-shadow:var(--wb-shadow-md)!important}.action-bar__primary{grid-column:auto}}[data-theme=dark]{--surface: #0f172a;--card: #111b31;--border: #2b3550;--border-light: #2b3550;--ink: #e5ecff;--ink-2: #d2defb;--ink-3: #b8c4e6;--ink-4: #8fa0c9;--text: #e5ecff;--muted: #9fb0d8;--cream: #0b1020;--warm-bg: #0b1020;--border-warm: #2b3550;--primary: #2563eb;--primary-bg: #1e3a8a}[data-theme=dark] .settings-item,[data-theme=dark] .settings-item--static,[data-theme=dark] .image-upload,[data-theme=dark] .gst-choice,[data-theme=dark] .line-item,[data-theme=dark] .segment,[data-theme=dark] .type-tab,[data-theme=dark] .saved-item-row{background:var(--wb-surface-subtle)!important;border-color:var(--wb-border)!important;color:var(--wb-text-primary)!important}[data-theme=dark] .summary-row,[data-theme=dark] .inv-item__meta,[data-theme=dark] .form-hint,[data-theme=dark] .settings-note,[data-theme=dark] .settings-muted,[data-theme=dark] .section-title,[data-theme=dark] .card__label,[data-theme=dark] .settings-section__title,[data-theme=dark] .form-label{color:var(--wb-text-secondary)!important}@media (min-width: 1024px){.wb-app-layout__content{margin-left:var(--wb-sidebar-w)!important;width:calc(100vw - var(--wb-sidebar-w))!important;max-width:calc(100vw - var(--wb-sidebar-w))!important;overflow-x:hidden!important}.page,.header{width:min(100%,1120px)!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--wb-shell-pad)!important;padding-right:var(--wb-shell-pad)!important}}@media (min-width: 1024px) and (max-width: 1439px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width: 1440px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}