:root{color-scheme:light;--ink:#171717;--muted:#858585;--line:#e8e8e8;--paper:#fcfcfc;--white:#fff;--accent:#111;--green:#17805f;--red:#b23a32;--soft-green:#eaf5f0;--soft-red:#fbefed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:5;min-height:72px;background:rgba(252,252,252,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:42px;padding:0 max(28px,calc((100vw - 1240px)/2))}.brand{display:flex;align-items:center;gap:10px;flex:none;font-size:17px;font-weight:700}.brand img{width:30px;height:30px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:450}.admin-tabs{height:72px;display:flex;align-items:center;gap:27px}.admin-tab{position:relative;height:100%;padding:0 2px;border:0;background:none;color:#929292;font-size:13px}.admin-tab:hover,.admin-tab.active{color:var(--ink)}.admin-tab.active{font-weight:600}.admin-tab.active:after{position:absolute;content:"";height:2px;left:0;right:0;bottom:0;background:var(--ink)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px;color:#666;font-size:12px}.top-actions a:hover,.logout:hover{color:var(--ink)}.logout{padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:5px;color:#666;font-size:12px}main{max-width:1240px;margin:0 auto;padding:42px 28px 76px}.page-heading,.section-heading,.users-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.eyebrow{margin:0 0 7px;color:#999;font-size:10px;font-weight:650;letter-spacing:1.6px}.page-heading h1,.access-panel h1{margin:0;font-size:27px;font-weight:600}.page-heading>button{width:36px;height:36px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:20px;color:#444}.error{min-height:18px;margin:8px 0 0;color:var(--red);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:27px}.metric{min-height:132px;padding:19px 20px 16px;background:var(--white);border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;align-items:flex-start}.metric>span{color:#777;font-size:12px}.metric strong{margin-top:12px;font-size:27px;font-weight:600;line-height:1.1}.metric small{margin-top:auto;padding-top:12px;color:#aaa;font-size:10px}.status-section,.users-section{margin-top:36px}.section-heading{align-items:center;margin-bottom:14px}.section-heading h2,.users-toolbar h2{margin:0;font-size:17px;font-weight:600}.muted{color:var(--muted);font-size:11px}.status-list{background:#fff;border:1px solid var(--line);border-radius:7px}.status-row{min-height:68px;padding:13px 18px;display:flex;align-items:center;gap:13px}.status-row+ .status-row{border-top:1px solid #f0f0f0}.status-mark{width:8px;height:8px;flex:none;border-radius:50%;background:#c5c5c5}.status-mark.good{background:#20a070;box-shadow:0 0 0 3px #eaf5f0}.status-mark.bad{background:#c64a40;box-shadow:0 0 0 3px #fbefed}.status-row>div{display:flex;flex-direction:column;gap:2px}.status-row strong{font-size:12px;font-weight:550}.status-row small{font-size:10px;color:#999}.status-value{margin-left:auto;color:#666;font-size:11px}.text-action{border:0;background:none;color:#666;font-size:11px}.text-action:hover{color:#111}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:7px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:13px 16px;border-bottom:1px solid #efefef;font-size:12px}th{background:#fafafa;color:#888;font-size:10px;font-weight:550}tbody tr:last-child td{border-bottom:0}.email{font-weight:550}.role{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#f2f2f2;color:#666;font-size:10px}.role.admin{background:#171717;color:#fff}.status-toggle{min-width:58px;padding:5px 9px;border:1px solid #c6e2d4;border-radius:4px;background:var(--soft-green);color:var(--green);font-size:10px}.status-toggle.off{border-color:#efd1cd;background:var(--soft-red);color:var(--red)}.status-toggle:disabled{opacity:.55;cursor:wait}.status-fixed{color:#aaa;font-size:10px}.empty{padding:32px;text-align:center;color:#999}.users-toolbar{align-items:flex-end;margin-bottom:16px}.table-actions{display:flex;align-items:center;gap:8px}.search-field{height:36px;min-width:250px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#888}.search-field span{font-size:17px;line-height:1}.search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);font-size:11px}.search-field input::placeholder{color:#aaa}.table-actions select{height:36px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#555;font-size:11px}.table-footnote{margin:9px 1px;color:#999;font-size:10px}.access-panel{max-width:390px;margin:9vh auto;padding:28px;background:#fff;border:1px solid var(--line);border-radius:7px}.access-panel h1{margin-bottom:23px;font-size:23px}.access-panel label{display:block;margin:15px 0;font-size:12px}.access-panel input{display:block;width:100%;height:40px;margin-top:6px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#fff}.access-panel input:focus,.search-field:focus-within{outline:2px solid #111;outline-offset:1px}.primary{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:0 16px;border:0;border-radius:5px;background:#111;color:#fff;font-size:12px;font-weight:550}.primary:hover{background:#333}.access-panel .primary{width:100%}
@media(max-width:760px){.topbar{min-height:62px;gap:20px;padding:0 16px}.admin-tabs{height:62px;gap:19px}.admin-tab{font-size:12px}.top-actions{gap:11px;font-size:11px}.brand{font-size:15px}.brand img{width:27px;height:27px}main{padding:29px 16px 52px}.page-heading h1{font-size:23px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.metric{min-height:112px;padding:14px}.metric strong{font-size:23px}.status-section,.users-section{margin-top:29px}.status-row{min-height:63px;padding:11px 13px}th,td{padding:10px 11px}.users-toolbar{align-items:flex-start;flex-direction:column}.table-actions{width:100%}.search-field{flex:1;min-width:0}.table-actions select{flex:none}}
@media(max-width:430px){.topbar{gap:14px}.brand small{font-size:9px}.admin-tabs{gap:13px}.admin-tab{font-size:11px}.top-actions{gap:8px}.top-actions a{white-space:nowrap}.logout{padding:6px 8px}.metric{min-height:104px}.metric strong{font-size:21px}.page-heading h1{font-size:21px}}
.admin-view{margin-top:22px}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.toolbar h2{margin:0;font-size:17px}.toolbar>input{height:37px;min-width:230px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#fff}.form-grid{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 18px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:6px}.form-grid>input,.form-grid>select,.number-field input{height:38px;min-width:130px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:11px}.form-grid>input[name="apiKey"]{flex:1;min-width:200px}.number-field{display:flex;align-items:center;gap:8px;color:#777;font-size:10px}.number-field input{width:100px;min-width:0}.check-field{display:flex;align-items:center;gap:6px;color:#666;font-size:11px;white-space:nowrap}.check-field input{accent-color:#171717}.form-grid .primary{min-height:38px}.order-form{margin-top:22px}.payment-notice{margin:22px 0 14px;padding:12px 14px;border-left:3px solid #cc8a37;background:#fff8ed;color:#76511f;font-size:12px}.table-wrap+.table-wrap{margin-top:14px}.inline-input,.inline-select{width:100%;min-width:65px;height:31px;padding:0 7px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:11px}.inline-select{min-width:76px}.small-action{padding:6px 9px;border:1px solid #d8d8d8;border-radius:4px;background:#fff;font-size:10px;white-space:nowrap}.small-action:hover{border-color:#888}.small-action.danger{color:var(--red)}.positive{color:var(--green);font-weight:600}.negative{color:var(--red);font-weight:600}.payment-notice+.toolbar{margin-top:15px}
@media(max-width:900px){.topbar{flex-wrap:wrap;padding:10px 16px;gap:6px 15px}.admin-tabs{order:3;width:100%;height:43px;overflow-x:auto;gap:20px;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{height:43px;flex:none}.top-actions{margin-left:auto}.form-grid>*{flex:1 1 160px}.form-grid .primary{flex:0 0 auto}}
@media(max-width:520px){.toolbar{align-items:stretch;flex-direction:column}.toolbar>input{min-width:0;width:100%}.form-grid{gap:8px;padding:11px}.form-grid>*{flex:1 1 100%}.form-grid .primary{width:100%}.number-field{justify-content:space-between}.number-field input{width:55%}.metrics{margin-top:16px}.admin-view{margin-top:18px}}
.cell-sub{display:block;margin-top:3px;color:#999;font-size:10px}