:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}html,body{min-height:100%;margin:0}#root{text-align:left;width:100%;min-height:100vh}h1,h2,h3{font-family:inherit;line-height:1.2}p{margin:0}*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-300:#a5b4fc;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--brand-800:#3730a3;--brand-900:#312e81;--brand-rgb:99, 102, 241;--shadow-rgb:15, 23, 42;--white:#fff;--slate-900:#0f172a;--slate-700:#334155;--slate-600:#475569;--slate-500:#5b6b83;--slate-100:#f1f5f9;--surface-tint:#f8faff;--page:#f1f5f9;--app-bg:var(--page);--heading:var(--slate-900);--border:#e2e8f0;--border-strong:#cbd5e1;--shadow-card:0 1px 2px #0f172a0f;--success:#059669;--success-solid:#15803d;--warning:#d97706;--danger:#dc2626;--d-bg:#0b1020;--d-surface:#131a2e;--d-surface-2:#1b2440;--d-surface-rgb:19, 26, 46;--d-border:#2a3558;--d-border-2:#3a4670;--d-text:#e8ecf8;--d-text-2:#c3cbe3;--d-muted:#94a1c4}:root[data-theme=rose]{--brand-50:#fdf2f8;--brand-100:#fce7f3;--brand-200:#fbcfe8;--brand-300:#f9a8d4;--brand-400:#f472b6;--brand-500:#ec4899;--brand-600:#db2777;--brand-700:#be185d;--brand-800:#9d174d;--brand-900:#831843;--brand-rgb:244, 114, 182;--shadow-rgb:236, 72, 153;--surface-tint:#fff7fb;--page:#fdf2f8;--heading:#831843;--border:#fbcfe8;--border-strong:#f9a8d4}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:var(--d-bg);--heading:var(--d-text);--border:var(--d-border);--border-strong:var(--d-border-2);--shadow-card:none}body{background:var(--app-bg);color:var(--slate-700);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font-family:inherit}button{cursor:pointer;background:var(--brand-600);color:#fff;border:none;border-radius:16px;padding:12px 16px;font-weight:800;transition:all .2s}button:hover{background:var(--brand-700);transform:translateY(-1px)}button.secondary{background:var(--brand-100);color:var(--brand-700)}button.secondary:hover{background:var(--brand-200)}button.delete{background:var(--danger)}button.delete:hover{background:#dc2626}input,textarea,select{border:1px solid var(--border);background:var(--surface-tint);width:100%;color:var(--slate-700);border-radius:16px;outline:none;padding:13px 14px;font-size:15px}input:focus,textarea:focus,select:focus{border-color:var(--brand-600);box-shadow:0 0 0 4px rgba(var(--brand-rgb), .18);background:#fff}textarea{resize:vertical;min-height:90px}label{color:var(--slate-600);font-size:14px;font-weight:800}.app{background:var(--app-bg);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.app.dark{background:var(--d-bg);color:var(--d-text)}.sidebar{border-right:1px solid var(--border);height:100vh;box-shadow:var(--shadow-card);z-index:10;background:#ffffffe6;flex-direction:column;gap:24px;padding:22px;display:flex;position:sticky;top:0}.dark .sidebar{background:var(--d-surface);border-right-color:var(--d-border)}.sidebar-logo{align-items:center;gap:12px;display:flex}.sidebar-logo h2{color:var(--heading);margin:0;font-size:24px}.sidebar-logo p{color:var(--slate-500);margin:2px 0 0;font-size:13px}.sidebar nav{flex-direction:column;gap:10px;display:flex}.sidebar nav button{text-align:left;width:100%;color:var(--slate-700);background:0 0;border:1px solid #0000}.sidebar nav button:hover,.sidebar nav button.active{background:var(--brand-100);color:var(--brand-700);border-color:var(--border);transform:none}.export-btn{width:100%;margin-top:auto}.content{min-width:0;padding:24px}.topbar{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffe0;border-radius:30px;align-items:center;gap:18px;margin-bottom:22px;padding:20px;display:flex}.dark .topbar,.dark .summary-card,.dark .chart-card,.dark .form-card,.dark .record-card,.dark .settings-card,.dark .receipt{background:var(--d-surface);border-color:var(--d-border)}.topbar h1{color:var(--heading);margin:0;font-size:34px}.topbar p{color:var(--slate-500);margin:4px 0 0}.back-btn{background:var(--brand-100);color:var(--brand-700);white-space:nowrap}.page{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-logo{background:var(--brand-600);color:#fff;width:76px;min-width:76px;height:76px;box-shadow:none;border-radius:24px;justify-content:center;align-items:center;font-size:42px;font-weight:900;display:flex}.app-logo.small{border-radius:18px;width:54px;min-width:54px;height:54px;font-size:30px}.summary-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px;display:grid}.summary-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffe6;border-radius:24px;padding:18px}.summary-card p{color:var(--slate-500);margin:0 0 10px;font-size:14px;font-weight:700}.summary-card strong{color:var(--heading);font-size:24px;display:block}.summary-card.highlight{background:var(--brand-50)}.charts-grid{grid-template-columns:.9fr 1.1fr;gap:20px;display:grid}.chart-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:28px;padding:24px}.chart-card h2{color:var(--heading);margin:0 0 20px}.pie-chart{width:240px;height:240px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;margin:10px auto 24px;display:flex}.pie-hole{width:130px;height:130px;color:var(--heading);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.dark .pie-hole{background:var(--d-bg)}.legend{gap:10px;display:grid}.legend span{color:var(--slate-600);align-items:center;gap:8px;font-weight:700;display:flex}.bar-chart{gap:22px;display:grid}.bar-row{gap:8px;display:grid}.bar-label{color:var(--slate-600);justify-content:space-between;align-items:center;display:flex}.bar-track{background:var(--brand-100);border-radius:999px;height:18px;overflow:hidden}.bar-fill{border-radius:999px;min-width:4px;height:100%}.quick-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.form-page{max-width:980px}.form-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:30px;padding:24px}.section-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.section-title h2{color:var(--heading);margin:0}form{flex-direction:column;gap:12px;display:flex}.type-switch{background:var(--brand-50);border:1px solid var(--border);border-radius:20px;grid-template-columns:1fr 1fr;gap:12px;padding:8px;display:grid}.type-switch button{color:var(--brand-700);border:1px solid var(--border);background:#fff}.type-switch button.selected{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.three-columns>div{flex-direction:column;gap:10px;display:flex}.records-toolbar{grid-template-columns:1fr auto;gap:12px;margin-bottom:18px;display:grid}.records-list{gap:14px;display:grid}.record-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:26px;padding:20px}.record-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.record-top h3{color:var(--heading);margin:8px 0 4px;font-size:24px}.record-top p,.record-card p{color:var(--slate-600);margin:6px 0}.record-top strong{color:var(--heading);white-space:nowrap;font-size:22px}.client-badge{background:var(--brand-100);color:var(--slate-700);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.amount-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.amount-grid span{background:var(--brand-50);color:var(--heading);border-radius:14px;padding:10px;font-size:13px;font-weight:800}.notes{background:var(--surface-tint);border-left:4px solid var(--brand-500);border-radius:14px;padding:10px}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.empty-box{border:1px dashed var(--border);text-align:center;color:var(--slate-500);background:#ffffffd1;border-radius:24px;padding:32px;font-weight:700}.settings-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.settings-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:28px;padding:24px}.settings-card h2{color:var(--heading);margin:0 0 8px}.settings-card p{color:var(--slate-500);margin:0 0 16px}.settings-card small{color:var(--slate-500);margin-top:12px;line-height:1.4;display:block}.account-box{background:var(--brand-50);border:1px solid var(--border);border-radius:18px;padding:16px;line-height:1.8}.receipt-page{max-width:850px}.receipt{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:30px;padding:28px}.receipt-header{border-bottom:3px solid var(--border);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.receipt-header h2{color:var(--heading);margin:0;font-size:30px}.receipt-header p{color:var(--slate-500);margin:4px 0 0}.receipt table{border-collapse:collapse;width:100%}.receipt td{border-bottom:1px solid #f3f4f6;padding:14px 10px}.receipt td:first-child{color:var(--slate-600);width:240px;font-weight:900}.receipt .balance{color:var(--heading);font-weight:900}.receipt-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.receipt-footer p{color:var(--slate-500);font-weight:700}.lock-screen{background:var(--app-bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.lock-card{text-align:center;width:100%;max-width:480px;box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:32px;padding:32px 28px;overflow:hidden}.lock-card .app-logo{margin:0 auto 18px}.lock-card h1{color:var(--heading);margin:10px 0 8px;font-size:32px;line-height:1.1}.lock-card p{color:var(--slate-500)}.lock-card input{text-align:center;margin:16px 0}.dark .topbar h1,.dark .summary-card strong,.dark .chart-card h2,.dark .form-card h2,.dark .record-top h3,.dark .settings-card h2,.dark .receipt-header h2,.dark .receipt .balance{color:var(--brand-300)}.dark .topbar p,.dark .summary-card p,.dark .record-card p,.dark .settings-card p,.dark .legend span,.dark .bar-label,.dark .receipt td:first-child,.dark .receipt-footer p{color:var(--d-text-2)}.dark input,.dark textarea,.dark select{background:var(--d-bg);color:#fff;border-color:var(--d-border-2)}.dark .account-box,.dark .amount-grid span,.dark .notes,.dark .client-badge,.dark .bar-track{background:var(--d-bg)}@media print{body{background:#fff}.sidebar,.topbar,.receipt-footer button{display:none!important}.app{background:#fff;display:block}.content{padding:0}.receipt{box-shadow:none;border:none;border-radius:0}}@media (width<=1050px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(4,1fr);display:grid}.export-btn{margin-top:0}.summary-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=700px){.content{padding:14px}.sidebar{padding:16px}.sidebar-logo{justify-content:center}.sidebar nav{grid-template-columns:repeat(2,1fr)}.topbar{border-radius:24px;flex-direction:column;align-items:flex-start;padding:16px}.topbar h1{font-size:28px}.summary-grid,.three-columns,.type-switch,.records-toolbar{grid-template-columns:1fr}.record-top{flex-direction:column}.amount-grid{grid-template-columns:1fr}.receipt-header{text-align:center;flex-direction:column}.receipt td{width:100%;padding:10px 4px;display:block}.receipt td:first-child{border-bottom:none;width:100%;padding-bottom:2px}.receipt-footer{flex-direction:column;align-items:stretch}.quick-actions,.actions{flex-direction:column}.quick-actions button,.actions button,.records-toolbar button,.export-btn,.receipt-footer button{width:100%}.lock-card h1{font-size:28px;line-height:1.15}.lock-card{padding:28px 20px}.lock-card p{font-size:16px;line-height:1.4}.pie-chart{width:210px;height:210px}.pie-hole{width:115px;height:115px}}.sidebar{width:280px;transition:width .25s}.sidebar.collapsed{align-items:center;width:88px}.sidebar.expanded{align-items:stretch;width:280px}.hamburger-btn{background:var(--brand-100);width:48px;height:48px;color:var(--brand-700);border-radius:16px;justify-content:center;align-items:center;padding:0;font-size:22px;display:flex}.hamburger-btn:hover{background:var(--brand-200)}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .sidebar-logo .app-logo.small{margin:0 auto}.sidebar nav button,.export-btn{white-space:nowrap;align-items:center;gap:12px;display:flex}.sidebar.collapsed nav button,.sidebar.collapsed .export-btn{justify-content:center;padding:13px}.sidebar.expanded nav button,.sidebar.expanded .export-btn{justify-content:flex-start}.nav-icon{text-align:center;width:26px;min-width:26px;font-size:22px}.sidebar.collapsed .export-btn{margin-top:auto}.topbar p{display:none}@media (width<=1050px){.app{grid-template-columns:78px 1fr}.sidebar{border-right:1px solid var(--border);border-bottom:none;width:78px;height:100vh;padding:12px;position:sticky;top:0;left:0}.sidebar.collapsed{width:78px}.sidebar.expanded{z-index:999;width:235px;position:fixed}.sidebar nav{flex-direction:column;gap:10px;display:flex}.sidebar-logo{justify-content:center}.sidebar.expanded .sidebar-logo{justify-content:flex-start}.content{padding:14px}.topbar{border-radius:22px;margin-bottom:16px;padding:14px 16px}.topbar h1{font-size:24px}.back-btn{padding:10px 12px;font-size:14px}}@media (width<=700px){.app{grid-template-columns:72px 1fr}.sidebar{width:72px;padding:10px}.sidebar.collapsed{width:72px}.sidebar.expanded{width:230px}.app-logo.small{border-radius:16px;width:46px;min-width:46px;height:46px;font-size:26px}.hamburger-btn{width:46px;height:46px}.sidebar nav button,.export-btn{width:100%;min-height:48px}.summary-grid{grid-template-columns:1fr}.quick-actions{display:none}}.sidebar.collapsed .export-btn,.sidebar.collapsed nav button,.hamburger-btn{justify-content:center;align-items:center;display:flex}.sidebar.collapsed .export-btn .nav-icon,.sidebar.collapsed nav button .nav-icon{justify-content:center;align-items:center;width:26px;height:26px;margin:0;line-height:1;display:flex}.sidebar.collapsed .export-btn{padding-left:0;padding-right:0}.sidebar .hamburger-btn{align-self:center;margin-top:-8px;margin-bottom:8px}.sidebar.expanded .hamburger-btn{align-self:flex-start;margin-left:3px}.sidebar.collapsed .hamburger-btn{align-self:center}.back-btn{border-radius:14px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:22px;line-height:1;display:flex}.topbar{border-radius:24px;flex-direction:row;align-items:center;padding:16px}.topbar h1{line-height:1.1}@media only screen and (width<=430px){.app{grid-template-columns:68px 1fr;min-height:100vh}.sidebar{width:68px;padding:8px}.sidebar.collapsed{width:68px}.sidebar.expanded{z-index:999;width:235px;height:100vh;position:fixed;top:0;left:0}.content{width:100%;padding:10px;overflow-x:hidden}.topbar{border-radius:20px;margin-bottom:12px;padding:12px}.topbar h1{font-size:22px}.back-btn{width:38px;min-width:38px;height:38px;font-size:20px}.app-logo.small{border-radius:15px;width:44px;min-width:44px;height:44px;font-size:25px}.hamburger-btn{width:44px;height:44px;font-size:21px}.sidebar nav button,.export-btn{width:100%;min-height:46px;padding:10px}.nav-icon{width:24px;min-width:24px;font-size:21px}.summary-grid{grid-template-columns:1fr;gap:10px}.summary-card{border-radius:20px;padding:14px}.summary-card strong{font-size:20px}.charts-grid{grid-template-columns:1fr;gap:14px}.chart-card{border-radius:22px;padding:16px}.pie-chart{width:190px;height:190px}.pie-hole{width:105px;height:105px}.form-card,.record-card,.settings-card,.receipt{border-radius:22px;padding:16px}.three-columns,.amount-grid,.settings-grid,.records-toolbar{grid-template-columns:1fr}input,textarea,select{padding:12px;font-size:16px}button{font-size:15px}.receipt-header h2{font-size:24px}.receipt td{font-size:14px}}.notice{z-index:1000;color:#fff;background:var(--success-solid);cursor:pointer;border-radius:12px;max-width:min(92vw,460px);padding:12px 18px;font-size:.95rem;font-weight:600;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0f172a2e}.notice.error{background:#dc2626}.file-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;display:inline-flex}.records-toolbar{flex-wrap:wrap;gap:12px;display:flex}.records-toolbar>input{flex:240px;min-width:0}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filter-bar select{width:auto;min-width:150px}.chips{gap:8px;display:flex}button.chip{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--border);box-shadow:none;border-radius:999px;padding:8px 16px;font-weight:800}button.chip.selected{background:var(--brand-600,var(--brand-600));color:#fff;border-color:#0000}.filter-summary{opacity:.85;margin-left:auto;font-size:14px;font-weight:700}.status-badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.status-badge.paid{color:#047857;background:#10b98129}.status-badge.partial{color:#92400e;background:#f59e0b33}.status-badge.unpaid{color:#b91c1c;background:#ef444426}.status-badge.none{color:#475569;background:#64748b29}.dark .status-badge.paid{color:#6ee7b7}.dark .status-badge.partial{color:#fcd34d}.dark .status-badge.unpaid{color:#fca5a5}.dark .status-badge.none{color:#cbd5e1}.owing-text{color:#b91c1c!important}.dark .owing-text{color:#fca5a5!important}.pay-form,.pay-history{background:rgba(var(--brand-rgb), .08);border:1px dashed var(--border);border-radius:18px;margin-top:14px;padding:14px}.dark .pay-form,.dark .pay-history{background:#ffffff0d;border-color:#fff3}.pay-fields{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.pay-row{border-bottom:1px solid #94a3b840;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:grid}.pay-row:last-child{border-bottom:none}button.pay-remove{color:#dc2626;box-shadow:none;background:0 0;border:1px solid #dc262659;border-radius:8px;padding:4px 9px}.balance-preview{background:var(--brand-50);color:var(--heading);border-radius:14px;margin:14px 0;padding:12px 14px;font-weight:700}.dark .balance-preview{color:inherit;background:#ffffff0f}.balance-preview small{opacity:.75;margin-top:4px;font-weight:600;display:block}.three-columns{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.owing-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:26px;margin-bottom:22px;padding:20px}.dark .owing-card{background:rgba(var(--d-surface-rgb), .9);border-color:#ffffff1f}.owing-row{border-bottom:1px solid #94a3b840;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:10px 0;display:grid}.owing-row:last-child{border-bottom:none}.owing-row small{opacity:.7;display:block}a.wa-link{background:var(--success-solid);color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}a.wa-link.big{padding:12px 18px;font-size:16px}.receipt-subtitle{margin:18px 0 8px}@media (width<=700px){.pay-fields{grid-template-columns:1fr}.filter-summary{width:100%;margin-left:0}.owing-row{grid-template-columns:1fr auto}.owing-row .wa-link{grid-column:1/-1}}@media print{a.wa-link,.pay-form{display:none!important}}body{color:var(--slate-700);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h2{margin:0 0 10px;font-size:22px;font-weight:700}h3{margin:4px 0;font-size:18px;font-weight:700}.icon{flex-shrink:0;display:block}.nav-icon{justify-content:center;align-items:center;display:inline-flex}.app-logo svg{width:58%;height:58%}.with-icon,a.wa-link{justify-content:center;align-items:center;gap:8px;display:inline-flex}.hamburger-btn,.back-btn{line-height:0}button.pay-remove{justify-content:center;align-items:center;display:inline-flex}.summary-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:inline-flex}.summary-icon.green{color:#047857;background:#10b98126}.summary-icon.amber{color:#92400e;background:#f59e0b2e}.summary-icon.red{color:#b91c1c;background:#ef444424}.chart-card h2,.legend{text-align:center;justify-content:center}.bar-fill.received{background:var(--success)}.bar-fill.expenses{background:var(--warning)}.bar-fill.owing{background:var(--danger)}button{background:var(--brand-600)}.dark .sidebar-logo h2{color:var(--brand-300)}.dark .sidebar-logo p{color:var(--d-muted)}.dark .sidebar nav button,.dark .export-btn{color:var(--d-text)}.dark .sidebar nav button:hover{background:rgba(var(--brand-rgb), .12)}.dark .sidebar nav button.active{background:rgba(var(--brand-rgb), .18);color:var(--brand-200);border-color:var(--border)}.dark .back-btn,.dark .hamburger-btn,.dark button.secondary{background:rgba(var(--brand-rgb), .16);color:var(--brand-200)}.dark .hamburger-btn:hover,.dark button.secondary:hover{background:rgba(var(--brand-rgb), .26)}.dark label{color:var(--d-text-2)}.dark .amount-grid span{color:#f3f4f6}.dark .notes{color:var(--d-text)}.dark .client-badge{color:var(--brand-300);border-color:var(--border)}.dark .summary-card.highlight{background:var(--d-surface-2)}.dark .empty-box{background:var(--d-surface);color:var(--d-text-2);border-color:var(--d-border)}.dark .type-switch button:not(.selected){background:var(--d-bg);color:var(--d-text);border:1px solid var(--d-border-2)}.dark button.chip{background:rgba(var(--brand-rgb), .12);color:var(--brand-200);border-color:var(--border)}.dark button.chip.selected{background:var(--brand-600);color:#fff}.dark .dark .summary-icon.green{color:#6ee7b7}.dark .summary-icon.amber{color:#fcd34d}.dark .summary-icon.red{color:#fca5a5}.dark .dark .owing-row b,.dark .pay-row,.dark .filter-summary{color:var(--d-text)}@media print{.receipt .balance{color:#000!important}.app-logo{box-shadow:none}}.dark .record-top strong,.dark .owing-row strong,.dark .receipt td strong,.dark .pay-row b,.dark .receipt-subtitle,.dark .section-title h2{color:var(--brand-300)}:root{--sat:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));--sab:max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px));--sal:max(env(safe-area-inset-left,0px), var(--safe-area-inset-left,0px));--sar:max(env(safe-area-inset-right,0px), var(--safe-area-inset-right,0px))}html{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,a,select{touch-action:manipulation}.content{padding-top:calc(24px + var(--sat));padding-left:calc(24px + var(--sal));padding-right:calc(24px + var(--sar))}.sidebar{padding-top:calc(22px + var(--sat));padding-bottom:calc(22px + var(--sab))}.notice{top:calc(16px + var(--sat))}.bottom-nav{display:none}@media (width<=700px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{width:100%;padding:calc(12px + var(--sat)) calc(12px + var(--sar)) calc(92px + var(--sab)) calc(12px + var(--sal))}.bottom-nav{z-index:50;padding:6px calc(8px + var(--sar)) calc(6px + var(--sab)) calc(8px + var(--sal));background:var(--white);border-top:1px solid var(--border);box-shadow:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--slate-600);box-shadow:none;background:0 0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:800;display:flex;transform:none}.bottom-nav button.active{background:var(--brand-100);color:var(--brand-700)}.dark .bottom-nav{background:var(--d-surface);border-top-color:var(--d-border)}.dark .bottom-nav button{color:var(--d-text-2)}.dark .bottom-nav button.active{background:rgba(var(--brand-rgb), .18);color:var(--brand-200)}input,select,textarea{font-size:16px}.notice{max-width:calc(100vw - 24px)}}@media print{.bottom-nav{display:none!important}}@media (width<=700px){.summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{border-radius:18px;padding:12px}.summary-card.highlight{grid-column:1/-1}.summary-icon{border-radius:10px;width:32px;height:32px;margin-bottom:8px}.summary-card p{margin-bottom:4px;font-size:12px}.summary-card strong{font-size:19px}}.auth-screen{min-height:100vh;padding:calc(24px + var(--sat)) 16px calc(24px + var(--sab));background:var(--app-bg);place-items:center;display:grid}.auth-card{border:1px solid var(--border);width:min(100%,440px);box-shadow:var(--shadow-card);background:#fffffff5;border-radius:28px;padding:30px 26px}.auth-card .app-logo{margin:0 auto 14px}.auth-card h1{text-align:center;color:var(--heading);margin:0 0 6px;font-size:26px}.auth-sub{text-align:center;color:var(--slate-500);margin:0 0 18px}.auth-loading{text-align:center}.auth-form label{margin:12px 0 6px;font-size:14px;font-weight:700;display:block}.auth-form input,.auth-form select{box-sizing:border-box;width:100%}.auth-form>button[type=submit]{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;display:inline-flex}.auth-footer{text-align:center;color:var(--slate-500);margin-top:18px;font-size:14px}button.link-btn{box-shadow:none;color:var(--brand-700);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}button.link-btn.center{margin:14px auto 0;display:block}.auth-message{border-radius:12px;margin-top:14px;padding:10px 14px;font-size:14px;font-weight:600}.auth-message.error{color:#b91c1c;background:#ef44441f}.auth-message.success{color:#047857;background:#10b98124}.check-row{align-items:flex-start;gap:10px;font-weight:500!important;display:flex!important}.check-row input{margin-top:3px;width:auto!important}.preset-preview{background:var(--brand-50);border-radius:14px;margin-top:12px;padding:12px 14px;font-size:14px}.chip-row{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.mini-chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.preset-preview small{opacity:.75}.sync-badge{box-shadow:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.sync-badge.ok{color:#047857;background:#10b98126}.sync-badge.busy{background:rgba(var(--brand-rgb), .12);color:var(--brand-700)}.sync-badge.warn{color:#92400e;background:#f59e0b33}.sync-badge.error{color:#b91c1c;background:#ef444426}.dark .sync-badge.ok{color:#6ee7b7}.dark .sync-badge.busy{color:var(--brand-300)}.dark .sync-badge.warn{color:#fcd34d}.dark .sync-badge.error{color:#fca5a5}.type-switch.wrap{flex-wrap:wrap;gap:8px;display:flex}.type-switch.wrap button{align-items:center;gap:8px;display:inline-flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.hint{opacity:.75;font-size:14px}.category-list{gap:8px;margin:12px 0;display:grid}.category-row{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;display:grid}.category-row input,.category-add input{min-width:0;margin:0}button.color-swatch{border:3px solid #ffffffe6;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:0 0 0 1px #64748b66}button.icon-btn{color:#dc2626;box-shadow:none;background:0 0;border:1px solid #dc262659;border-radius:10px;padding:8px;line-height:0}.category-add{grid-template-columns:1fr auto;gap:10px;display:grid}.danger-zone{background:#ef44440f;border:1px dashed #dc262680;border-radius:16px;margin-top:14px;padding:14px}.danger-zone button.delete{margin-top:12px}.danger-zone button:disabled,.auth-form button:disabled{opacity:.55;cursor:not-allowed}:root[data-theme=dark] body{color:var(--d-text)}:root[data-theme=dark] .auth-screen{background:var(--d-bg)}:root[data-theme=dark] .auth-card{background:var(--d-surface);border-color:var(--d-border)}:root[data-theme=dark] .auth-card h1{color:var(--brand-300)}:root[data-theme=dark] .auth-sub,:root[data-theme=dark] .auth-footer{color:var(--d-muted)}:root[data-theme=dark] .auth-form label{color:var(--d-text-2)}:root[data-theme=dark] .preset-preview{background:#ffffff0d}:root[data-theme=dark] .mini-chip{background:var(--d-bg);border-color:var(--d-border);color:var(--d-text)}:root[data-theme=dark] button.link-btn{color:var(--brand-300)}:root[data-theme=dark] .auth-form input,:root[data-theme=dark] .auth-form select{background:var(--d-bg);color:var(--d-text);border-color:var(--d-border-2)}:root[data-theme=dark] .lock-screen{background:var(--d-bg)}strong,.amount-grid,.receipt td,.bar-label b,.summary-card strong,.owing-row strong,.pay-row b{font-variant-numeric:tabular-nums}label.file-btn{background:var(--brand-100);color:var(--brand-700);cursor:pointer;text-align:center;border-radius:14px;padding:12px 18px;font-weight:800}label.file-btn:hover{background:var(--brand-200)}.dark label.file-btn{background:rgba(var(--brand-rgb), .18);color:var(--brand-200)}@media (width<=700px){.records-toolbar>input{flex:100%}.records-toolbar>button,.records-toolbar>.file-btn{flex:1 1 0;min-width:0;padding:10px 6px;font-size:13px}}.summary-icon.neutral{background:var(--slate-100);color:var(--slate-600)}.summary-icon.brand{background:var(--brand-100);color:var(--brand-700)}.dark .summary-icon.neutral{color:var(--d-text-2);background:#ffffff14}.dark .summary-icon.brand{background:rgba(var(--brand-rgb), .2);color:var(--brand-200)}.sidebar{border-right:1px solid var(--border);box-shadow:none}.dark .sidebar{border-right-color:var(--d-border)}.client-badge{background:var(--slate-100);border-color:var(--border)}.pie-chart{box-shadow:none;background:0 0}.pie-chart svg{width:100%;height:100%;display:block}.pie-chart .pie-base{fill:var(--border)}.dark .record-top strong,.dark .owing-row strong,.dark .receipt td strong,.dark .pay-row b,.dark .receipt-subtitle,.dark .section-title h2,.dark .receipt .balance,.dark .sidebar-logo h2,.dark .topbar h1,.dark .chart-card h2,.dark .record-top h3,.dark .summary-card strong,.dark .pie-hole,:root[data-theme=dark] .auth-card h1{color:var(--d-text)}.pie-chart{display:block;position:relative}.pie-chart svg{width:100%;height:100%;position:absolute;top:0;left:0}.pie-chart .pie-hole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.setup-title{text-transform:uppercase;letter-spacing:.04em;color:var(--slate-600);margin:14px 0 6px;font-size:13px;font-weight:800}.setup-checks{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.setup-checks li{align-items:center;gap:8px;font-size:14px;display:flex}.setup-checks li.ok{color:#047857}.setup-checks li.bad{color:#b91c1c}.dark .setup-title{color:var(--d-text-2)}.dark .setup-checks li.ok{color:#6ee7b7}.dark .setup-checks li.bad{color:#fca5a5}.plan-pill{border-radius:999px;align-items:center;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.plan-pill.free{background:var(--slate-100);color:var(--slate-700);border:1px solid var(--border)}.plan-pill.pro{background:var(--brand-600);color:#fff}.plan-pill.business{background:var(--navy);color:#fff}.plan-status{align-items:center;gap:10px;margin:6px 0 8px;display:flex}.plan-status small{color:var(--slate-600);font-weight:600}.plans-page{gap:22px;display:grid}.plan-banner,.plan-option,.wishlist{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:22px;padding:20px}.plan-banner{align-items:center;gap:16px;display:flex}.plan-banner h2{margin:0 0 4px;font-size:20px}.plan-banner p{color:var(--slate-600);margin:0}.plans-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plan-option{flex-direction:column;gap:8px;display:flex}.plan-option.pro{border:2px solid var(--brand-600)}.plan-option h3{margin:0;font-size:20px}.plan-price{color:var(--slate-600)}.plan-price b{color:var(--heading);font-size:28px}.plan-launch{color:var(--slate-500)}.plan-blurb{color:var(--slate-600);margin:0}.plan-extends{color:var(--slate-600);margin:4px 0 0;font-size:13px;font-weight:700}.plan-option ul{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.plan-option li{align-items:flex-start;gap:8px;display:flex}.plan-option li .icon{color:var(--success);margin-top:2px}.plan-option-footer{margin-top:auto;padding-top:10px}.plan-current,.plan-included{color:#047857;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.want-btn{border:1px solid var(--brand-200);background:var(--brand-50);box-shadow:none;color:var(--brand-700);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:800;display:inline-flex}.want-btn:hover:not(:disabled){background:var(--brand-100)}.want-btn.done{color:#047857;cursor:default;background:#10b98124;border-color:#0000}.plan-option .want-btn{width:100%}.wishlist h2{margin:0 0 4px}.want-item{border-top:1px solid var(--border);grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.want-item h3{margin:0 0 2px;font-size:16px}.want-item p{color:var(--slate-600);margin:0;font-size:14px}.want-icon{background:var(--brand-100);width:44px;height:44px;color:var(--brand-700);border-radius:14px;place-items:center;display:grid}.tier-tag{vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-block}.tier-tag.pro{background:var(--brand-100);color:var(--brand-700)}.tier-tag.business{background:var(--slate-100);color:var(--slate-700);border:1px solid var(--border)}.plans-note{color:var(--slate-600);text-align:center;margin:0;font-size:14px}.plans-page>a.wa-link{justify-self:center}@media (width<=900px){.plans-grid{grid-template-columns:1fr}}@media (width<=700px){.plan-banner{flex-direction:column;align-items:flex-start}.want-item{grid-template-columns:44px 1fr}.want-item .want-btn,.want-item .plan-included{grid-column:1/-1}}.dark .plan-banner,.dark .plan-option,.dark .wishlist{background:var(--d-surface);border-color:var(--d-border)}.dark .plan-option.pro{border-color:var(--brand-500)}.dark .plan-pill.free{color:var(--d-text);border-color:var(--d-border);background:#ffffff14}.dark .plan-banner p,.dark .plan-blurb,.dark .plan-extends,.dark .plan-price,.dark .want-item p,.dark .plans-note,.dark .plan-status small{color:var(--d-text-2)}.dark .plan-launch{color:var(--d-muted)}.dark .plan-current,.dark .plan-included{color:#6ee7b7}.dark .want-btn{background:rgba(var(--brand-rgb), .16);border-color:rgba(var(--brand-rgb), .35);color:var(--brand-200)}.dark .want-btn.done{color:#6ee7b7;background:#10b9812e;border-color:#0000}.dark .want-icon{background:rgba(var(--brand-rgb), .2);color:var(--brand-200)}.dark .tier-tag.pro{background:rgba(var(--brand-rgb), .22);color:var(--brand-200)}.dark .tier-tag.business{color:var(--d-text);border-color:var(--d-border);background:#ffffff14}.modal-backdrop{z-index:9000;background:#0f172a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--border);background:var(--white);border-radius:24px;width:min(100%,480px);max-height:calc(100dvh - 32px);padding:24px;position:relative;overflow-y:auto}.modal-close{background:var(--slate-100);width:36px;height:36px;color:var(--slate-700);box-shadow:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.modal h2{margin:10px 0 4px;font-size:22px}.modal .hint{margin:0 0 12px}.field-label{color:var(--slate-600);margin:14px 0 6px;font-size:14px;font-weight:700;display:block}.period-picker,.method-picker{gap:10px;display:grid}.period-picker{grid-template-columns:1fr 1fr;margin-top:12px}.method-picker{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.period-option,.method-option{border:2px solid var(--border);background:var(--white);box-shadow:none;color:var(--slate-700);text-align:left;border-radius:14px;flex-direction:column;gap:2px;padding:12px;display:flex;position:relative}.method-option{text-align:center;justify-content:center;align-items:center;font-weight:800}.period-option.selected,.method-option.selected{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-800)}.period-option b{font-size:15px}.period-option span{font-size:13px}.period-option em{color:#047857;font-size:12px;font-style:normal;font-weight:800}.upgrade-summary{background:var(--slate-100);color:var(--slate-700);border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:14px}.upgrade-pay{width:100%;margin-top:14px;padding:14px;font-size:17px}.fine-print{text-align:center;color:var(--slate-500);margin-top:8px;font-size:12px;display:block}.upgrade-wait,.upgrade-done{text-align:center;justify-items:center;gap:8px;padding:12px 0 4px;display:grid}.upgrade-wait p,.upgrade-done p{color:var(--slate-600);margin:0}.spinner{border:5px solid var(--border);border-top-color:var(--brand-600);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite chikwama-spin}@keyframes chikwama-spin{to{transform:rotate(360deg)}}.sandbox-tag{color:#92400e;background:#f59e0b33;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.done-icon{color:#047857;background:#10b98129;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.billing-history{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);border-radius:22px;padding:20px}.billing-history h2{margin:0 0 8px}.billing-row{border-top:1px solid var(--border);grid-template-columns:1fr 1.4fr auto auto;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:grid}.order-status{background:var(--slate-100);color:var(--slate-700);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.order-status.paid{color:#047857;background:#10b98129}.order-status.failed,.order-status.cancelled{color:#b91c1c;background:#ef444426}.order-status.pending{color:#92400e;background:#f59e0b33}.banner-action{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.plan-banner{flex-wrap:wrap}.pro-benefits h2{margin:0 0 12px}.benefit-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.benefit{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);border-radius:18px;padding:16px}.benefit h3{margin:10px 0 2px;font-size:16px}.benefit p{color:var(--slate-600);margin:0;font-size:14px}.plan-actions{gap:8px;display:grid}.plan-cta{width:100%}.pro-lock{border:1px solid var(--border);background:var(--white);max-width:560px;box-shadow:var(--shadow-card);text-align:center;border-radius:24px;justify-items:center;gap:10px;margin:8px auto;padding:28px 24px;display:grid}.pro-lock.compact{box-shadow:none;border:0;margin:0;padding:8px 4px 4px}.pro-lock h2{margin:0;font-size:24px}.pro-lock .lead{color:var(--slate-600);margin:0}.pro-lock-icon{background:var(--brand-100);width:64px;height:64px;color:var(--brand-700);border-radius:20px;place-items:center;display:grid}.pro-bullets{text-align:left;gap:8px;margin:4px 0;padding:0;list-style:none;display:grid}.pro-bullets li{align-items:flex-start;gap:8px;display:flex}.pro-bullets .icon{color:var(--success);margin-top:2px}.pro-hook{background:var(--brand-50);width:100%;color:var(--brand-800);border-radius:14px;padding:14px 16px;font-weight:700}.pro-lock .actions{justify-content:center}.briefing{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:18px 20px;display:flex}.briefing.teaser{background:var(--brand-50)}.briefing h2{align-items:center;gap:8px;margin:0 0 6px;font-size:18px;display:flex}.briefing p{color:var(--slate-600);margin:0}.briefing-list{color:var(--slate-700);gap:4px;margin:0;padding-left:18px;display:grid}.briefing-list .warn{color:#b91c1c;font-weight:700}.tools-page{gap:22px;display:grid}.tools-page .briefing{margin-bottom:0}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.tool-tile{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);color:var(--slate-700);text-align:left;border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.tool-tile:hover{border-color:var(--brand-300)}.tool-text{flex:1;display:grid}.tool-text b{color:var(--heading);font-size:16px}.tool-text small{color:var(--slate-600);font-size:13px}.lock-chip{background:var(--brand-100);color:var(--brand-700);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.grade-badge{border-radius:999px;place-items:center;min-width:30px;padding:3px 9px;font-size:13px;font-weight:800;display:inline-grid}.grade-badge.grade-a{color:#047857;background:#10b98129}.grade-badge.grade-b{background:var(--brand-100);color:var(--brand-700)}.grade-badge.grade-c{color:#92400e;background:#f59e0b33}.grade-badge.grade-d{color:#b91c1c;background:#ef444426}.grade-badge.grade-new{background:var(--slate-100);color:var(--slate-700)}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:grid}.avatar.grade-a{background:#047857}.avatar.grade-b{background:var(--brand-600)}.avatar.grade-c{background:#b45309}.avatar.grade-d{background:#b91c1c}.avatar.grade-new{background:var(--slate-600)}.reminders-page{gap:14px;display:grid}.reminder-head{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.reminder-head h2{margin:0 0 4px}.reminder-head p{color:var(--slate-600);margin:0}.tone-picker{background:var(--slate-100);border-radius:14px;gap:6px;padding:4px;display:flex}.tone-option{box-shadow:none;color:var(--slate-700);background:0 0;border-radius:10px;padding:8px 14px;font-weight:800}.tone-option.selected{background:var(--white);color:var(--brand-700);box-shadow:var(--shadow-card)}.list-title{color:var(--slate-600);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 0;font-size:14px}.reminder-card{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);border-radius:20px;gap:12px;padding:16px 18px;display:grid}.reminder-card.broken{border-left:5px solid #b91c1c}.reminder-top{align-items:center;gap:12px;display:flex}.reminder-who{flex:1;min-width:0}.reminder-who h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.reminder-who small{color:var(--slate-600)}.reminder-amount{text-align:right;display:grid}.reminder-amount b{color:var(--heading);font-size:20px}.reminder-amount small{color:#b91c1c;font-weight:700}.reminder-chips{flex-wrap:wrap;gap:8px;display:flex}.chip-note{background:var(--slate-100);color:var(--slate-700);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.chip-note.bad{color:#b91c1c;background:#ef444426}.chip-note.ok{color:#047857;background:#10b98129}.chip-note.info{background:var(--brand-100);color:var(--brand-700)}.reminder-preview summary{cursor:pointer;color:var(--brand-700);font-size:14px;font-weight:700}.reminder-preview p{background:var(--slate-100);color:var(--slate-700);border-radius:12px;margin:8px 0 0;padding:12px;font-size:14px}.promise-editor{background:var(--brand-50);border-radius:14px;gap:8px;padding:12px;display:grid}.promise-editor label{font-size:14px;font-weight:700}.promise-editor input{max-width:220px}.reminder-actions{flex-wrap:wrap;gap:8px;display:flex}a.call-link{background:var(--brand-100);color:var(--brand-700);border-radius:12px;align-items:center;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.insights-page{gap:18px;display:grid}.insight-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.period-tabs{gap:8px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.kpi-grid.small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);border-radius:18px;gap:2px;padding:14px 16px;display:grid}.kpi small{color:var(--slate-600);font-weight:700}.kpi b{color:var(--heading);font-variant-numeric:tabular-nums;font-size:24px}.kpi span{color:var(--slate-600);font-size:13px}.insight-card{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);border-radius:22px;padding:18px 20px}.insight-card h3{margin:0 0 12px;font-size:17px}.ageing-bar{background:var(--slate-100);border-radius:11px;height:22px;display:flex;overflow:hidden}.ageing-bar i{height:100%;display:block}.ag-0{background:#059669}.ag-1{background:#d97706}.ag-2{background:#c2410c}.ag-3{background:#b91c1c}.ageing-legend{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px;font-size:14px;display:grid}.ageing-legend div{gap:1px;display:grid}.ageing-legend span:last-child{color:var(--slate-600);padding-left:18px}.dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.insight-tip{color:#b91c1c;background:#ef44441a;border-radius:12px;margin:14px 0 0;padding:10px 12px;font-size:14px;font-weight:700}.trend-chart{width:100%;height:auto;display:block}.trend-chart .bar-income{fill:#059669}.trend-chart .bar-expense{fill:#d97706}.trend-chart .axis{fill:var(--slate-600);font-size:13px}.trend-legend{color:var(--slate-600);flex-wrap:wrap;gap:16px;margin:6px 0 12px;font-size:13px;display:flex}.bar-income-dot{background:#059669}.bar-expense-dot{background:#d97706}.profit-row{text-align:center;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:8px;display:grid}.profit-row small{color:var(--slate-600);display:block}.profit-row b{font-variant-numeric:tabular-nums;font-size:13px}.profit-row b.neg{color:#b91c1c}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.top-row{grid-template-columns:1fr 90px auto;align-items:center;gap:10px;padding:6px 0;font-size:14px;display:grid}.top-bar{background:var(--slate-100);border-radius:4px;height:8px;overflow:hidden}.top-bar i{background:var(--brand-600);border-radius:4px;height:100%;display:block}.customers-page{gap:12px;display:grid}.customer-tools{gap:10px;display:grid}.customer-row{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);color:var(--slate-700);text-align:left;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.customer-main{flex:1;min-width:0;display:grid}.customer-main b{color:var(--heading);font-size:16px}.customer-main small{color:var(--slate-600)}.owing-chip{color:#b91c1c;background:#ef44441f;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.profile-page{gap:16px;display:grid}.profile-head{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);border-radius:22px;align-items:center;gap:14px;padding:18px 20px;display:flex}.profile-head .avatar{width:56px;height:56px;font-size:19px}.profile-who{flex:1}.profile-who h2{margin:0}.profile-who p{color:var(--slate-600);margin:2px 0 0}.profile-grade{justify-items:end;gap:2px;display:grid}.profile-grade .grade-badge{min-width:44px;padding:6px 14px;font-size:20px}.profile-grade small{color:var(--slate-600);font-weight:700}.reason-list{gap:6px;margin:0;padding-left:18px;display:grid}.profile-actions{flex-wrap:wrap;gap:10px;display:flex}.history-row{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.history-row small{color:var(--slate-600);display:block}.doc-btn{align-items:center;gap:6px;display:inline-flex}.logo-row{align-items:center;gap:14px;margin-bottom:8px;display:flex}.logo-preview{object-fit:contain;border:1px solid var(--border);background:var(--white);border-radius:16px;place-items:center;width:72px;height:72px;display:grid}.logo-preview.empty{color:var(--slate-500);border-style:dashed}.logo-error{color:#b91c1c;margin-top:4px;font-weight:700;display:block}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-card textarea{box-sizing:border-box;resize:vertical;width:100%}@media (width<=700px){.two-col,.two-fields{grid-template-columns:1fr}.billing-row{grid-template-columns:1fr auto}.banner-action{width:100%;margin-left:0}.reminder-top{flex-wrap:wrap}.reminder-amount{text-align:left}.profit-row{grid-template-columns:repeat(3,1fr)}.briefing{flex-direction:column;align-items:flex-start}.history-row{grid-template-columns:1fr auto}.history-row .doc-btn{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}@media print{.modal-backdrop{display:none!important}}.dark .modal,.dark .billing-history,.dark .benefit,.dark .pro-lock,.dark .briefing,.dark .tool-tile,.dark .reminder-head,.dark .reminder-card,.dark .kpi,.dark .insight-card,.dark .customer-row,.dark .profile-head,.dark .logo-preview{background:var(--d-surface);border-color:var(--d-border)}.dark .modal-close{color:var(--d-text);background:#ffffff14}.dark .field-label,.dark .benefit p,.dark .pro-lock .lead,.dark .briefing p,.dark .tool-text small,.dark .reminder-head p,.dark .reminder-who small,.dark .kpi small,.dark .kpi span,.dark .customer-main small,.dark .profile-who p,.dark .profile-grade small,.dark .history-row small,.dark .upgrade-wait p,.dark .upgrade-done p,.dark .list-title,.dark .fine-print,.dark .ageing-legend span:last-child,.dark .trend-legend,.dark .profit-row small{color:var(--d-text-2)}.dark .tool-text b,.dark .reminder-amount b,.dark .kpi b,.dark .customer-main b,.dark .tool-tile,.dark .customer-row{color:var(--d-text)}.dark .period-option,.dark .method-option{background:var(--d-bg);border-color:var(--d-border-2);color:var(--d-text)}.dark .period-option.selected,.dark .method-option.selected{background:rgba(var(--brand-rgb), .2);border-color:var(--brand-400);color:var(--brand-200)}.dark .upgrade-summary,.dark .reminder-preview p,.dark .tone-picker{color:var(--d-text-2);background:#ffffff0f}.dark .tone-option{color:var(--d-text-2)}.dark .tone-option.selected{background:var(--d-surface-2);color:var(--brand-200);box-shadow:none}.dark .pro-hook,.dark .briefing.teaser,.dark .promise-editor{background:rgba(var(--brand-rgb), .16);color:var(--brand-200)}.dark .pro-lock-icon,.dark .lock-chip,.dark a.call-link{background:rgba(var(--brand-rgb), .2);color:var(--brand-200)}.dark .reminder-preview summary{color:var(--brand-300)}.dark .chip-note{color:var(--d-text-2);background:#ffffff14}.dark .chip-note.bad{color:#fca5a5;background:#ef444433}.dark .chip-note.ok{color:#6ee7b7;background:#10b98133}.dark .chip-note.info{background:rgba(var(--brand-rgb), .22);color:var(--brand-200)}.dark .grade-badge.grade-a{color:#6ee7b7}.dark .grade-badge.grade-b{background:rgba(var(--brand-rgb), .22);color:var(--brand-200)}.dark .grade-badge.grade-c{color:#fcd34d}.dark .grade-badge.grade-d{color:#fca5a5}.dark .grade-badge.grade-new{color:var(--d-text-2);background:#ffffff14}.dark .owing-chip,.dark .insight-tip{color:#fca5a5;background:#ef44442e}.dark .reminder-amount small,.dark .briefing-list .warn,.dark .profit-row b.neg,.dark .logo-error{color:#fca5a5}.dark .briefing-list{color:var(--d-text-2)}.dark .period-option em,.dark .done-icon,.dark .order-status.paid{color:#6ee7b7}.dark .order-status{color:var(--d-text-2);background:#ffffff14}.dark .order-status.pending{color:#fcd34d}.dark .order-status.failed,.dark .order-status.cancelled{color:#fca5a5}.dark .sandbox-tag{color:#fcd34d}.dark .spinner{border-color:var(--d-border);border-top-color:var(--brand-400)}.dark .ageing-bar,.dark .top-bar{background:#ffffff1a}.dark .top-bar i{background:var(--brand-400)}.dark .trend-chart .axis{fill:var(--d-text-2)}.dark .plan-status small{color:var(--d-text-2)}.dark .reminder-card.broken{border-left-color:#fca5a5}.customer-row:hover,.tool-tile:hover{background:var(--brand-50);border-color:var(--brand-300);transform:none}.period-option:hover,.method-option:hover{background:var(--brand-50);transform:none}.tone-option:hover{background:#ffffffb3;transform:none}.tone-option.selected:hover{background:var(--white)}.modal-close:hover{background:var(--slate-200);transform:none}.link-btn{box-shadow:none;color:var(--brand-700);background:0 0;border-radius:8px;padding:4px 8px;font-weight:800;text-decoration:underline}.link-btn:hover{background:var(--brand-50);transform:none}.dark .customer-row:hover,.dark .tool-tile:hover{background:var(--d-surface-2);border-color:var(--brand-400)}.dark .period-option:hover,.dark .method-option:hover{background:rgba(var(--brand-rgb), .16)}.dark .tone-option:hover{background:#ffffff1a}.dark .tone-option.selected:hover{background:var(--d-surface-2)}.dark .modal-close:hover{background:#ffffff29}.dark .link-btn{color:var(--brand-300)}.dark .link-btn:hover{background:rgba(var(--brand-rgb), .16)}.kpi-grid.small .kpi b{white-space:nowrap;font-size:20px}@media (width<=700px){.bottom-nav button{white-space:nowrap;min-width:0;padding:8px 2px;font-size:11px}.modal form>.plan-pill,.modal .plan-pill{justify-self:start;width:fit-content}.reminder-amount{flex-direction:row;flex-basis:100%;justify-content:space-between;align-items:baseline;display:flex}}.modal form>.plan-pill{width:fit-content;display:inline-flex}.user-avatar{background:var(--brand-600);color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.avatar-btn{box-shadow:none;background:0 0;border-radius:50%;flex:none;margin-left:auto;padding:0;line-height:0}.sync-badge+.avatar-btn{margin-left:0}.avatar-btn:hover{box-shadow:0 0 0 3px var(--brand-100);background:0 0;transform:none}.account-head{align-items:center;gap:14px;margin-bottom:4px;display:flex}.account-who{flex:1;min-width:0}.account-who h2,.account-who h3{overflow-wrap:break-word;min-width:0;margin:0}.account-who p{color:var(--slate-600);overflow-wrap:break-word;min-width:0;margin:2px 0 0}.account-sync{color:#047857;align-items:center;gap:6px;margin:10px 0 12px;font-weight:700;display:flex}.password-field{position:relative}.password-field input{box-sizing:border-box;width:100%;padding-right:52px}.show-pass{box-shadow:none;color:var(--slate-600);background:0 0;border-radius:10px;place-items:center;padding:8px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.show-pass:hover{background:var(--slate-100);transform:translateY(-50%)}.badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.badge-ok{color:#065f46;background:#10b98129}.badge-warn{color:#78350f;background:#f59e0b33}.account-page .settings-card form{margin-top:10px}.dark .account-who p{color:var(--d-text-2)}.dark .account-sync{color:#6ee7b7}.dark .show-pass{color:var(--d-text-2)}.dark .show-pass:hover{background:#ffffff1a}.dark .badge-ok{color:#6ee7b7}.dark .badge-warn{color:#fcd34d}.dark .avatar-btn:hover{box-shadow:0 0 0 3px rgba(var(--brand-rgb), .35)}.modal.checkout{width:min(100%,940px);max-height:calc(100dvh - 24px);padding:0;overflow-y:auto}.checkout-head{align-items:center;gap:12px;padding:16px 24px 12px;display:flex}.checkout-brand{align-items:center;gap:10px;display:inline-flex}.checkout-head .secure{color:var(--slate-600);align-items:center;gap:5px;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex}.checkout-head .modal-close{flex:none;position:static}.checkout-steps{border-bottom:1px solid var(--border);color:var(--slate-500);gap:8px;margin:0;padding:0 24px 14px;font-size:13px;font-weight:700;list-style:none;display:flex}.checkout-steps li{align-items:center;gap:6px;display:inline-flex}.checkout-steps li+li:before{content:"";background:var(--border);width:22px;height:2px;margin-right:2px}.checkout-steps li b{background:var(--slate-100);width:22px;height:22px;color:var(--slate-600);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.checkout-steps li.now{color:var(--brand-700)}.checkout-steps li.now b{background:var(--brand-600);color:#fff}.checkout-steps li.done{color:#047857}.checkout-steps li.done b{color:#fff;background:#047857}.checkout-body{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;padding:20px 24px 24px;display:grid}.checkout-main{min-width:0}.checkout .checkout-main h2{margin:0 0 8px;font-size:24px}.checkout-section{margin-top:18px}.step-title{color:var(--heading);align-items:center;gap:8px;margin:0 0 10px;font-size:16px;display:flex}.step-title b{background:var(--brand-100);width:24px;height:24px;color:var(--brand-700);border-radius:50%;place-items:center;font-size:13px;display:inline-grid}.checkout .period-picker{margin-top:0}.method-grid{gap:10px;display:grid}.checkout .method-option{text-align:left;grid-template-columns:44px 1fr auto 22px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-weight:400;display:grid}.method-icon{background:var(--brand-100);width:44px;height:44px;color:var(--brand-700);border-radius:12px;place-items:center;display:grid}.method-text{gap:1px;min-width:0;display:grid}.method-text b{color:var(--heading);font-size:16px}.method-text small{color:var(--slate-600);font-size:13px;line-height:1.35}.method-tag{background:var(--slate-100);color:var(--slate-700);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-style:normal;font-weight:800}.method-radio{border:2px solid var(--slate-500);background:var(--white);border-radius:50%;width:20px;height:20px}.checkout .method-option.selected .method-radio{border:6px solid var(--brand-600)}.page-note{background:var(--brand-50);color:var(--brand-800);border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:14px;display:flex}.page-note .icon{flex:none;margin-top:2px}.checkout-summary{border:1px solid var(--border);background:var(--slate-100);border-radius:18px;align-self:start;padding:18px;position:sticky;top:12px}.checkout-summary h3{margin:0 0 12px;font-size:16px}.summary-item{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.summary-item small{color:var(--slate-600);display:block}.summary-mark{background:var(--white);border:1px solid var(--border);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.summary-facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:14px 0 0;font-size:14px;display:grid}.summary-facts dt{color:var(--slate-600)}.summary-facts dd{text-align:right;color:var(--heading);margin:0}.summary-total{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;font-weight:800;display:flex}.summary-total b{color:var(--heading);font-size:26px}.summary-sub{color:var(--slate-600);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 6px;font-size:12px;font-weight:800}.summary-includes,.trust{gap:7px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.summary-includes li,.trust li{align-items:flex-start;gap:7px;display:flex}.summary-includes .icon{color:var(--success);margin-top:2px}.trust{border-top:1px solid var(--border);color:var(--slate-600);margin-top:14px;padding-top:12px}.trust .icon{color:var(--brand-700);flex:none;margin-top:1px}.checkout .upgrade-wait,.checkout .upgrade-done{text-align:left;justify-items:start;padding-top:4px}.wait-clock{color:var(--slate-600);margin:0;font-size:14px}.wait-clock code{font-weight:800}.how-steps{gap:12px;margin:6px 0;padding-left:22px;display:grid}.how-steps li{color:var(--slate-700)}.how-steps li b{color:var(--heading)}.how-steps small{color:var(--slate-600);margin-top:4px;display:block}.code-box{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.code-box code{border:2px dashed var(--brand-600);background:var(--brand-50);color:var(--brand-800);letter-spacing:.08em;border-radius:12px;padding:10px 16px;font-size:24px;font-weight:800}a.btn-link{background:var(--brand-100);color:var(--brand-700);border-radius:10px;margin-left:6px;padding:6px 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.checkout .done-icon{margin-bottom:4px}.receipt-list{border:1px dashed var(--border);border-radius:14px;grid-template-columns:auto 1fr;gap:8px 18px;width:100%;margin:6px 0;padding:14px 16px;font-size:14px;display:grid}.receipt-list dt{color:var(--slate-600)}.receipt-list dd{color:var(--heading);margin:0;font-weight:700}.billing-row{grid-template-columns:1fr 1.8fr auto auto auto}.row-sub{color:var(--slate-600);font-size:12px;display:block}@media (width<=820px){.modal.checkout{border-radius:20px;width:100%;max-height:calc(100dvh - 16px)}.checkout-head{padding:14px 16px 10px}.checkout-steps{padding:0 16px 12px}.checkout-body{grid-template-columns:1fr;gap:16px;padding:16px}.checkout-summary{order:-1;padding:14px;position:static}.checkout-summary .summary-extra,.checkout-summary .summary-facts dt:first-of-type,.checkout-summary .summary-facts dd:first-of-type,.checkout-summary .summary-facts dt:nth-of-type(2),.checkout-summary .summary-facts dd:nth-of-type(2){display:none}.checkout .method-option{grid-template-columns:40px 1fr 20px}.checkout .method-tag{display:none}.method-icon{width:40px;height:40px}.code-box code{font-size:20px}.billing-row{grid-template-columns:1fr auto}}.dark .checkout-steps{border-color:var(--d-border);color:var(--d-muted)}.dark .checkout-steps li b{color:var(--d-text-2);background:#ffffff1a}.dark .checkout-steps li.now{color:var(--brand-200)}.dark .checkout-steps li.done{color:#6ee7b7}.dark .checkout-head .secure,.dark .method-text small,.dark .summary-item small,.dark .summary-facts dt,.dark .summary-sub,.dark .trust,.dark .wait-clock,.dark .how-steps small,.dark .receipt-list dt,.dark .row-sub{color:var(--d-text-2)}.dark .step-title,.dark .method-text b,.dark .summary-facts dd,.dark .summary-total b,.dark .receipt-list dd,.dark .how-steps li b{color:var(--d-text)}.dark .how-steps li{color:var(--d-text-2)}.dark .step-title b,.dark .method-icon{background:rgba(var(--brand-rgb), .22);color:var(--brand-200)}.dark .method-tag{color:var(--d-text-2);background:#ffffff14}.dark .method-radio{border-color:var(--d-muted);background:0 0}.dark .checkout .method-option.selected .method-radio{border-color:var(--brand-400)}.dark .checkout-summary{border-color:var(--d-border);background:#ffffff0d}.dark .summary-mark{background:var(--d-surface-2);border-color:var(--d-border)}.dark .summary-total,.dark .trust{border-color:var(--d-border)}.dark .page-note,.dark .code-box code{background:rgba(var(--brand-rgb), .16);color:var(--brand-200);border-color:var(--brand-400)}.dark .trust .icon{color:var(--brand-300)}.dark a.btn-link{background:rgba(var(--brand-rgb), .22);color:var(--brand-200)}.dark .receipt-list{border-color:var(--d-border)}.card-form{gap:4px;display:grid}.card-form h2{margin:0 0 6px}.test-banner{color:#78350f;background:#f59e0b33;border-radius:12px;margin:0 0 10px;padding:10px 12px;font-size:13px}.card-brands{flex-wrap:wrap;gap:8px;margin:2px 0 8px;display:flex}.card-brands span{border:1px solid var(--border);background:var(--white);color:var(--slate-700);border-radius:8px;padding:4px 12px;font-size:13px;font-weight:800}.card-brands span.on{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-800)}.card-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.test-cards{color:var(--slate-600);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 0 4px;font-size:13px;display:flex}.dark .test-banner{color:#fcd34d;background:#f59e0b33}.dark .card-brands span{background:var(--d-surface-2);border-color:var(--d-border);color:var(--d-text-2)}.dark .card-brands span.on{background:rgba(var(--brand-rgb), .2);border-color:var(--brand-400);color:var(--brand-200)}.dark .test-cards{color:var(--d-text-2)}.logo-note{color:#047857;margin-top:4px;font-weight:700;display:block}.dark .logo-note{color:#6ee7b7}.sidebar{overscroll-behavior:contain;overflow-y:auto}@media (height<=560px){.sidebar{gap:10px;padding:12px}.sidebar nav,.sidebar .nav{gap:4px}.sidebar-logo{gap:8px}.sidebar button{min-height:40px}}@media (pointer:coarse),(hover:none),(width<=900px),(height<=560px){button.sync-badge{min-height:36px}button.link-btn,button.welcome-link,a.btn-link{align-items:center;min-height:40px;padding-top:6px;padding-bottom:6px;display:inline-flex}button.link-btn.center{justify-content:center;width:100%}button.color-swatch{width:40px;height:40px}button.chip,button.tone-option{min-height:40px}button.show-pass{width:40px;height:40px}button.hamburger-btn{min-width:44px;min-height:40px}.reminder-preview summary{align-items:center;min-height:40px;display:flex}}.auth-screen,.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-card,.auth-form,.auth-form>*{min-width:0;max-width:100%}.auth-form select,.auth-form input:not([type=checkbox]),.auth-form textarea{text-overflow:ellipsis;width:100%;min-width:0;max-width:100%}@media (width<=340px){.auth-card{border-radius:22px;padding:22px 16px}}.auth-card,.auth-card p,.auth-card small,.settings-card,.record-card,.reminder-card,.customer-row,.profile-head,.modal{overflow-wrap:break-word}@media (width<=380px){.topbar{border-radius:20px;gap:8px;padding:12px}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:20px;overflow:hidden}button.sync-badge{flex:none;margin-left:0;padding:8px 10px}.sync-badge .sync-text{display:none}.avatar-btn{flex:none;margin-left:0}.modal-backdrop{padding:8px}.checkout-head{gap:8px;padding:12px 12px 8px}.checkout-head .secure{display:none}.checkout-steps{gap:4px;padding:0 12px 10px;font-size:12px}.checkout-steps li+li:before{width:10px}.checkout-body{gap:12px;padding:12px}.checkout .checkout-main h2{font-size:20px}.checkout-summary{padding:12px}.summary-item{grid-template-columns:1fr auto}.summary-item .summary-mark{display:none}.summary-total b{font-size:22px}.period-picker{grid-template-columns:1fr}.checkout .method-option{gap:10px;padding:10px}.card-row{grid-template-columns:1fr}.code-box code{letter-spacing:.04em;font-size:17px}.receipt-list{grid-template-columns:1fr;gap:2px}.receipt-list dd{margin-bottom:8px}}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid>*{min-width:0}.actions,.chips{flex-wrap:wrap}button.chip{white-space:nowrap;flex:none}.customer-row>*{min-width:0}.owing-chip,.grade-badge{white-space:nowrap;flex:none}.topbar-title{flex:auto;min-width:0}.topbar-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar>.back-btn,.topbar>.avatar-btn,.topbar>.sync-badge{flex:none}.period-tabs{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.insight-head>*{min-width:0;max-width:100%}.category-row{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}.category-row>*,.account-who{min-width:0}.account-who>div{flex:1 1 0;min-width:0}.page{grid-template-columns:minmax(0,1fr);min-width:0}.page>*,.customer-tools>*,.reminder-head>*,.insight-head>*,.settings-card>*{min-width:0;max-width:100%}.customer-tools{grid-template-columns:minmax(0,1fr)}.tone-picker{flex-wrap:wrap;gap:8px;display:flex}.account-head{width:100%;min-width:0}.settings-card.account-summary{display:block}.settings-card.account-summary>*+*{margin-top:10px}.top-row{grid-template-columns:minmax(0,1fr) minmax(40px,90px) auto}.top-row>*{min-width:0}.top-row>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.insight-card{min-width:0;max-width:100%}@media (width<=340px){.top-row{grid-template-columns:minmax(0,1fr) auto}.top-row .top-bar{display:none}}.biz-page{gap:16px;display:grid}.biz-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stock-status{color:#065f46;background:#d1fae5;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.stock-status.off{color:#78350f;background:#fef3c7}.biz-toggle{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.biz-toggle input{flex:none;width:20px;height:20px;margin-top:2px}.biz-toggle span{gap:2px;display:grid}.biz-toggle small{color:var(--slate-600)}.staff-row{border-top:1px solid var(--border);gap:6px;padding:12px 0;display:grid}.staff-who{display:grid}.staff-who small{color:var(--slate-600);overflow-wrap:anywhere}.danger-text{color:#b91c1c}.invite-card{border:2px dashed var(--brand-600);background:var(--brand-50);border-radius:14px;margin-top:14px;padding:14px}.invite-code{letter-spacing:.1em;color:var(--brand-800);text-align:center;margin:6px 0 10px;font-size:28px;font-weight:800;display:block}.low-stock-card{color:#78350f;background:#fffbeb;border:1px solid #fcd34d;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.low-stock-card h3{color:#78350f;align-items:center;gap:6px;margin:0 0 4px;font-size:16px;display:flex}.low-stock-card ul{margin:0;padding-left:18px}.product-form{gap:10px;display:grid}.product-form .three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.product-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 0;display:grid}.product-main{min-width:0;display:grid}.product-main small{color:var(--slate-600)}.product-edit{gap:6px;display:grid}.product-level{justify-items:end;gap:2px;display:grid}.level-number{color:var(--heading);font-size:26px;font-weight:800;line-height:1}.stock-pill{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.stock-pill.ok{color:#065f46;background:#d1fae5}.stock-pill.low{color:#78350f;background:#fef3c7}.stock-pill.out{color:#7f1d1d;background:#fee2e2}.product-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.product-adjust{background:var(--slate-100);border-radius:12px;flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:8px;padding:10px;display:flex}.product-adjust input{width:120px}.move-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:8px 0;font-size:14px;display:grid}.move-row .plus{color:#047857}.move-row .minus{color:#b91c1c}.sale-lines{border:1px dashed var(--border);border-radius:14px;margin:4px 0 8px;padding:12px}.line-add{grid-template-columns:minmax(0,1fr) 70px auto;gap:8px;display:grid}.line-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.line-list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.line-warn{color:#b91c1c;font-size:13px;font-style:normal;font-weight:700}.connected-box{color:#065f46;background:#ecfdf5;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.connected-box small{display:block}.done-icon.small{width:34px;height:34px}.pay-url{background:var(--slate-100);overflow-wrap:anywhere;border-radius:10px;margin:8px 0;padding:10px;font-size:13px;display:block}.paylink-dialog{max-width:460px}.business-tools{margin-top:18px}.business-tools h2{align-items:center;gap:8px;font-size:18px;display:flex}.tier-tag.business{color:#5b21b6;background:#ede9fe}.staff-mode [data-owner-only]{display:none}.pay-public{background:var(--slate-100);place-items:start center;min-height:100dvh;padding:16px;display:grid}.pay-card{border:1px solid var(--border);background:var(--white);overflow-wrap:break-word;border-radius:24px;width:min(100%,460px);padding:20px}.pay-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pay-head .secure{color:var(--slate-600);align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.pay-card h1{margin:4px 0 6px;font-size:24px}.pay-from{color:var(--slate-600);margin:0;font-weight:700}.pay-due{background:var(--brand-50);border-radius:14px;justify-content:space-between;align-items:baseline;gap:10px;margin:12px 0;padding:14px;display:flex}.pay-due b{color:var(--heading);font-size:28px}.pay-card .method-grid{gap:10px;margin-bottom:12px;display:grid}.pay-card .method-option{text-align:left;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-weight:400;display:grid}.join-box{border-top:1px solid var(--border);gap:6px;margin-top:18px;padding-top:16px;display:grid}.join-box h2{margin:0;font-size:18px}.dark .pay-public{background:var(--d-bg,#0b1020)}.dark .pay-card{background:var(--d-surface);border-color:var(--d-border)}.dark .pay-due,.dark .invite-card{background:rgba(var(--brand-rgb), .16)}.dark .low-stock-card{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b66}.dark .low-stock-card h3{color:#fcd34d}.dark .connected-box{color:#6ee7b7;background:#10b98126}.dark .product-adjust,.dark .pay-url{background:#ffffff0f}.dark .stock-status{color:#6ee7b7;background:#10b98133}.dark .stock-status.off{color:#fcd34d;background:#f59e0b33}.dark .stock-pill.ok{color:#6ee7b7;background:#10b98133}.dark .stock-pill.low{color:#fcd34d;background:#f59e0b33}.dark .stock-pill.out{color:#fca5a5;background:#ef444433}.dark .danger-text{color:#fca5a5}.dark .invite-code{color:var(--brand-200)}.dark .tier-tag.business{color:#ddd6fe;background:#8b5cf640}@media (width<=520px){.product-form .three{grid-template-columns:1fr 1fr}.line-add{grid-template-columns:minmax(0,1fr) 64px}.line-add button{grid-column:1/-1}.invite-code{font-size:22px}}.pay-public{grid-template-columns:minmax(0,1fr)}.pay-card{min-width:0}.pay-head{flex-wrap:wrap;row-gap:6px}.pay-card .method-text{min-width:0}.pay-card input{width:100%;max-width:100%}@media (width<=380px){.pay-public{padding:8px}.pay-card{border-radius:18px;padding:14px}.pay-head .secure{display:none}.pay-card h1{font-size:21px}.pay-due b{font-size:24px}.pay-card .method-option{grid-template-columns:40px minmax(0,1fr) 20px;gap:10px;padding:10px}.pay-card .method-tag{display:none}}@media (width<=340px){.account-head{flex-wrap:wrap}.account-head .account-who{flex-basis:calc(100% - 72px)}.account-head .plan-pill{margin-left:70px}}.receipt-sheet{border-radius:24px;padding:0;overflow:hidden}.rs-head{background:var(--brand-50);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:22px 24px;display:flex}.rs-logo{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:14px;flex:none;width:58px;height:58px;padding:4px}.rs-business{flex:180px;min-width:0}.rs-business h2{color:var(--heading);overflow-wrap:break-word;margin:0;font-size:22px}.rs-business p{color:var(--slate-600);overflow-wrap:break-word;margin:2px 0 0;font-size:13px}.rs-badge{background:var(--brand-600);color:#fff;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800}.rs-meta{border-bottom:1px dashed var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 24px;display:grid}.rs-meta small,.rs-for small,.rs-notes small{color:var(--slate-600);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.rs-meta b{color:var(--heading);overflow-wrap:break-word;display:block}.rs-meta span{color:var(--slate-600);font-size:13px;display:block}.rs-for{border-bottom:1px dashed var(--border);padding:16px 24px}.rs-for p{color:var(--heading);overflow-wrap:break-word;margin:4px 0 0;font-size:16px}.rs-tag{background:var(--slate-100);color:var(--slate-700);border-radius:999px;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.rs-payments{padding:16px 24px 8px}.rs-payments h3{color:var(--slate-600);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.rs-pay{border-bottom:1px solid var(--slate-100);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.rs-pay em{color:var(--slate-600);font-style:normal}.rs-pay b{color:var(--heading);white-space:nowrap}.rs-none{color:var(--slate-600);margin:4px 0 8px}.rs-totals{background:var(--slate-100);border-radius:16px;gap:8px;margin:12px 24px 16px;padding:14px 16px;display:grid}.rs-totals>div{color:var(--slate-700);justify-content:space-between;gap:12px;display:flex}.rs-paid{color:#047857}.rs-totals .rs-outcome{color:#fff;border-radius:12px;align-items:center;margin-top:6px;padding:12px 14px;font-weight:800}.rs-outcome.paid{background:#047857}.rs-outcome.owing{background:var(--brand-700)}.rs-outcome b{font-size:22px}.rs-notes{color:var(--slate-700);overflow-wrap:break-word;margin:0 24px 14px;font-size:14px}.receipt-footer.rs-foot{border-top:1px dashed var(--border);text-align:center;margin:0;padding:16px 24px 22px;display:block}.rs-foot .rs-thanks{color:var(--heading);margin:0 0 2px;font-weight:800}.rs-foot small{color:var(--slate-600)}.rs-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}@media (width<=560px){.rs-head{padding:16px}.rs-meta{grid-template-columns:1fr;gap:10px;padding:14px 16px}.rs-for,.rs-payments{padding-left:16px;padding-right:16px}.rs-totals,.rs-notes{margin-left:16px;margin-right:16px}}.dark .receipt-sheet{background:var(--d-surface);border-color:var(--d-border)}.dark .rs-head,.dark .rs-totals{background:#ffffff0f}.dark .rs-business h2,.dark .rs-meta b,.dark .rs-for p,.dark .rs-pay b,.dark .rs-foot .rs-thanks{color:var(--d-text)}.dark .rs-business p,.dark .rs-meta small,.dark .rs-meta span,.dark .rs-for small,.dark .rs-payments h3,.dark .rs-pay em,.dark .rs-none,.dark .rs-notes,.dark .rs-notes small,.dark .rs-foot small,.dark .rs-totals>div{color:var(--d-text-2)}.dark .rs-paid{color:#6ee7b7}.dark .rs-pay{border-color:var(--d-border)}.dark .rs-tag{color:var(--d-text-2);background:#ffffff14}@media print{.rs-actions{display:none!important}.rs-head,.rs-totals{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.rs-totals{grid-template-columns:minmax(0,1fr)}.rs-totals>div{flex-wrap:wrap;row-gap:2px}.rs-outcome b{overflow-wrap:anywhere}.rs-pay{flex-wrap:wrap}.rs-pay>span{overflow-wrap:break-word;min-width:0}@media (width<=340px){.rs-outcome b{font-size:19px}.rs-badge{padding:5px 10px;font-size:11px}}input[type=date],input[type=time],input[type=month],input[type=datetime-local]{appearance:none;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;width:100%;min-width:0;max-width:100%;min-height:48px;margin:0;padding-right:46px;line-height:1.3;display:block;position:relative}input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.3em;margin:0}input[type=time]::-webkit-date-and-time-value{text-align:left;min-height:1.3em;margin:0}input[type=month]::-webkit-date-and-time-value{text-align:left;min-height:1.3em;margin:0}input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-height:1.3em;margin:0}input[type=date]::-webkit-datetime-edit{padding:0}input[type=time]::-webkit-datetime-edit{padding:0}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}input[type=time]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}input[type=month]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}input[type=date]:focus{background-color:#fff}.pay-fields>*{min-width:0}@media (width<=520px){.pay-fields{grid-template-columns:minmax(0,1fr)}}.dark input[type=date],.dark input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.store-dialog{width:min(100%,520px);max-height:calc(100dvh - 24px);padding:0;overflow-y:auto}.store-body{gap:12px;padding:4px 20px 22px;display:grid}.store-body h2{margin:4px 0 0;font-size:22px}.store-summary{background:var(--brand-50);color:var(--brand-800);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.store-summary small{color:var(--slate-600)}.store-links{flex-wrap:wrap;justify-content:center;gap:4px 18px;display:flex}.store-legal{color:var(--slate-600);overflow-wrap:break-word;margin:2px 0 0;font-size:12px;line-height:1.5}.store-legal a{color:var(--brand-700);font-weight:700}.store-note{border:1px solid var(--border);background:var(--brand-50);color:var(--brand-800);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.store-note p{flex:240px;margin:0}.store-dialog .upgrade-wait,.store-dialog .upgrade-done{text-align:left;justify-items:start;padding:4px 20px 22px}.dark .store-summary,.dark .store-note{background:rgba(var(--brand-rgb), .16);color:var(--brand-200);border-color:var(--d-border)}.dark .store-summary small,.dark .store-legal{color:var(--d-text-2)}@media (width<=380px){.store-body{padding:4px 14px 18px}}@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/poppins-400.woff)format("woff")}@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/poppins-500.woff)format("woff")}@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/poppins-700.woff)format("woff")}:root{--navy:#161b53;--navy-deep:#121849;--deep-indigo:#2c2993;--violet:#7c3aed;--maroon:#882b58;--font-brand:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}.logo-mark,.wordmark{display:block}.brand-logo,.brand-wordmark{display:inline-flex}.brand-logo .for-dark,.brand-wordmark .for-dark,:root[data-theme=dark] .brand-logo .for-light,:root[data-theme=dark] .brand-wordmark .for-light{display:none}:root[data-theme=dark] .brand-logo .for-dark,:root[data-theme=dark] .brand-wordmark .for-dark{display:block}.dot-violet,.dot-rose{font-style:normal}.app-logo{background:var(--navy);box-shadow:none}.app-logo .logo-mark{width:78%;height:auto}.auth-brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:14px;display:flex}.auth-card h1{font-family:var(--font-brand)}.splash{z-index:10000;color:#161b53;font-family:var(--font-brand);opacity:1;background:#fff;justify-content:center;transition:opacity .38s;display:flex;position:fixed;inset:0;overflow:hidden}.splash.leaving{opacity:0;pointer-events:none}.splash-stage{width:100%;max-width:520px;height:100%;position:relative}.splash-disc{width:100%;height:20.4%;display:block;position:absolute;top:0;right:0}.splash-waves{width:100%;height:32.7%;animation:.8s ease-out 50ms both splash-wave;display:block;position:absolute;bottom:0;left:0}.splash-brand{text-align:center;flex-direction:column;align-items:center;animation:.7s cubic-bezier(.2,.7,.2,1) .1s both splash-rise;display:flex;position:absolute;top:24.6%;left:0;right:0}.splash-mark{width:41%;height:auto}.splash-wordmark{width:74.5%;height:auto;margin-top:1.4vh}.splash-tagline{letter-spacing:.2em;white-space:nowrap;color:#e8ebf8;margin:2.3vh 0 0;padding-left:.2em;font-size:min(3.8vw,19.8px);font-weight:500}.splash .dot-violet{color:#7c5cf0}.splash .dot-rose{color:#b4457a}.splash-message{color:#ffffffd9;margin:4.4vh 0 0;font-size:min(4.15vw,21.6px);font-weight:400;line-height:1.38}.splash-message span{display:block}@keyframes splash-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes splash-wave{0%{transform:translateY(12%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.splash *,.splash{transition:none!important;animation:none!important}}.welcome{min-height:100dvh;padding:calc(18px + var(--sat)) 22px calc(22px + var(--sab));color:#1b1f4b;font-family:var(--font-brand);background:#f6f7fc;justify-content:center;display:flex;position:relative;overflow:hidden auto}.welcome-blob{pointer-events:none;background:#e8eafc;border-radius:50%;position:absolute}.welcome-blob.blob-a{width:300px;height:300px;top:-150px;left:-130px}.welcome-blob.blob-b{width:330px;height:330px;bottom:-175px;right:-175px}.welcome-skip{z-index:2;top:calc(14px + var(--sat));box-shadow:none;color:#475569;background:0 0;border:0;padding:8px 10px;font-family:inherit;font-size:15px;font-weight:500;position:absolute;right:18px}.welcome-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:440px;padding-top:26px;display:flex;position:relative}.welcome-mark{width:124px;height:auto}.welcome-wordmark{width:230px;height:auto;margin-top:10px}.welcome-tagline{letter-spacing:.2em;color:#161b53;margin:10px 0 0;padding-left:.2em;font-size:12px;font-weight:500}.welcome .dot-violet{color:#5e39cf}.welcome .dot-rose{color:#a8325f}.welcome h1{color:#1b1f4b;margin:26px 0 10px;font-family:inherit;font-size:clamp(23px,6.4vw,28px);font-weight:700;line-height:1.22}.welcome-copy{color:#475569;max-width:360px;margin:0;font-size:15px;line-height:1.55}.welcome-art{width:100%;max-width:400px;height:auto;font-family:var(--font-brand);margin:14px 0 6px;display:block}.welcome-cta{width:100%;box-shadow:none;color:#fff;background:#2c2993;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px 20px;font-family:inherit;font-size:17px;font-weight:500;display:flex}.welcome-cta:hover{background:#26237f}.welcome-signin{color:#475569;margin:14px 0 0;font-size:14.5px}.welcome-link{box-shadow:none;color:#7c3aed;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}@media print{.splash,.welcome{display:none!important}}.splash:not(.dark) .splash-disc path{fill:#f1e4ee}.splash:not(.dark) .splash-tagline,.splash:not(.dark) .splash-message{color:#475569}.splash:not(.dark) .splash-mark{width:min(44%,210px)}.splash.dark{color:#fff;background:#121849}.splash.dark .splash-tagline{color:#e8ebf8}.splash.dark .splash-message{color:#ffffffd9}.splash-tagline{font-size:max(11px,min(3.8vw,19.8px))}.splash-message{font-size:max(12px,min(4.15vw,21.6px))}@media (height<=520px){.splash-brand{top:5%}.splash .splash-mark{width:auto;height:34vh}.splash .splash-wordmark{width:auto;height:10vh;margin-top:1vh}.splash-tagline{margin-top:1.4vh;font-size:11px}.splash-message{margin-top:2vh;font-size:12px;line-height:1.3}.splash-waves{height:22%}.splash-waves,.splash-disc{display:none}.splash-stage{max-width:none}.splash-brand{justify-content:center;top:0;bottom:0}}