@import url('/assets/brand.css');
:root{--ink:#0c0812;--panel:#160f20;--line:#ffffff18;--text:#f6f0fa;--muted:#b0a3c0;--brand:linear-gradient(100deg,#ff3d4a,#d2308a 55%,#8f4fe0);--ok:#46e3a6;--bad:#ff5d6c}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a.action{cursor:pointer}button:disabled{opacity:.4;cursor:default}button,.action{background:var(--brand);color:white;border:0;border-radius:12px;padding:12px 20px;font-weight:700}button.secondary,.secondary{background:#25182f;border:1px solid var(--line)}input,select{background:#100b18;border:1px solid #ffffff30;color:var(--text);padding:10px;border-radius:9px;max-width:100%;color-scheme:dark}label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5.5vw,76px);line-height:1.16;letter-spacing:-2px}h2{font-size:32px;letter-spacing:-1px}small,.muted{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding:0 28px}.top{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:70px;height:52px;object-fit:contain}.brand b{display:block;letter-spacing:2px}.brand small{font-size:10px;letter-spacing:1px}.top nav{display:flex;gap:24px;font-size:13px}.eyebrow{color:#e994be;letter-spacing:3px;font-size:12px;font-weight:700;margin-bottom:20px}.gradient{background:var(--brand);background-clip:text;color:transparent}.hero{padding:92px 0 86px;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.hero p{max-width:520px;font-size:18px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.tag{border:1px solid var(--line);padding:5px 12px;border-radius:30px;font-size:12px;color:var(--muted);display:inline-block}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px}.visual{background:radial-gradient(ellipse at top,#6c1e5940,transparent 70%),var(--panel);box-shadow:0 30px 100px #8f4fe020}.visual .door{height:240px;position:relative;max-width:180px;margin:34px auto;border:2px solid #b74b9b;border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 0 40px #d2308a28}.door:after{content:'';position:absolute;right:14px;top:55%;height:20px;width:4px;background:#ef90c0}.visual footer{font-size:12px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between}.ok{color:var(--ok)}.bad{color:var(--bad)}.section{padding:64px 0;border-top:1px solid var(--line)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{font-size:12px;letter-spacing:2px;color:#e994be;margin-bottom:24px}.card p{color:var(--muted);font-size:14px;margin-bottom:0}.wide{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.wide img{width:300px;max-width:100%;margin:auto}.foot{padding:35px 0;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}.notice{background:#5e284330;border:1px solid #a34b7f55;border-radius:12px;padding:14px 20px;color:#e3b6d1;font-size:13px;margin:24px 0}.dashboard{padding:36px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.heading h1{font-size:36px;letter-spacing:-1px;margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.metric{padding:20px 24px}.metric b{font-size:32px;display:block}.metric small{font-size:12px}.filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.filter button{padding:11px 16px}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;min-width:750px}th{color:var(--muted);font-weight:400;background:#1d1427;white-space:nowrap}th,td{padding:15px 16px;border-bottom:1px solid var(--line)}td:last-child{max-width:350px;overflow-wrap:anywhere}.pill{display:inline-block;padding:3px 9px;border-radius:30px;background:#ffffff0b;border:1px solid var(--line);font-size:12px;white-space:nowrap}.device-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:20px}.device-id{font-family:monospace;font-size:11px;word-break:break-all;color:var(--muted)}.device-list button{font-size:12px;padding:7px 12px;margin-right:8px;margin-top:12px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:13px}.pagination div{display:flex;gap:10px}.status{font-size:13px;color:var(--muted);min-height:24px;margin:16px 0}.danger{background:#491d32!important}.subhead{display:flex;justify-content:space-between;align-items:center;margin-top:38px}.subhead h2{font-size:24px;margin:0}:focus-visible{outline:2px solid #ff90bd;outline-offset:3px}@media(max-width:760px){.wrap{padding:0 18px}.top nav a:not(.action){display:none}.top{height:80px}.brand b{font-size:13px}.brand small{font-size:8px}.hero{grid-template-columns:1fr;padding:55px 0;gap:35px}.hero h1{letter-spacing:-1px}.grid3,.wide{grid-template-columns:1fr}.section{padding:40px 0}.metrics{gap:8px}.metric{padding:14px}.metric b{font-size:25px}.heading{align-items:start;flex-direction:column}.filter label{flex:1;min-width:135px}.filter button{flex:1}.foot{flex-direction:column}.visual .door{height:180px}}