:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f5;--text:#16191d;--muted:#5f6873;--border:#dde1e6;--accent:#0f766e;--accent-ink:#fff;--accent-soft:#e6f4f2;--warn:#9a5b00;--warn-soft:#fff4e0;--danger:#b42318;--danger-soft:#fdecea;--radius:10px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#0f1215;--surface:#171b20;--surface-2:#1f242a;--text:#e8eaed;--muted:#9aa3ad;--border:#2c333b;--accent:#2dd4bf;--accent-ink:#062723;--accent-soft:#10302c;--warn:#f5b759;--warn-soft:#33270f;--danger:#f97066;--danger-soft:#3a1714;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent)}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar-inner{align-items:center;gap:16px;max-width:980px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:6px;width:26px;height:26px}.nav{gap:4px;margin-left:auto;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.95rem;text-decoration:none}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}main{max-width:980px;padding:20px 16px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.nowrap{white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.compact{padding:12px 14px}.banner{border-radius:8px;padding:10px 12px;font-size:.92rem}.banner.warn{background:var(--warn-soft);color:var(--warn)}.banner.error{background:var(--danger-soft);color:var(--danger)}.banner.info{background:var(--accent-soft);color:var(--accent)}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge.ok{background:var(--accent-soft);color:var(--accent)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}label.field{color:var(--muted);gap:4px;font-size:.85rem;display:grid}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;min-width:0;padding:9px 10px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 14px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.55;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.danger{color:var(--danger)}button.link{min-height:0;color:var(--accent);background:0 0;border:none;padding:0;font-weight:500}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 10px}th{color:var(--muted);font-size:.8rem;font-weight:600}tr.total td{border-bottom:none;font-weight:700}.auth-wrap{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{width:100%;max-width:400px}.auth-card .brand{justify-content:center;margin-bottom:18px;font-size:1.2rem}.qr{background:#fff;border-radius:8px;width:200px;height:200px;margin:8px auto;padding:8px;display:block}.secret{word-break:break-all;background:var(--surface-2);border-radius:6px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;background:var(--surface);padding:18px}.upload-zone.drag{border-color:var(--accent);background:var(--accent-soft)}.expense{gap:10px;display:grid}.expense-head{align-items:flex-start;gap:10px;display:flex}.expense-head .title{flex:1;min-width:0}.expense-head .amount{font-size:1.05rem;font-weight:700}.expense-fields{grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid}.expense-fields .wide{grid-column:1/-1}@media (width<=600px){.expense-fields{grid-template-columns:1fr 1fr}.expense-fields .vendor{grid-column:1/-1}}.submit-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin:16px -16px 0;display:flex;position:sticky;bottom:0}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:32px 16px}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);max-width:min(480px,100vw - 32px);padding:20px}dialog::backdrop{background:#0006}