:root{--teal:#2E9B8E;--teal-deep:#17675F;--mint:#DCE9E2;--mint-soft:#EDF3EE;--orange:#F2BD74;--brown:#172B2A;--cream:#F6F2EB;--border:#DDE3DD;--muted:#526761;--danger:#B33E2A;--ink:var(--brown);--sand:var(--orange);--bg:var(--cream)}*{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}.admin{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.topbar{align-self:start;position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:24px 14px;background:#fff;border-right:1px solid var(--border)}.topbar .brand{font-weight:700;display:flex;align-items:center;gap:8px;padding:0 6px 24px;font-size:15px}.topbar .brand img{width:32px;height:32px;object-fit:contain}.topbar nav{display:flex;flex-direction:column;gap:4px}.topbar button{display:flex;align-items:center;gap:10px;min-height:44px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;padding:10px 12px;cursor:pointer;font-size:14px;text-align:left}.topbar button:hover{background:var(--mint-soft);color:var(--teal-deep)}.topbar button.on{background:var(--mint);color:var(--teal-deep);font-weight:700}.admin-icon{flex:0 0 auto;width:20px;height:20px}.content{width:100%;min-width:0;max-width:1240px;margin:28px auto;padding:0 28px}:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px}@media (max-width:760px){.admin{grid-template-columns:minmax(0,1fr)}.topbar{position:static;padding:16px;border-right:0;border-bottom:1px solid var(--border)}.topbar .brand{padding:0 0 14px}.topbar nav{flex-direction:row;flex-wrap:wrap;gap:4px}.topbar button{padding:8px 10px;font-size:13px}.content{margin:18px auto;padding:0 16px}.panel{overflow-x:auto}.content th{white-space:nowrap}.content table:has(>thead>tr>th:nth-child(4)){min-width:640px}.content table:has(>thead>tr>th:nth-child(6)){min-width:800px}.content table:has(>thead>tr>th:nth-child(8)){min-width:1040px}}.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}.content button,.login button{min-height:44px;min-width:44px;padding:10px 12px;border-radius:8px;cursor:pointer}.content button:not(.btn-approve):not(.btn-reject){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--border);color:var(--ink);font-family:inherit}.content input:not([type=checkbox]):not([type=radio]),.content select{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;max-width:100%}.content label:has(input[type=radio]),.content label:has(input[type=checkbox]),.toggle label{min-height:44px;display:inline-flex!important;align-items:center;gap:8px;padding:8px 4px;cursor:pointer}.content button:disabled,.login button:disabled{opacity:.55;cursor:wait}.content .panel,.content .card{overflow-x:auto}.content .users .card{margin-top:16px;padding:22px;border:1px solid var(--border);border-radius:14px;background:#fff}.content .users .card p{margin-bottom:12px}.content .search,.content .suspend{display:flex;flex-wrap:wrap;gap:8px}.reason-action{display:flex;flex-direction:column;gap:10px;max-width:520px;padding:16px;margin:16px 0;border:1px solid var(--border);border-radius:12px;background:var(--cream)}.reason-action h3{font-size:16px}.reason-action>label{font-weight:600}.reason-action-warning{color:var(--danger);line-height:1.6}.reason-action-summary{overflow-wrap:anywhere;line-height:1.6}.reason-action-buttons{display:flex;flex-wrap:wrap;gap:8px}