:root{--ink:#eef4ff;--muted:#9bb0cc;--deep:#091321;--panel:#11233a;--line:#24415e;--cyan:#50d7ff;--green:#5ee6a8;--red:#ff7d89;--yellow:#ffd76a}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 15% 0,#173458 0,#0000 31rem),linear-gradient(160deg,#07101c,#0c1d30);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}main{max-width:1180px;margin:auto;padding:42px 24px 76px}.hero{justify-content:space-between;align-items:flex-start;gap:28px;padding:20px 0 40px;display:flex}h1{letter-spacing:-.07em;max-width:800px;margin:8px 0 18px;font-size:clamp(2.25rem,5vw,4.6rem);line-height:.98}h2{letter-spacing:-.025em;margin:3px 0 0;font-size:1.35rem}.eyebrow{color:var(--cyan);letter-spacing:.16em;margin:0;font-size:.7rem;font-weight:700}.intro{max-width:620px;color:var(--muted);font-size:1.05rem;line-height:1.6}.statusCard{border:1px solid var(--line);width:290px;color:var(--muted);background:#0d2036b8;border-radius:16px;gap:12px;padding:18px;line-height:1.45;display:grid}.statusCard button{color:var(--cyan);text-align:left;background:0 0;padding:0;font-weight:700}.pulse,.dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 12px var(--green);border-radius:50%;margin-right:7px;display:inline-block}.dot.offline{background:var(--muted);box-shadow:none}.dot.updating{background:var(--yellow);box-shadow:0 0 12px var(--yellow)}.grid{gap:16px;display:grid}.summary{grid-template-columns:repeat(3,1fr);margin-bottom:16px}.summary article,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#11253dc9,#0c1a2de0);border-radius:18px;box-shadow:0 18px 50px #0000002b}.summary article{padding:21px}.summary span,.summary small{color:var(--muted);display:block}.summary strong{color:var(--cyan);margin:5px 0;font-size:2rem;display:block}.mainGrid{grid-template-columns:2fr 1fr}.panel{padding:22px}.spanTwo{grid-column:span 2}.panelHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.primary,.approve,.reject{border-radius:9px;padding:10px 14px;font-weight:700}.primary{background:var(--cyan);color:#062038}.full{width:100%;margin-top:17px}.approve{background:var(--green);color:#062318}.reject{color:var(--ink);background:#2d4057}.badge{color:var(--cyan);text-transform:uppercase;border:1px solid #32618c;border-radius:999px;padding:5px 9px;font-size:.72rem}.pairingFlow{background:#143047;border:1px solid #315b78;border-radius:14px;margin-bottom:15px;padding:17px}.pairingCode{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pairingCode span,.pairingFlow small,.device small,.request small,.hint{color:var(--muted)}.pairingCode strong{letter-spacing:.18em;color:var(--yellow);font-size:1.45rem}.pairingCode button{color:var(--cyan);background:#0b1b2e;border-radius:8px;margin-left:auto;padding:7px 10px}.pairingFlow ol{margin:16px 0;padding-left:22px;line-height:1.65}.pairingFlow li+li{margin-top:5px}.pairingFlow a{color:var(--cyan);font-weight:700}.deviceList{gap:8px;display:grid}.device{background:#0b1b2e;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px;display:grid}.device strong,.device small{display:block}.firmware{text-align:right}.firmware strong{font-size:.85rem}form{gap:13px;margin-top:20px;display:grid}label{color:var(--muted);gap:6px;font-size:.8rem;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#091728;border-radius:9px;padding:10px}.hint,.empty{margin-top:20px;font-size:.84rem;line-height:1.55}.request{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.request:first-of-type{border-top:0}.request strong,.request small{display:block}.request code{color:var(--yellow);white-space:normal;margin-top:8px;font-size:.75rem;display:block}.actions{flex-shrink:0;gap:8px;display:flex}.panel ul{color:var(--muted);padding-left:20px;line-height:1.7}.adminMain{max-width:1380px}.adminHero h1{max-width:none}.adminSummary{grid-template-columns:repeat(6,1fr);margin-bottom:8px}.adminSummary article{border:1px solid var(--line);background:#0d2036b8;border-radius:16px;padding:18px}.adminSummary span,.adminSummary small{color:var(--muted);display:block}.adminSummary strong{color:var(--cyan);margin-top:6px;font-size:1.8rem;display:block}.adminMessage{text-align:right;margin:8px 0 18px}.inlineForm{gap:8px;margin:0;display:flex}.inlineForm input{min-width:260px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:13px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}td small{color:var(--muted);margin-top:4px;display:block}.opsGrid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.opsGrid h3{color:var(--muted)}.auditList{max-height:430px;overflow:auto}.authPanel{max-width:520px;margin:10vh auto}.authPanel button:not(.primary){color:var(--cyan);background:0 0;padding:18px 0 0}@media (max-width:760px){main{padding:25px 16px 48px}.hero,.panelHeader{display:grid}.statusCard{width:auto}.summary,.mainGrid{grid-template-columns:1fr}.spanTwo{grid-column:span 1}.device{grid-template-columns:auto 1fr}.firmware,.device .badge{text-align:left;grid-column:2}.request{align-items:flex-start;display:grid}.actions{margin-top:4px}}@media (max-width:980px){.adminSummary{grid-template-columns:repeat(3,1fr)}.opsGrid{grid-template-columns:1fr}.inlineForm{display:grid}.inlineForm input{min-width:0}}
