@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f7f4;--paper:#fff;--ink:#213b36;--muted:#7b8882;--green:#163f39;--line:#e5eae4;--accent:#dbe8a9;--red:#bd4b43;--down:#21826c;--sans:'Noto Sans TC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #9abf6b;outline-offset:3px}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;padding:38px 24px;background:#fcfdfb;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-size:16px;font-weight:700;letter-spacing:.2px}.brand-mark{width:43px;height:43px;border-radius:14px;background:var(--green);color:var(--accent);display:grid;place-items:center;font-size:23px;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:3px}.nav-label{font-size:11px;color:#9aa49e;margin:48px 14px 14px}nav{display:grid;gap:9px}nav a{display:flex;align-items:center;gap:15px;padding:14px 17px;border-radius:9px;color:#77857d;font-weight:500}nav a span{font-size:20px;width:22px}nav a.active{background:#eaf0e6;color:var(--green)}nav a:hover{background:#f0f3eb}.side-note{margin-top:auto;border-top:1px solid var(--line);padding:25px 12px 5px}.tiny-label{font-size:11px;color:#9aa38c;letter-spacing:.5px}.side-note p{font-size:13px;color:#63746c;line-height:1.9}.side-note small{font-size:11px;color:var(--muted)}.local-dot{font-size:11px;margin:24px 0 6px}.local-dot:before{content:'';display:inline-block;width:6px;height:6px;background:#6f9b78;border-radius:50%;margin-right:6px}.workspace{margin-left:244px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:rgba(255,255,255,.75);border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 15px;color:#c0c9c1}.breadcrumb b{font-weight:500;color:#455b50}.header-actions{display:flex;gap:15px;align-items:center}.text-button{border:0;background:none;color:#52685d;padding:7px 6px}.text-button:hover{color:#142d26}.avatar{width:31px;height:31px;background:#e7ecdf;border-radius:50%;display:grid;place-items:center;font-size:12px;margin-left:8px}main{max-width:1540px;padding:28px 46px;margin:auto}.modebar{background:#edf2e5;border:1px solid #dde6cf;border-radius:8px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6c795c;font-size:12px}.modebar.real{background:#f7faf6;border-color:var(--line);color:#657c70}.modebar button{font-size:12px;border:none;background:transparent;text-decoration:underline;color:var(--green);white-space:nowrap}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 28px;gap:18px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8d9d87;margin-bottom:10px}h1{font-size:29px;letter-spacing:1px;line-height:1.45;margin:0;font-weight:600}h2{font-size:17px;line-height:1.5;margin:0;font-weight:600}h3{margin:0;font-size:15px;font-weight:500}.page-heading p{color:var(--muted);font-size:13px;margin:11px 0 0}.primary,.secondary{padding:11px 18px;border-radius:7px;border:1px solid transparent;white-space:nowrap;font-size:13px;font-weight:500}.primary{color:white;background:var(--green)}.primary:hover{background:#285c4f}.secondary{background:white;color:#456254;border-color:var(--line)}.primary:disabled{opacity:.4;cursor:default}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.kpi{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:22px 23px;min-height:145px}.kpi.hero{background:var(--green);color:#fff;border-color:var(--green)}.metric-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.hero .metric-label{color:#b8ccc0}.metric{font-size:30px;letter-spacing:-.5px;font-weight:500;font-variant-numeric:tabular-nums;margin:15px 0 10px;white-space:nowrap}.metric small{font-size:14px;margin-right:5px;color:#9aa9a0;font-weight:400}.hero .metric small{color:#abc7b7}.kpi .sub{font-size:11px;color:var(--muted)}.hero .sub{color:#baccc1}.up{color:var(--red)}.down{color:var(--down)}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{padding:23px 25px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head p{font-size:11px;color:var(--muted);margin:6px 0 0}.panel-head a{color:#7a8b7e;font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:22px;margin-bottom:23px}.year-control{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}select,input{border:1px solid #dce4db;border-radius:6px;background:#fff;color:var(--ink);padding:9px 10px;min-width:0}select{font-size:12px}.bars{display:flex;gap:10px;align-items:flex-end;height:198px;margin:12px 24px 14px;padding:10px 0 25px;border-bottom:1px solid var(--line)}.bar-col{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;gap:5px;min-width:0}.bar-col .bar{width:min(100%,28px);background:#bfd19e;border-radius:5px 5px 1px 1px;min-height:2px}.bar-col strong{font-size:8px;font-weight:400;white-space:nowrap;color:#82916d}.bar-col label{position:absolute;bottom:-25px;color:#859085;font-size:10px}.bar-col.current .bar{background:var(--green)}.chart-legend{display:flex;justify-content:space-between;padding:10px 25px 20px;font-size:11px;color:var(--muted)}.legend-dot:before{content:'';width:7px;height:7px;border-radius:2px;background:#bfd19e;display:inline-block;margin-right:6px}.allocation{padding:0 25px 15px}.allocation-row{padding:12px 0;border-bottom:1px solid #f0f3ec}.allocation-row>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.allocation-row small{color:var(--muted)}.meter{height:5px;background:#f1f4ee;border-radius:8px;overflow:hidden}.meter span{height:100%;display:block;background:#6e927c;border-radius:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{color:#8c988f;font-size:10px;text-align:right;background:#fafbf8;font-weight:400;padding:13px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:18px 22px;text-align:right;border-bottom:1px solid #eef1eb;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}td strong{font-weight:600}td small{display:block;color:#9aa59d;font-size:10px;font-weight:400;margin-top:4px}tr:last-child td{border-bottom:0}.badge{font-size:10px;display:inline-block;border-radius:4px;padding:3px 7px;background:#edf3e7;color:#6e8553}.badge.paid{background:#e7f1ec;color:#548b72}.badge.estimated{background:#f5efde;color:#ab8a46}.edit-button{border:0;background:#f2f5ee;border-radius:5px;padding:6px 10px;color:#6e8476;font-size:11px}.section-note{font-size:11px;color:#8b978e;padding:13px 25px;border-top:1px solid var(--line);margin:0}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 25px 18px}.toolbar input{font-size:12px;max-width:210px}.empty{text-align:center;padding:48px 20px;color:#8d9b90}.empty .empty-icon{width:50px;height:50px;border:1px solid #dce4d7;border-radius:15px;display:grid;place-items:center;margin:0 auto 14px;color:#7a957b;font-size:24px}.empty h3{color:#516b5c;margin-bottom:8px}.empty p{font-size:12px;margin:0 0 20px}.notice{padding:12px 16px;background:#fff5e8;border:1px solid #eddfc8;border-radius:8px;font-size:12px;color:#976c34;margin:0 0 18px}.trend-top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:0 25px 10px}.trend-summary{font-size:25px;font-weight:500}.trend-summary small{font-size:12px;color:#8c9b90;margin-left:10px}.chart-wrap{padding:10px 22px}.chart-wrap svg{width:100%;height:auto;display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:12px;color:#728276;display:grid;gap:7px}.form-grid input,.form-grid select{width:100%;font-size:14px}.form-grid .full{grid-column:1/-1}dialog{width:min(560px,calc(100% - 28px));max-height:90dvh;border:1px solid #dfe6d9;border-radius:15px;padding:28px;color:var(--ink);box-shadow:0 22px 90px #133d3030}dialog::backdrop{background:#14372e66;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.icon-button{background:none;border:0;font-size:27px;color:#8d9d91}.dialog-actions{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.dialog-actions span{flex:1}.form-note{font-size:11px;color:#8d9b8f;margin:20px 0}.danger{color:#ba5951}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.monthly-table{margin-top:22px}.save-indicator{font-size:11px;color:#7d907d}footer{color:#9aa59c;font-size:10px;text-align:center;margin:28px 0 10px}#toast{display:none;position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#173d35;color:white;padding:13px 22px;border-radius:8px;z-index:99;box-shadow:0 5px 30px #0002;font-size:13px;max-width:90vw}#toast.visible{display:block}
.composition-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:8px 25px 24px}.composition-summary>div{display:flex;flex-direction:column;gap:9px}.composition-summary span,.composition-summary small{font-size:11px;color:var(--muted)}.composition-summary strong{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.composition-summary i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:6px}.tax54c{margin:0 25px 22px;background:#f0f5eb;border-radius:8px;padding:16px 20px}.tax54c>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.tax54c span{font-size:12px}.tax54c strong{font-size:20px;font-weight:500}.tax54c p{color:#839177;font-size:11px;margin:8px 0 0}.composition-form-head{border-top:1px solid var(--line);padding-top:18px;margin-top:4px}.composition-form-head p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.8}.composition-warning{color:#9d773d;background:#fffbf2}.source-text{max-width:200px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.section-note a{text-decoration:underline;color:#6c8570}@media(max-width:650px){.composition-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tax54c>div{align-items:flex-start;flex-direction:column}.tax54c{margin-left:20px;margin-right:20px}}
@media(min-width:1500px){main{padding:35px 60px}.metric{font-size:34px}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 18px}.workspace{margin-left:210px}.topbar{padding:0 28px}main{padding:24px 28px}.kpis{gap:12px}.kpi{padding:18px 17px}.metric{font-size:24px}.split{grid-template-columns:1.5fr 1fr;gap:16px}.brand{font-size:14px}.brand-mark{width:37px;height:37px}th,td{padding:14px 17px}}@media(max-width:850px){.sidebar{position:fixed;z-index:20;inset:auto 0 0;width:100%;height:76px;background:#fffffff5;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);display:block;height:calc(70px + env(safe-area-inset-bottom))}.brand,.nav-label,.side-note{display:none}nav{display:flex;justify-content:space-around;gap:3px}nav a{display:flex;flex:1;gap:0;align-items:center;justify-content:center;flex-direction:column;font-size:10px;padding:4px 4px;border-radius:6px}nav a span{font-size:20px;text-align:center;height:28px}.workspace{margin:0 0 85px}.topbar{height:62px;padding:0 22px}.breadcrumb{font-size:11px}.header-actions{gap:6px}.avatar{display:none}main{padding:20px 22px}.kpis{grid-template-columns:repeat(2,1fr);gap:12px}.split{grid-template-columns:1fr}.page-heading{margin:26px 0 22px}h1{font-size:25px}.metric{font-size:28px}.page-heading p{font-size:12px}.panel-head{padding:20px}.modebar{font-size:11px}.chart-legend{padding-left:20px}.panel-head .secondary{padding:8px 11px}#toast{bottom:100px}}@media(max-width:430px){main{padding:16px}.topbar{padding:0 16px}.breadcrumb span{padding:0 7px}.page-heading{align-items:flex-start;gap:10px}h1{font-size:22px;letter-spacing:.3px}.page-heading .primary{padding:10px 12px;margin-top:20px;font-size:12px}.page-heading p{font-size:11px;max-width:210px}.kpi{min-height:135px;padding:17px 15px}.metric{font-size:25px}.metric-label{font-size:11px}.kpi .sub{font-size:10px}.bars{gap:7px;margin-left:18px;margin-right:18px}.bar-col strong{font-size:7px}.modebar{padding:10px 12px;gap:7px}.form-grid{gap:13px}dialog{padding:22px}.dialog-actions{gap:7px}.dialog-actions button{padding-left:11px;padding-right:11px}}