@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080b17;--panel:#12182a;--border:#293149;--text:#f2f5ff;--muted:#9aa7c3;--violet:#8a6cf7;--cyan:#3de1cf;--red:#ff768f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#1d2051 0,transparent 48%),var(--bg);color:var(--text);font:15px 'DM Sans',system-ui,sans-serif;min-height:100vh}h1,h2,h3,b,.logo{font-family:'Space Grotesk',system-ui,sans-serif}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;margin:10px 0}h2{font-size:22px;margin:0}p{color:var(--muted);line-height:1.65}a{color:#b7a7ff}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:11px;padding:11px 16px;background:#202943;color:var(--text);font-weight:700}button:hover{filter:brightness(1.14)}.primary{border:0;background:linear-gradient(115deg,#635ff2,#a65eea);color:white}.danger{color:#ff9cae;border-color:#65374b}.outline{background:transparent}.tiny{font-size:12px;padding:8px 12px}.login{display:grid;place-items:center;padding:22px}.login-card{width:min(100%,480px);background:linear-gradient(145deg,#161e35,#101626);padding:clamp(24px,6vw,48px);border:1px solid #343e5e;border-radius:26px;box-shadow:0 30px 100px #0006}.brand-icon{width:60px;height:60px;display:grid;place-items:center;background:linear-gradient(135deg,#6466fa,#b064ef);border-radius:18px;font-size:34px;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.4px;color:#9d91ff}.login-card h1 span,.logo em{color:#9a86ff;font-style:normal}.login-card form{display:grid;gap:12px;margin:26px 0}.login-card label,.device-form label{font-weight:700;font-size:12px;color:#c8d1e8}.login-card input,.device-form input,.device-form select{width:100%;padding:13px 14px;border-radius:11px;background:#0b1122;border:1px solid #394565;color:white;outline:none}.login-card input:focus,.device-form input:focus{border-color:#9385ff;box-shadow:0 0 0 3px #9385ff22}.login-card small{display:block;text-align:center;color:var(--muted)}.alert{background:#402839;border:1px solid #72435d;color:#ffd9e1;border-radius:12px;padding:14px;margin:16px 0}.success{background:#163b36;border-color:#28665e;color:#b9f7e8}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}aside{border-right:1px solid var(--border);background:#0e1425;padding:32px 22px;display:flex;flex-direction:column;gap:42px}.logo{font-size:23px;display:flex;gap:12px;align-items:center}.logo em{font-style:normal}.nav{padding:14px;border-radius:12px;color:#b7c0d8}.nav.active{background:#25264d;color:#d9d3ff}.side-bottom{margin-top:auto;color:#687794;font-size:10px;letter-spacing:2px}main{width:100%;max-width:1400px;padding:40px clamp(18px,4vw,64px)}header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:26px}.panel{background:#11192b;border:1px solid var(--border);border-radius:22px;padding:clamp(18px,3vw,30px);margin:22px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section-title p{max-width:540px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{border:1px solid var(--border);border-radius:18px;padding:22px;background:linear-gradient(140deg,#18223b,#11182a)}.stat strong{display:block;font-size:36px;margin:7px 0}.stat span{font-size:12px;color:var(--muted)}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;margin-top:20px}.device-card{border:1px solid #323d58;background:#161e32;border-radius:17px;padding:21px;min-width:0}.device-card h3{font-size:19px;margin:0 0 8px}.device-card code{overflow-wrap:anywhere;font-size:11px;color:#b8c8e6}.help{font-size:13px;color:var(--muted)}.device-form{display:grid;gap:10px;margin:16px 0}.device-form label{display:grid;gap:7px}.device-form label[hidden]{display:none}.device-form button{width:100%}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.issued{padding:22px;border:1px solid #36897c;background:#12362f;border-radius:17px}.secret{font-size:21px;letter-spacing:1px;overflow-wrap:anywhere;margin:14px 0;color:#9ffce5;font-weight:700}footer{color:#73819e;font-size:12px;margin:30px 0}@media(max-width:800px){.shell{display:block}aside{padding:15px 20px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.side-bottom{display:none}main{padding:25px 16px}header{align-items:flex-start}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:13px}.stat strong{font-size:27px}.logo{font-size:18px}}@media(max-width:430px){.stats{gap:7px}.stat span{font-size:10px}.nav{font-size:12px;padding:8px}header{flex-direction:column}.login-card{padding:24px}}