:root{color-scheme:dark;font:14px/1.5 "Segoe UI",Arial,sans-serif;color:#f4f0ef;background:#0e1016;--muted:#a1a5b4;--line:#2b2f3b;--accent:#ffab66}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:11px 17px;font-weight:600;color:#f5f2ef;background:#242832}button:disabled{opacity:.4;cursor:default}input,select{width:100%;min-width:0;background:#10131b;color:#fff;border:1px solid #363b4b;border-radius:8px;padding:11px 13px;outline:none}input:focus,select:focus{border-color:var(--accent)}label{display:block;color:#c8cbd4;font-size:12px;font-weight:600}label input,label select{margin-top:7px}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:650;letter-spacing:-.7px}h2{font-size:19px}h3{font-size:16px}.muted,footer{color:var(--muted);font-weight:400}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);margin-bottom:8px}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:750;letter-spacing:-.5px}.mark{background:linear-gradient(140deg,#ffc180,#ef7639);color:#21130c;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:20px}.primary{background:#ffab66;border-color:#ffab66;color:#24150e}.ghost{background:transparent}.danger{background:#3d1e26;color:#ffb2bc;border-color:#69303c}.badge{display:inline-block;border:1px solid #3d4659;border-radius:6px;padding:4px 8px;font-size:11px;text-transform:capitalize;background:#252c39;color:#c5cee0}.badge.active{color:#9fdec1;background:#15382e;border-color:#285846}.badge.pending{color:#ffd491;background:#3b301b;border-color:#68512d}.badge.expired,.badge.revoked{color:#f2a3b0;background:#3c2029;border-color:#693442}.error{color:#ff9da9;min-height:22px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:radial-gradient(at 20% 100%,#60253680,transparent 65%)}.intro{padding:7vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(at 30% 20%,#413c6360,transparent 70%)}.intro .eyebrow{margin-top:80px}.intro h1{font-size:clamp(40px,4.4vw,66px);line-height:1.14}.intro>p:not(.eyebrow){max-width:390px;margin-top:25px;color:#b9b6c7}.intro-foot{margin-top:80px;color:#98919e;font-size:12px}.login-card{align-self:center;max-width:430px;margin:60px;width:calc(100% - 120px)}.login-card h2{font-size:30px}.login-card>p{margin-bottom:30px}.login-card label{margin-top:20px}.login-card button{width:100%;margin-top:27px}.login-card .error{margin-top:15px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{padding:30px 20px;border-right:1px solid var(--line);background:#141720;position:relative}.sidebar-label{font-size:10px;letter-spacing:2px;color:#737b91;margin:55px 10px 14px}.nav-selected{background:#352a25;color:#ffc28f;border-left:3px solid var(--accent);border-radius:5px;padding:12px}.sidebar-note{color:#858c9f;font-size:12px;line-height:1.8;padding:25px 12px}.sidebar-bottom{position:sticky;top:85vh;font-size:10px;color:#7e8494}.sidebar-bottom p{margin-top:10px}main{padding:34px 42px;max-width:1600px}header,.section-heading,.header-actions,.dialog-heading,.pagination,.device-summary,.form-actions{display:flex;align-items:center;gap:16px;justify-content:space-between}.header-actions{font-size:12px;color:#bbc0ce}.stats{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:18px;margin:30px 0}.stats section{border:1px solid var(--line);border-radius:13px;padding:22px;background:linear-gradient(135deg,#222633,#191c25)}.stats span,.stats small{display:block;font-size:12px;color:#acb2c3}.stats strong{display:block;font-size:35px;margin-top:10px;font-weight:600}.stats .small-stat{font-size:24px}.stats small{font-size:10px}.panel{border:1px solid var(--line);border-radius:13px;background:#181c25;padding:24px;margin-bottom:22px}.lookup>div p{margin-top:5px;font-size:12px}.lookup form{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:end;gap:14px;margin-top:22px}.search-controls{display:flex;gap:10px}.search-controls input{max-width:270px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:20px;white-space:nowrap;text-align:left}th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#9199ae;padding:13px 10px;border-bottom:1px solid #343b4d}td{padding:16px 10px;border-bottom:1px solid #252b39;font-size:12px}td small{display:block;color:var(--muted)}td button{padding:7px 12px}.pagination{justify-content:flex-end;margin-top:15px;font-size:12px}.pagination span{margin-right:auto;color:#969eb2}#empty-help{padding:20px 0;text-align:center}.notice{padding:12px 16px;border:1px solid #735344;border-radius:8px;background:#32271f;margin-top:18px}.notice.error{border-color:#713446;background:#321c25}footer{font-size:11px;padding:5px}dialog{width:min(960px,95vw);max-height:90vh;overflow:auto;background:#191d27;color:#eee;border:1px solid #4a4350;border-radius:16px;padding:28px}dialog::backdrop{background:#050609c0}.device-summary{justify-content:flex-start;margin:20px 0}.device-summary>span:last-child{color:#b2b8ca;font-size:12px}.inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline-form label{flex:1;min-width:170px}.dialog-section{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.dialog-section h3{margin-bottom:15px}.playlist-item{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:9px;margin-bottom:10px}.playlist-item p{font-size:11px;color:#9aa2b7;margin-top:4px}.playlist-item button{padding:6px 10px;margin-left:7px}.playlist-form{padding:20px;background:#121620;border-radius:10px;margin-top:18px}.playlist-form label{margin-top:14px}.playlist-form p{font-size:11px;margin:15px 0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}[hidden]{display:none!important}@media(max-width:1000px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:22px}.stats{gap:10px}.stats section{padding:15px}}@media(max-width:700px){.login-layout{grid-template-columns:1fr}.intro{padding:30px}.intro h1{font-size:34px}.intro .eyebrow{margin-top:35px}.intro-foot{display:none}.login-card{margin:30px;width:calc(100% - 60px)}.stats{grid-template-columns:1fr 1fr}.stats section:last-child{grid-column:span 2}.lookup form{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.two-columns{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}h1{font-size:25px}}