:root{--bg:#101a24;--surface:#172432;--surface2:#203243;--text:#edf5fa;--muted:#9eb3c7;--line:#38516a;--teal:#31c7c4;--gold:#f4b000;--negative:#ff8f87;--shadow:0 12px 32px rgba(0,0,0,.25)}body[data-theme="light"]{--bg:#f2f6f9;--surface:#fff;--surface2:#eef5f8;--text:#102a43;--muted:#5d7c99;--line:#d6e1ea;--teal:#007c83;--gold:#d79600;--negative:#b42318;--shadow:0 10px 30px rgba(16,42,67,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.5}.topbar{min-height:68px;background:#064556;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100% - 1280px)/2))}.brand,.top-actions,.legend{display:flex;gap:10px;align-items:center}.brand{font-weight:800;font-size:1.15rem}.brand small{font-weight:400;font-size:.8rem;color:#b9d3d8}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#06394a;background:var(--gold)}.currency-unit{font-weight:800;color:#d5edf0;font-size:.9rem}.top-actions button{font:inherit;font-weight:800;color:#fff;border:1px solid #7aafba;background:transparent;border-radius:8px;padding:8px 12px;cursor:pointer}.top-actions .refresh{background:#a2c4cb;color:#073b4c;border:0}.top-actions button:disabled{opacity:.6;cursor:wait}main{max-width:1280px;margin:auto;padding:28px 24px 56px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.hero h1{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.2;margin:0;max-width:780px}.eyebrow{margin:0 0 4px;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.source-note{max-width:300px;color:var(--muted);margin:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font:inherit;font-weight:900;font-size:1.1rem;padding:11px 18px;cursor:pointer}.tab.active{color:var(--teal);border-color:var(--teal)}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.overview-filters{grid-template-columns:repeat(4,1fr)}.filters label{display:grid;gap:5px;font-weight:800;font-size:.8rem;color:var(--muted)}.filters select,.filters input{min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);font:inherit;font-weight:700}.filters select[multiple]{min-height:116px}.availability{background:#745e1a;color:#fff0c0;padding:11px 14px;border-radius:8px;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metric{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:18px;text-align:left;color:var(--text)}button.metric{cursor:pointer}.metric>span,.metric h3{display:block;margin:0 0 10px;color:var(--muted);font-size:1rem;font-weight:900}.metric strong{display:block;font-size:1.55rem;color:var(--teal);letter-spacing:-.03em}.metric small{display:block;color:var(--muted);margin-top:6px;font-weight:800}.section-head{margin:25px 0 -8px}.section-head h2{font-size:1.15rem;margin:0}.group-card{min-height:190px;display:flex;flex-direction:column;align-items:flex-start}.group-card button{border:0;background:none;color:var(--teal);font:inherit;font-weight:900;font-size:1.05rem;line-height:1.65;padding:0;cursor:pointer;text-decoration:underline dotted;text-underline-offset:5px}.group-card button:last-child{color:var(--negative)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);margin-top:18px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.panel h2{font-size:1.15rem;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:right;padding:11px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th{font-size:.8rem;color:var(--muted);white-space:nowrap}th:first-child,td:first-child{text-align:left}td:first-child{font-weight:800}tfoot td{font-weight:900;background:var(--surface2)}.value-button{background:none;border:0;border-bottom:1px dotted var(--teal);padding:0;color:var(--teal);font:inherit;font-weight:900;cursor:pointer}.rate{color:var(--negative);font-weight:900}.charts-stack{display:grid;gap:18px;margin-top:18px}.chart{height:235px;display:flex;align-items:stretch;gap:7px;padding-top:20px;border-bottom:1px solid var(--line)}.bar-group{position:relative;display:flex;align-items:end;justify-content:center;gap:3px;flex:1}.bar{border:0;width:22%;min-height:2px;border-radius:4px 4px 0 0;cursor:pointer}.bar.revenue,.dot.revenue{background:#577590}.bar.income,.dot.income,.bar.labor,.dot.labor{background:var(--teal)}.bar.expense,.dot.expense,.bar.material,.dot.material{background:var(--gold)}.bar.profit,.dot.profit,.bar.overhead,.dot.overhead{background:#9b7ede}.bar.debit,.dot.debit{background:#e78f55}.bar-group>span{position:absolute;bottom:-25px;font-size:.7rem;color:var(--muted)}.legend{flex-wrap:wrap;color:var(--muted);font-size:.75rem}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.chart-tooltip{position:fixed;z-index:4;background:#0a151f;color:#fff;border:1px solid #4b687e;border-radius:8px;padding:10px;pointer-events:none;font-size:.8rem}.chart-tooltip div{display:flex;justify-content:space-between;gap:20px}.chart-tooltip strong{display:block;margin-bottom:4px}dialog{width:min(1100px,calc(100% - 32px));max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.45);padding:28px}dialog::backdrop{background:rgba(0,0,0,.55)}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:var(--muted);font-size:2rem;cursor:pointer}.dialog-value{font-size:1.8rem;font-weight:900;color:var(--teal);margin:5px 0 16px}.detail-meta{display:grid;grid-template-columns:135px 1fr;gap:8px;border-top:1px solid var(--line);padding-top:14px}.source-list{list-style:none;margin:0;padding:0}.source-list li{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:8px 0}@media(max-width:900px){.hero{display:block}.source-note{margin-top:10px}.overview-filters,.filters{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.topbar{padding:0 15px}}@media(max-width:520px){main{padding:20px 14px}.overview-filters,.filters,.cards{grid-template-columns:1fr}.topbar{min-height:60px}.brand small,.currency-unit{display:none}.hero h1{font-size:1.7rem}}

.compare-chart-panel{margin-top:18px}.chart-selector{display:grid;gap:5px;min-width:210px;color:var(--muted);font-size:.78rem;font-weight:800}.chart-selector select{min-height:38px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);font:inherit}.compare-chart{height:310px;gap:16px;padding:34px 8px 52px}.compare-bar-group{min-width:116px;gap:0}.compare-bar-group .bar{width:54%;max-width:74px}.compare-bar-group .bar.negative{background:var(--negative)}.compare-bar-amount{position:absolute;bottom:calc(100% + 6px);font-size:.72rem;color:var(--text);white-space:nowrap}.compare-bar-group>span{bottom:-35px;width:125px;text-align:center;line-height:1.2}.compare-bar-rate{position:absolute;bottom:-52px;font-size:.72rem;white-space:nowrap}@media(max-width:520px){.chart-selector{width:100%}.compare-chart{overflow-x:auto;justify-content:flex-start}.compare-bar-group{flex:0 0 116px}}
.compare-detail-summary{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.compare-detail-summary>strong{color:var(--muted);font-size:.82rem}.compare-detail-summary span{display:grid;gap:1px;min-width:120px}.compare-detail-summary small{color:var(--muted);font-weight:800}.compare-detail-summary b{font-variant-numeric:tabular-nums;color:var(--teal)}