:root{--bg:#101619;--surface:#172126;--line:#314147;--text:#edf1ed;--muted:#8fa09d;--accent:#d8fb6c;--danger:#ff857d;font-family:"Noto Sans SC","PingFang SC",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#0e1518,#121a1e 440px,#101619)}button,input{font:inherit}.topbar{position:sticky;top:0;z-index:10;height:66px;padding:0 clamp(18px,4vw,58px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#101619ed;backdrop-filter:blur(14px)}.brand{justify-self:start;display:flex;align-items:center;gap:10px;color:var(--text);font:700 18px Georgia,serif;text-decoration:none}.brand span{display:grid;place-items:center;width:29px;height:29px;border-radius:6px;background:var(--accent);color:#152023;font-size:18px}.topbar>div{text-align:center}.topbar>div small,.topbar>div strong{display:block}.topbar>div small,.section-heading small,.table-title small,.login-panel small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.16em}.topbar>div strong{margin-top:2px;font-size:13px}.topbar>button{justify-self:end}main{width:min(1500px,calc(100% - 36px));margin:0 auto;padding:30px 0 52px}.quiet-button{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.quiet-button:hover{border-color:var(--accent);color:var(--accent)}.quiet-button:disabled{cursor:not-allowed;opacity:.42}.delete-button:not(:disabled){border-color:#71413e;color:var(--danger)}.login-panel{min-height:430px;display:grid;grid-template-columns:1fr minmax(300px,440px);align-items:center;gap:70px;border-bottom:1px solid var(--line)}.login-panel h1{margin:8px 0 10px;font:700 40px Georgia,"Noto Serif SC",serif}.login-panel p{margin:0;color:var(--muted);font-size:13px}.login-form{display:grid;gap:10px;padding:28px;border:1px solid var(--line);background:var(--surface)}input{width:100%;height:40px;padding:0 11px;border:1px solid #405158;border-radius:4px;outline:none;background:#202c31;color:var(--text)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d8fb6c12}button:not(.quiet-button):not(.view-tabs button){height:40px;padding:0 14px;border:0;border-radius:4px;background:var(--accent);color:#162124;font-weight:800;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:var(--surface)}.metrics div{min-height:92px;padding:17px;border-right:1px solid var(--line)}.metrics div:last-child{border-right:0}.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{display:block;margin-top:8px;font:700 28px Georgia,serif}.control-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:22px 0 28px}.control-panel{padding:20px;border:1px solid var(--line);background:var(--surface)}.section-heading,.table-title,.code-result>div{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.section-heading h2,.table-title h2{margin:4px 0 0;font-size:15px}.section-heading>span,.table-title>span,.table-actions{color:var(--muted);font-size:10px}.table-actions{display:flex;align-items:center;gap:10px}.form-grid{display:grid;gap:10px;margin-top:18px;align-items:end}.key-form{grid-template-columns:100px 120px 1fr auto}.password-form{grid-template-columns:repeat(3,1fr) auto}.form-grid label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:700}.code-result{margin-top:14px;padding:13px;border:1px solid #46594c;background:#101918}.code-result strong{font-size:11px}.code-result pre{max-height:150px;margin:10px 0 0;overflow:auto;color:var(--accent);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.code-result .quiet-button{height:26px}.form-result{min-height:16px;margin:10px 0 0;color:var(--accent);font-size:11px}.view-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}.view-tabs button{height:42px;padding:0 18px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.view-tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.data-view{display:none;padding-top:20px}.data-view.active{display:block}.table-title{align-items:end;margin-bottom:12px}.table-wrap{overflow:auto;border:1px solid var(--line);background:var(--surface)}table{width:100%;min-width:1120px;border-collapse:collapse;text-align:left}th{height:38px;padding:0 13px;border-bottom:1px solid var(--line);background:#111a1e;color:#7f918e;font-size:9px;text-transform:uppercase}td{height:62px;padding:9px 13px;border-bottom:1px solid #28373c;color:#cbd4d1;font-size:11px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1b282d}td strong,td small{display:block}td strong{color:var(--text);font-size:11px}td small{margin-top:4px;color:var(--muted);font-size:9px}.selection-column{width:42px;padding-left:15px;padding-right:5px}.row-select{display:block;width:15px;height:15px;margin:0;padding:0;accent-color:var(--accent)}.number{font:700 17px Georgia,serif;color:var(--accent)}.access-code{display:flex;align-items:center;gap:8px;white-space:nowrap}.access-code code{color:var(--accent);font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace}.copy-code{height:25px;padding:0 7px;font-size:9px}.legacy-code{color:var(--muted);white-space:nowrap}.note-column{min-width:170px;background:#141e22}.status{display:inline-flex;align-items:center;height:23px;padding:0 8px;border:1px solid #46575c;border-radius:12px;color:#b8c5c1;font-size:9px}.status.success,.status.unused{border-color:#60763f;color:var(--accent)}.status.failed,.status.disabled{border-color:#71413e;color:var(--danger)}.status.rendering,.status.queued{border-color:#556a7d;color:#a9d4ff}.thumb{display:block;width:52px;height:52px;object-fit:cover;border:1px solid #46575c;background:#0e1518}.empty{height:120px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){.metrics{grid-template-columns:repeat(3,1fr)}.metrics div:nth-child(3){border-right:0}.metrics div:nth-child(-n+3){border-bottom:1px solid var(--line)}.control-grid{grid-template-columns:1fr}.password-form{grid-template-columns:repeat(3,1fr) auto}}@media(max-width:720px){.topbar{grid-template-columns:1fr auto}.topbar>div{display:none}main{width:calc(100% - 24px);padding-top:18px}.login-panel{grid-template-columns:1fr;gap:24px;padding:50px 0}.login-panel h1{font-size:31px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div{border-bottom:1px solid var(--line)}.metrics div:nth-child(2n){border-right:0}.key-form,.password-form{grid-template-columns:1fr 1fr}.key-form .wide,.password-form label:first-child{grid-column:1/-1}.form-grid button{grid-column:1/-1}.view-tabs{overflow:auto}.view-tabs button{flex:0 0 auto}.note-column{min-width:150px}}