@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;600;700;800&family=Noto+Serif+TC:wght@600;700&display=swap');
:root{--ink:#14211d;--muted:#718178;--line:#dce6dc;--cream:#f5f8f2;--paper:#fff;--yellow:#d8f35f;--orange:#ff805a;--green:#6f9e78}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans TC',sans-serif}.admin-shell{max-width:1320px;margin:auto;padding:0 42px 70px}.admin-header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px 10px 10px 2px;background:var(--ink);color:var(--yellow);font:italic 18px Georgia}.brand strong{font-size:16px;letter-spacing:-.04em}.brand em{font-style:normal;color:#789080;font-weight:500}.header-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.header-meta i{width:8px;height:8px;border-radius:50%;background:#c1cbc2}.header-meta i.online{background:#72a47a;box-shadow:0 0 0 4px #72a47a22}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:74px 0 43px}.eyebrow{margin:0 0 13px;color:#809186;font:10px 'DM Mono',monospace;letter-spacing:.14em}.intro h1{margin:0;font:600 clamp(36px,5vw,62px)/1.18 'Noto Serif TC',serif;letter-spacing:-.08em}.intro p:not(.eyebrow){color:var(--muted);font-size:13px;margin:18px 0 0}.refresh-button,.auth-form button{border:0;border-radius:99px;background:var(--ink);color:#fff;padding:13px 17px;font:700 11px 'Noto Sans TC';cursor:pointer}.refresh-button b{color:var(--yellow);font-size:16px;margin-left:8px}.refresh-button:disabled{opacity:.5}.auth-card{display:flex;align-items:center;gap:25px;border:1px solid #cddbcf;border-radius:16px;background:#e9f0e5;padding:17px 20px;margin-bottom:20px}.auth-card>div{flex:1}.auth-card strong{font-size:13px}.auth-card p{color:#789080;font-size:10px;margin:4px 0 0}.auth-form{display:flex;gap:8px}.auth-form input{width:245px;border:1px solid #cad9ca;border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px;font:12px 'Noto Sans TC';outline:0}.auth-form input:focus{border-color:#73987b;box-shadow:0 0 0 3px #73987b1f}.error{min-height:16px;color:#bc5d48;font-size:11px;margin:8px 0 0}.auth-card .error{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stats-grid article{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:18px 19px}.stats-grid small{display:block;color:#7f9085;font-size:10px}.stats-grid strong{display:block;font:34px Georgia;margin:10px 0 5px}.stats-grid span{color:#94a199;font-size:10px}.orders-card{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:25px 25px 10px}.orders-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.orders-toolbar h2{margin:0;font:600 29px 'Noto Serif TC',serif;letter-spacing:-.06em}.orders-toolbar label{color:#809086;font-size:10px}.orders-toolbar select{margin-left:7px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--cream);color:var(--ink);font:11px 'Noto Sans TC'}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{padding:13px 12px;text-align:left;border-bottom:1px solid var(--line);color:#89978e;font:9px 'DM Mono',monospace;letter-spacing:.08em}td{padding:16px 12px;border-bottom:1px solid #edf1eb;vertical-align:middle;font-size:11px}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#f2f7ef}td strong,td small{display:block}td small{color:#9aa69e;font-size:9px;line-height:1.6;margin-top:4px}.status{display:inline-block;border-radius:99px;padding:5px 8px;background:#edf2eb;color:#6b806f;font-size:9px;white-space:nowrap}.status.paid,.status.subscription-active,.status.workspace-active{background:#dff1de;color:#5b8a63}.status.pending_payment,.status.subscription-pending,.status.workspace-pending_payment{background:#f7ead9;color:#a87545}.status.payment_failed,.status.subscription-past_due{background:#fae0d9;color:#b45e4a}.status.workspace-queued{background:#e5edf3;color:#658197}.empty{text-align:center;color:#9aa69e;padding:50px!important}.detail-drawer{position:fixed;z-index:3;top:0;right:0;bottom:0;width:min(420px,calc(100% - 30px));padding:76px 30px 30px;background:#f5f8f2;box-shadow:-20px 0 50px #14211d22;transform:translateX(105%);transition:transform .25s ease;overflow:auto}.detail-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;right:22px;top:20px;border:0;background:transparent;color:#789080;font-size:28px;cursor:pointer}.detail-drawer h2{font:600 31px 'Noto Serif TC',serif;letter-spacing:-.06em;margin:0 0 25px}.detail-list{display:grid;grid-template-columns:94px 1fr;gap:0;margin:0;border-top:1px solid var(--line)}.detail-list dt,.detail-list dd{padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-list dt{color:#8a998e}.detail-list dd{margin:0;line-height:1.8}@media(max-width:800px){.admin-shell{padding:0 18px 50px}.intro{display:block;padding:52px 0 32px}.refresh-button{margin-top:23px}.auth-card{display:block}.auth-form{margin-top:15px}.auth-form input{flex:1;width:auto}.stats-grid{grid-template-columns:1fr 1fr}.orders-card{padding:20px 14px 5px}.orders-toolbar{align-items:start;display:block}.orders-toolbar label{display:block;margin-top:17px}}