:root{color-scheme:dark;--bg:#0b1020;--panel:#141b2c;--panel2:#181f32;--line:#2a3448;--text:#ebf0fc;--muted:#9ca8be;--accent:#8291ff;--accent2:#5e70ea;--ok:#55c99e;--amber:#ffcd75;--red:#ff8291}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:#a3aeff;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#252e43;color:var(--text);white-space:nowrap}button:hover{background:#303c56}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#101729;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 19px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;padding:7px 9px 41px;font-size:19px;letter-spacing:.07em}.logo small{display:block;font-size:9px;letter-spacing:.24em;color:var(--muted);margin-top:3px}.logo-mark,.login-icon{background:linear-gradient(135deg,#7c8eff,#444fc7);color:white;border-radius:13px;font-weight:800;font-size:21px;width:42px;height:42px;display:grid;place-items:center;box-shadow:0 10px 25px #4a57cb30}.nav-caption{color:#75849d;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 12px 13px}.sidebar nav a{display:block;color:#bbc6dc;border-radius:10px;padding:13px 15px;margin-bottom:5px;font-size:14px}.sidebar nav a:hover{color:white;background:#232d46;text-decoration:none}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.admin-name{font-size:13px;color:var(--ok);margin-bottom:10px;padding-left:6px}.logout{width:100%;text-align:left;border:0;background:transparent;color:var(--muted)}.logout:hover{background:#222b41}.content{padding:45px clamp(24px,4vw,72px);max-width:1720px;width:100%}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.heading h1{font-size:31px;font-weight:750;margin:8px 0 6px;letter-spacing:-.025em}.heading p{color:var(--muted);margin:0;font-size:14px}.eyebrow{font-weight:700;color:#8a9bff;letter-spacing:.18em;font-size:11px}.primary{background:linear-gradient(135deg,#7889ff,#5f70e7);border:1px solid #8894ff;color:#fff;font-weight:650;padding:12px 18px}.primary:hover{background:linear-gradient(135deg,#8998ff,#7281ec);text-decoration:none}.action-link{border-radius:10px;white-space:nowrap}.warning{background:#27243a;border:1px solid #594d68;border-radius:12px;padding:16px 20px;color:#e7cfee;font-size:13px;margin:16px 0 25px;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:30px 0}.metric{border:1px solid var(--line);border-radius:16px;padding:23px 22px;background:linear-gradient(145deg,#182033,#111829)}.metric span{color:var(--muted);font-size:13px;display:block;margin-bottom:18px}.metric strong{font-size:38px;display:block;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.metric small{display:block;font-size:12px;color:#8f9cb6;margin-top:9px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 26px;box-shadow:0 12px 32px #03071222;margin-bottom:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel h2{font-size:19px;letter-spacing:-.015em;margin:0 0 8px}.panel p{color:var(--muted);font-size:13px;line-height:1.65}.panel-heading p{margin:0}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.flow-grid>div{padding:20px;border:1px solid var(--line);background:#192238;border-radius:12px}.flow-grid b{font-size:13px}.flow-grid p{margin:8px 0 0}.search-line{display:flex;gap:12px;margin-bottom:16px}.search-line input{flex:1}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;min-width:100%;font-size:13px}th{color:#8998b1;font-size:11px;letter-spacing:.08em;font-weight:750;text-align:left;border-bottom:1px solid var(--line);padding:14px 13px;white-space:nowrap}td{padding:18px 13px;border-bottom:1px solid #253047;vertical-align:top;color:#d5dced;min-width:90px}tr:last-child td{border-bottom:0}td strong,td b{font-weight:650}td small{display:block;color:var(--muted);margin-top:6px;font-size:11px}td .mono{display:block}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.chip{display:inline-flex;font-size:11px;padding:7px 10px;border-radius:99px;white-space:nowrap;font-weight:650}.green{color:#70e5b7;background:#153d37}.amber{color:#fada98;background:#51402c}.red{color:#ffa1ac;background:#542935}.mini-actions{display:flex;flex-direction:column;gap:8px;min-width:240px}.mini-actions form{display:flex;gap:5px;align-items:center}.mini-actions form>*{min-width:0}.mini-actions form select{flex:1;width:145px;padding:7px 5px}.mini-actions form input{width:120px;padding:8px 7px}.mini-actions form input[name=hwid]{flex:1}.mini-actions button{font-size:11px;padding:8px}.truncate{overflow:hidden;max-width:150px;text-overflow:ellipsis;display:inline-block;white-space:nowrap}.empty{text-align:center;padding:45px 12px;color:var(--muted)}.subtle{color:#8191aa!important;font-size:11px!important}.form-panel{max-width:660px;padding:32px}.form-panel label,.login-card label{display:block;font-size:13px;color:#cad3e5;font-weight:600;margin-bottom:22px}input,select{border:1px solid #36425b;border-radius:9px;padding:11px 13px;color:var(--text);background:#0f1728;max-width:100%}input::placeholder{color:#687992}.form-panel input,.login-card input{display:block;margin-top:9px;width:100%}.button-row{display:flex;gap:22px;align-items:center;margin-top:16px}.generated-key{margin:20px 0 24px;word-break:break-all;border:1px dashed #8392fb;border-radius:10px;background:#111936;padding:22px;font-size:16px;color:#c8d0ff}.login-shell{display:grid;place-items:center;min-height:100vh;padding:25px;background:radial-gradient(circle at 50% 20%,#242c56 0%,#0b1020 52%)}.login-shell .content{width:100%;padding:0;max-width:440px}.login-card{background:#151e32;border:1px solid #313c58;border-radius:22px;padding:42px 40px;box-shadow:0 30px 85px #0006}.login-icon{margin-bottom:22px;width:54px;height:54px;font-size:26px}.login-card h1{font-size:27px;margin:12px 0;letter-spacing:-.03em}.login-card p{color:var(--muted);line-height:1.6;font-size:13px;margin-bottom:26px}.login-card .subtle{text-align:center;margin-top:24px}.wide{width:100%;padding:13px}.alert{border-radius:10px;background:#462b37;border:1px solid #865065;color:#ffd7df;padding:13px;margin:15px 0;font-size:13px}@media (max-width:1120px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-grid{grid-template-columns:1fr}.content{padding:32px}}@media (max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px 18px}.logo{padding:0 0 12px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow:auto}.sidebar nav a{margin:0;padding:10px;white-space:nowrap;font-size:12px}.content{padding:25px 16px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:26px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:18px}.metric strong{font-size:29px}.panel{padding:16px}.search-line{flex-direction:column}.login-card{padding:28px 22px}}

.form-gap{margin-top:22px}.panel form+form{margin-top:20px}.generated-key{user-select:all}a.action-link{display:inline-block}.form-panel select{display:block;width:100%;margin-top:9px}a.primary{color:#fff}