:root{--brand: #01274d;--brand-2: #0a3a6b;--brand-blue: #0a5fb0;--brand-teal: #00a090;--brand-green: #3cc464;--accent: #2ec4b0;--bg: #f3f6f9;--surface: #ffffff;--surface-2: #f6f9fb;--border: #dbe3ea;--text: #0d1b2a;--text-2: #4a5b6c;--muted: #7a8a99;--primary: #007a6e;--primary-ink: #ffffff;--danger: #c0392b;--good: #1e8449;--warn: #b7791f;--series-1: #2a78d6;--series-2: #eb6834;--grid: #e7ecea;--shadow: 0 1px 2px rgba(16, 32, 31, .06), 0 2px 8px rgba(16, 32, 31, .05);--radius: 10px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #08131f;--surface: #0f1e2e;--surface-2: #142538;--border: #223649;--text: #e8eef4;--text-2: #b2c1cf;--muted: #8496a8;--primary: #22b8a5;--primary-ink: #021411;--grid: #1d3044;--series-1: #3987e5;--series-2: #d95926;--brand: #011a33;--shadow: 0 1px 2px rgba(0,0,0,.4);color-scheme:dark}}:root[data-theme=dark]{--bg: #08131f;--surface: #0f1e2e;--surface-2: #142538;--border: #223649;--text: #e8eef4;--text-2: #b2c1cf;--muted: #8496a8;--primary: #22b8a5;--primary-ink: #021411;--grid: #1d3044;--series-1: #3987e5;--series-2: #d95926;--brand: #011a33;--shadow: 0 1px 2px rgba(0,0,0,.4);color-scheme:dark}.logo-on-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-on-light{display:none}:root:not([data-theme=light]) .logo-on-dark{display:inline-block}}:root[data-theme=dark] .logo-on-light{display:none}:root[data-theme=dark] .logo-on-dark{display:inline-block}.brand-tile{width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 1px 3px #00000040}.brand-tile img{width:28px;height:28px;object-fit:contain}.wordmark{font-weight:800;letter-spacing:.2px}.wordmark .biz{color:var(--accent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}.num,td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger)}.btn.ghost{border-color:transparent;background:transparent}.btn.sm{height:28px;padding:0 10px;font-size:13px}.btn kbd{font-size:11px;opacity:.7}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2);font-weight:500}label.field.inline{flex-direction:row;align-items:center;gap:8px}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;height:34px;padding:0 10px;min-width:0;width:100%}textarea{height:auto;padding:8px 10px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;height:auto}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 40%,transparent);border-color:var(--primary)}input.invalid{border-color:var(--danger)}.error-text{color:var(--danger);font-size:12px}.alert{padding:10px 14px;border-radius:8px;background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.alert.info{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.alert.warn{background:color-mix(in srgb,var(--warn) 10%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:16px}.card-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.tbl th{font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface-2);position:sticky;top:0}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tr.clickable{cursor:pointer}.tbl tr.group-row td{font-weight:600;background:var(--surface-2)}.tbl tr.total-row td{font-weight:700;border-top:2px solid var(--text-2)}.tbl td.indent{padding-left:28px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.badge.cloud{color:#1d5fb3;border-color:#b8d2f2;background:#eef5fd}.badge.local{color:#8a5a00;border-color:#f0d9a6;background:#fdf6e6}.badge.good{color:var(--good)}.badge.bad{color:var(--danger)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .badge.cloud,:root:not([data-theme=light]) .badge.local{background:var(--surface-2)}}.shell{display:grid;grid-template-columns:236px 1fr;height:100%}.sidebar{background:linear-gradient(180deg,var(--brand),#021b36);color:#cfdbe8;display:flex;flex-direction:column;overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#fff;font-size:19px}.sidebar .tagline{font-size:9.5px;letter-spacing:.14em;color:#8fb0cc;font-weight:600;margin-top:-2px}.sidebar nav{padding:4px 10px 20px}.sidebar .sec{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f9fbd;padding:14px 10px 4px}.sidebar a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;color:#cfdbe8;font-size:13.5px}.sidebar a:hover{background:#ffffff12;text-decoration:none}.sidebar a.active{background:#2ec4b02e;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.sidebar a kbd{margin-left:auto;font-size:10px;color:#7f9fbd;font-family:inherit}.main{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar .company{font-weight:700;font-size:15px}.content{flex:1;overflow-y:auto;padding:20px}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.menu-btn{display:none}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:50;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:0 0 0 100vmax #00000059}.menu-btn{display:inline-flex}.content{padding:14px}}.kpi{padding:14px 16px}.kpi .label{font-size:12px;color:var(--text-2);font-weight:500}.kpi .value{font-size:22px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .sub{font-size:12px;color:var(--muted);margin-top:2px}.insight{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.insight:last-child{border-bottom:0}.insight .ico{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.ico.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.ico.good{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}.ico.info{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.chart-tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:8px 10px;font-size:12px;white-space:nowrap;z-index:5}.legend{display:flex;gap:14px;font-size:12px;color:var(--text-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.bar-list .bar-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:6px 0}.bar-list .bar{grid-column:1 / -1;height:6px;background:var(--grid);border-radius:4px;overflow:hidden}.bar-list .bar>span{display:block;height:100%;background:var(--series-1);border-radius:4px}.lines input,.lines select{height:32px}.lines td{padding:4px 6px}.lines th{padding:6px}.totals{min-width:280px;margin-left:auto}.totals div{display:flex;justify-content:space-between;padding:4px 0}.totals .grand{font-size:18px;font-weight:700;border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#08141373;display:grid;place-items:center;z-index:100;padding:16px}.modal{width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.toast{position:fixed;bottom:20px;right:20px;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:8px;z-index:200;box-shadow:var(--shadow)}.toast.err{background:var(--danger);color:#fff}.auth{min-height:100%;display:grid;grid-template-columns:1fr 1fr}.auth .hero{background:radial-gradient(circle at 20% 15%,#0a4a7a 0,transparent 45%),linear-gradient(150deg,#01274d,#011a33 70%);color:#d9e5f0;padding:48px;display:flex;flex-direction:column;justify-content:center;gap:18px}.auth .hero h1{font-size:30px;color:#fff}.auth .hero .hero-logo{width:220px}.auth .hero ul{padding-left:18px;margin:0;line-height:1.9}.auth .panel{display:grid;place-items:center;padding:24px}.auth form{width:min(400px,100%)}@media(max-width:860px){.auth{grid-template-columns:1fr}.auth .hero{display:none}}.choice{display:grid;gap:10px}.choice label{display:flex;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface)}.choice label.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.choice b{display:block}.print-only{display:none}@media print{@page{size:A4;margin:12mm}body{background:#fff;color:#000}.sidebar,.topbar,.no-print,.toast{display:none!important}.shell{display:block}.main,.content{overflow:visible;height:auto;padding:0}.card{box-shadow:none;border:0}.print-only{display:block}}.invoice{color:#111;background:#fff;max-width:840px;margin:0 auto;padding:28px;font-size:13px}.invoice table{width:100%;border-collapse:collapse}.invoice th,.invoice td{border:1px solid #999;padding:5px 7px}.invoice th{background:#f0f0f0;font-size:12px}.invoice .no-border td{border:0;padding:2px 0}