:root{--navy:#17324d;--navy2:#244c6f;--ink:#14202b;--muted:#6b7785;--line:#dfe5eb;--soft:#f4f7fa;--panel:#fff;--green:#147d64;--red:#b33a3a;--amber:#9c6200;--radius:16px}*{box-sizing:border-box}html,body{background:var(--soft);color:var(--ink);margin:0;font-family:Arial,Noto Sans TC,Microsoft JhengHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;height:100vh;padding:22px 14px;position:sticky;top:0}.brand{padding:8px 12px 22px;font-size:20px;font-weight:800}.brand small{opacity:.65;margin-top:4px;font-size:11px;display:block}.nav{gap:5px;display:grid}.nav a{color:#dce6ef;border-radius:10px;padding:11px 12px}.nav a:hover{color:#fff;background:#ffffff1c}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 26px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:21px}.content{padding:24px 26px 40px}.grid{gap:16px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px;box-shadow:0 8px 24px #17324d0a}.kpi span{color:var(--muted);font-size:12px}.kpi strong{margin-top:8px;font-size:25px;display:block}.toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{border:1px solid var(--line);background:#fff}.btn.danger{color:var(--red);background:#fff0f0;border:1px solid #f0caca}.table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:12px;font-size:13px}.table th{color:#5a6773;background:#f8fafb;font-size:12px}.badge{background:#edf1f4;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.green{color:var(--green);background:#e7f5f1}.badge.amber{color:var(--amber);background:#fff2d9}.badge.red{color:var(--red);background:#fdeaea}.form{gap:12px;display:grid}.form.two{grid-template-columns:1fr 1fr}.field{gap:6px;display:grid}.field label{color:#56626e;font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 11px}.field.full{grid-column:1/-1}.mobile-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mobile-action{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;padding:24px 16px;font-weight:800}.mobile-action span{margin-bottom:10px;font-size:28px;display:block}.auth{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(430px,100%);padding:26px}.auth-card h1{margin-top:0}.notice{background:#fff6df;border:1px solid #eed49c;border-radius:10px;padding:11px;font-size:13px}.split{grid-template-columns:1.3fr .7fr}.subtle{color:var(--muted);font-size:12px}.right{text-align:right}@media (max-width:900px){.shell{display:block}.sidebar{z-index:20;height:68px;padding:8px;position:fixed;inset:auto 0 0}.brand{display:none}.nav{grid-template-columns:repeat(5,1fr)}.nav a{text-align:center;padding:8px 3px;font-size:11px}.nav a:nth-child(n+6){display:none}.main{padding-bottom:74px}.topbar{padding:0 14px}.content{padding:16px}.kpis,.split{grid-template-columns:1fr 1fr}.mobile-actions{grid-template-columns:1fr}.table-wrap{overflow:auto}.form.two{grid-template-columns:1fr}}@media (max-width:600px){.kpis,.split{grid-template-columns:1fr}.desktop-only{display:none}}