:root{--bg:#071018;--panel:#0d1a24;--line:#203443;--text:#eaf4f8;--muted:#8ea6b4;--accent:#39e6b0;--accent2:#5bbcff;--danger:#ff6b75}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#12324a 0,transparent 38%),var(--bg);color:var(--text);font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif;min-height:100vh}.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:64px 0}.narrow{width:min(900px,calc(100% - 32px))}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px}h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:8px 0 12px;letter-spacing:-2px}h2,h3{margin-top:0}.eyebrow{color:var(--accent);font:700 12px/1 monospace;letter-spacing:2px}p,.meta{color:var(--muted)}a{color:var(--accent2)}.admin-link{border:1px solid var(--line);padding:9px 14px;border-radius:9px;text-decoration:none;white-space:nowrap}.search{display:flex;gap:10px;background:rgba(13,26,36,.85);border:1px solid var(--line);padding:10px;border-radius:16px;box-shadow:0 24px 70px #0006;margin-bottom:28px}input,textarea{width:100%;background:#08131c;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:13px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--accent)}button{border:0;border-radius:9px;padding:12px 22px;background:var(--accent);color:#032219;font-weight:800;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.card{background:linear-gradient(145deg,#10212d,#0b171f);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:0 16px 45px #0004}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.chips span{font:12px monospace;background:#142c39;color:var(--accent2);border-radius:99px;padding:5px 9px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#071018;border-radius:10px;padding:14px;color:#bed0d8;font:13px/1.65 ui-monospace,monospace;max-height:340px;overflow:auto}.empty{text-align:center;padding:90px 20px;color:var(--muted)}.empty b,.empty span{display:block}.empty b{font-size:22px;color:var(--text)}.stack{display:grid;gap:14px;margin:20px 0}.stack label{display:grid;gap:6px}.login{margin:8vh auto;max-width:480px}.alert{padding:12px 15px;border-radius:9px;margin:14px 0}.bad{background:#3b1820;color:#ffadb3}.ok{background:#10382d;color:#7ff2ce}.row{display:flex;justify-content:space-between;gap:12px}.result-actions{display:flex;flex-direction:row;align-items:center;gap:24px;flex:0 0 auto}.result-actions form{display:block;margin:0}.result-actions .admin-link,.result-actions .danger{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:39px;padding:7px 14px}.result-actions .admin-link{background:#102a3a;border-color:#31566e}.danger{background:#2b1419;color:var(--danger);border:1px solid #663039;padding:7px 12px}@media(max-width:600px){.wrap{padding:32px 0}header{flex-direction:column}.search{flex-direction:column}.grid{grid-template-columns:1fr}.card>.row{align-items:flex-start;flex-direction:column}.result-actions{align-self:stretch;width:100%;justify-content:flex-start;gap:28px}.result-actions .admin-link,.result-actions form,.result-actions .danger{flex:0 0 auto;width:auto}}

/* Log views: generous desktop columns and labelled mobile records. */
.logs-page{width:min(1200px,calc(100% - 48px));padding-top:48px}
.logs-page>header{align-items:center;flex-wrap:wrap;gap:24px}
.logs-page h1{font-size:clamp(30px,4vw,40px);letter-spacing:-1px;line-height:1.2}
.logs-page>header p{margin:8px 0 0}
.logs-page nav{display:flex;flex-wrap:wrap;gap:8px}
.logs-page nav .admin-link{display:inline-flex;align-items:center;min-height:44px}
.logs-page nav a[href="?page=logs"],.logs-page nav a[href="?page=actions"]{border-color:#31566e}
.logs-card{padding:0;overflow:hidden}
.logs-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-bottom:1px solid var(--line)}
.logs-heading h2{font-size:22px;line-height:1.4;margin:0 0 8px}
.logs-heading p{margin:0;font-size:14px}
.logs-total{flex-shrink:0;padding:6px 12px;border:1px solid #31566e;border-radius:8px;color:#a8d9fa;background:#102a3a;font-size:13px}
.log-table{overflow-x:auto}
.log-table table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.log-table th{padding:16px 22px;background:#10232f;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}
.log-table td{padding:22px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;line-height:1.7}
.log-table tbody tr:last-child td{border-bottom:0}
.log-table tbody tr:nth-child(even){background:#ffffff02}
.log-table tbody tr:hover{background:#5bbcff08}
.log-table .log-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:#c5d8e3}
.log-ip{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere;color:#aec7d6}
.log-detail{overflow-wrap:anywhere}
.actions-table th:nth-child(1),.login-table th:nth-child(1){width:210px}
.actions-table th:nth-child(2),.login-table th:nth-child(2){width:190px}
.actions-table th:nth-child(3){width:172px}
.actions-table th:nth-child(5){width:82px}
.login-table th:nth-child(4){width:150px}
.log-table .log-count{text-align:center;font-variant-numeric:tabular-nums}
.actions-table th:last-child{text-align:center}
.log-badge{display:inline-block;max-width:100%;padding:4px 10px;border-radius:6px;border:1px solid #31566e;line-height:1.5;font-size:13px;overflow-wrap:anywhere}
.log-badge.is-success{color:#7de6bc;background:#12382e;border-color:#275543}
.log-badge.is-danger{color:#ff9ca6;background:#321b23;border-color:#623340}
.log-badge.is-info{color:#95cfff;background:#132e42;border-color:#2a506b}
.log-table .logs-empty{text-align:center;padding:64px 24px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:901px){.actions-table{min-width:1040px}.login-table{min-width:800px}}
@media(max-width:900px){
  .logs-page{width:calc(100% - 32px);padding-top:28px}
  .logs-page>header{align-items:flex-start;flex-direction:column}
  .logs-heading{padding:24px 20px;align-items:flex-start;flex-wrap:wrap;gap:12px}
  .log-table{overflow:visible}
  .log-table table,.log-table tbody,.log-table tr,.log-table td{display:block;width:100%}
  .log-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .log-table tbody tr{padding:18px 20px;border-bottom:1px solid var(--line)}
  .log-table tbody tr:last-child{border-bottom:0}
  .log-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:7px 0;border:0;align-items:start}
  .log-table td::before{content:attr(data-label);color:var(--muted);font:13px/1.8 system-ui,"Microsoft YaHei",sans-serif}
  .log-table .log-time{white-space:normal}
  .log-table .log-count{text-align:left}
  .log-badge{justify-self:start}
  .log-table .logs-empty{display:block;padding:36px 0}
  .logs-empty::before{display:none}
}
.renewal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.renewal-fields input{width:100%;box-sizing:border-box}
.renewal-panel{border-left:4px solid #d99124}
.renewal-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.renewal-item h3{margin:0 0 8px;overflow-wrap:anywhere}
.renewal-actions{display:flex;gap:10px;flex-shrink:0}
.renewal-actions .secondary{background:#eef2f6;color:#394960}
.renewal-summary{line-height:2;overflow-wrap:anywhere}
@media(max-width:640px){.renewal-fields{grid-template-columns:1fr}.renewal-item{align-items:flex-start;flex-direction:column}.renewal-actions{width:100%}.renewal-actions button{flex:1}}
.wrap>header nav{display:flex;flex-wrap:wrap;gap:8px}
.renewal-table th:nth-child(1){width:34%}
.renewal-table th:nth-child(2){width:28%}
.renewal-table th:nth-child(3){width:20%}
.renewal-table th:nth-child(4){width:18%}
.renewal-table a{display:block;text-decoration:none;overflow-wrap:anywhere}
.renewal-table a:hover{text-decoration:underline}
.renewal-table a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.renewal-overdue{color:var(--danger)}

/* Unified page frame and navigation */
.wrap,.narrow{width:min(1200px,calc(100% - 48px))}
.wrap{padding-top:48px}
.wrap>header h1{font-size:clamp(30px,4vw,40px);letter-spacing:-1px;line-height:1.2}
.logs-page>header{align-items:flex-start}
header{gap:32px;margin-bottom:40px;min-height:92px}
header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:8px;max-width:620px}
header nav .admin-link{display:inline-flex;align-items:center;min-height:46px;padding:10px 17px}
.wrap>header>nav{align-self:flex-start}
.card{padding:28px;margin-bottom:20px}
@media(max-width:700px){.wrap,.narrow{width:calc(100% - 32px);padding:32px 0}header{gap:16px;margin-bottom:28px;min-height:0}header nav{justify-content:flex-start;max-width:none}.card{padding:20px}}

/* Unified branded header across every backend page. */
.wrap>header{align-items:center;position:relative;padding:8px 0 4px}
.wrap>header>div:first-child{flex:1;min-width:0}
.wrap>header .eyebrow{display:inline-block;margin-bottom:8px;font-size:11px;letter-spacing:2.5px}
.wrap>header h1{margin:0 0 8px;font-size:clamp(34px,4vw,48px);letter-spacing:-1.5px;line-height:1.08}
.wrap>header h1{font-family:system-ui,"Microsoft YaHei",sans-serif;font-weight:800;background:linear-gradient(135deg,#f4fbff 15%,#cde8f4 55%,#8fd5e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 5px 24px rgba(71,190,224,.12);filter:drop-shadow(0 2px 1px rgba(0,0,0,.18))}
.wrap>header h1{font-size:40px!important;line-height:1.12!important}
.wrap>header .eyebrow{color:#d6b77a;letter-spacing:3.5px;font-size:10px;position:relative;padding-left:18px}
.wrap>header .eyebrow::before{content:'';position:absolute;left:0;top:50%;width:10px;height:1px;background:#d6b77a;box-shadow:0 0 8px #d6b77a88}
.wrap>header h1{font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-weight:700;letter-spacing:-.025em;color:#f7fafb;background:none;-webkit-text-fill-color:#f7fafb;text-shadow:0 2px 14px rgba(120,205,226,.14);filter:none}
.wrap>header p{color:#9eb0b9;font-size:14px;letter-spacing:.03em}
.wrap>header .eyebrow{font-weight:800;color:#39e6b0;text-shadow:0 0 14px rgba(57,230,176,.28)}
.wrap>header p{margin:0;font-size:15px}
.wrap>header>nav{align-self:center;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px;border:1px solid #203b4b;background:rgba(8,22,31,.72);border-radius:16px;box-shadow:0 12px 30px #0003;max-width:720px}
.wrap>header>nav .admin-link{min-height:42px;padding:9px 15px;border-color:transparent;border-radius:10px;transition:background .18s,border-color .18s,color .18s}
.wrap>header>nav .admin-link:hover,.wrap>header>nav .admin-link[aria-current="page"]{background:#123447;border-color:#2b566d;color:#8bdcff}
@media(max-width:700px){.wrap>header{align-items:flex-start;padding-top:0}.wrap>header>nav{align-self:stretch;justify-content:flex-start;overflow:auto;max-width:none}.wrap>header>nav .admin-link{flex:0 0 auto}}

/* GoWan Horizon UI — unified premium control surface. */
:root{--bg:#030b21;--panel:#091735;--panel-2:#0d2045;--line:#263e70;--text:#f7f9ff;--muted:#9aadd3;--accent:#65e4ff;--accent2:#648cff;--violet:#a971ff;--danger:#ff7289;--radius:22px}
html{background:#030b21;scroll-behavior:smooth}
body{position:relative;background:radial-gradient(900px 500px at 12% -8%,rgba(42,98,225,.42),transparent 62%),radial-gradient(760px 480px at 92% 4%,rgba(119,65,220,.24),transparent 65%),linear-gradient(180deg,#061333 0,#030b21 46%,#061027 100%);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;letter-spacing:.005em}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 0 39%,rgba(82,198,255,.045) 45%,rgba(142,88,255,.055) 50%,transparent 58%);background-size:180% 180%;animation:horizon-glow 14s ease-in-out infinite alternate}
.wrap,.narrow,.logs-page{width:min(1500px,calc(100% - 48px));padding:34px 0 72px}
.wrap>header{min-height:112px;margin:0 0 34px;padding:22px 26px;border:1px solid rgba(114,151,226,.25);border-radius:26px;background:linear-gradient(110deg,rgba(14,35,75,.88),rgba(5,18,45,.86));box-shadow:0 28px 80px rgba(0,3,18,.38),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(18px)}
.wrap>header>div:first-child{position:relative;padding-left:62px}
.wrap>header>div:first-child::before{content:"G";position:absolute;left:0;top:50%;width:46px;height:46px;display:grid;place-items:center;transform:translateY(-50%) rotate(-7deg);border:1px solid rgba(111,219,255,.55);border-radius:15px;background:linear-gradient(145deg,#437dff,#825fff);color:#fff;font:800 23px/1 Inter,system-ui,sans-serif;box-shadow:0 10px 26px rgba(74,107,255,.34),inset 0 1px rgba(255,255,255,.32)}
.wrap>header .eyebrow{margin:0 0 7px;padding:0;color:#76e8ff;text-shadow:0 0 16px rgba(63,210,255,.38);font-size:10px;letter-spacing:3.2px}
.wrap>header .eyebrow::before{display:none}
.wrap>header h1{margin:0 0 5px!important;font-size:clamp(31px,3vw,43px)!important;font-weight:780;letter-spacing:-.045em!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 8px 30px rgba(81,139,255,.16)}
.wrap>header p{margin:0;color:#9eb3dc;font-size:14px;letter-spacing:.025em}
.wrap>header>nav{align-self:center;gap:4px;max-width:none;padding:6px;border-color:rgba(104,145,218,.28);border-radius:16px;background:rgba(2,11,31,.62);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.wrap>header>nav .admin-link{min-height:43px;padding:10px 17px;border:1px solid transparent;border-radius:11px;color:#b9caf0;font-weight:560;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.wrap>header>nav .admin-link:hover,.wrap>header>nav .admin-link:focus-visible,.wrap>header>nav .admin-link[aria-current="page"]{transform:translateY(-1px);color:#fff;background:linear-gradient(135deg,rgba(52,105,220,.38),rgba(107,72,205,.28));border-color:rgba(113,177,255,.4);box-shadow:0 9px 22px rgba(15,55,156,.2);outline:none}
h2{font-weight:720;letter-spacing:-.025em}p,.meta{color:var(--muted)}a{color:#72dfff}
.card,.router-console .rc-device{border:1px solid rgba(101,139,207,.27);border-radius:var(--radius);background:linear-gradient(145deg,rgba(13,33,70,.94),rgba(6,20,48,.96));box-shadow:0 20px 55px rgba(0,4,21,.28),inset 0 1px rgba(255,255,255,.035)}
.card{padding:30px}.card:hover{border-color:rgba(107,158,241,.38)}
.search,.rc-tools{position:relative;padding:8px;border:1px solid rgba(105,150,225,.3);border-radius:19px;background:rgba(3,13,35,.78);box-shadow:0 18px 46px rgba(0,4,22,.28),inset 0 1px rgba(255,255,255,.035)}
.search{margin-bottom:30px}.rc-tools{gap:8px}
input,textarea,select{border:1px solid rgba(96,133,196,.38);border-radius:13px;background:#06132e;color:var(--text);box-shadow:inset 0 1px 2px rgba(0,0,0,.25);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
input:hover,textarea:hover,select:hover{border-color:rgba(112,168,255,.58)}input:focus,textarea:focus,select:focus{border-color:#68cfff;background:#071936;box-shadow:0 0 0 4px rgba(82,164,255,.14);outline:none}
button{min-height:44px;border:1px solid rgba(126,207,255,.24);border-radius:12px;padding:11px 21px;background:linear-gradient(135deg,#65e4ff 0,#5b8cff 62%,#8068ff 100%);color:#041128;font-weight:760;box-shadow:0 10px 26px rgba(59,111,255,.26);transition:transform .17s ease,filter .17s ease,box-shadow .17s ease}
button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 30px rgba(59,111,255,.34)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid #91eaff;outline-offset:3px}
.admin-link{border-color:rgba(100,144,215,.36);border-radius:11px;color:#79dcff;background:rgba(10,30,67,.42)}
.danger{background:rgba(94,24,49,.56);border-color:rgba(255,103,133,.34);color:#ff91a5;box-shadow:none}.danger:hover{background:rgba(123,29,59,.68)}
.alert{border:1px solid transparent;border-radius:14px}.ok{background:rgba(18,96,83,.46);border-color:rgba(75,222,190,.24);color:#83f4d8}.bad{background:rgba(101,25,50,.52);border-color:rgba(255,111,139,.25);color:#ffacba}
.empty{border:1px dashed rgba(109,153,225,.3);border-radius:20px;background:rgba(8,24,53,.52)}
.chips span,.logs-total,.log-badge{border-radius:999px}.chips span{background:rgba(56,112,198,.25);border:1px solid rgba(92,161,237,.25);color:#86dfff}
pre{border:1px solid rgba(73,107,169,.24);border-radius:15px;background:#020a1c;color:#c5d4f3}
.logs-card{padding:0}.logs-heading{border-color:rgba(92,128,191,.25)}.log-table th{background:rgba(19,45,88,.72);color:#9fb5dd;letter-spacing:.025em}.log-table td{border-color:rgba(82,116,178,.22)}.log-table tbody tr:nth-child(even){background:rgba(73,112,190,.035)}.log-table tbody tr:hover{background:rgba(78,138,240,.085)}
.router-console .rc-stat{border-color:rgba(99,147,222,.3);border-radius:19px;background:linear-gradient(135deg,rgba(18,46,91,.94),rgba(7,23,53,.96));box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 38px rgba(0,4,22,.18);transition:transform .2s ease,border-color .2s ease}.router-console .rc-stat:hover{transform:translateY(-3px);border-color:rgba(105,193,255,.5)}.router-console .rc-stat span{color:#9eb5dc}.router-console .rc-stat strong{font-size:34px;color:#fff}.router-console .rc-stat:nth-child(2) strong{color:#6bf0d5}
.router-console .rc-device{overflow:hidden;background:linear-gradient(150deg,rgba(12,34,70,.97),rgba(5,19,45,.98))}.router-console .rc-device-head{background:radial-gradient(600px 180px at 6% 0,rgba(53,123,230,.2),transparent 72%),linear-gradient(110deg,rgba(17,49,94,.7),transparent)}
.router-console .rc-meta,.router-console .rc-inventory,.router-console .rc-admin{border-color:rgba(87,126,191,.24)}
.router-console .rc-actions details,.router-console .rc-acl{border-color:rgba(94,140,208,.3);border-radius:17px;background:rgba(3,16,39,.7)}
.router-console .rc-actions summary,.router-console .rc-inventory>summary,.router-console .rc-admin summary{color:#79ddff;transition:background .18s ease,color .18s ease}.router-console summary:hover{color:#fff;background:rgba(71,128,221,.1)}
.router-console .rc-note{border-left-color:#64dcff;background:linear-gradient(100deg,rgba(22,76,112,.48),rgba(14,37,75,.55));color:#acc5e9}
.router-console .rc-status{border-radius:999px}.router-console .rc-submit button{background:linear-gradient(135deg,#65e4ff,#5c8fff 65%,#8069ff)}
.login{max-width:500px;margin:9vh auto;padding:42px}.login::before{content:"G";width:54px;height:54px;margin:0 0 24px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#4d8dff,#865fff);font-size:26px;font-weight:800;box-shadow:0 14px 36px rgba(79,97,255,.36)}
@keyframes horizon-glow{0%{background-position:0 20%}100%{background-position:100% 75%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body::before{animation:none}*{transition:none!important}}
@media(max-width:900px){.wrap,.narrow,.logs-page{width:calc(100% - 28px);padding-top:16px}.wrap>header{align-items:flex-start;flex-direction:column;padding:20px;margin-bottom:24px}.wrap>header>nav{width:100%;justify-content:flex-start;overflow-x:auto}.wrap>header>div:first-child{padding-left:56px}.router-console .rc-stat:hover{transform:none}}
@media(max-width:560px){.wrap>header>div:first-child::before{width:42px;height:42px;border-radius:13px}.wrap>header h1{font-size:29px!important}.card{padding:21px}.login{padding:28px}.search{flex-direction:column}}

/* Dynadot-aligned shell: full-width navy navigation and cobalt stage. */
:root{--bg:#00113f;--panel:#07194b;--panel-2:#0b245d;--line:#304d91;--accent:#70e5ff;--accent2:#778cff;--violet:#d272ff}
html,body{background:#00113f;overflow-x:hidden}
body{background:radial-gradient(900px 360px at 15% 20%,rgba(12,80,228,.78),transparent 70%),radial-gradient(760px 300px at 86% 24%,rgba(89,42,192,.42),transparent 72%),linear-gradient(180deg,#001445 0,#00103a 52%,#020a25 100%)}
body::before{background:linear-gradient(96deg,transparent 0 20%,rgba(39,177,255,.08) 34%,rgba(149,91,255,.13) 50%,rgba(255,190,76,.08) 64%,transparent 80%);background-size:190% 100%;filter:blur(12px)}
.wrap,.narrow,.logs-page{padding-top:0}
.wrap>header{position:relative;width:100vw;min-height:148px;margin-left:calc(50% - 50vw);margin-bottom:46px;padding:59px max(40px,calc((100vw - 1500px)/2 + 24px)) 20px;border-width:1px 0;border-color:rgba(105,139,219,.18);border-radius:0;background:#071747;box-shadow:0 14px 45px rgba(0,5,33,.3);backdrop-filter:none}
.wrap>header::before{content:"GoWan 云端设备管理 · 安全连接已启用";position:absolute;inset:0 0 auto;height:38px;display:flex;align-items:center;justify-content:center;background:#3d59c9;color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em;box-shadow:inset 0 -1px rgba(255,255,255,.08)}
.wrap>header>div:first-child{display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;padding:0;column-gap:15px;align-items:center}
.wrap>header>div:first-child::before{position:static;grid-column:1;grid-row:1/3;transform:rotate(-8deg);width:46px;height:46px;border-color:rgba(255,255,255,.3);border-radius:14px;background:linear-gradient(145deg,#477dff,#8b61ff)}
.wrap>header .eyebrow{grid-column:2;grid-row:1;align-self:end;margin:0 0 3px;color:#8edfff;font-size:9px;letter-spacing:2.6px}
.wrap>header h1{grid-column:2;grid-row:2;align-self:start;margin:0!important;font-size:30px!important;letter-spacing:-.04em!important}
.wrap>header p{display:none}
.wrap>header>nav{padding:0;gap:3px;border:0;border-radius:0;background:transparent;box-shadow:none}
.wrap>header>nav .admin-link{min-height:46px;padding:11px 18px;border:0;border-radius:10px;background:transparent;color:#d4dcfa;font-weight:560}
.wrap>header>nav .admin-link:hover,.wrap>header>nav .admin-link:focus-visible,.wrap>header>nav .admin-link[aria-current="page"]{background:rgba(78,111,204,.22);border-color:transparent;color:#fff;box-shadow:none}
.card,.router-console .rc-device{background:linear-gradient(145deg,rgba(7,27,76,.94),rgba(4,17,53,.96));border-color:rgba(91,131,219,.38)}
.search,.rc-tools{border-color:rgba(103,145,234,.46);background:rgba(1,10,43,.78);box-shadow:0 16px 44px rgba(0,6,37,.38),0 0 44px rgba(45,104,255,.08)}
.search::before,.rc-tools::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:21px;background:linear-gradient(100deg,rgba(77,172,255,.7),rgba(105,91,255,.64) 35%,rgba(229,104,255,.55) 58%,rgba(255,203,74,.58) 78%,rgba(88,190,255,.68));filter:blur(9px);opacity:.48;animation:search-spectrum 7s ease-in-out infinite alternate}
.search,.rc-tools{isolation:isolate;overflow:visible}
.search input,.rc-tools input{min-height:54px;border-radius:999px;padding-left:24px;background:linear-gradient(100deg,#07164e,#0a1856);font-size:16px}
.search button,.rc-tools button{border-radius:999px;padding-inline:28px}
.router-console .rc-stat{background:linear-gradient(140deg,rgba(10,38,99,.96),rgba(4,20,61,.98));border-color:rgba(88,135,230,.42)}
.router-console .rc-device{background:linear-gradient(150deg,rgba(7,29,78,.98),rgba(3,17,52,.99))}
.router-console .rc-device-head{background:linear-gradient(110deg,rgba(28,75,165,.34),transparent 70%)}
.login{background:linear-gradient(145deg,rgba(7,30,82,.97),rgba(3,18,57,.98));border-color:rgba(102,146,238,.4)}
@keyframes search-spectrum{0%{transform:translateX(-1%);opacity:.36}100%{transform:translateX(1%);opacity:.62}}
@media(max-width:900px){.wrap>header{width:100vw;margin-left:calc(50% - 50vw);padding:56px 20px 18px;gap:16px}.wrap>header::before{height:36px;font-size:11px}.wrap>header>nav{padding:5px;width:100%;border:1px solid rgba(101,139,222,.2);border-radius:13px;background:rgba(1,10,39,.32)}.wrap>header>nav .admin-link{padding:9px 13px}.wrap>header>div:first-child{padding:0}}