:root{--teal:#2E9B8E;--teal-deep:#1F7A70;--mint:#A7DCD5;--mint-soft:#DFF3F0;--orange:#EE9A3D;--brown:#4A3526;--cream:#FBF6EC;--border:#ECE5D8;--muted:#776B5D;--danger:#C0492F;--ink:var(--brown);--sand:var(--orange);--bg:#F1EEE7}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang TC,Noto Sans TC,sans-serif;color:var(--brown);background:var(--bg)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;padding:32px;border-radius:14px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 40px #00000014}.login-card h1{font-size:20px;margin-bottom:8px}.login-card input{padding:11px;border:1px solid var(--border);border-radius:9px;font-size:14px}.login-card button{padding:11px;background:var(--teal-deep);color:#fff;border:none;border-radius:9px;font-weight:600;cursor:pointer}.err{color:var(--danger);font-size:13px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--teal-deep);color:#fff}.topbar .brand{font-weight:700;letter-spacing:.08em;display:inline-flex;align-items:center;gap:8px}.topbar .brand img{width:24px;height:24px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}.topbar nav{display:flex;gap:8px}.topbar button{background:transparent;color:#cdeae6;border:1px solid #2f8a7e;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:13px}.topbar button.on{background:var(--orange);color:#fff;border-color:var(--orange)}.content{max-width:1000px;margin:24px auto;padding:0 24px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px}.panel h2{font-size:18px;margin-bottom:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}.btn{padding:7px 12px;border:none;border-radius:8px;font-size:13px;cursor:pointer;margin-right:6px}.btn-approve{background:var(--teal-deep);color:#fff}.btn-reject{background:var(--danger);color:#fff}.toggle{display:inline-flex;gap:10px;align-items:center;margin:8px 0}.num-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.num-card{background:var(--mint-soft);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.num-val{font-size:26px;font-weight:700;color:var(--teal-deep)}.num-label{font-size:13px;color:var(--muted);margin-top:4px}.bar-blocks{display:flex;flex-direction:column;gap:18px}.bar-head{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:6px}.bar-total{font-weight:400;color:var(--muted)}.bar-row{display:flex;align-items:flex-end;gap:2px;height:80px;padding:4px;background:var(--cream);border:1px solid var(--border);border-radius:8px}.bar{flex:1;min-width:2px;min-height:2px;background:var(--teal);border-radius:2px 2px 0 0}