@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-subset-DTUa-C-R.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--bg: #f7f9fb;--panel: #ffffff;--surface-low: #f2f4f6;--surface-high: #e6e8ea;--deep-navy: #0d1b2a;--primary: #1e3a8a;--primary-bright: #2563eb;--accent: #006b5f;--accent-ink: #ffffff;--accent-container: #86f0e1;--accent-container-ink: #00453f;--success-teal: #14b8a6;--soft-blue-wash: #e6f2fa;--soft-blue-line: #cfe4f5;--line: #e2e8f0;--outline-variant: #d3d7e0;--ink: #191c1e;--muted: #565963;--danger: #ba1a1a;--danger-bg: #ffdad6;--danger-ink: #93000a;--warn-bg: #fbe4c2;--warn-ink: #7a5300;--radius-sm: 6px;--radius-lg: 8px;--radius-pill: 9999px;font-family:Hanken Grotesk Variable,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.01em;color:var(--deep-navy);margin:0 0 16px}h2{font-size:17px;line-height:24px;font-weight:600;color:var(--deep-navy);margin:24px 0 10px}.material-symbols-outlined{vertical-align:middle;font-size:20px}.app{display:flex;align-items:flex-start;min-height:100vh}.sidebar{width:280px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 0;background:var(--panel);border-right:1px solid var(--outline-variant);overflow-y:auto}.sidebar .logo{display:flex;align-items:center;gap:12px;padding:0 24px;margin-bottom:28px}.sidebar .logo img{width:40px;height:40px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:#fff}.sidebar .logo .title{font-size:18px;font-weight:700;color:var(--primary);line-height:1.1}.sidebar .logo .sub{font-size:12px;color:var(--muted)}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:0 12px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;transition:background .15s,color .15s}.sidebar nav a:hover{background:var(--surface-high);color:var(--ink);text-decoration:none}.sidebar nav a.active{background:var(--accent-container);color:var(--accent-container-ink)}.sidebar nav a .material-symbols-outlined{font-size:22px}.sidebar .foot{margin-top:auto;padding:12px 12px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.sidebar .foot a{display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px}.sidebar .foot a:hover{background:var(--surface-high);color:var(--ink);text-decoration:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;height:60px;padding:0 32px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar .right{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px}.topbar select{border:1px solid var(--outline-variant);border-radius:var(--radius-pill);padding:6px 12px;background:var(--surface-low);color:var(--primary);font-weight:600}.page{max-width:1280px;width:100%;margin:32px auto;padding:0 32px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:18px}.panel.emphasis{background:var(--deep-navy);border:none;color:#eff1f3}.panel.emphasis h1,.panel.emphasis h2,.panel.emphasis h3{color:#fff}.panel.emphasis .muted{color:#ffffffa6}.info-banner{display:flex;gap:12px;align-items:flex-start;background:var(--soft-blue-wash);border:1px solid var(--soft-blue-line);border-radius:var(--radius-lg);padding:14px 16px;color:var(--primary);margin-bottom:18px}.info-banner .material-symbols-outlined{color:var(--primary)}table.grid{width:100%;border-collapse:collapse}table.grid th,table.grid td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}table.grid th{color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase}table.grid td.num,table.grid th.num{text-align:right;font-variant-numeric:tabular-nums}table.grid tbody tr:hover{background:var(--soft-blue-wash)}table.grid tr.inactive td{color:var(--muted)}input,select,button,textarea{font:inherit;padding:8px 11px;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #b6c4ff;border-color:var(--primary)}button{cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.secondary{background:#fff;color:var(--primary);border-color:var(--primary);font-weight:600}button.secondary:hover:not(:disabled){background:var(--soft-blue-wash)}button.link{background:none;border:none;color:var(--primary);padding:2px 4px;font-weight:600}button.link.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.error{color:var(--danger);margin:8px 0}.notice{color:var(--accent);margin:8px 0}.muted{color:var(--muted)}.balance-pos{color:var(--ink)}.balance-neg{color:var(--danger)}.amount-in{color:var(--success-teal);font-weight:600}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.chip.paid,.chip.reconciled,.chip.pos,.chip.active{background:#cdeee8;color:#00534b}.chip.pending,.chip.draft,.chip.neutral,.chip.inactive{background:var(--surface-high);color:var(--muted)}.chip.overdue,.chip.danger{background:var(--danger-bg);color:var(--danger-ink)}.chip.cleared,.chip.info,.chip.open{background:var(--soft-blue-wash);color:var(--primary)}.chip.partial,.chip.warn,.chip.scheduled{background:var(--warn-bg);color:var(--warn-ink)}.login-wrap{max-width:400px;margin:12vh auto}.login-wrap .brand{text-align:center;margin-bottom:22px}.login-wrap .brand img{max-width:240px;height:auto}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:none;background:none;padding:10px 14px;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-weight:600}.tabs button:hover{color:var(--ink)}.tabs button.active{border-bottom-color:var(--primary);color:var(--primary)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px}.card .name{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.card .amount{font-size:24px;font-weight:700;color:var(--deep-navy);font-variant-numeric:tabular-nums}@media print{.sidebar,.topbar,.no-print{display:none!important}body{background:#fff}.main{display:block}.page{max-width:none;margin:0;padding:0}.panel.invoice-sheet{border:none;border-radius:0;padding:0;margin:0}}