:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--fg:#14171c;--line:#d5d9e0;--brand:#1d4ed8;--err:#b42318;--warn:#8a5a00;--ok:#067647}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14171c;--surface:#1c2028;--fg:#e8ebf0;--line:#3a4150;--brand:#7aa2ff;--err:#ff8f85;--warn:#f2c14e;--ok:#5fd39a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14171c;--surface:#1c2028;--fg:#e8ebf0;--line:#3a4150;--brand:#7aa2ff;--err:#ff8f85;--warn:#f2c14e;--ok:#5fd39a}.logo-preview{background:#fff;border-radius:4px;max-width:120px;max-height:56px}textarea{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:6px;width:100%;padding:8px 10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.4 system-ui,sans-serif}input,select,button{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:6px;padding:8px 10px}button{cursor:pointer}button.primary{background:var(--brand);border-color:var(--brand);color:#fff;width:100%;margin-top:12px}button:disabled{opacity:.5;cursor:not-allowed}.app{max-width:1100px;margin:0 auto;padding:0 16px 32px}header{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}header .sync-status{gap:8px;margin-left:auto;font-size:14px;display:flex}nav{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}nav button{border:0;border-bottom:3px solid #0000;border-radius:0}nav button.active{border-bottom-color:var(--brand);font-weight:600}.row{flex-wrap:wrap;align-items:end;gap:8px;margin:8px 0;display:flex}.field{flex-direction:column;gap:2px;margin:4px 0;display:flex}.field span{opacity:.8;font-size:13px}table{border-collapse:collapse;width:100%;margin:8px 0}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.r{text-align:right}td input{width:90px}tr.low td{background:color-mix(in srgb, var(--warn) 18%, transparent)}tr.cancelled td{opacity:.6;text-decoration:line-through}.panel{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:12px}.bill-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.bill-grid{grid-template-columns:1fr 320px}}.results{border:1px solid var(--line);border-radius:6px;margin:4px 0;padding:0;list-style:none}.results button{text-align:left;border:0;width:100%}.totals{grid-template-columns:1fr auto;gap:4px 12px;margin:0;display:grid}.totals dt{font-weight:600}.totals dd{text-align:right;margin:0}.err{color:var(--err)}.warn{color:var(--warn)}.badge{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.offline{color:var(--warn);border-color:var(--warn)}.badge.synced{color:var(--ok)}.badge.pending{color:var(--warn)}.badge.attention{color:var(--err)}.login-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-top{position:fixed;top:12px;right:16px}.login.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:8px;width:100%;max-width:380px;padding:28px 24px;display:grid;box-shadow:0 10px 30px #0000001f}.login.card h1{text-align:center;margin:4px 0 0;font-size:24px}.login.card .muted{text-align:center;margin:0 0 8px}.login.card label{margin-top:6px;font-size:14px;font-weight:600}.login.card input{width:100%}.login.card button.primary{margin-top:12px}.login-logo{object-fit:contain;background:#fff;border-radius:8px;max-width:160px;max-height:72px;margin:0 auto;padding:4px;display:block}.pw-row{gap:6px;display:flex}.pw-row input{flex:1}.pw-eye{min-width:48px}.muted{opacity:.7}.theme-toggle{white-space:nowrap}.center{text-align:center;margin-top:20vh}.saved{border:1px solid var(--ok);border-radius:8px;margin:12px 0;padding:12px}button,input,select{min-height:40px}ul.plain{margin:0;padding:0;list-style:none}.doc-actions{margin-top:8px}@media (width<=767px){.app{padding-bottom:76px}header .sync-status{order:9;width:100%;margin-left:0}nav[role=tablist]{z-index:20;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);border-bottom:0;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}nav[role=tablist] button{border-top:3px solid #0000;border-bottom:0;flex:1;padding:12px 4px;font-size:13px}nav[role=tablist] button.active{border-top-color:var(--brand)}.bill-aside{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;position:sticky;bottom:64px}.bill-aside .totals dt:not(.grand),.bill-aside .totals dd:not(.grand){display:none}.bill-aside .totals .grand{font-size:20px}table.lines thead{display:none}table.lines tr{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:6px;padding:8px 0;display:grid}table.lines td{border:0;padding:0}table.lines td:first-child{grid-column:1/-1;font-weight:600}table.lines td input{width:100%}}