@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#12314f;--blue:#1b4370;--text:#203a53;--muted:#657d91;--line:#dce6ec;--paper:#f5f8fa;--white:#fff;--orange:#c96d10;--soft:#fff3e6;--green:#277355;--red:#b35135;font-family:'Noto Sans TC',sans-serif;color:var(--text)}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.topbar{height:70px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,60px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--blue)}.brand img{object-fit:contain}.brand strong{font-size:17px;line-height:1.2}.brand small{display:block;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.19em;color:var(--muted)}.back{text-decoration:none;color:var(--blue);font-size:13px;font-weight:700}.back:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:minmax(245px,285px) minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 70px)}.sidebar{background:var(--navy);color:#fff;padding:44px 27px;display:flex;flex-direction:column}.eyebrow,.kicker{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.18em;color:var(--orange);margin:0 0 13px}.sidebar .eyebrow{color:#efa44d}.sidebar h1{font-size:32px;line-height:1.35;letter-spacing:-.05em;margin:0}.sidebar h1 span{color:#efa44d}.intro{font-size:13px;line-height:1.85;color:#d7e4ec;margin:17px 0 29px}.demo-note{background:#234663;border-left:3px solid #efa44d;padding:14px 15px;font-size:12px;line-height:1.7}.demo-note b{display:block;color:#ffcc91;margin-bottom:4px}.demo-note span{color:#e4edf3}.demo-note .scope{display:block;margin-top:8px;padding-top:8px;border-top:1px solid #3b5d79;color:#c8d8e5}.sections{display:grid;gap:5px;margin-top:32px}.sections button{border:0;border-radius:8px;text-align:left;background:transparent;color:#c8d8e5;padding:13px 14px;font-weight:700}.sections button span{font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.1em;margin-right:15px;color:#8da9bd}.sections button:hover,.sections button[aria-current=page]{background:#315371;color:#fff}.sections button[aria-current=page] span{color:#ffb45f}.reset{margin-top:auto;border:0;border-top:1px solid #46657e;padding:25px 0 0;background:none;color:#b9d0df;text-align:left;font-size:12px}.reset:hover{color:#fff}.workspace{min-width:0;padding:43px clamp(18px,4vw,64px) 22px}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.workspace-head h2{font-size:30px;line-height:1.3;margin:0 0 8px;color:var(--navy);letter-spacing:-.04em}.workspace-head p:last-child{color:var(--muted);font-size:13px;margin:0}.mode{font-size:11px;font-weight:700;color:var(--green);background:#e8f5ee;padding:7px 11px;border-radius:100px;white-space:nowrap}.notice{margin-bottom:20px;border:1px solid #bcdac8;background:#edf8f1;color:#276144;padding:12px 15px;border-radius:9px;font-size:13px}.notice.error{border-color:#ecc9bd;background:#fff0eb;color:#a64427}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 19px 17px;min-width:0}.metric small{display:block;color:var(--muted);font-size:11px;font-weight:600;margin-bottom:12px}.metric strong{display:block;font:700 clamp(20px,2vw,28px) 'Space Grotesk','Noto Sans TC',sans-serif;color:var(--navy);letter-spacing:-.03em}.metric em{display:block;font-size:10px;font-style:normal;color:var(--muted);margin-top:6px}.metric.warn strong{color:var(--orange)}.overview-grid,.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;min-width:0;box-shadow:0 2px 12px #183b5708}.panel h3{font-size:19px;color:var(--navy);margin:0 0 13px;letter-spacing:-.03em}.panel p{font-size:13px;line-height:1.8}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-head h3{margin-bottom:0}.feature{background:linear-gradient(135deg,#fff 0%,#fff 64%,#fff7ed 100%)}.feature>p:not(.kicker):not(.fine){color:var(--muted);max-width:55ch}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:22px}.form-grid label:nth-child(3){grid-column:1/-1}label{display:block;color:#4a6174;font-size:11px;font-weight:700}input,select{display:block;width:100%;border:1px solid #ccdae4;border-radius:8px;background:#fff;padding:10px 11px;color:var(--navy);outline:none;margin-top:6px;font-size:13px;min-height:40px}input:focus,select:focus{border-color:#3375a7;box-shadow:0 0 0 3px #d7e9f6}.primary{background:var(--orange);border:1px solid var(--orange);color:#fff;font-weight:700;padding:11px 15px;border-radius:8px;min-height:42px}.primary:hover{background:#a95608}.form-grid .primary{grid-column:1/-1}.fine{color:var(--muted);font-size:11px!important;margin:12px 0 0}.activity{display:grid}.activity-row{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.activity-row:first-child{border-top:0}.activity-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#ebf2f8;color:var(--blue);flex:0 0 auto}.activity-row b{display:block;color:var(--text);font-weight:700}.activity-row small{color:var(--muted);font-size:10px}.next{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;font-size:12px}.next b{margin-right:auto}.next button,.text-btn{border:0;background:none;color:var(--orange);font-size:12px;font-weight:800;padding:4px}.next button:hover,.text-btn:hover{text-decoration:underline}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;color:var(--muted);font-weight:700;white-space:nowrap;background:#f6f9fb;padding:11px 10px}td{padding:12px 10px;border-bottom:1px solid #ecf1f4;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr[data-select]{cursor:pointer}tbody tr[data-select]:hover,tbody tr.selected{background:#f0f6fa}.sub{display:block;font:10px 'Space Grotesk',sans-serif;color:var(--muted);margin-top:3px}.pill{display:inline-block;border-radius:100px;padding:4px 8px;background:#eaf1f6;color:var(--blue);font-size:10px;font-weight:700;white-space:nowrap}.pill.low{background:#fff0e2;color:#a35508}.detail{min-height:410px}.detail .detail-title{font-size:22px;margin:2px 0 5px}.detail .subline{color:var(--muted);font-size:12px;margin:0 0 22px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.detail-stat{background:#f5f8fa;padding:12px;border-radius:8px}.detail-stat small{display:block;color:var(--muted);font-size:10px}.detail-stat strong{display:block;font:700 19px 'Space Grotesk','Noto Sans TC',sans-serif;color:var(--navy);margin-top:5px}.detail h4{font-size:12px;margin:23px 0 10px;color:var(--navy)}.detail-actions{border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.detail-actions form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-actions form label:first-child{grid-column:1/-1}.detail-actions form button{grid-column:1/-1}.inline-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#f5f8fa;padding:16px;border-radius:9px;margin-bottom:17px}.inline-form .primary{align-self:end}.search-label{margin:13px 0}.empty{color:var(--muted);font-size:12px}.ledger{margin-top:18px}.foot{font-size:10px;color:var(--muted);text-align:right;padding:25px 0}.table-button{border:0;background:none;text-align:left;color:var(--blue);font-weight:700;padding:0}.table-button:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #edab62;outline-offset:2px}
@media(max-width:1050px){.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.two-col{grid-template-columns:1fr}.detail{min-height:0}}
@media(max-width:700px){.topbar{height:58px;padding:0 16px}.back{font-size:11px}.layout{display:block}.sidebar{padding:23px 17px 17px}.sidebar h1{font-size:24px}.sidebar h1 br{display:none}.intro{margin:7px 0 12px}.demo-note{font-size:11px}.sections{display:flex;overflow-x:auto;margin-top:17px;gap:5px}.sections button{white-space:nowrap;padding:10px}.sections button span{margin-right:6px}.reset{margin:12px 0 0;padding:12px 0 0}.workspace{padding:25px 14px}.workspace-head{align-items:flex-start}.workspace-head h2{font-size:24px}.mode{font-size:10px}.metric-row{gap:8px}.metric{padding:13px}.metric strong{font-size:20px}.panel{padding:17px}.form-grid{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr 1fr}.foot{text-align:left}}
@media(max-width:420px){.mode{display:none}.inline-form{grid-template-columns:1fr}.detail-actions form{grid-template-columns:1fr}.detail-actions form label:first-child{grid-column:auto}}
@media(prefers-reduced-motion:no-preference){.view:not([hidden]){animation:appear .25s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}