:root{--bg:#06101a;--side:#07121e;--panel:#0d1b2a;--panel2:#102236;--line:rgba(132,181,222,.14);--text:#f2f7fb;--muted:#8097aa;--blue:#49b6ff;--violet:#705cff;--green:#3ddc97;--danger:#ff7080}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(71,164,255,.09),transparent 28%),#07111b;color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{position:sticky;top:0;height:100vh;padding:23px 17px;border-right:1px solid var(--line);background:linear-gradient(180deg,#07131f,#06101a);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:850;color:#fff;text-decoration:none;padding:0 8px}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--violet));box-shadow:0 12px 28px rgba(55,154,255,.2)}.workspace{margin:30px 10px 8px;color:#526b7f;font-size:10px;font-weight:850;letter-spacing:.14em}.nav{display:grid;gap:5px}.nav button{height:46px;border:1px solid transparent;border-radius:12px;background:transparent;color:#8da2b5;text-align:left;padding:0 13px;font:inherit;font-weight:700;cursor:pointer;display:flex;gap:12px;align-items:center}.nav button span{width:19px;color:#68849b;text-align:center}.nav button:hover{color:#d9e8f4;background:rgba(255,255,255,.025)}.nav button.active{color:#fff;border-color:rgba(73,182,255,.15);background:linear-gradient(90deg,rgba(48,126,188,.18),rgba(29,67,107,.08));box-shadow:inset 3px 0 #4bb7ff}.sidefoot{margin-top:auto;padding:16px 8px 4px;color:#5f778b;font-size:12px}.sidefoot>a{color:#7891a5;text-decoration:none}.securitymini{padding:13px;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;background:#091726}.securitymini b,.securitymini span{display:block}.securitymini b{color:#9edcff}.main{min-width:0;padding:0 32px 50px}.top{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.crumb{font-size:11px;color:#60798e;text-transform:uppercase;letter-spacing:.1em}.top h1{font-size:25px;margin:3px 0 0;letter-spacing:-.03em}.userbox{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#10283d;color:#9edaff;font-weight:850}.userbox b,.userbox small{display:block}.userbox small{color:#647d91}.iconbtn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#0b1927;color:#8ca3b6;cursor:pointer}.section{display:none;max-width:1260px;margin:0 auto;padding-top:30px}.section.active{display:block}.welcome{min-height:190px;padding:31px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 83% 28%,rgba(73,182,255,.14),transparent 25%),linear-gradient(130deg,#0d1d2c,#0a1724);display:flex;align-items:center;justify-content:space-between;box-shadow:0 25px 60px rgba(0,0,0,.15)}.eyebrow{font-size:10px;color:#6fc8ff;letter-spacing:.15em;font-weight:850}.welcome h2,.sectionintro h2{font-size:34px;letter-spacing:-.045em;margin:7px 0}.welcome p{color:var(--muted);margin:0}.network{display:flex;align-items:center;gap:11px;padding:14px 17px;border-radius:14px;background:rgba(5,14,23,.6);border:1px solid var(--line)}.network small,.network b{display:block}.network small{color:#657e93;font-size:9px;letter-spacing:.12em}.live{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(61,220,151,.08)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metrics{margin-top:14px}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(14,29,45,.95),rgba(10,22,34,.95));padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.13)}.metriccard span,.metriccard small{color:var(--muted)}.metriccard strong{display:block;font-size:32px;margin:6px 0;color:#edf7ff}.twocol{display:grid;grid-template-columns:1.5fr .5fr;gap:14px;margin-top:14px}.cardhead{display:flex;justify-content:space-between;gap:20px}.card h3{margin:5px 0 9px}.card p{color:var(--muted)}.tag{font-size:9px;letter-spacing:.12em;color:#9bd8ff;border:1px solid rgba(73,182,255,.2);padding:6px 8px;border-radius:999px;height:max-content}.connectui{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:22px}.connectui input,.connectui button{height:44px;border-radius:11px;border:1px solid var(--line);background:#081522;color:#6d8498;padding:0 13px}.shield{font-size:30px;color:#56c2ff}.securityrow{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.sectionintro{margin-bottom:22px}.kv{display:grid;grid-template-columns:220px 1fr;gap:0}.kv>div,.kv>strong{padding:15px 4px;border-bottom:1px solid var(--line)}.kv>div{color:var(--muted)}.tablecard{padding:0;overflow:hidden}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}.table th{font-size:10px;color:#617b91;letter-spacing:.1em;text-transform:uppercase;background:#0a1825}.empty{padding:22px;color:#6e879b}.bigstatus{font-size:24px;font-weight:850;color:#a5dcff;margin:17px 0}.login{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 15%,rgba(55,144,235,.17),transparent 30%),rgba(3,8,13,.97)}.login.hidden{display:none}.loginbox{width:min(440px,100%);padding:30px;border:1px solid rgba(127,184,230,.18);border-radius:24px;background:linear-gradient(180deg,#0d1c2b,#081520);box-shadow:0 35px 110px rgba(0,0,0,.55)}.loginbrand{display:flex;gap:11px;align-items:center}.loginbrand b,.loginbrand span{display:block}.loginbrand span{font-size:9px;letter-spacing:.13em;color:#668198}.loginintro{margin:30px 0 20px}.loginintro h2{font-size:34px;margin:0;letter-spacing:-.04em}.loginintro p{color:var(--muted);margin:5px 0}.loginbox label{display:grid;gap:7px;margin:13px 0;color:#91a6b8}.loginbox input{height:48px;border:1px solid var(--line);border-radius:12px;background:#06111b;color:#fff;padding:0 13px;outline:none}.loginbox input:focus{border-color:rgba(73,182,255,.55);box-shadow:0 0 0 4px rgba(73,182,255,.07)}.loginbox .primary{width:100%;height:49px;border:0;border-radius:12px;background:linear-gradient(135deg,#42aff9,#6656f2);color:#fff;font-weight:850;margin-top:8px;cursor:pointer}.notice{min-height:21px;margin-top:11px;color:#ff94a0;font-size:12px}.loginlinks{display:flex;justify-content:space-between;gap:15px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:#5f778a}.loginlinks a{color:#84cfff;text-decoration:none}@media(max-width:900px){.shell{grid-template-columns:76px 1fr}.side{padding:20px 10px}.brand span:not(.logo),.workspace,.nav button:not(.active) span~*,.nav button{font-size:0}.nav button span{font-size:16px;margin:auto}.sidefoot{display:none}.main{padding:0 18px 40px}.grid{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}.welcome{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:560px){.shell{display:block}.side{position:fixed;z-index:30;bottom:0;top:auto;width:100%;height:66px;border-right:0;border-top:1px solid var(--line);padding:7px 9px;display:block}.brand,.workspace,.sidefoot{display:none}.nav{grid-template-columns:repeat(6,1fr)}.nav button{height:50px;padding:0}.main{padding:0 12px 82px}.top{height:80px}.userbox>div:not(.avatar){display:none}.welcome{padding:22px}.welcome h2{font-size:29px}.kv{grid-template-columns:1fr}.kv>strong{padding-top:0}.tablecard{overflow:auto}.table{min-width:700px}}
.secondary{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;background:transparent;color:#a7c0d4;font-weight:750;margin-top:9px;cursor:pointer}.hiddenbox{display:none}
/* GB Remote User App - Device Self Service v1 */
.device-self-service{margin-bottom:16px}
.device-claim-form{
    display:grid;
    grid-template-columns:1.5fr .8fr 1.5fr auto;
    gap:12px;
    align-items:end;
    margin-top:14px;
}
.device-claim-form label{display:grid;gap:7px;font-size:12px}
.device-claim-form .input{width:100%;box-sizing:border-box}
.claim-code{letter-spacing:.18em;font-variant-numeric:tabular-nums}
.secondary.small{padding:7px 10px;font-size:12px}
.danger-lite{border-color:rgba(248,113,113,.45)!important;color:#fecaca!important}
.danger-lite:hover{background:rgba(127,29,29,.18)!important}
#devices .tablewrap{overflow:auto}
#devices .table{width:100%}
@media(max-width:1000px){
    .device-claim-form{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .device-claim-form{grid-template-columns:1fr}
}