:root{color:#23302f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f1;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#eef2f1;min-width:1120px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fbfcfb;border-right:1px solid #d6ddda;padding:24px 18px}.brand-block{gap:6px;padding:8px 10px 24px;display:grid}.brand-block span,.topbar span,.page-header p,.panel-header span,.stat-card span,td small{color:#687875;font-size:13px}.brand-block strong{color:#173b37;font-size:22px}.main-nav{gap:8px;display:grid}.main-nav a{color:#31413f;border:1px solid #0000;border-radius:8px;gap:4px;min-height:68px;padding:12px;text-decoration:none;display:grid}.main-nav a:hover,.main-nav a.active{background:#e6f2ef;border-color:#a8c9c3}.main-nav a span{font-size:15px;font-weight:700}.main-nav a small{color:#6c7d79;font-size:12px}.main-panel{grid-template-rows:68px minmax(0,1fr);display:grid}.topbar{background:#fff;border-bottom:1px solid #d6ddda;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.topbar div:first-child{gap:2px;display:grid}.topbar strong{color:#1f3431}.topbar-meta{align-items:center;gap:10px;display:flex}.topbar-meta span{background:#f6f7f2;border:1px solid #d6ddda;border-radius:999px;padding:6px 10px}.topbar-logout{color:#1f4f48;background:#fff;border:1px solid #b9c6c2;border-radius:6px;height:32px;padding:0 12px;font-size:13px;font-weight:800}.topbar-logout:hover{background:#e6f2ef}main{padding:28px}.login-page{place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{background:#fff;border:1px solid #d6ddda;border-radius:8px;gap:24px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 10px 30px #22302f1a}.login-brand{gap:8px;display:grid}.login-brand span{color:#687875;font-size:14px;font-weight:800}.login-brand h1{color:#173b37;margin:0;font-size:28px}.login-form{gap:16px;display:grid}.login-error{color:#9f3e2c;background:#fff1ee;border:1px solid #e1c4bd;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;font-weight:800}.page-stack{gap:22px;display:grid}.page-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-header p{letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-weight:700}.page-header h1{color:#173b37;margin:0;font-size:30px;line-height:1.2}.page-header span{color:#5e6d6a;margin-top:8px;display:inline-block}.page-action{flex:none}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.panel,.table-shell{background:#fff;border:1px solid #d6ddda;border-radius:8px;box-shadow:0 1px 2px #22302f0f}.stat-card{border-top:4px solid #8a9894;gap:10px;min-height:142px;padding:18px;display:grid}.stat-card-green{border-top-color:#21856f}.stat-card-amber{border-top-color:#c58a2a}.stat-card strong{color:#1e3734;font-size:28px;line-height:1.2}.stat-card p{color:#687875;margin:0;font-size:13px}.content-grid{gap:16px;display:grid}.two-columns{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.panel{padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel h2{color:#203936;margin:0;font-size:18px}.rank-list,.definition-list{gap:10px;display:grid}.rank-row{border-bottom:1px solid #edf0ef;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.rank-row b{color:#176253;background:#e6f2ef;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.rank-row div{gap:3px;display:grid}.rank-row span{color:#687875;font-size:13px}.rank-row em{color:#173b37;font-style:normal;font-weight:800}.definition-list{margin:0}.definition-list div{border-bottom:1px solid #edf0ef;grid-template-columns:130px 1fr;padding:10px 0;display:grid}.definition-list dt{color:#687875}.definition-list dd{color:#203936;margin:0;font-weight:700}.table-shell{overflow:hidden}table{border-collapse:collapse;width:100%}th{color:#52625f;text-align:left;background:#f6f7f2;font-size:13px}th,td{vertical-align:middle;border-bottom:1px solid #e4e9e7;padding:14px 16px}td{color:#2f413e;font-size:14px}td strong{color:#203936;display:block}td small{margin-top:4px;display:block}tr:last-child td{border-bottom:0}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-width:58px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.on{color:#176253;background:#e3f3ed}.status-pill.off{color:#8a5d20;background:#f1eee9}.form-panel,.settings-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.settings-panel{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}.backup-panel{gap:14px;max-width:920px;display:grid}.backup-actions{gap:10px;display:flex}.hidden-file-input{display:none}.settings-note,.settings-status{color:#687875;margin:0;font-size:13px;line-height:1.6}.settings-status{color:#176253;background:#f4fbf8;border:1px solid #cfe1dc;border-radius:6px;padding:10px 12px;font-weight:800}.field{gap:7px;display:grid}.field span{color:#52625f;font-size:13px;font-weight:800}.field input,.field select{color:#203936;background:#fff;border:1px solid #cfd8d5;border-radius:6px;outline:none;width:100%;height:42px;padding:0 11px}.field input:focus,.field select:focus{border-color:#21856f;box-shadow:0 0 0 3px #21856f24}.amount-input{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.amount-input strong{color:#687875;font-size:13px}.secondary-button{color:#1f4f48;background:#fff;border:1px solid #b9c6c2;border-radius:6px;height:40px;padding:0 14px;font-weight:800}.secondary-button:hover{background:#e6f2ef}.primary-button{color:#fff;background:#176253;border:1px solid #176253;border-radius:6px;height:40px;padding:0 16px;font-weight:800}.primary-button:hover{background:#124f44}.group-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.field-wide{grid-column:span 3}.form-actions{align-items:end;gap:10px;display:flex}.table-actions{flex-wrap:wrap;gap:6px;min-width:212px;display:flex}.table-actions button{color:#25413c;background:#fff;border:1px solid #c8d3d0;border-radius:6px;height:30px;padding:0 9px;font-size:12px;font-weight:800}.table-actions button:hover:not(:disabled){background:#e6f2ef}.table-actions button:disabled{cursor:not-allowed;opacity:.45}.table-actions .danger-button{color:#9f3e2c;border-color:#e1c4bd}.table-actions .danger-button:hover{background:#fff1ee}.filter-panel{grid-template-columns:minmax(260px,340px) minmax(320px,1fr);gap:14px;display:grid}.table-command{color:#25413c;background:#fff;border:1px solid #c8d3d0;border-radius:6px;height:30px;padding:0 10px;font-size:12px;font-weight:800}.table-command:hover{background:#e6f2ef}.table-command.danger-button{color:#9f3e2c;border-color:#e1c4bd}.table-command.danger-button:hover{background:#fff1ee}.monthly-page{padding-bottom:92px}.monthly-toolbar{justify-content:space-between;align-items:end;gap:16px;display:flex}.monthly-toolbar .field{width:220px}.monthly-actions{gap:10px;display:flex}.group-summary-row td{color:#173b37;background:#eaf2ef;align-items:center;gap:16px;padding:12px 16px;display:flex}.group-summary-row button{color:#176253;background:#fff;border:1px solid #a8c9c3;border-radius:6px;height:28px;padding:0 10px;font-size:12px;font-weight:800}.group-summary-row strong{min-width:190px}.group-summary-row span{color:#40524e;font-size:13px;font-weight:800}.table-number-input,.table-note-input,.table-select{color:#203936;background:#fff;border:1px solid #cfd8d5;border-radius:6px;outline:none;width:100%;min-width:88px;height:32px;padding:0 8px}.table-number-input{text-align:right}.table-note-input{min-width:150px}.table-select{min-width:118px;margin-bottom:6px}.table-check{color:#2f413e;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.table-check input{accent-color:#176253;width:16px;height:16px}.monthly-fixed-summary{z-index:5;background:#c8d3d0;border:1px solid #c8d3d0;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid;position:sticky;bottom:0;overflow:hidden;box-shadow:0 -8px 20px #22302f1a}.monthly-fixed-summary div{background:#fff;gap:5px;padding:12px 14px;display:grid}.monthly-fixed-summary span{color:#687875;font-size:12px;font-weight:800}.monthly-fixed-summary strong{color:#173b37;font-size:18px}.warning-row td{background:#fff8ef}.warning-text{color:#9f3e2c;font-weight:800}.results-toolbar{grid-template-columns:220px repeat(5,max-content);align-items:end;gap:14px 18px;display:grid}.table-filter-check{color:#2f413e;white-space:nowrap;align-items:center;gap:6px;min-height:42px;font-size:13px;font-weight:800;display:inline-flex}.table-filter-check input{accent-color:#176253;width:16px;height:16px}.result-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}