:root{
  --bg:#050708;
  --bg-soft:#080b0d;
  --sidebar:#070a0c;
  --surface:#0d1216;
  --surface-2:#11181d;
  --surface-3:#151d23;
  --line:#263038;
  --line-soft:#1a2329;
  --text:#f7fafc;
  --text-2:#d7e0e6;
  --muted:#9aa9b3;
  --muted-2:#72818b;
  --gold:#ffd107;
  --gold-2:#ffb800;
  --green:#52f2b0;
  --cyan:#59d9ff;
  --red:#ff6f79;
  --orange:#ffbd59;
  --sidebar-w:292px;
  --radius:18px;
  --shadow:0 20px 60px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;color:var(--text);
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
  font-size:16px;line-height:1.55;font-weight:500;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background:
    radial-gradient(circle at 13% -5%,rgba(89,217,255,.055),transparent 28%),
    radial-gradient(circle at 93% 0%,rgba(255,209,7,.055),transparent 24%),
    linear-gradient(180deg,#06090b 0%,#050708 100%);
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,.btn,input,select,textarea{transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
code{font-family:"Cascadia Code","Consolas",monospace;font-size:.92em}

.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}
.nav-backdrop{display:none}
.sidebar{
  position:sticky;top:0;z-index:50;height:100vh;display:flex;flex-direction:column;
  padding:20px 16px 16px;border-right:1px solid var(--line-soft);
  background:linear-gradient(180deg,#080c0f 0%,#050809 100%);
  box-shadow:24px 0 55px rgba(0,0,0,.18)
}
.side-top{display:flex;align-items:center;gap:12px;padding:0 2px 20px;border-bottom:1px solid var(--line-soft)}
.brand{display:flex;align-items:center;gap:13px;min-width:0;flex:1}
.brand-mark{
  width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(145deg,#fff17d 0%,#ffd107 58%,#ffb900 100%);
  color:#0b0d0e;font-size:16px;font-weight:900;letter-spacing:-.04em;
  box-shadow:0 10px 25px rgba(255,209,7,.12),inset 0 1px 0 rgba(255,255,255,.75)
}
.brand-mark.large{width:64px;height:64px;flex-basis:64px;border-radius:17px;font-size:21px}
.brand-copy,.auth-brand>div,.mobile-auth-brand>div,.forbid-brand>div{min-width:0}
.brand b,.auth-brand b,.mobile-auth-brand b,.forbid-brand b{display:block;font-size:16px;line-height:1.1;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.brand small,.auth-brand small,.mobile-auth-brand small,.forbid-brand small{display:block;margin-top:5px;color:var(--muted-2);font-size:10px;font-weight:800;letter-spacing:.16em;white-space:nowrap}
.side-nav{display:flex;flex-direction:column;gap:24px;margin-top:24px;overflow-y:auto;overflow-x:hidden;min-width:0;max-width:100%;padding:0 1px 14px}
.nav-group{display:grid;gap:7px}
.nav-title{padding:0 13px 7px;color:#697983;font-size:10px;font-weight:900;letter-spacing:.17em}
.nav-link{
  position:relative;display:flex;align-items:center;gap:13px;min-height:52px;padding:0 15px;
  border-radius:13px;color:#a9b6be;font-size:14px;font-weight:700;border:1px solid transparent
}
.nav-link:hover{color:#fff;background:#0d1317;border-color:#202a30}
.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(255,209,7,.15),rgba(255,209,7,.035));border-color:rgba(255,209,7,.26);box-shadow:inset 4px 0 0 var(--gold)}
.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;color:#83939d}
.nav-icon svg,.menu-btn svg,.top-chip svg{width:19px;height:19px;fill:currentColor}
.nav-link.active .nav-icon{color:var(--gold)}
.side-foot{margin-top:auto;padding:16px 2px 0;border-top:1px solid var(--line-soft)}
.operator{display:flex;align-items:center;gap:12px;padding:0 8px 14px}
.operator-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:11px;display:grid;place-items:center;background:#11181c;border:1px solid #29333a;color:var(--gold);font-size:15px;font-weight:900}
.operator b{display:block;font-size:13px;font-weight:800}
.operator small{display:block;margin-top:3px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.1em}
.logout-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 11px;border-radius:10px;color:#ff8790;font-size:13px;font-weight:800}
.logout-link:hover{background:rgba(255,111,121,.07)}

.main{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.topbar{
  height:92px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:0 28px;
  border-bottom:1px solid var(--line-soft);background:rgba(5,8,10,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#0c1114;color:#fff;align-items:center;justify-content:center;cursor:pointer}
.breadcrumb{display:flex;align-items:center;gap:8px;color:#71818b;font-size:10px;font-weight:900;letter-spacing:.13em}
.breadcrumb i{color:#3f4a50;font-style:normal}
.page-heading h1{margin:6px 0 0;font-size:30px;line-height:1.05;letter-spacing:-.025em;font-weight:800}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.top-chip{height:40px;padding:0 13px;display:flex;align-items:center;gap:8px;border-radius:11px;border:1px solid #202a30;background:#0a0f12;color:#a4b1b9;font-size:10px;font-weight:900;letter-spacing:.07em;white-space:nowrap}
.top-chip.node{max-width:320px;overflow:hidden;text-overflow:ellipsis}
.top-chip.secure{color:#75f2bd;border-color:rgba(82,242,176,.18);background:rgba(82,242,176,.045)}
.top-chip.secure svg{width:16px;height:16px}
.top-chip i,.hero-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(82,242,176,.8)}
.content{width:100%;max-width:1780px;margin:0 auto;padding:28px 28px 42px;flex:1}
.app-footer{display:flex;justify-content:space-between;gap:16px;padding:18px 28px;border-top:1px solid var(--line-soft);color:#5f707a;font-size:10px;font-weight:800;letter-spacing:.1em}
.flash{max-width:1780px;margin:16px 28px 0;padding:14px 16px;display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid;font-size:13px;font-weight:700}
.flash-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.flash.success{background:rgba(82,242,176,.07);border-color:rgba(82,242,176,.22);color:#8ff7ca}
.flash.error{background:rgba(255,111,121,.08);border-color:rgba(255,111,121,.24);color:#ff9da5}

.hero-console{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;
  padding:32px 34px;margin-bottom:20px;border:1px solid rgba(255,209,7,.18);border-radius:22px;
  background:radial-gradient(circle at 92% 15%,rgba(255,209,7,.12),transparent 31%),linear-gradient(135deg,#10161a,#0a0f12 62%,#0e1009);
  box-shadow:var(--shadow)
}
.hero-console:before{content:"";position:absolute;right:-85px;top:-95px;width:310px;height:310px;border:1px solid rgba(255,209,7,.08);border-radius:50%;box-shadow:0 0 0 42px rgba(255,209,7,.022),0 0 0 84px rgba(255,209,7,.012);pointer-events:none}
.hero-console.compact{padding:28px 30px}
.hero-copy{position:relative;z-index:1;max-width:930px}
.eyebrow,.section-title span,.panel-head>div>span,.company-hero>div>span,.company-hero-main>div>span{display:block;margin-bottom:8px;color:#f0cd45;font-size:11px;font-weight:900;letter-spacing:.16em}
.hero-copy h2{margin:0 0 12px;font-size:34px;line-height:1.16;letter-spacing:-.03em;font-weight:800}
.hero-copy p,.panel-head p,.section-title p{margin:0;color:var(--muted);font-size:14px;line-height:1.72}
.hero-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.hero-live{display:flex;align-items:center;gap:8px;color:#7ef3bf;font-size:10px;font-weight:900;letter-spacing:.1em}
.legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.legend span{display:flex;align-items:center;gap:7px;color:#9aa8b1;font-size:11px;font-weight:800}
.legend i{width:8px;height:8px;border-radius:50%}.legend i.ok{background:var(--green)}.legend i.warn{background:var(--gold)}.legend i.off{background:var(--red)}

.primary,.btn,.danger{
  appearance:none;border:1px solid;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 18px;border-radius:11px;font-size:13px;font-weight:900;letter-spacing:.02em
}
.primary{color:#090b0c;background:linear-gradient(180deg,#ffe566,#ffd107);border-color:#ffe46a;box-shadow:0 9px 22px rgba(255,209,7,.12)}
.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(255,209,7,.17)}
.primary.small{min-height:42px;padding:0 15px;font-size:12px}
.btn{color:#eaf0f3;background:#11181c;border-color:#30404a}
.btn:hover{background:#172126;border-color:#42535d}
.danger{color:#ff969e;background:rgba(255,111,121,.065);border-color:rgba(255,111,121,.28)}
.danger:hover{background:rgba(255,111,121,.11);border-color:rgba(255,111,121,.4)}

.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.stat-grid article{min-height:128px;padding:20px 22px;display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#10161a,#0b1013);box-shadow:0 14px 36px rgba(0,0,0,.15)}
.stat-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border:1px solid rgba(89,217,255,.22);border-radius:14px;color:#79e3ff;background:rgba(89,217,255,.07);font-size:10px;font-weight:900}
.stat-icon.good{color:#78f1bd;border-color:rgba(82,242,176,.22);background:rgba(82,242,176,.065)}
.stat-icon.warning{color:#ffe06d;border-color:rgba(255,209,7,.22);background:rgba(255,209,7,.065)}
.stat-icon.danger{color:#ff8992;border-color:rgba(255,111,121,.22);background:rgba(255,111,121,.065)}
.stat-grid span{display:block;color:#94a4ad;font-size:10px;font-weight:900;letter-spacing:.12em}
.stat-grid strong{display:block;margin:5px 0 2px;font-size:34px;line-height:1;font-weight:800}
.stat-grid small{color:#7f8e97;font-size:11px}

.panel,.module-card,.tenant-card,.company-hero,.security-banner{border:1px solid var(--line);background:linear-gradient(180deg,#0f1519,#0b1013);box-shadow:var(--shadow)}
.panel{padding:24px;border-radius:20px;margin-bottom:20px}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.panel-head h2,.section-title h2,.company-hero h2{margin:0;font-size:26px;line-height:1.18;letter-spacing:-.022em;font-weight:800}
.panel-head>small{color:#82929c;font-size:11px}
.control-panel{padding:24px}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 16px;padding:0 2px}
.section-title p{max-width:760px;text-align:right}

.company-list{display:grid;gap:10px}
.company-row{display:grid;grid-template-columns:minmax(240px,1.15fr) repeat(4,minmax(155px,.9fr)) 28px;align-items:center;gap:10px;min-height:82px;padding:10px 12px;border:1px solid #1f292f;border-radius:15px;background:#091012}
.company-row:hover{border-color:#34434c;background:#0d1418;transform:translateY(-1px)}
.company-id{display:flex;align-items:center;gap:13px;min-width:0}
.company-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,209,7,.25);background:rgba(255,209,7,.06);color:var(--gold);font-size:11px;font-weight:900}
.company-avatar.small{width:38px;height:38px;flex-basis:38px;border-radius:10px}
.company-avatar.xl{width:60px;height:60px;flex-basis:60px;border-radius:15px;font-size:15px}
.company-id b,.company-head b,.mobile-company-head b{display:block;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.company-id small,.company-head small,.mobile-company-head small{display:block;margin-top:3px;color:#7c8c95;font-size:10px;font-weight:700}
.module-pill{min-height:52px;padding:8px 12px;border-radius:12px;border:1px solid;display:flex;flex-direction:column;justify-content:center;gap:2px}
.module-pill small{font-size:10px;color:#8c9aa2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.module-pill b{font-size:12px;font-weight:900}
.module-pill.ok{border-color:rgba(82,242,176,.24);background:rgba(82,242,176,.055)}.module-pill.ok b{color:#7ef3bf}
.module-pill.warn{border-color:rgba(255,209,7,.26);background:rgba(255,209,7,.055)}.module-pill.warn b{color:#ffe16b}
.module-pill.off{border-color:rgba(255,111,121,.24);background:rgba(255,111,121,.055)}.module-pill.off b{color:#ff7f88}
.company-row em{font-style:normal;font-size:25px;color:var(--gold);text-align:center}

.tenant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.tenant-card{position:relative;overflow:hidden;min-height:276px;padding:22px;border-radius:19px}
.tenant-card:after{content:"";position:absolute;right:-45px;top:-55px;width:155px;height:155px;border:1px solid rgba(255,209,7,.07);border-radius:50%;box-shadow:0 0 0 28px rgba(255,209,7,.016)}
.tenant-card:hover{transform:translateY(-2px);border-color:rgba(255,209,7,.32)}
.tenant-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.tenant-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,209,7,.26);background:rgba(255,209,7,.06);color:var(--gold);font-size:12px;font-weight:900}
.tenant-card h3{position:relative;z-index:1;margin:18px 0 5px;font-size:22px;line-height:1.1;font-weight:800}
.tenant-code{position:relative;z-index:1;color:#7e8d96;font-size:10px;font-weight:800;letter-spacing:.07em}
.tenant-card p{position:relative;z-index:1;margin:13px 0 15px;color:#95a5ae;font-size:13px}
.tenant-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.tenant-metrics span{display:flex;flex-direction:column;gap:3px}.tenant-metrics b{font-size:16px}.tenant-metrics small{color:#7f8f98;font-size:9px;font-weight:900;letter-spacing:.09em}
.tenant-open{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#bdc8ce;font-size:11px;font-weight:800}.tenant-open b{font-size:18px;color:var(--gold)}

.company-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;margin-bottom:20px;border-radius:20px}
.company-hero-main{display:flex;align-items:center;gap:18px;min-width:0}
.company-hero-main h2{margin:2px 0 5px;font-size:28px}.company-hero-main p{margin:0;color:#8f9fa8;font-size:13px}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid;font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap}
.pill.big{min-height:36px;padding:0 14px;font-size:11px}
.pill.ok{color:#77f3bd;background:rgba(82,242,176,.07);border-color:rgba(82,242,176,.26)}
.pill.warn{color:#ffe26f;background:rgba(255,209,7,.07);border-color:rgba(255,209,7,.27)}
.pill.off{color:#ff8b94;background:rgba(255,111,121,.07);border-color:rgba(255,111,121,.27)}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.module-card{position:relative;padding:24px;border-radius:19px;border-left-width:4px}
.module-card.ok{border-left-color:var(--green)}.module-card.warn{border-left-color:var(--gold)}.module-card.off{border-left-color:var(--red)}
.module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.module-head small{display:block;color:#7f8f98;font-size:10px;font-weight:900;letter-spacing:.1em}.module-head h3{margin:4px 0 0;font-size:20px;font-weight:800}
.module-card>p{min-height:44px;margin:0 0 18px;color:#93a2ab;font-size:13px;line-height:1.65}
.module-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.module-card form label:nth-of-type(3),.module-card form label:nth-of-type(4),.module-card .form-actions{grid-column:1/-1}

label{display:grid;gap:8px;color:#9fb0ba;font-size:11px;font-weight:800;letter-spacing:.055em}
label small{color:#74838d;font-size:10px;line-height:1.5;letter-spacing:0}
input,select,textarea{width:100%;min-width:0;min-height:48px;padding:0 14px;border:1px solid #2a353d;border-radius:11px;outline:none;background:#080d10;color:#f5f8fa;font-size:14px;font-weight:600}
textarea{min-height:118px;padding:13px 14px;resize:vertical}
input::placeholder,textarea::placeholder{color:#58666f}
input:focus,select:focus,textarea:focus{border-color:rgba(255,209,7,.55);box-shadow:0 0 0 3px rgba(255,209,7,.07);background:#0a1013}
select{appearance:auto}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid .wide,fieldset.wide{grid-column:1/-1}
.form-actions{display:flex;align-items:center;gap:10px;grid-column:1/-1;margin-top:2px}
fieldset{min-width:0;margin:0;padding:16px;border:1px solid #28333a;border-radius:13px;background:#0a1013}
fieldset legend{padding:0 8px;color:#a9b8c1;font-size:11px;font-weight:900;letter-spacing:.07em}
.checks{display:flex;flex-wrap:wrap;gap:10px}.checks label{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 13px;border:1px solid #27323a;border-radius:10px;background:#0c1215;color:#b6c2c8;font-size:12px}.checks input{width:15px;height:15px;min-height:0;padding:0}
.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.muted{color:#94a4ad;font-size:13px;line-height:1.7}
.hint{display:block;margin-top:16px;color:#71808a;font-size:11px;text-align:center;line-height:1.55}
.secret-box,.ip-box{padding:16px;border:1px solid #2a353d;border-radius:12px;background:#080d10}.secret-box span,.ip-box span{display:block;color:#80909a;font-size:10px;font-weight:900;letter-spacing:.09em}.secret-box strong,.ip-box strong{display:block;margin:6px 0;color:#ffe05e;font-size:17px;word-break:break-all}.secret-box small,.ip-box small{color:#85949d;font-size:11px;line-height:1.6}.block{display:block;margin-top:14px;padding:14px 16px;border:1px solid #273239;border-radius:11px;background:#070c0e;color:#b9c6cc;overflow:auto}

.security-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:16px;border-radius:18px;background:linear-gradient(120deg,#10161a,#0b1013)}
.security-banner span{display:block;color:#e3c341;font-size:10px;font-weight:900;letter-spacing:.12em}.security-banner strong{display:block;margin-top:5px;color:#ffd91f;font-size:22px;font-weight:800}.security-banner p{max-width:760px;margin:0;color:#9baab3;font-size:12px;line-height:1.7;text-align:right}

.table-wrap{width:100%;overflow:auto;border:1px solid #232d34;border-radius:13px;background:#080d10}
table{width:100%;border-collapse:collapse;min-width:820px}
th{padding:13px 14px;color:#7f909a;background:#0a1013;border-bottom:1px solid #263139;text-align:left;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
td{padding:15px 14px;color:#d8e0e5;border-bottom:1px solid #1c252b;font-size:13px;vertical-align:middle}
tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:rgba(255,255,255,.012)}
td b{font-weight:800;color:#fff}td small{display:block;margin-top:3px;color:#7f8f98;font-size:10px}td code{color:#c4d0d6;font-size:11px;word-break:break-all}

.matrix-panel{padding:22px}.matrix-wrap{overflow:auto;border:1px solid #243039;border-radius:14px}.matrix{min-width:1180px}.matrix th{background:#0b1114}.matrix td{min-width:200px}.matrix td:first-child{min-width:230px}.matrix-company{display:flex;align-items:center;gap:11px}.matrix-company b{display:block;font-size:13px}.matrix-company small{display:block;color:#7e8d96;font-size:10px;margin-top:2px}
.matrix-form{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;align-items:center}.status-control{position:relative;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid;border-radius:10px;background:#0a1013}.status-control i{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.status-control.ok{border-color:rgba(82,242,176,.22)}.status-control.ok i{background:var(--green)}.status-control.warn{border-color:rgba(255,209,7,.24)}.status-control.warn i{background:var(--gold)}.status-control.off{border-color:rgba(255,111,121,.22)}.status-control.off i{background:var(--red)}.status-select{min-height:40px;padding:0;border:0;background:transparent;box-shadow:none;font-size:11px}.status-select:focus{box-shadow:none}.module-switch-control{padding:9px 10px;min-height:auto;border-radius:14px;background:linear-gradient(180deg,#0d1418,#091014)}.module-switch-control i{align-self:center}.status-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-width:0}.status-pill-btn{height:34px;border:1px solid #26343c;border-radius:999px;background:#0a1115;color:#94a6af;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:.16s ease}.status-pill-btn:hover:not(:disabled){border-color:rgba(255,209,7,.28);color:#fff;transform:translateY(-1px)}.status-pill-btn:disabled{opacity:.5;cursor:not-allowed}.status-pill-btn.is-selected{color:#081012;border-color:transparent;box-shadow:0 10px 24px rgba(0,0,0,.18)}.status-pill-btn.is-selected.state-active{background:linear-gradient(180deg,#67f2c0,#3ae3a4)}.status-pill-btn.is-selected.state-maintenance{background:linear-gradient(180deg,#ffe46b,#ffd107)}.status-pill-btn.is-selected.state-disabled{background:linear-gradient(180deg,#ff8a95,#ff5b69);color:#fff}.sr-only-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.matrix-save{min-height:42px;padding:0 12px;font-size:11px}.save-note{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,209,7,.24);color:#f2d052;background:rgba(255,209,7,.05);font-size:9px;font-weight:900;letter-spacing:.08em}
.matrix-mobile{display:none}.mobile-company-card{border:1px solid var(--line);border-radius:15px;background:#0d1316;padding:15px}.mobile-company-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mobile-company-head>a{color:var(--gold);font-size:10px;font-weight:900}.mobile-module-list{display:grid;gap:8px}.mobile-module-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #222d34;border-radius:11px;background:#090f12}.mobile-module-row>div b{display:block;font-size:12px}.mobile-module-row>div small{display:block;margin-top:2px;color:#7e8d96;font-size:9px}.mobile-module-row form{display:grid;grid-template-columns:1fr auto;gap:7px;width:220px}

.auth-body{min-height:100vh;background:#050708}
.auth-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(520px,.74fr);min-height:100vh}
.auth-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:44px 54px;border-right:1px solid var(--line-soft);background:radial-gradient(circle at 88% 34%,rgba(255,209,7,.11),transparent 26%),linear-gradient(135deg,#071013,#050708 58%,#0b0b06)}
.auth-visual:before{content:"";position:absolute;right:-160px;top:70px;width:560px;height:560px;border:1px solid rgba(255,209,7,.07);border-radius:50%;box-shadow:0 0 0 55px rgba(255,209,7,.018),0 0 0 110px rgba(255,209,7,.011)}
.auth-brand,.mobile-auth-brand,.forbid-brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.auth-brand b{font-size:20px}.auth-brand small{font-size:10px}
.auth-visual-copy{position:relative;z-index:1;max-width:760px}.auth-visual-copy>span,.auth-kicker{display:block;margin-bottom:12px;color:#e2c03e;font-size:10px;font-weight:900;letter-spacing:.16em}.auth-visual-copy h1{margin:0 0 18px;font-size:clamp(44px,4vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:800}.auth-visual-copy p{max-width:640px;margin:0;color:#95a4ad;font-size:15px;line-height:1.75}.auth-points{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.auth-points span{min-height:38px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #263139;border-radius:10px;background:rgba(255,255,255,.018);color:#9eadb6;font-size:10px;font-weight:900;letter-spacing:.07em}.auth-points i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(82,242,176,.6)}
.auth-login{display:grid;place-items:center;padding:42px}.auth-wrap{width:100%;max-width:560px;margin:auto}.auth-wrap.compact{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:560px;padding:34px 36px;border:1px solid #29333a;border-radius:21px;background:linear-gradient(180deg,#10161a,#090e11);box-shadow:0 38px 110px rgba(0,0,0,.46)}.mobile-auth-brand{display:none;margin-bottom:26px}.mobile-auth-brand.always{display:flex}.auth-card h2{margin:0 0 7px;font-size:32px;letter-spacing:-.03em;font-weight:800}.auth-card form{display:grid;gap:15px;margin-top:20px}.auth-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px 13px;margin:18px 0;border:1px solid rgba(82,242,176,.2);border-radius:11px;background:rgba(82,242,176,.055);color:#80f2bf;font-size:11px;font-weight:900;letter-spacing:.05em}.auth-status i{width:8px;height:8px;border-radius:50%;background:var(--green)}.auth-status code{color:#a0afb7;font-size:10px}.auth-card .flash{max-width:none;margin:14px 0 0;padding:13px 14px;font-size:12px}.auth-submit{min-height:52px;margin-top:3px;justify-content:space-between;padding:0 17px}.auth-submit b{font-size:20px}.otp-input{text-align:center;font-size:25px;font-weight:900;letter-spacing:.24em;padding-left:calc(14px + .24em)}
.brand.hero{margin-bottom:24px}.brand.hero .brand-copy{display:block}

.forbidden{display:grid;place-items:center;min-height:100vh;padding:28px;background:#050708}.forbid-shell{width:min(760px,100%)}.forbid-brand{justify-content:center;margin-bottom:18px}.forbid-card{position:relative;overflow:hidden;text-align:center;padding:38px 38px 30px;border:1px solid rgba(255,111,121,.24);border-radius:22px;background:radial-gradient(circle at 50% -10%,rgba(255,111,121,.09),transparent 32%),linear-gradient(180deg,#11171a,#080c0e);box-shadow:0 38px 120px rgba(0,0,0,.52)}.forbid-lock{position:relative;width:170px;height:126px;margin:0 auto 10px;display:grid;place-items:center}.forbid-lock span{position:relative;z-index:2;font-size:84px;font-weight:900;line-height:1;color:var(--red);letter-spacing:-.07em}.forbid-lock i{position:absolute;width:112px;height:112px;border:1px solid rgba(255,111,121,.15);border-radius:50%;box-shadow:0 0 0 24px rgba(255,111,121,.025),0 0 0 48px rgba(255,111,121,.012)}.forbid-kicker{display:block;color:#ff9098;font-size:10px;font-weight:900;letter-spacing:.16em}.forbid-card h1{margin:8px 0 10px;font-size:34px;letter-spacing:-.03em}.forbid-card>p{max-width:560px;margin:0 auto 20px;color:#9aa9b2;font-size:14px;line-height:1.72}.forbid-card .ip-box{position:relative;z-index:1;max-width:500px;margin:auto;text-align:left}.forbid-actions{display:flex;justify-content:center;gap:10px;margin:20px 0}.forbid-actions button,.forbid-actions a{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #2d383f;background:#0d1316;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.forbid-actions button{background:linear-gradient(180deg,#ffe566,#ffd107);color:#090b0c;border-color:#ffe46a}.forbid-meta{display:flex;justify-content:center;gap:18px;color:#72828c;font-size:9px;font-weight:900;letter-spacing:.08em}.forbid-meta span{display:flex;align-items:center;gap:6px}.forbid-meta i{width:7px;height:7px;border-radius:50%;background:var(--red)}

@media(max-width:1450px){
  :root{--sidebar-w:270px}
  .company-row{grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(145px,.9fr)) 26px}.company-row .module-pill:nth-of-type(4){display:none}
  .tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1180px){
  :root{--sidebar-w:250px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-row{grid-template-columns:minmax(210px,1fr) repeat(2,minmax(145px,.9fr)) 24px}.company-row .module-pill:nth-of-type(n+3){display:none}
  .module-grid{grid-template-columns:1fr}
  .auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-login{min-height:100vh}.mobile-auth-brand{display:flex}
  .matrix-desktop{display:none}.matrix-mobile{display:grid;gap:12px}
}
@media(max-width:820px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-310px;width:292px;transition:left .22s ease}.nav-open .sidebar{left:0;box-shadow:35px 0 90px rgba(0,0,0,.65)}.nav-backdrop{position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}.nav-open .nav-backdrop{display:block}
  .menu-btn{display:flex}.topbar{height:78px;padding:0 14px}.breadcrumb{display:none}.page-heading h1{margin:0;font-size:24px}.top-chip.node{display:none}.top-chip{height:34px;padding:0 9px;font-size:9px}
  .content{padding:16px 13px 28px}.app-footer{padding:15px 13px}.app-footer span:last-child{display:none}.flash{margin:10px 13px 0}
  .hero-console,.hero-console.compact{padding:22px;align-items:flex-start;flex-direction:column}.hero-copy h2{font-size:28px}.hero-copy p{font-size:13px}.hero-side{align-items:flex-start}.stat-grid{gap:10px}.stat-grid article{min-height:108px;padding:15px}.stat-icon{width:42px;height:42px;flex-basis:42px}.stat-grid strong{font-size:28px}
  .panel{padding:16px}.panel-head{align-items:flex-start;flex-direction:column}.section-title{align-items:flex-start;flex-direction:column}.section-title p{text-align:left}
  .company-row{grid-template-columns:1fr 1fr}.company-row .module-pill:nth-of-type(n+2){display:none}.tenant-grid{grid-template-columns:1fr}.form-grid,.module-card form{grid-template-columns:1fr}.module-card form label,.module-card .form-actions,.form-grid .wide,fieldset.wide{grid-column:1!important}
  .company-hero,.security-banner{align-items:flex-start;flex-direction:column}.security-banner p{text-align:left}.company-hero-main{align-items:flex-start}.mobile-module-row{align-items:flex-start;flex-direction:column}.mobile-module-row form{width:100%}
  .auth-login{padding:18px}.auth-card{padding:26px 23px}.forbidden{padding:15px}.forbid-card{padding:28px 18px 22px}.forbid-card h1{font-size:28px}.forbid-actions{flex-direction:column}.forbid-actions>*{width:100%}.forbid-meta{flex-direction:column;gap:6px;align-items:center}
  .table-wrap{border-radius:12px}
}
@media(max-width:500px){
  body{font-size:15px}.top-actions .top-chip.secure{font-size:0;width:36px;padding:0;justify-content:center}.top-actions .top-chip.secure svg{width:16px}.stat-grid{grid-template-columns:1fr}.company-row{grid-template-columns:1fr}.company-row .module-pill{display:none!important}.company-row em{position:absolute;right:18px}.company-row{position:relative}.module-card{padding:18px}.company-avatar.xl{width:50px;height:50px;flex-basis:50px}.auth-card h2{font-size:27px}.tenant-card{min-height:auto}
}


.company-tabs{display:flex;gap:8px;overflow:auto;margin:0 0 22px;padding:4px;border:1px solid var(--line);border-radius:15px;background:#091012;scrollbar-width:thin}
.company-tab{flex:0 0 auto;min-height:42px;display:flex;align-items:center;padding:0 14px;border-radius:10px;color:#9cadb7;font-size:12px;font-weight:800;border:1px solid transparent;white-space:nowrap}
.company-tab:hover{color:#fff;background:#11181c;border-color:#26333a}
.company-tab.active{color:#0a0c0d;background:linear-gradient(180deg,#ffe66d,#ffd107);border-color:#ffe86f;box-shadow:0 9px 24px rgba(255,209,7,.12)}
.control-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.control-grid.two>.panel{margin-bottom:0}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.detail-grid>div{min-height:82px;padding:14px;border:1px solid #253139;border-radius:13px;background:#091013}
.detail-grid small{display:block;color:#899aa4;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:7px}
.detail-grid b{display:block;color:#f5f8fa;font-size:15px;line-height:1.4;word-break:break-word}
.secret-reveal{margin:0 0 20px;padding:20px 22px;border:1px solid rgba(255,209,7,.35);border-radius:17px;background:linear-gradient(135deg,rgba(255,209,7,.12),rgba(255,209,7,.035));box-shadow:0 18px 45px rgba(0,0,0,.22)}
.secret-reveal>span{display:block;color:#ffde59;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:10px}
.secret-reveal strong{display:block;padding:12px 14px;margin:7px 0;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#080c0e;color:#fff;font-size:15px;line-height:1.55;word-break:break-all}
.secret-reveal p{margin:10px 0 0;color:#a8b6bf;font-size:13px;line-height:1.6}
.stack-form{display:grid;gap:14px}
.inline-actions,.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inline-actions{margin-top:16px}
.inline-actions form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inline-actions select{min-width:170px}
.inline-reset{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:360px}
.inline-reset input{min-width:220px}
.inline-api-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.inline-api-form textarea{min-height:80px}
.subrow td{background:#080d0f;border-top:0!important}
.dns-card{display:grid;gap:7px;margin:18px 0 0;padding:15px;border:1px solid #26343c;border-radius:13px;background:#090f12}
.dns-card span{color:#f2d04e;font-size:10px;font-weight:900;letter-spacing:.12em}
.dns-card code{display:block;padding:10px 11px;border-radius:9px;background:#05090b;color:#d9e2e7;font-size:12px;word-break:break-all}
.security-rule-list{display:grid;gap:9px;margin-top:18px}
.security-rule-list p{margin:0;padding:12px 13px;border-left:3px solid #33424b;background:#091013;border-radius:0 10px 10px 0;color:#aab8c0;font-size:13px;line-height:1.6}
.security-rule-list strong{color:#fff}
.tenant-state-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 8px}
.tenant-domain{display:block;color:#8fa0aa;font-size:11px;line-height:1.45;min-height:32px}
.staff-permission-form{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.staff-permission-form .checks{flex:1}
.portal-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px}
.portal-section-head h2{margin:0 0 6px;font-size:30px;line-height:1.15;letter-spacing:-.025em}
.portal-section-head p{margin:0;color:#9aabb4;font-size:14px;line-height:1.7;max-width:900px}

/* Company Portal — no MASTER hostname or MASTER navigation is rendered here */
.portal-body,.portal-auth-body{min-height:100vh;background:radial-gradient(circle at 88% -8%,rgba(255,209,7,.07),transparent 28%),#050708;color:#f5f8f9}
.portal-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}
.portal-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 15px;border-right:1px solid #1d272d;background:linear-gradient(180deg,#081013,#050708);z-index:25}
.portal-brand{display:flex;align-items:center;gap:13px;padding:4px 4px 20px;border-bottom:1px solid #1d272d}
.portal-brand-mark{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#fff17d,#ffd107 58%,#ffb900);color:#0b0d0e;font-size:14px;font-weight:900;box-shadow:0 12px 28px rgba(255,209,7,.12)}
.portal-brand b{display:block;font-size:16px;font-weight:900;letter-spacing:.04em}
.portal-brand small{display:block;margin-top:4px;color:#7f909a;font-size:10px;font-weight:900;letter-spacing:.13em}
.portal-nav{display:grid;gap:8px;margin-top:22px}
.portal-nav-link{min-height:48px;display:flex;align-items:center;padding:0 14px;border-radius:12px;border:1px solid transparent;color:#a7b6bf;font-size:14px;font-weight:800}
.portal-nav-link:hover{background:#0e1519;border-color:#26323a;color:#fff}
.portal-nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(255,209,7,.14),rgba(255,209,7,.03));border-color:rgba(255,209,7,.23);box-shadow:inset 4px 0 0 var(--gold)}
.portal-user{margin-top:auto;padding:16px 8px 0;border-top:1px solid #1d272d;display:grid;gap:5px}
.portal-user b{font-size:13px}.portal-user span{color:#60ecb0;font-size:10px;font-weight:900;letter-spacing:.09em}.portal-user a{margin-top:8px;color:#ff8a93;font-size:12px;font-weight:800}
.portal-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.portal-topbar{height:92px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;border-bottom:1px solid #1d272d;background:rgba(5,8,10,.92);backdrop-filter:blur(18px)}
.portal-topbar small{display:block;color:#72838d;font-size:10px;font-weight:900;letter-spacing:.13em}.portal-topbar h1{margin:5px 0 0;font-size:30px;line-height:1.05}
.portal-content{width:100%;max-width:1680px;margin:0 auto;padding:28px 30px 42px;flex:1}
.portal-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:28px 30px;border:1px solid rgba(255,209,7,.18);border-radius:20px;background:radial-gradient(circle at 90% 15%,rgba(255,209,7,.09),transparent 27%),linear-gradient(135deg,#10161a,#0a0f12)}
.portal-hero h2{margin:0 0 8px;font-size:32px;letter-spacing:-.03em}.portal-hero p{margin:0;color:#9baab3;font-size:14px;line-height:1.7}
.portal-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.portal-module-card{min-height:230px;padding:22px;border:1px solid #27333a;border-left:4px solid #3c4950;border-radius:17px;background:linear-gradient(180deg,#0f1519,#0a1013);display:flex;flex-direction:column;justify-content:space-between}
.portal-module-card.ok{border-left-color:var(--green)}.portal-module-card.warn{border-left-color:var(--gold)}.portal-module-card.off{border-left-color:var(--red)}
.portal-module-card small{display:block;color:#84959f;font-size:10px;font-weight:900;letter-spacing:.11em}.portal-module-card h3{margin:7px 0 9px;font-size:22px}.portal-module-card p{margin:0;color:#96a6af;font-size:13px;line-height:1.7}
.portal-module-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #202b31}
.portal-auth-shell{width:min(560px,calc(100% - 30px));margin:0 auto;min-height:100vh;display:grid;align-content:center;gap:20px;padding:30px 0}
.portal-auth-brand{display:flex;align-items:center;gap:13px;justify-content:center}
.portal-auth-brand>span{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#fff17d,#ffd107 58%,#ffb900);color:#0b0d0e;font-weight:900}
.portal-auth-brand b{display:block;font-size:17px}.portal-auth-brand small{display:block;margin-top:4px;color:#83939d;font-size:10px;font-weight:900;letter-spacing:.12em}
.portal-auth-card{padding:30px 32px;border:1px solid #29353c;border-radius:20px;background:linear-gradient(180deg,#10161a,#090e11);box-shadow:0 36px 100px rgba(0,0,0,.46)}
.portal-auth-card h1{margin:0 0 8px;font-size:31px;letter-spacing:-.03em}.portal-auth-card>p{margin:0;color:#9aaab3;font-size:14px;line-height:1.7}
.portal-auth-card form{display:grid;gap:14px;margin-top:18px}.portal-auth-card label{font-size:11px}.portal-auth-card input{min-height:50px;font-size:14px}
.portal-denied{width:min(560px,calc(100% - 30px));margin:15vh auto 0;padding:30px;border:1px solid rgba(255,111,121,.28);border-radius:20px;background:#0e1316;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.portal-denied strong{display:block;color:#ff8e97;font-size:28px}.portal-denied p{color:#a3b1b9;font-size:14px}.portal-denied code{display:inline-block;padding:10px 14px;border-radius:10px;background:#080c0e;color:#fff;font-size:13px}

@media(max-width:1180px){
  .control-grid.two{grid-template-columns:1fr}
  .portal-shell{grid-template-columns:245px minmax(0,1fr)}
  .portal-module-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .company-tabs{margin-bottom:16px}
  .company-tab{min-height:40px;font-size:11px;padding:0 12px}
  .detail-grid{grid-template-columns:1fr}
  .inline-api-form{grid-template-columns:1fr}
  .inline-reset{min-width:0;flex-direction:column;align-items:stretch}.inline-reset input{min-width:0}
  .portal-shell{display:block}.portal-sidebar{position:relative;height:auto;padding:14px}.portal-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.portal-nav-link{justify-content:center;text-align:center;font-size:12px}.portal-user{margin-top:14px}.portal-topbar{height:78px;padding:0 14px}.portal-topbar h1{font-size:24px}.portal-content{padding:16px 13px 28px}.portal-hero{align-items:flex-start;flex-direction:column;padding:20px}.portal-hero h2{font-size:27px}.portal-section-head{align-items:flex-start;flex-direction:column}.portal-section-head h2{font-size:26px}.staff-permission-form{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .portal-nav{grid-template-columns:1fr}.portal-auth-card{padding:24px 20px}.portal-auth-card h1{font-size:27px}.secret-reveal strong{font-size:13px}.dns-card code{font-size:11px}
}
.company-control-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:-4px 0 22px}
.company-control-summary>a{min-height:112px;padding:16px;border:1px solid #26323a;border-radius:15px;background:linear-gradient(180deg,#0f1519,#0a1013);display:flex;flex-direction:column;justify-content:center}
.company-control-summary>a:hover{border-color:rgba(255,209,7,.32);transform:translateY(-1px)}
.company-control-summary span{color:#8fa0aa;font-size:10px;font-weight:900;letter-spacing:.1em}
.company-control-summary b{display:block;margin:8px 0 4px;color:#fff;font-size:16px;line-height:1.3}
.company-control-summary small{color:#81929c;font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1450px){.company-control-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.company-control-summary{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.company-control-summary{grid-template-columns:1fr}}



.control-session-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 18px;border:1px solid var(--line2);border-radius:15px;background:linear-gradient(180deg,rgba(13,18,21,.98),rgba(8,11,13,.98))}.control-session-bar>div{display:flex;align-items:center;gap:12px;min-width:0}.control-session-bar b{display:block;font-size:13px;letter-spacing:.04em}.control-session-bar small{display:block;margin-top:3px;color:#87959d;font-size:11px;line-height:1.5}.control-session-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%}.control-session-bar.is-unlocked{border-color:rgba(85,239,174,.22);box-shadow:inset 0 0 0 1px rgba(85,239,174,.025)}.control-session-bar.is-unlocked .control-session-dot{background:var(--green);box-shadow:0 0 16px rgba(85,239,174,.7)}.control-session-bar.is-locked{border-color:rgba(255,209,7,.2)}.control-session-bar.is-locked .control-session-dot{background:var(--gold);box-shadow:0 0 14px rgba(255,209,7,.55)}.matrix-batch-form{display:block}.matrix-batch-actions{display:flex;align-items:center;gap:14px;justify-content:flex-end;padding:18px 0 0}.matrix-batch-actions span{color:#7e8b93;font-size:11px}.matrix select:disabled,.mobile-module-row select:disabled{opacity:.62;cursor:not-allowed}.matrix .status-control:has(select:disabled),.mobile-module-row .status-control:has(select:disabled){filter:saturate(.65)}
@media(max-width:780px){.control-session-bar{align-items:flex-start;flex-direction:column}.control-session-bar>a,.control-session-bar>.primary{width:100%;justify-content:center}.matrix-batch-actions{align-items:stretch;flex-direction:column}.matrix-batch-actions .primary{width:100%;justify-content:center}.matrix-batch-actions span{text-align:center}}


.company-avatar.has-logo,.tenant-icon.has-logo,.portal-brand-mark.has-logo,.portal-auth-brand>span.has-logo{overflow:hidden;background:#080c0e;border:1px solid #26333a;padding:4px}
.company-avatar.has-logo img,.tenant-icon.has-logo img,.portal-brand-mark.has-logo img,.portal-auth-brand>span.has-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.brand-swatches{display:flex;gap:6px;margin:10px 0 2px}.brand-swatches i{width:22px;height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.11)}
.brand-logo-box{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #26323a;border-radius:14px;background:#090e11}.brand-logo-preview{width:92px;height:72px;flex:0 0 92px;display:grid;place-items:center;border:1px solid #26323a;border-radius:12px;background:#050708;overflow:hidden}.brand-logo-preview img{width:100%;height:100%;object-fit:contain;padding:6px}.brand-logo-preview b{font-size:20px;color:var(--gold)}.brand-logo-box b{display:block;font-size:14px}.brand-logo-box small{display:block;margin-top:5px;color:#87959d;font-size:11px;line-height:1.5}
input[type=color]{padding:5px;min-height:48px;cursor:pointer}
.module-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:22px 24px;border:1px solid #27333a;border-radius:17px;background:linear-gradient(180deg,#10161a,#090e11)}.module-detail-head>div>span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.13em}.module-detail-head h2{margin:5px 0 5px;font-size:28px}.module-detail-head p{margin:0;color:#8f9ea7;font-size:12px}
.module-meta-list{display:grid;gap:8px;margin-top:15px}.module-meta-list span{padding:9px 10px;border:1px solid #202c32;border-radius:10px;background:#080d10}.module-meta-list small{display:block;color:#71828c;font-size:8px;font-weight:900;letter-spacing:.09em}.module-meta-list b{display:block;margin-top:4px;color:#dfe8ed;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.credential-card{display:grid;grid-template-columns:2fr 2fr 1fr;gap:10px;margin:0 0 14px}.credential-card>div{padding:14px;border:1px solid #25323a;border-radius:12px;background:#080d10}.credential-card small{display:block;color:#71828c;font-size:9px;font-weight:900;letter-spacing:.1em}.credential-card b{display:block;margin-top:7px;font-size:13px;overflow-wrap:anywhere}
.matrix-config{display:block;margin-top:7px;color:#7aaeea;font-size:8px;font-weight:900;letter-spacing:.08em}.matrix-config:hover{color:#fff}
.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.filter-panel{padding:14px 18px}.filter-panel form{margin:0}
.design-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;margin-bottom:16px}.design-preview-panel{align-self:start;position:sticky;top:112px}.design-preview{min-height:420px;padding:28px;border:1px solid color-mix(in srgb,var(--p) 40%,#26323a);border-radius:18px;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--p) 14%,transparent),transparent 35%),var(--bg);color:var(--txt);box-shadow:0 25px 65px rgba(0,0,0,.28),0 0 calc(var(--glow)*.3px) color-mix(in srgb,var(--p) 26%,transparent);overflow:hidden}.design-preview.glass{background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 84%,transparent),color-mix(in srgb,var(--p) 7%,var(--bg)))}.design-preview.neon{box-shadow:0 0 calc(var(--glow)*.7px) color-mix(in srgb,var(--p) 50%,transparent),inset 0 0 40px color-mix(in srgb,var(--s) 7%,transparent)}.design-preview.minimal{box-shadow:none;border-radius:10px}.preview-brand{display:flex;align-items:center;gap:12px}.preview-brand img,.preview-brand>b{width:64px;height:50px;display:grid;place-items:center;object-fit:contain;padding:4px;border-radius:10px;background:#050708;border:1px solid color-mix(in srgb,var(--p) 30%,#26323a)}.preview-brand span{font-size:18px;font-weight:900}.design-preview>small{display:block;margin-top:34px;color:color-mix(in srgb,var(--p) 76%,white);font-size:9px;font-weight:900;letter-spacing:.14em}.design-preview h3{margin:8px 0 8px;font-size:30px}.design-preview p{max-width:470px;color:color-mix(in srgb,var(--txt) 66%,transparent);font-size:12px;line-height:1.7}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.preview-cards i{height:76px;border:1px solid color-mix(in srgb,var(--p) 18%,#28343b);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--p) 8%,var(--bg)),color-mix(in srgb,var(--s) 5%,var(--bg)))}.design-preview button{min-height:42px;padding:0 18px;border:0;border-radius:10px;background:var(--btn);color:#111;font-weight:900}.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.copy-grid label{display:grid;gap:8px}.copy-grid textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.55}
.provider-cell,.game-cell{display:flex;align-items:center;gap:10px}.provider-cell img,.game-cell img{width:48px;height:38px;object-fit:contain;border-radius:8px;border:1px solid #26333a;background:#070b0d;padding:3px}.block-muted{display:block;margin-top:3px;color:#788891;font-size:10px}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.access-card{padding:18px;border:1px solid #26323a;border-radius:16px;background:linear-gradient(180deg,#0f1519,#090e11)}.access-card-top{display:flex;align-items:center;gap:12px}.access-card-top>div{min-width:0;flex:1}.access-card-top h3{margin:0;font-size:21px}.access-card-top small{display:block;margin-top:4px;color:#7e8f99;font-size:10px}.access-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.access-stats span{padding:11px;border:1px solid #202b31;border-radius:10px;background:#080d10}.access-stats b{display:block;font-size:13px}.access-stats small{display:block;margin-top:4px;color:#71828c;font-size:8px;font-weight:900;letter-spacing:.07em}.access-bo{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;padding:12px;border:1px solid #202b31;border-radius:10px}.access-bo small{grid-column:1/-1;color:#71828c;font-size:8px;font-weight:900;letter-spacing:.09em}.access-bo b{font-size:11px;overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
@media(max-width:1180px){.design-layout{grid-template-columns:1fr}.design-preview-panel{position:static}.access-grid{grid-template-columns:1fr}.company-control-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.copy-grid{grid-template-columns:1fr}}
@media(max-width:720px){.compact-grid,.credential-card{grid-template-columns:1fr}.module-detail-head{align-items:flex-start;flex-direction:column}.access-stats{grid-template-columns:1fr 1fr}.company-control-summary{grid-template-columns:1fr}.brand-logo-box{align-items:flex-start;flex-direction:column}.design-preview{min-height:360px;padding:20px}.preview-cards i{height:56px}}
.provider-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.provider-access-item{display:flex!important;align-items:center;gap:10px;min-height:70px;padding:11px;border:1px solid #253139;border-radius:12px;background:#080d10;cursor:pointer}.provider-access-item:hover{border-color:rgba(255,209,7,.28)}.provider-access-item img{width:54px;height:42px;object-fit:contain;border-radius:8px;background:#050708;padding:3px}.provider-access-item span{min-width:0;flex:1}.provider-access-item b{display:block;font-size:12px}.provider-access-item small{display:block;margin-top:4px;color:#74858f;font-size:9px}.provider-access-item input{width:20px;height:20px;flex:0 0 20px}@media(max-width:1100px){.provider-access-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.provider-access-grid{grid-template-columns:1fr}}



.simplified-tabs{justify-content:flex-start}
.simple-link-card{display:block;text-decoration:none;color:inherit;min-height:150px;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.simple-link-card:hover{transform:translateY(-2px);border-color:rgba(255,209,7,.38);background:linear-gradient(180deg,rgba(255,209,7,.045),rgba(255,255,255,.018))}
.simple-link-card>span{display:block;margin-bottom:8px;color:#ffd107;font-size:10px;font-weight:900;letter-spacing:.14em}
.simple-link-card h2{margin:0 0 8px;font-size:22px}
.simple-link-card p{margin:0 0 18px;color:#a9bfd0;line-height:1.5}
.simple-link-card>b{color:#fff;font-size:11px;letter-spacing:.06em}
.simple-hub-grid,.simple-quick-grid,.simple-access-grid{margin-top:0}
.module-simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.simple-module-card{position:relative;padding:18px;border:1px solid #20313a;border-radius:16px;background:#0c1317;min-width:0}
.simple-module-card>div>span{display:block;color:#7f9bad;font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:5px}
.simple-module-card h3{margin:0 0 6px;font-size:20px;color:#fff}
.simple-module-card p{margin:0 0 15px;color:#a9bfd0;line-height:1.45}
.simple-module-card>.pill{position:absolute;right:16px;top:16px}
.simple-module-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}
.simple-note-panel{margin-top:14px}
@media(max-width:900px){.module-simple-grid{grid-template-columns:1fr}.simple-link-card{min-height:0}.company-tabs.simplified-tabs{overflow-x:auto;flex-wrap:nowrap}.company-tabs.simplified-tabs .company-tab{white-space:nowrap}}



.totp-enroll{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;align-items:start;margin-top:16px}
.totp-qr-panel{border:1px solid #2b3b41;background:linear-gradient(180deg,#0d1518,#080d0f);border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.totp-qr-panel>b{margin-top:12px;color:#fff;font-size:14px;letter-spacing:.08em}
.totp-qr-panel>small{display:block;margin-top:6px;color:#8da5af;font-size:11px;line-height:1.5}
.totp-qr{width:224px;max-width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:10px;box-sizing:border-box;border:4px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.32)}
.totp-qr>span{color:#24323a;font-weight:800;font-size:12px}
.totp-qr svg{display:block;width:100%;height:auto;max-width:224px}
.totp-qr-error{color:#8b1e2d;background:#fff3f4;border-radius:8px;padding:12px;font-weight:700;font-size:12px}
.totp-enroll-content{min-width:0;display:flex;flex-direction:column;gap:16px}
.totp-step{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #233238;border-radius:14px;background:#091013}
.totp-step>span{flex:0 0 30px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ffd107;color:#0a0a0a;font-weight:900;box-shadow:0 0 18px rgba(255,209,7,.18)}
.totp-step b{display:block;color:#fff;font-size:14px;margin:1px 0 4px}
.totp-step p{margin:0;color:#8fa7b0;font-size:12px;line-height:1.55}
.secret-box.compact{margin:0;padding:14px 16px;border-radius:14px}
.secret-box.compact strong{font-size:16px;letter-spacing:.12em;overflow-wrap:anywhere}
.totp-verify-form{margin-top:0}
.totp-verify-form label{font-weight:800}
@media(max-width:760px){.totp-enroll{grid-template-columns:1fr}.totp-qr-panel{padding:16px}.totp-qr{width:min(224px,78vw)}}



body{background:
  radial-gradient(circle at 12% -4%,rgba(71,194,255,.09),transparent 24%),
  radial-gradient(circle at 88% -3%,rgba(255,209,7,.09),transparent 22%),
  linear-gradient(180deg,#040608 0%,#030506 100%)}
.sidebar,.portal-sidebar{background:linear-gradient(180deg,#060a0d 0%,#040607 55%,#030506 100%);border-right-color:rgba(112,134,148,.16)}
.topbar,.portal-topbar{background:rgba(4,7,9,.9)}
.panel,.module-card,.tenant-card,.company-hero,.security-banner,.portal-module-card,.portal-hero,.hero-console,.company-tabs,.table-wrap,.auth-card,.portal-auth-card{box-shadow:0 18px 48px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.02)}
.panel,.module-card,.tenant-card,.company-hero,.security-banner{background:linear-gradient(180deg,rgba(12,18,22,.98),rgba(8,12,15,.98));border-color:rgba(77,95,107,.32)}
.panel:before,.portal-module-card:before,.hero-console:after,.portal-hero:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,209,7,.045),transparent 32%,transparent 68%,rgba(89,217,255,.03))}
.panel{position:relative;overflow:hidden}
.nav-link,.portal-nav-link{font-weight:800;letter-spacing:.01em}
.nav-link.active,.portal-nav-link.active{background:linear-gradient(90deg,rgba(255,209,7,.17),rgba(255,209,7,.04));border-color:rgba(255,209,7,.28);color:#fff;box-shadow:inset 4px 0 0 var(--gold),0 8px 22px rgba(0,0,0,.18)}
.portal-nav{display:grid;gap:10px;margin-top:20px}.portal-nav-link{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 14px;border-radius:13px;border:1px solid transparent;color:#b2c0c8;font-size:14px;background:transparent}.portal-nav-link:hover{background:#0d1317;border-color:#202a30;color:#fff}.portal-nav-icon{width:20px;height:20px;display:grid;place-items:center;color:#7f929d}.portal-nav-icon svg{width:18px;height:18px}.portal-nav-link.active .portal-nav-icon{color:var(--gold)}
.hero-console.premium-hero,.premium-portal-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(255,209,7,.15),transparent 28%),radial-gradient(circle at 12% 0%,rgba(89,217,255,.08),transparent 26%),linear-gradient(135deg,#0f161a,#090d10 64%,#0c110d)}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-badges.compact{margin-top:14px}.hero-badges span{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#d5dde2;font-size:11px;font-weight:800}.hero-badges i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(255,209,7,.6)}
.hero-kpis{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:10px}.hero-kpis div{min-width:96px;padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);text-align:left}.hero-kpis b{display:block;font-size:26px;line-height:1;font-weight:900}.hero-kpis small{display:block;margin-top:6px;color:#9babb4;font-size:11px;font-weight:700}
.premium-stats article{background:linear-gradient(180deg,#10161a,#0a1013 70%,#0b0f12);border-color:rgba(77,95,107,.3)}
.premium-stats .stat-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(180deg,rgba(89,217,255,.12),rgba(89,217,255,.05));color:#8ae6ff}.premium-stats .stat-icon svg{width:24px;height:24px}.premium-stats .stat-icon.good{background:linear-gradient(180deg,rgba(82,242,176,.12),rgba(82,242,176,.05));color:#7ff2bf}.premium-stats .stat-icon.warning{background:linear-gradient(180deg,rgba(255,209,7,.12),rgba(255,209,7,.05));color:#ffe16e}.premium-stats .stat-icon.danger{background:linear-gradient(180deg,rgba(255,111,121,.12),rgba(255,111,121,.05));color:#ff9ba4}
.premium-panel .company-list{display:grid;gap:12px}.company-row-premium{background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.01));border-color:rgba(77,95,107,.28)}.company-row-premium:hover{transform:translateY(-1px);border-color:rgba(255,209,7,.24);box-shadow:0 16px 34px rgba(0,0,0,.2)}
.company-avatar.has-logo,.portal-brand-mark.has-logo{background:#070b0e;border-color:rgba(255,209,7,.22)}
.portal-hero{position:relative;overflow:hidden}
.premium-module-card{position:relative;overflow:hidden;min-height:320px;padding:24px 24px 20px;border-left-width:3px;border-color:rgba(77,95,107,.3);background:linear-gradient(180deg,rgba(12,18,22,.98),rgba(8,12,15,.98));box-shadow:0 20px 46px rgba(0,0,0,.24)}
.portal-module-head{display:flex;gap:16px;align-items:flex-start}.portal-module-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,209,7,.22);background:linear-gradient(180deg,rgba(255,209,7,.14),rgba(255,209,7,.04));color:var(--gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.portal-module-icon svg{width:26px;height:26px}
.portal-module-copy small{display:block;margin-bottom:8px;color:#f0cd45;font-size:10px;font-weight:900;letter-spacing:.16em}.portal-module-copy h3{margin:0 0 10px;font-size:21px;line-height:1.15;letter-spacing:-.02em}.portal-module-copy p{margin:0;color:#a0afb8;font-size:13px;line-height:1.75}
.feature-list{list-style:none;display:grid;gap:9px;margin:18px 0 0;padding:0}.feature-list li{position:relative;padding-left:17px;color:#d4dde2;font-size:12px;font-weight:700;line-height:1.6}.feature-list li:before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(255,209,7,.58)}
.portal-module-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.portal-module-foot .muted{flex:1;min-width:0;color:#8797a1;font-size:12px;line-height:1.5}.portal-module-foot .primary.small svg{width:16px;height:16px}
.portal-module-card.ok .portal-module-icon{border-color:rgba(82,242,176,.24);background:linear-gradient(180deg,rgba(82,242,176,.16),rgba(82,242,176,.05));color:#7ff1bf}
.portal-module-card.warn .portal-module-icon{border-color:rgba(255,209,7,.24);background:linear-gradient(180deg,rgba(255,209,7,.16),rgba(255,209,7,.05));color:#ffe16e}
.portal-module-card.off .portal-module-icon{border-color:rgba(255,111,121,.25);background:linear-gradient(180deg,rgba(255,111,121,.13),rgba(255,111,121,.05));color:#ff98a1}
.portal-user{margin-top:auto;padding:18px 12px 10px;border-top:1px solid rgba(255,255,255,.06)}.portal-user b{display:block;font-size:13px}.portal-user span{display:block;margin-top:4px;color:#63efb5;font-size:10px;font-weight:900;letter-spacing:.11em}.portal-user a{display:inline-flex;margin-top:12px;color:#ff8c95;font-weight:800}
.control-panel .panel-head h2,.panel-head h2,.portal-topbar h1,.page-heading h1{font-weight:850}
.pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
@media(max-width:1180px){.hero-kpis{grid-template-columns:1fr 1fr}.portal-module-head{flex-direction:row}.portal-module-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:820px){.hero-badges{gap:8px}.hero-kpis{width:100%}.premium-module-card{min-height:0;padding:20px}.portal-nav-link{min-height:44px;font-size:12px}}



:root{--surface:#0b1115;--surface-2:#0e151a;--surface-3:#121a20;--line:#26343d;--line-soft:#172127;--shadow:0 22px 58px rgba(0,0,0,.3)}
.content,.portal-content{background-image:linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);background-size:36px 36px;background-position:center top}
.page-heading h1,.portal-topbar h1{font-size:31px;letter-spacing:-.035em}.breadcrumb,.portal-topbar small{color:#7f919c;letter-spacing:.14em}
.premium-company-hero{position:relative;overflow:hidden;min-height:132px;padding:26px 28px;background:radial-gradient(circle at 87% 5%,rgba(255,209,7,.13),transparent 25%),linear-gradient(135deg,#10171b,#090e11 68%,#0c100b);border-color:rgba(255,209,7,.18)}
.premium-company-hero:after{content:"";position:absolute;right:-20px;top:-60px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(255,209,7,.07);box-shadow:0 0 0 42px rgba(255,209,7,.018),0 0 0 84px rgba(255,209,7,.009);pointer-events:none}
.company-hero-main{position:relative;z-index:1}.company-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.company-hero-tags em{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.02);color:#8fa0aa;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.07em}.company-hero-tags svg{width:13px;height:13px;color:#e8c744}
.company-tabs{padding:6px;border-color:rgba(77,95,107,.3);background:linear-gradient(180deg,#091014,#070c0f);box-shadow:0 12px 30px rgba(0,0,0,.18)}.company-tab{min-height:44px;padding:0 16px}.company-tab.active{box-shadow:0 10px 22px rgba(255,209,7,.14),inset 0 1px 0 rgba(255,255,255,.48)}
.company-control-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.company-control-summary>a{position:relative;overflow:hidden;min-height:118px;padding:18px;border:1px solid rgba(77,95,107,.3);border-radius:16px;background:linear-gradient(180deg,#0e1519,#091014);box-shadow:0 14px 34px rgba(0,0,0,.16)}.company-control-summary>a:after{content:"›";position:absolute;right:16px;top:15px;color:#566975;font-size:22px;font-weight:300}.company-control-summary>a:hover{transform:translateY(-2px);border-color:rgba(255,209,7,.26);box-shadow:0 18px 40px rgba(0,0,0,.23)}.company-control-summary span{display:block;color:#738690;font-size:9px;font-weight:900;letter-spacing:.12em}.company-control-summary b{display:block;margin-top:10px;color:#f8fbfc;font-size:18px;line-height:1.1}.company-control-summary small{display:block;margin-top:8px;color:#82949e;font-size:10px;line-height:1.45}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:30px 0 14px}.section-title p{max-width:620px;text-align:right}.module-grid{gap:14px}.module-card{position:relative;overflow:hidden;border-color:rgba(77,95,107,.3);background:linear-gradient(180deg,#0e1519,#091014)}.module-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0,rgba(255,209,7,.05),transparent 28%);pointer-events:none}.module-card>*{position:relative;z-index:1}.module-card:hover{transform:translateY(-2px);border-color:rgba(255,209,7,.22);box-shadow:0 22px 48px rgba(0,0,0,.24)}
.form-panel,.premium-form-card{border-color:rgba(77,95,107,.3);background:linear-gradient(180deg,#0d1418,#080d10)}.form-grid{gap:16px}.form-grid label,.stack-form label{padding:0}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea{background:linear-gradient(180deg,#070c0f,#090e11);border-color:#2a3942}.form-actions{padding-top:4px}.form-actions .primary,.form-actions .btn{min-width:150px}
.table-wrap{border-color:rgba(77,95,107,.3);background:#070c0f;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}table thead{background:linear-gradient(180deg,#0d1418,#0a0f12)}table th{color:#80939e;font-size:9px;letter-spacing:.13em}table td{border-top-color:rgba(77,95,107,.18)}table tbody tr:hover td{background:rgba(255,209,7,.018)}
.simple-link-card{position:relative;overflow:hidden}.simple-link-card:after{content:"›";position:absolute;right:18px;bottom:15px;color:#f1ce47;font-size:24px}.simple-link-card:hover{transform:translateY(-2px);border-color:rgba(255,209,7,.25)}
.security-banner{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 0,rgba(82,242,176,.08),transparent 27%),linear-gradient(135deg,#0d1518,#080d10)}
.credential-card,.detail-grid>div,.secret-box,.secret-reveal{border-color:rgba(77,95,107,.3)!important;background:linear-gradient(180deg,#0c1317,#080d10)!important}
.domain-entry-grid{align-items:start}.domain-entry-grid .panel{margin-bottom:0}.domain-entry-grid textarea{min-height:174px}
.portal-hero-branding{display:flex;align-items:center;gap:22px;min-width:0}.portal-hero-branding>div{min-width:0}.portal-hero-logo{width:88px;height:88px;flex:0 0 88px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.25);border-radius:24px;background:radial-gradient(circle,rgba(255,209,7,.12),rgba(255,209,7,.025) 60%,transparent);box-shadow:0 0 36px rgba(255,209,7,.09),inset 0 1px 0 rgba(255,255,255,.04)}.portal-hero-logo img{width:76px;height:76px;object-fit:contain;padding:6px}.portal-hero-logo.fallback{color:var(--gold);font-size:24px;font-weight:950}
.portal-sidebar{padding:20px 15px 16px}.portal-brand{padding:0 4px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.portal-brand-mark{width:48px;height:48px;flex:0 0 48px;border-radius:14px}.portal-brand-mark.has-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.portal-brand b{font-size:17px;letter-spacing:.06em}.portal-brand small{color:#d0ab31}
.portal-topbar{border-bottom-color:rgba(77,95,107,.22)}.portal-content{max-width:1580px;margin:0 auto}.portal-module-grid{gap:18px}.premium-module-card{border-radius:20px}.premium-module-card.off{border-left-color:rgba(255,209,7,.35)}.premium-module-card.off .pill.off{color:#ffe073;border-color:rgba(255,209,7,.24);background:rgba(255,209,7,.06)}
.portal-section-head{padding:24px 26px;margin-bottom:16px;border:1px solid rgba(77,95,107,.3);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(255,209,7,.06),transparent 30%),linear-gradient(180deg,#0e1519,#090e11)}
.portal-section-head h2{margin:4px 0 6px;font-size:30px}.portal-section-head p{max-width:900px;color:#91a2ac}
@media(max-width:1450px){.company-control-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.company-control-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-entry-grid{grid-template-columns:1fr}.portal-hero-branding{align-items:flex-start}}
@media(max-width:650px){.company-control-summary{grid-template-columns:1fr}.portal-hero-branding{flex-direction:column}.portal-hero-logo{width:72px;height:72px;flex-basis:72px}.company-hero-tags{display:none}}



/* Hard SVG sizing guards — prevents browser intrinsic SVG sizes from exploding into the layout. */
.primary>svg,.btn>svg,.danger>svg,.dashboard-master-btn>svg,.dashboard-cta>svg{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px!important;fill:none!important;stroke:currentColor!important}
.dashboard-kpi-icon svg,.dashboard-master-stats svg,.dashboard-module-visual svg,.dashboard-module-line svg,.dashboard-quick-actions svg,.dashboard-system-grid svg{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;max-height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.portal-module-icon svg{display:block!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;max-height:26px!important;fill:none!important;stroke:currentColor!important}
.portal-content{max-width:1600px!important;padding-top:26px!important}
.dashboard-company-hero{min-height:190px;padding:26px 28px!important;align-items:center!important;background:radial-gradient(circle at 86% 12%,rgba(255,209,7,.12),transparent 27%),radial-gradient(circle at 0 0,rgba(89,217,255,.07),transparent 28%),linear-gradient(135deg,#10171b,#090e11 62%,#0e120d)!important;border-color:rgba(255,209,7,.22)!important}
.dashboard-company-identity{display:flex;align-items:center;gap:22px;min-width:0}.dashboard-company-logo{width:92px;height:92px;flex:0 0 92px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.25);border-radius:24px;background:radial-gradient(circle,rgba(255,209,7,.13),rgba(255,209,7,.025) 64%,transparent);box-shadow:0 0 38px rgba(255,209,7,.08),inset 0 1px 0 rgba(255,255,255,.04)}.dashboard-company-logo img{display:block;max-width:78px;max-height:78px;width:auto;height:auto;object-fit:contain}.dashboard-company-logo.fallback{font-size:24px;font-weight:950;color:var(--gold)}.dashboard-company-identity h2{font-size:34px!important}.dashboard-company-identity p{max-width:830px!important}
.dashboard-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.dashboard-kpi-row article{display:flex;align-items:center;gap:14px;min-height:112px;padding:17px 18px;border:1px solid rgba(74,91,103,.34);border-radius:17px;background:linear-gradient(180deg,#0e1519,#091014);box-shadow:0 16px 36px rgba(0,0,0,.18)}.dashboard-kpi-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.2);border-radius:14px;color:#f1cc43;background:rgba(255,209,7,.06)}.dashboard-kpi-row small{display:block;color:#81939e;font-size:9px;font-weight:900;letter-spacing:.11em}.dashboard-kpi-row b{display:block;margin-top:4px;font-size:24px;line-height:1;font-weight:900}.dashboard-kpi-row em{display:block;margin-top:7px;color:#7f919b;font-size:10px;font-style:normal}.dashboard-kpi-row article.secure .dashboard-kpi-icon,.dashboard-kpi-row article.secure b{color:var(--green)}
.dashboard-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-module-card{position:relative;overflow:hidden;display:grid;grid-template-columns:150px minmax(0,1fr);min-height:310px;border:1px solid rgba(74,91,103,.34);border-radius:20px;background:linear-gradient(180deg,#0e1519,#091014);box-shadow:0 18px 42px rgba(0,0,0,.22)}.dashboard-module-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,209,7,.035),transparent 40%,rgba(89,217,255,.018))}.dashboard-module-visual{position:relative;z-index:1;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 46%,rgba(255,209,7,.12),transparent 36%)}.dashboard-module-visual>span{width:86px;height:86px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.28);border-radius:28px;color:#f3cf48;background:rgba(255,209,7,.065);box-shadow:0 0 40px rgba(255,209,7,.08)}.dashboard-module-visual>span svg{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;max-height:38px!important}.dashboard-module-card.ok .dashboard-module-visual>span{color:#71efb8;border-color:rgba(82,242,176,.26);background:rgba(82,242,176,.06)}.dashboard-module-card.off .dashboard-module-visual>span{color:#f1cc43;border-color:rgba(255,209,7,.24);background:rgba(255,209,7,.05)}
.dashboard-module-body{position:relative;z-index:1;padding:22px 22px 20px;display:flex;flex-direction:column}.dashboard-module-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.dashboard-module-top small{display:block;color:#f0cd45;font-size:9px;font-weight:900;letter-spacing:.14em}.dashboard-module-top h3{margin:7px 0 0;font-size:24px;line-height:1.08}.dashboard-addon{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border:1px solid rgba(255,209,7,.22);border-radius:999px;background:rgba(255,209,7,.05);color:#f0cf58;font-size:9px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.dashboard-module-body>p{margin:14px 0 0;color:#9aaab3;font-size:13px;line-height:1.7}.dashboard-module-body ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.dashboard-module-body li{position:relative;padding-left:17px;color:#d2dbe0;font-size:11px;font-weight:700}.dashboard-module-body li:before{content:"";position:absolute;left:0;top:.52em;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(255,209,7,.6)}.dashboard-module-action{margin-top:auto;padding-top:18px}.dashboard-cta,.dashboard-ready,.dashboard-maint,.dashboard-locked{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;font-size:10px;font-weight:900;letter-spacing:.05em}.dashboard-cta{border:1px solid rgba(255,209,7,.28);background:rgba(255,209,7,.055);color:#f3d45d}.dashboard-cta:hover{background:rgba(255,209,7,.1)}.dashboard-cta.disabled{cursor:default}.dashboard-ready{color:#78f0bc;border:1px solid rgba(82,242,176,.2);background:rgba(82,242,176,.05)}.dashboard-maint{color:#ffe173;border:1px solid rgba(255,209,7,.2);background:rgba(255,209,7,.05)}.dashboard-locked{color:#ff9ba4;border:1px solid rgba(255,111,121,.2);background:rgba(255,111,121,.05)}

.dashboard-master-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:190px;padding:28px 30px;margin-bottom:16px;border:1px solid rgba(255,209,7,.22);border-radius:22px;background:radial-gradient(circle at 88% 10%,rgba(255,209,7,.13),transparent 28%),linear-gradient(135deg,#10171b,#090e11 66%,#0d120d);box-shadow:0 20px 54px rgba(0,0,0,.25)}.dashboard-master-brand{display:flex;align-items:center;gap:22px}.dashboard-nx-orbit{width:92px;height:92px;flex:0 0 92px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.32);border-radius:50%;color:#f0cb42;font-size:25px;font-weight:950;background:radial-gradient(circle,rgba(255,209,7,.1),rgba(255,209,7,.015) 58%,transparent);box-shadow:0 0 0 13px rgba(255,209,7,.025),0 0 0 26px rgba(255,209,7,.012)}.dashboard-master-brand h2{margin:4px 0 8px;font-size:34px}.dashboard-master-brand p{max-width:760px;margin:0;color:#95a6af;font-size:13px;line-height:1.65}.dashboard-master-hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.dashboard-master-btn{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:11px;border:1px solid rgba(255,209,7,.32);background:linear-gradient(180deg,#ffe66a,#ffd107);color:#090b0c;font-size:11px;font-weight:950}
.dashboard-master-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.dashboard-master-stats>a{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:112px;padding:16px;border:1px solid rgba(74,91,103,.32);border-radius:17px;background:linear-gradient(180deg,#0e1519,#091014)}.dashboard-master-stats>a>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.18);border-radius:14px;color:#efcb45;background:rgba(255,209,7,.05)}.dashboard-master-stats small{display:block;color:#81939e;font-size:8px;font-weight:900;letter-spacing:.11em}.dashboard-master-stats b{display:block;margin-top:4px;font-size:24px;line-height:1}.dashboard-master-stats em{display:block;margin-top:7px;color:#7d909a;font-size:9px;font-style:normal}.dashboard-master-stats>a>i{color:#657681;font-size:22px;font-style:normal}.dashboard-master-stats>a.security>span,.dashboard-master-stats>a.security b{color:#72efb9}
.dashboard-master-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.78fr) minmax(300px,.62fr);gap:14px;margin-bottom:14px}.dashboard-master-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-master-panel{padding:18px;border:1px solid rgba(74,91,103,.32);border-radius:19px;background:linear-gradient(180deg,#0e1519,#091014);box-shadow:0 18px 42px rgba(0,0,0,.2)}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.dashboard-panel-head span{display:block;color:#f0cd45;font-size:8px;font-weight:900;letter-spacing:.14em}.dashboard-panel-head h3{margin:4px 0 0;font-size:19px}.dashboard-panel-head>a{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(255,209,7,.18);border-radius:8px;color:#e6c84f;font-size:8px;font-weight:900}.dashboard-company-table .head,.dashboard-company-table .row{display:grid;grid-template-columns:minmax(190px,1.25fr) 88px 120px 150px 58px 18px;gap:10px;align-items:center}.dashboard-company-table .head{padding:0 10px 9px;color:#72848f;font-size:8px;font-weight:900;letter-spacing:.08em}.dashboard-company-table .row{min-height:58px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.055);color:#dce4e8;font-size:10px}.dashboard-company-table .row:hover{background:rgba(255,209,7,.018)}.dashboard-company-table .company{display:flex;align-items:center;gap:10px}.dashboard-company-table .company>i{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.16);border-radius:10px;color:#f0cd45;font-style:normal;font-weight:900}.dashboard-company-table .company img{max-width:34px;max-height:34px;object-fit:contain}.dashboard-company-table .company b{font-size:11px}.dashboard-company-table .company small{display:block;margin-top:3px;color:#71838e;font-size:8px}.dashboard-status{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;border:1px solid rgba(82,242,176,.18);background:rgba(82,242,176,.05);color:#75efba;font-size:8px;font-style:normal;font-weight:900}.dashboard-company-table .arrow{font-size:20px;color:#e6c948}.dashboard-module-line,.dashboard-quick-actions>a{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:64px;padding:9px 4px;border-top:1px solid rgba(255,255,255,.055)}.dashboard-module-line:first-of-type,.dashboard-quick-actions>a:first-of-type{border-top:0}.dashboard-module-line .icon,.dashboard-quick-actions>a>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.17);border-radius:12px;color:#edca45;background:rgba(255,209,7,.04)}.dashboard-module-line b,.dashboard-quick-actions b{font-size:10px}.dashboard-module-line small,.dashboard-quick-actions small{display:block;margin-top:4px;color:#788a95;font-size:8px;line-height:1.4}.dashboard-module-line>i,.dashboard-quick-actions>a>i{color:#647681;font-size:18px;font-style:normal}.dashboard-activity-list>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;border-top:1px solid rgba(255,255,255,.055)}.dashboard-activity-list>div:first-child{border-top:0}.dashboard-activity-list>div>i{width:7px;height:7px;border-radius:50%;background:#5beab1}.dashboard-activity-list>div>i.bad{background:#ff7d87}.dashboard-activity-list b{font-size:10px}.dashboard-activity-list small{display:block;margin-top:3px;color:#71838d;font-size:8px}.dashboard-activity-list time{color:#768994;font-size:8px}.dashboard-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dashboard-system-grid>div{min-height:100px;display:grid;place-items:center;text-align:center;padding:12px;border:1px solid rgba(74,91,103,.28);border-radius:14px;background:#090f12}.dashboard-system-grid>div>span{width:34px;height:34px;display:grid;place-items:center;color:#efcb45}.dashboard-system-grid b{font-size:10px}.dashboard-system-grid small{color:#61e8ad;font-size:8px}.dashboard-online{color:#63edb3;font-size:8px;font-style:normal;font-weight:900}
@media(max-width:1300px){.dashboard-master-stats{grid-template-columns:repeat(3,1fr)}.dashboard-master-main-grid{grid-template-columns:1fr 1fr}.dashboard-company-management{grid-column:1/-1}.dashboard-kpi-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dashboard-module-grid{grid-template-columns:1fr}.dashboard-master-stats{grid-template-columns:repeat(2,1fr)}.dashboard-master-main-grid,.dashboard-master-bottom-grid{grid-template-columns:1fr}.dashboard-company-table .head{display:none}.dashboard-company-table .row{grid-template-columns:minmax(180px,1fr) 80px 18px}.dashboard-company-table .row>span:nth-child(3),.dashboard-company-table .row>span:nth-child(4),.dashboard-company-table .row>span:nth-child(5){display:none}.dashboard-company-hero{flex-direction:column;align-items:flex-start!important}.dashboard-module-card{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:600px){.dashboard-kpi-row,.dashboard-master-stats{grid-template-columns:1fr}.dashboard-module-card{grid-template-columns:1fr}.dashboard-module-visual{min-height:120px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.dashboard-master-brand{align-items:flex-start}.dashboard-nx-orbit{width:68px;height:68px;flex-basis:68px}.dashboard-master-brand h2{font-size:28px}.dashboard-master-hero{align-items:flex-start;flex-direction:column}.dashboard-master-hero-actions{align-items:flex-start}}



.fa-solid,.fa-regular,.fa-brands{display:inline-block;line-height:1}
.nav-icon .fa-solid,.portal-nav-icon .fa-solid{width:20px;text-align:center;font-size:17px}
.menu-btn .fa-solid{font-size:19px}.top-chip .fa-solid{font-size:14px}.primary .fa-solid,.btn .fa-solid,.dashboard-cta .fa-solid{font-size:14px}
.dashboard-kpi-icon .fa-solid{font-size:22px}.dashboard-module-visual .fa-solid{font-size:31px}.company-hero-tags .fa-solid{font-size:12px}
.portal-page-intro,.portal-module-console-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:25px 27px;border:1px solid rgba(255,209,7,.18);border-radius:20px;background:radial-gradient(circle at 92% 0,rgba(255,209,7,.1),transparent 28%),linear-gradient(135deg,#10161a,#090e11)}
.portal-page-intro h2,.portal-module-console-head h2{margin:0 0 7px;font-size:29px;line-height:1.12;letter-spacing:-.025em}.portal-page-intro p,.portal-module-console-head p{max-width:900px;margin:0;color:#9eacb5;font-size:13px;line-height:1.7}
.portal-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid rgba(255,209,7,.24);border-radius:999px;color:#f7d64b;background:rgba(255,209,7,.05);font-size:10px;font-weight:900;letter-spacing:.07em;white-space:nowrap}
.portal-module-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-manager-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;min-height:220px;padding:22px;border:1px solid #263139;border-radius:18px;background:linear-gradient(180deg,#0f1519,#090e11);overflow:hidden}.portal-manager-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,209,7,.035),transparent 38%);pointer-events:none}.portal-manager-icon{position:relative;width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.25);border-radius:17px;background:rgba(255,209,7,.055);color:var(--gold);font-size:25px}.portal-manager-copy{position:relative}.portal-manager-copy small{display:block;color:#e5c744;font-size:10px;font-weight:900;letter-spacing:.12em}.portal-manager-copy h3{margin:6px 0 8px;font-size:23px}.portal-manager-copy p{margin:0;color:#98a7b0;font-size:13px;line-height:1.65}.portal-manager-foot{position:relative;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}.portal-upgrade-text{color:#e4c74a;font-size:12px;font-weight:800}
.portal-module-console-title{display:flex;align-items:flex-start;gap:15px}.back-chip{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #2a353d;border-radius:12px;background:#0b1114;color:#d9e1e5}.back-chip:hover{border-color:rgba(255,209,7,.35);color:var(--gold)}
.module-unavailable{display:flex;align-items:center;gap:20px}.module-unavailable>i{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,111,121,.24);border-radius:18px;background:rgba(255,111,121,.06);color:#ff8791;font-size:24px}.module-unavailable h2{margin:0 0 8px}.module-unavailable p{margin:0;color:#9dabb4}
.module-overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.module-live-card{display:flex;align-items:center;gap:18px}.module-live-icon{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border:1px solid rgba(82,242,176,.25);border-radius:20px;background:rgba(82,242,176,.06);color:var(--green);font-size:31px}.module-live-card h2{margin:0 0 8px;font-size:28px}.module-live-card p{margin:0;color:#9eabb3;line-height:1.7}
.module-design-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.module-design-toolbar>div{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 15px;border:1px solid #243039;border-radius:15px;background:#0b1114}.module-design-toolbar small{display:block;color:#758691;font-size:9px;font-weight:900;letter-spacing:.11em}.module-design-toolbar b{display:block;margin-top:4px;font-size:12px}.module-brand-logo{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.2);border-radius:12px;background:#070a0c;overflow:hidden}.module-brand-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.module-brand-logo b{color:var(--gold)}
.portal-builder-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:16px;align-items:start}.portal-builder-editor,.portal-builder-preview{margin-bottom:0}.portal-builder-preview{position:sticky;top:108px}.code-editor-block{padding:0;border:1px solid #27323a;border-radius:14px;background:#060a0c;overflow:hidden}.code-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid #222d34;background:#0b1114}.code-editor-head>div{display:grid;grid-template-columns:22px auto;column-gap:6px;align-items:center}.code-editor-head i{grid-row:1/3;color:var(--gold);font-size:15px}.code-editor-head b{font-size:12px}.code-editor-head small{color:#71818b;font-size:9px}.code-editor{border:0!important;border-radius:0!important;min-height:330px!important;padding:16px!important;background:#05080a!important;color:#d9e5eb!important;font-family:"Cascadia Code",Consolas,monospace!important;font-size:12px!important;line-height:1.65!important;tab-size:2;box-shadow:none!important;resize:vertical}.reset-code-form{margin-top:12px}
.preview-browser{overflow:hidden;border:1px solid #29343b;border-radius:16px;background:#050708;box-shadow:0 24px 60px rgba(0,0,0,.32)}.preview-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid #202a30;background:#0d1316}.preview-browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff6f79}.preview-browser-bar i:nth-child(2){background:#ffd107}.preview-browser-bar i:nth-child(3){background:#52f2b0}.preview-browser-bar span{margin-left:7px;color:#71818b;font-size:9px;font-weight:900;letter-spacing:.1em}.preview-browser iframe{display:block;width:100%;height:680px;border:0;background:#050708}
@media(max-width:1180px){.portal-builder-layout{grid-template-columns:1fr}.portal-builder-preview{position:relative;top:auto}.portal-module-manager-grid{grid-template-columns:1fr}.module-overview-grid{grid-template-columns:1fr}}
@media(max-width:760px){.portal-page-intro,.portal-module-console-head{align-items:flex-start;flex-direction:column;padding:20px}.module-design-toolbar{grid-template-columns:1fr}.portal-manager-card{grid-template-columns:52px minmax(0,1fr);padding:18px}.portal-manager-icon{width:50px;height:50px;font-size:21px}.portal-manager-foot{align-items:flex-start;flex-direction:column}.preview-browser iframe{height:540px}.code-editor{min-height:280px!important}}


.companies-hero{margin-bottom:16px;min-height:156px}.companies-hero .hero-copy{max-width:900px}.companies-hero .primary{min-height:44px;padding:0 18px;border-radius:12px;white-space:nowrap}
.company-directory-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}
.company-directory-stats article{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:88px;padding:15px 16px;border:1px solid #223039;border-radius:15px;background:linear-gradient(180deg,#0f161a,#091014);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.company-directory-stats article>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(89,217,255,.18);border-radius:12px;background:rgba(89,217,255,.055);color:#79e3ff;font-size:16px}
.company-directory-stats article:nth-child(2)>i{border-color:rgba(82,242,176,.20);background:rgba(82,242,176,.06);color:#6ff0b8}.company-directory-stats article:nth-child(3)>i{border-color:rgba(255,209,7,.20);background:rgba(255,209,7,.055);color:#f5d44d}.company-directory-stats article:nth-child(4)>i,.company-directory-stats article:nth-child(5)>i{border-color:rgba(255,111,121,.20);background:rgba(255,111,121,.055);color:#ff8d96}
.company-directory-stats small{display:block;color:#ffd107;font-size:10px;font-weight:950;letter-spacing:.12em}.company-directory-stats b{display:inline-block;margin:4px 7px 0 0;color:#f5f7f8;font-size:24px;line-height:1;font-weight:950}.company-directory-stats span{color:#ffffff;font-size:11px}
.company-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.company-command-card{min-width:0;padding:17px;border:1px solid #26343c;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(89,217,255,.045),transparent 28%),linear-gradient(180deg,#0f171b,#091014);box-shadow:0 18px 44px rgba(0,0,0,.18);overflow:hidden}
.company-command-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.company-command-brand{display:flex;align-items:center;gap:12px;min-width:0}.company-command-logo{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.20);border-radius:14px;background:#070b0d;overflow:hidden}.company-command-logo img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;padding:5px}.company-command-logo.fallback{color:var(--gold);font-size:16px;font-weight:950;background:rgba(255,209,7,.05)}
.company-command-title{display:flex;align-items:center;gap:8px;min-width:0}.company-command-title h3{margin:0;color:#f7f9fa;font-size:20px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-command-brand>div>small{display:block;margin-top:6px;color:#6f8490;font-size:8px;font-weight:900;letter-spacing:.08em}.company-command-title .pill{min-height:22px;padding:0 7px;font-size:7px}
.expiry-count{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid rgba(82,242,176,.18);border-radius:999px;background:rgba(82,242,176,.05);color:#72efba;font-size:8px;font-weight:900;white-space:nowrap}.expiry-count.warn{border-color:rgba(255,209,7,.22);background:rgba(255,209,7,.05);color:#f1d050}.expiry-count.bad{border-color:rgba(255,111,121,.22);background:rgba(255,111,121,.05);color:#ff8f98}
.company-commercial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:9px}.company-commercial-grid>div{min-width:0;padding:10px 11px;border:1px solid #202c33;border-radius:10px;background:#070d10}.company-commercial-grid small{display:block;color:#ff0000;font-size:10px;font-weight:950;letter-spacing:.10em}.company-commercial-grid b{display:block;margin-top:5px;color:ffffff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-commercial-grid>div:nth-child(4) b{color:#f1d04a}
.company-domain-block,.company-bo-line{margin-bottom:9px;padding:10px 11px;border:1px solid #202c33;border-radius:10px;background:#070d10}.company-block-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.company-block-title>span,.company-brand-block>span{color:#ffffff;font-size:9px;font-weight:950;letter-spacing:.10em}.company-block-title>a{color:#6edcf8;font-size:8px;font-weight:900}.company-domain-block p{margin:6px 0 0;color:#25ff00;font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.company-bo-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.company-bo-line>span:first-child{color:#ffd107;font-size:10px;font-weight:950;letter-spacing:.10em}.company-bo-line>span:first-child i{margin-right:5px;color:#72dff9}.company-bo-line>b{min-width:0;color:#ffffff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-bo-line .pill{min-height:23px;padding:0 7px;font-size:7px}
.company-brand-block{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px;padding:9px 11px;border:1px solid #202c33;border-radius:10px;background:#070d10}.brand-swatches.large{display:flex;align-items:center;gap:6px;margin:0}.brand-swatches.large i{width:24px;height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.company-module-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px}.company-module-summary>span:not(.pill){display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 7px;border:1px solid #202c33;border-radius:9px;background:#090f12;color:#7f919b;font-size:8px;white-space:nowrap}.company-module-summary>span b{color:#f0f4f6;font-size:11px}.company-module-summary>.pill{display:flex;align-items:center;justify-content:center;min-height:30px;font-size:7px}
.company-command-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.company-command-actions .btn,.company-command-actions form,.company-command-actions button{width:100%;min-width:0}.company-command-actions .btn,.company-command-actions button.btn{min-height:36px;padding:0 7px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;font-size:12px;font-weight:950;letter-spacing:.015em;white-space:nowrap}.company-command-actions .btn i,.company-command-actions button.btn i{font-size:14px}.company-command-actions .warning{border-color:rgba(255,209,7,.25);color:#f3d24e;background:rgba(255,209,7,.04)}.company-command-actions .danger-action{border-color:rgba(255,111,121,.24);color:#ff8993;background:rgba(255,111,121,.04)}.company-command-actions .success-action{border-color:rgba(82,242,176,.24);color:#72efba;background:rgba(82,242,176,.04)}
.create-company-panel{margin-top:14px}.create-company-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none}.create-company-panel>summary::-webkit-details-marker{display:none}.create-company-panel>summary>span{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:11px;align-items:center}.create-company-panel>summary>span>i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.20);border-radius:10px;color:var(--gold);background:rgba(255,209,7,.05)}.create-company-panel>summary b{font-size:13px}.create-company-panel>summary small{margin-top:3px;color:#71838d;font-size:9px}.create-company-panel[open]>summary{margin-bottom:18px}
@media(max-width:1450px){.company-command-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.company-commercial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){.company-directory-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.company-command-grid{grid-template-columns:1fr}}
@media(max-width:760px){.company-directory-stats{grid-template-columns:1fr 1fr}.company-commercial-grid,.company-module-summary{grid-template-columns:1fr 1fr}.company-command-head{align-items:flex-start}.company-command-title{align-items:flex-start;flex-direction:column}.company-command-actions{grid-template-columns:1fr 1fr}.company-bo-line{grid-template-columns:1fr auto}.company-bo-line>b{grid-column:1/-1;grid-row:2}.companies-hero{min-height:0}}
@media(max-width:480px){.company-directory-stats,.company-commercial-grid,.company-module-summary,.company-command-actions{grid-template-columns:1fr}.company-command-logo{width:48px;height:48px;flex-basis:48px}.company-command-title h3{font-size:18px}.company-brand-block{align-items:flex-start;flex-direction:column}}


.native-tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:7px;border:1px solid #202d34;border-radius:16px;background:rgba(7,12,15,.88);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.native-tabbar a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border:1px solid transparent;border-radius:11px;color:#81939d;font-size:10px;font-weight:900;letter-spacing:.055em;text-decoration:none;transition:.18s ease}
.native-tabbar a:hover{color:#fff;border-color:#2c3940;background:#11191d}.native-tabbar a.active{color:#071014;background:linear-gradient(135deg,#ffe25a,#ffd107);border-color:#ffd107;box-shadow:0 8px 24px rgba(255,209,7,.15)}
.native-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.native-kpi{position:relative;overflow:hidden;padding:17px 18px;border:1px solid #223038;border-radius:15px;background:linear-gradient(145deg,#0d1519,#090e11);min-height:94px}.native-kpi:before{content:"";position:absolute;inset:auto -25px -38px auto;width:92px;height:92px;border-radius:50%;background:rgba(255,209,7,.045)}.native-kpi small{display:block;margin-bottom:8px;color:#6f8591;font-size:8px;font-weight:900;letter-spacing:.13em}.native-kpi strong{display:block;color:#fff;font-size:24px;line-height:1}.native-kpi em{display:block;margin-top:7px;color:#8799a3;font-size:9px;font-style:normal}
.native-rule-list,.native-domain-list{display:grid;gap:9px}.native-rule-list>div,.native-domain-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border:1px solid #202c32;border-radius:11px;background:#080d10}.native-rule-list span,.native-domain-list span{color:#7d8f98;font-size:10px}.native-rule-list strong,.native-domain-list strong{color:#eaf1f4;font-size:11px;text-align:right;overflow-wrap:anywhere}.native-domain-list .domain-state{color:#57f0b4}
.mini-input{width:86px!important;min-height:36px!important;padding:7px 9px!important;text-align:center!important}.native-switch-row{display:flex;align-items:center;gap:9px}.native-switch-row input[type=checkbox]{width:17px;height:17px;accent-color:#ffd107}.native-switch-row span{font-size:9px;font-weight:900;color:#8799a3}.native-table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.portal-builder-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:16px;align-items:start}.portal-builder-editor,.portal-builder-preview{margin-bottom:0}.portal-builder-preview{position:sticky;top:108px}.code-editor-block{padding:0;border:1px solid #27323a;border-radius:14px;background:#060a0c;overflow:hidden}.code-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid #222d34;background:#0b1114}.code-editor-head>div{display:grid;grid-template-columns:22px auto;column-gap:6px;align-items:center}.code-editor-head i{grid-row:1/3;color:var(--gold);font-size:15px}.code-editor-head b{font-size:12px}.code-editor-head small{color:#71818b;font-size:9px}.code-editor{border:0!important;border-radius:0!important;min-height:330px!important;padding:16px!important;background:#05080a!important;color:#d9e5eb!important;font-family:"Cascadia Code",Consolas,monospace!important;font-size:12px!important;line-height:1.65!important;tab-size:2;box-shadow:none!important;resize:vertical}.preview-browser{overflow:hidden;border:1px solid #29343b;border-radius:16px;background:#050708;box-shadow:0 24px 60px rgba(0,0,0,.32)}.preview-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid #202a30;background:#0d1316}.preview-browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff6f79}.preview-browser-bar i:nth-child(2){background:#ffd107}.preview-browser-bar i:nth-child(3){background:#52f2b0}.preview-browser-bar span{margin-left:7px;color:#71818b;font-size:9px;font-weight:900;letter-spacing:.1em}.preview-browser iframe{display:block;width:100%;height:680px;border:0;background:#050708}
@media(max-width:1180px){.native-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-builder-layout{grid-template-columns:1fr}.portal-builder-preview{position:relative;top:auto}}
@media(max-width:700px){.native-tabbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.native-tabbar a{padding:0 8px}.native-kpi-grid{grid-template-columns:1fr 1fr}.native-kpi{min-height:82px;padding:14px}.native-kpi strong{font-size:20px}.native-rule-list>div,.native-domain-list>div{align-items:flex-start;flex-direction:column}.preview-browser iframe{height:520px}.code-editor{min-height:260px!important}}


.shared-api-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(84,104,116,.34);border-radius:13px;background:linear-gradient(135deg,rgba(82,242,176,.055),rgba(8,14,17,.96));}
.shared-api-card>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(82,242,176,.22);border-radius:12px;color:#65ecb3;background:rgba(82,242,176,.055);font-size:16px}.shared-api-card b{display:block;color:#eaf3f6;font-size:11px}.shared-api-card small{display:block;margin-top:4px;color:#80949f;font-size:9px;line-height:1.45}.shared-api-card .btn{white-space:nowrap}
.divider{height:1px;margin:18px 0;background:rgba(88,106,117,.22)}
@media(max-width:720px){.shared-api-card{grid-template-columns:38px minmax(0,1fr)}.shared-api-card .btn{grid-column:1/-1;width:100%}}

/* Companies page readability: no micro text below 11px */
.company-directory-stats small,.company-directory-stats span,.expiry-count,.company-command-brand>div>small,.company-command-title .pill,.company-commercial-grid small,.company-commercial-grid b,.company-block-title>span,.company-brand-block>span,.company-block-title>a,.company-domain-block p,.company-bo-line>span:first-child,.company-bo-line>b,.company-bo-line .pill,.company-module-summary>span:not(.pill),.company-module-summary>.pill,.company-command-actions .btn,.company-command-actions button.btn,.create-company-panel>summary small{font-size:11px}


.gt-master-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding:22px 24px;border:1px solid rgba(255,209,7,.18);border-radius:20px;background:radial-gradient(circle at 92% 0,rgba(255,209,7,.10),transparent 30%),linear-gradient(135deg,#10171b,#091015)}
.gt-master-hero .eyebrow{font-size:11px!important}.gt-master-hero h2{margin:7px 0 8px;font-size:34px}.gt-master-hero p{max-width:900px;margin:0;color:#9eacb5;font-size:13px;line-height:1.75}.gt-master-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.gt-master-hero-actions .btn,.gt-master-hero-actions .primary{min-height:40px;padding:0 14px;font-size:11px;font-weight:900}
.gt-master-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.gt-master-kpi{min-height:92px;padding:15px 16px;border:1px solid #223039;border-radius:15px;background:linear-gradient(145deg,#0e171c,#091015)}.gt-master-kpi span{display:block;color:#718690;font-size:11px;font-weight:900;letter-spacing:.07em}.gt-master-kpi b{display:block;margin-top:7px;color:#fff;font-size:25px}.gt-master-kpi small{display:block;margin-top:6px;color:#8fa0a9;font-size:11px;line-height:1.4}
.gt-master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.gt-master-card{display:flex;flex-direction:column;min-height:210px;padding:18px;border:1px solid #223039;border-radius:17px;background:linear-gradient(180deg,#0f171b,#091014)}.gt-master-card .card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gt-master-card .card-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.22);border-radius:13px;background:rgba(255,209,7,.05);color:#ffd84b;font-size:17px}.gt-master-card span{display:block;color:#ffd84b;font-size:11px;font-weight:900;letter-spacing:.10em}.gt-master-card h3{margin:6px 0 0;font-size:24px}.gt-master-card p{margin:13px 0 0;color:#9daeb6;font-size:12px;line-height:1.7}.gt-master-card .card-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.gt-master-card .card-meta div{padding:9px 10px;border:1px solid #202c33;border-radius:10px;background:#080e11}.gt-master-card .card-meta small{display:block;color:#72848e;font-size:11px}.gt-master-card .card-meta b{display:block;margin-top:4px;color:#edf3f5;font-size:12px}.gt-master-card .card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}.gt-master-card .card-foot .btn,.gt-master-card .card-foot .primary{min-height:38px;padding:0 13px;font-size:11px;font-weight:900}.gt-master-card .state{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(82,242,176,.20);border-radius:999px;color:#6ef0b8;background:rgba(82,242,176,.05);font-size:11px;font-weight:900}
@media(max-width:1100px){.gt-master-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.gt-master-grid{grid-template-columns:1fr}}@media(max-width:700px){.gt-master-hero{flex-direction:column;padding:18px}.gt-master-hero-actions{justify-content:flex-start}.gt-master-kpis{grid-template-columns:1fr}.gt-master-card .card-meta{grid-template-columns:1fr}}

/* ===== Website Design instant live preview ===== */
.design-preview{position:relative;isolation:isolate;--cols:4}
.design-preview>*{position:relative;z-index:2}
.design-preview:before,.design-preview:after{content:"";position:absolute;pointer-events:none;z-index:0}
.design-preview.fx-grid:before{inset:0;background-image:linear-gradient(color-mix(in srgb,var(--p) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--p) 11%,transparent) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%)}
.design-preview.fx-aurora:before{inset:-25%;background:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--p) 25%,transparent),transparent 35%),radial-gradient(ellipse at 80% 40%,color-mix(in srgb,var(--s) 20%,transparent),transparent 40%);filter:blur(16px);animation:nxPreviewFloat 8s ease-in-out infinite alternate}
.design-preview.fx-particles:before{inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--p) 65%,white) 0 1px,transparent 1.8px);background-size:36px 36px;opacity:.34;animation:nxPreviewParticles 14s linear infinite}
.design-preview.fx-clean:before{display:none}
.design-preview.fx-motion:before{inset:-35%;background:conic-gradient(from 45deg,transparent 0 35%,color-mix(in srgb,var(--p) 11%,transparent) 42%,transparent 49% 70%,color-mix(in srgb,var(--s) 9%,transparent) 78%,transparent 86%);animation:nxPreviewSpin 18s linear infinite}
@keyframes nxPreviewFloat{to{transform:translate3d(5%,-4%,0) scale(1.05)}}
@keyframes nxPreviewParticles{to{background-position:36px 72px}}
@keyframes nxPreviewSpin{to{transform:rotate(360deg)}}
.preview-cards{grid-template-columns:repeat(var(--cols),minmax(0,1fr))!important}
.design-preview.card-compact .preview-cards i{height:54px;border-radius:8px}
.design-preview.card-poster .preview-cards i{height:118px;border-radius:14px}
.design-preview.card-standard .preview-cards i{height:76px}
.design-preview.image-complete_blur .preview-cards i{background:linear-gradient(145deg,color-mix(in srgb,var(--p) 16%,var(--bg)),color-mix(in srgb,var(--s) 8%,var(--bg)));filter:saturate(.85)}
.design-preview.image-complete_dark .preview-cards i{background:linear-gradient(145deg,color-mix(in srgb,var(--p) 7%,#030506),#030506 80%)}
.design-preview.image-fill .preview-cards i{background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--s) 75%,var(--p)));opacity:.78}
.design-preview.image-contain .preview-cards i{background:radial-gradient(circle at center,color-mix(in srgb,var(--p) 22%,transparent) 0 35%,transparent 37%),var(--bg)}
.design-preview.btn-solid button{background:var(--btn);border:1px solid var(--btn);color:#111}
.design-preview.btn-gradient button{background:linear-gradient(135deg,var(--btn),var(--p));border:1px solid color-mix(in srgb,var(--p) 60%,white);color:#111}
.design-preview.btn-outline button{background:transparent;border:1px solid var(--btn);color:var(--btn)}
.design-preview.btn-glass button{background:color-mix(in srgb,var(--btn) 18%,transparent);border:1px solid color-mix(in srgb,var(--btn) 48%,transparent);color:var(--txt);backdrop-filter:blur(8px)}
.design-preview.btn-pill button{background:var(--btn);border:1px solid var(--btn);border-radius:999px;color:#111}
.design-preview.btn-neon button{background:color-mix(in srgb,var(--btn) 14%,#06090b);border:1px solid var(--btn);color:var(--btn);box-shadow:0 0 calc(var(--glow)*.22px) color-mix(in srgb,var(--btn) 72%,transparent)}
.design-preview.luxury{border-color:color-mix(in srgb,var(--p) 62%,#493a12);background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--p) 14%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--bg) 92%,#1d1504),var(--bg))}
.design-preview.hud{border-radius:8px;clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.design-preview.arcade{box-shadow:0 0 calc(var(--glow)*.5px) color-mix(in srgb,var(--p) 45%,transparent),inset 0 0 42px color-mix(in srgb,var(--s) 12%,transparent)}
.design-preview-panel #nxPreviewState.unsaved{color:#ffd84e}
.preview-url{margin-top:18px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--p) 18%,#28343b);color:color-mix(in srgb,var(--txt) 55%,transparent);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){.preview-cards{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))!important}}


select{color-scheme:dark}
select option,select optgroup{background:#10171b!important;color:#f5f8fa!important}
select option:disabled{background:#0c1115!important;color:#667781!important}
.preview-brand [hidden],.brand-logo-preview [hidden],.brand-live-logo [hidden]{display:none!important}
.preview-brand img[hidden],.preview-brand b[hidden]{display:none!important}

/* Company Branding instant live preview */
.brand-design-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:16px;align-items:start}
.brand-live-panel{position:sticky;top:112px;align-self:start;overflow:hidden}
.brand-live-panel #nxBrandPreviewState.unsaved{color:#ffd84e}
.brand-live-preview{--bp:#ffd107;--bs:#ffd107;--bbg:#050708;--btxt:#ffffff;--bbtn:#ffd107;--bglow:45;position:relative;isolation:isolate;overflow:hidden;min-height:500px;padding:22px;border:1px solid color-mix(in srgb,var(--bp) 42%,#29353d);border-radius:18px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--bp) 15%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--bbg) 92%,#11191d),var(--bbg));color:var(--btxt);box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 calc(var(--bglow)*.34px) color-mix(in srgb,var(--bp) 30%,transparent)}
.brand-live-preview:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--bp) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--bp) 8%,transparent) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 88%)}
.brand-live-preview>*{position:relative;z-index:1}
.brand-live-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--bp) 20%,#26323a)}
.brand-live-logo{width:74px;height:60px;flex:0 0 74px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--bp) 34%,#26323a);border-radius:13px;background:#050708;overflow:hidden}
.brand-live-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.brand-live-logo b{font-size:17px;color:var(--bp)}
.brand-live-head small{display:block;color:color-mix(in srgb,var(--bp) 82%,white);font-size:11px;font-weight:900;letter-spacing:.12em}.brand-live-head h3{margin:5px 0 3px;font-size:24px;line-height:1.1}.brand-live-head p{margin:0;color:color-mix(in srgb,var(--btxt) 62%,transparent);font-size:11px}
.brand-live-tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.brand-live-tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--bp) 22%,#273239);border-radius:999px;background:color-mix(in srgb,var(--bp) 5%,transparent);color:color-mix(in srgb,var(--btxt) 86%,transparent);font-size:11px;font-weight:900}
.brand-live-shell{display:grid;grid-template-columns:62px minmax(0,1fr);min-height:275px;border:1px solid color-mix(in srgb,var(--bp) 22%,#26323a);border-radius:15px;background:color-mix(in srgb,var(--bbg) 93%,#0e1519);overflow:hidden}
.brand-live-shell aside{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 10px;border-right:1px solid color-mix(in srgb,var(--bp) 16%,#26323a);background:color-mix(in srgb,var(--bbg) 88%,#030506)}.brand-live-shell aside i{width:30px;height:30px;border:1px solid color-mix(in srgb,var(--bp) 20%,#26323a);border-radius:9px;background:color-mix(in srgb,var(--bp) 6%,transparent)}.brand-live-shell aside i:first-child{background:color-mix(in srgb,var(--bp) 20%,var(--bbg));border-color:var(--bp);box-shadow:0 0 calc(var(--bglow)*.13px) color-mix(in srgb,var(--bp) 45%,transparent)}
.brand-live-shell section{padding:18px}.brand-live-shell section>small{color:color-mix(in srgb,var(--bp) 82%,white);font-size:11px;font-weight:900;letter-spacing:.11em}.brand-live-shell h4{margin:7px 0 7px;font-size:22px}.brand-live-shell p{margin:0;color:color-mix(in srgb,var(--btxt) 64%,transparent);font-size:11px;line-height:1.65}.brand-live-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.brand-live-cards i{height:62px;border:1px solid color-mix(in srgb,var(--bp) 18%,#29353d);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--bp) 10%,var(--bbg)),color-mix(in srgb,var(--bs) 6%,var(--bbg)))}
.brand-live-shell button{min-height:40px;padding:0 16px;border:1px solid color-mix(in srgb,var(--bbtn) 68%,white);border-radius:10px;background:linear-gradient(135deg,var(--bbtn),color-mix(in srgb,var(--bp) 78%,var(--bbtn)));color:#0b0d0e;font-size:11px;font-weight:950;box-shadow:0 0 calc(var(--bglow)*.18px) color-mix(in srgb,var(--bbtn) 42%,transparent)}
.brand-live-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.brand-live-foot span{padding:10px 11px;border:1px solid color-mix(in srgb,var(--bp) 16%,#29343b);border-radius:11px;background:color-mix(in srgb,var(--bbg) 92%,#10171b)}.brand-live-foot b{display:block;color:#758893;font-size:11px;letter-spacing:.08em}.brand-live-foot em{display:block;margin-top:5px;color:var(--btxt);font-size:12px;font-style:normal;font-weight:900}
@media(max-width:1180px){.brand-design-layout{grid-template-columns:1fr}.brand-live-panel{position:static}}
@media(max-width:650px){.brand-live-shell{grid-template-columns:1fr}.brand-live-shell aside{display:none}.brand-live-cards{grid-template-columns:1fr}.brand-live-foot{grid-template-columns:1fr}}

/* ===== GameTips native Company BO integration ===== */
.gt-native-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding:20px 22px;border:1px solid rgba(255,209,7,.18);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(255,209,7,.10),transparent 30%),linear-gradient(135deg,#10181c,#091014)}
.gt-native-head .eyebrow{display:block;color:#ffd107;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:7px}.gt-native-head h2{margin:0 0 7px;font-size:30px}.gt-native-head p{margin:0;max-width:900px;color:#aab9c1;font-size:13px;line-height:1.65}.gt-native-head .back-chip{display:inline-grid;place-items:center;width:36px;height:36px;margin:0 0 10px;border:1px solid #263740;border-radius:10px;color:#dce8ed;text-decoration:none}
.gt-native-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.gt-native-stats article{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:14px 15px;border:1px solid #22313a;border-radius:15px;background:#0b1317}.gt-native-stats article>i{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,209,7,.20);border-radius:13px;background:rgba(255,209,7,.055);color:#ffd107;font-size:17px}.gt-native-stats small{display:block;color:#748b97;font-size:11px;font-weight:900;letter-spacing:.08em}.gt-native-stats b{display:block;margin-top:4px;color:#fff;font-size:22px}.gt-native-stats span{display:block;margin-top:3px;color:#8fa1aa;font-size:11px}
.gt-native-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gt-native-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:15px;min-height:190px;padding:18px;text-decoration:none!important}.gt-native-card>i{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(85,229,255,.20);border-radius:15px;background:rgba(85,229,255,.05);color:#76e6ff;font-size:20px}.gt-native-card span{display:block;color:#ffd107;font-size:11px;font-weight:900;letter-spacing:.1em}.gt-native-card h3{margin:6px 0 8px;color:#fff;font-size:22px}.gt-native-card p{margin:0 0 16px;color:#9eafb7;font-size:12px;line-height:1.65}.gt-native-card b{color:#ffd107;font-size:11px;letter-spacing:.04em}
.inline-action{display:flex;align-items:center;gap:6px}.inline-action input[type=number]{width:72px;min-height:34px}.gt-company-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.gt-company-game-card{overflow:hidden;border:1px solid #22313a;border-radius:15px;background:#0a1115}.gt-company-game-card.is-off{opacity:.72}.gt-company-game-card .image{position:relative;aspect-ratio:1.15/1;background:#05090b;overflow:hidden}.gt-company-game-card .image img{width:100%;height:100%;object-fit:cover}.gt-company-game-card .image>span{width:100%;height:100%;display:grid;place-items:center;color:#50616a;font-size:28px}.gt-company-game-card .image .pill{position:absolute;top:8px;right:8px}.gt-company-game-card .body{padding:11px}.gt-company-game-card .body>small{display:block;color:#6f8792;font-size:11px;font-weight:900}.gt-company-game-card .body>b{display:block;margin-top:4px;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-company-game-card .body>span{display:block;margin-top:4px;color:#8fa2ab;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-company-game-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.gt-company-game-card .actions form{display:flex;gap:5px}.gt-company-game-card .actions input[type=number]{width:64px;min-width:0}.gt-company-game-card .actions .btn{flex:1;min-width:0;font-size:10px}
@media(max-width:1100px){.gt-native-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.gt-native-grid,.gt-native-stats{grid-template-columns:1fr}.gt-native-head{padding:16px}.gt-company-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){.gt-company-game-grid{grid-template-columns:1fr}}

.nx-native-module-shell{margin-top:12px;min-width:0}
.nx-native-module-document{min-width:0;width:100%;overflow:visible;color:#eef5f8}
.nx-native-module-document>.app-shell,.nx-native-module-document>.admin-shell{min-height:0!important;background:transparent!important}
.nx-native-module-document .sidebar,.nx-native-module-document .topbar,.nx-native-module-document .admin-sidebar,.nx-native-module-document .admin-topbar{display:none!important}
.nx-native-module-document .app-main,.nx-native-module-document .workspace,.nx-native-module-document .admin-main{margin-left:0!important;min-height:0!important;width:100%!important;max-width:none!important}
.nx-native-module-document .page-content,.nx-native-module-document .content,.nx-native-module-document .admin-content{padding:4px 0 28px!important;max-width:none!important;width:100%!important}
.nx-native-module-document .menu-btn,.nx-native-module-document .mobile-menu,.nx-native-module-document #backdrop{display:none!important}
.nx-native-module-document .panel{max-width:none}
.nx-native-module-document table{font-size:12px}
.nx-native-module-document small,.nx-native-module-document .muted,.nx-native-module-document .panel-note{font-size:11px!important}
.nx-native-module-document input,.nx-native-module-document select,.nx-native-module-document textarea,.nx-native-module-document button,.nx-native-module-document .btn{font-size:12px}
.nx-native-module-document select option{background:#0b1115!important;color:#f3f7f9!important}
.nx-native-module-document a{cursor:pointer}
.module-native-error{border-color:rgba(255,91,105,.35)!important;background:rgba(92,20,29,.12)!important}
@media(max-width:900px){.nx-native-module-document .page-content,.nx-native-module-document .content,.nx-native-module-document .admin-content{padding:0 0 22px!important}.nx-module-tabs{overflow-x:auto;flex-wrap:nowrap}.nx-module-tabs a{white-space:nowrap}}



.nx-native-module-shell{width:100%!important;max-width:none!important;min-width:0!important}
.nx-native-business-health.bh-app{width:100%!important;max-width:none!important;min-width:0!important}
.nx-native-business-health.bh-app>.app-shell{display:block!important;grid-template-columns:none!important;width:100%!important;max-width:none!important;min-width:0!important}
.nx-native-business-health.bh-app .app-main{margin-left:0!important;width:100%!important;max-width:none!important;min-width:0!important}
.nx-native-business-health.bh-app .page-content{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
.cron-private-note{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:12px 13px;border:1px solid rgba(82,242,176,.18);border-radius:12px;background:rgba(82,242,176,.045)}
.cron-private-note>i{margin-top:2px;color:#62efb2;font-size:14px}.cron-private-note b{display:block;color:#dff8eb;font-size:12px}.cron-private-note small{display:block;margin-top:4px;color:#7f9890!important;font-size:11px!important;line-height:1.5}



.nx-module-native-bar{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 14px;padding:8px;border:1px solid #223039;border-radius:14px;background:linear-gradient(180deg,#0a1216,#071014);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.nx-module-back{width:38px;height:38px;display:grid;place-items:center;border:1px solid #263740;border-radius:10px;background:#0c151a;color:#dce8ed;text-decoration:none}.nx-module-back:hover{border-color:rgba(255,209,7,.36);color:#ffd107}
.nx-module-native-bar .nx-module-tabs{margin:0;border:0;background:transparent;padding:0;min-width:0}.nx-module-active{margin-right:6px}
.nx-native-module-shell{width:100%;max-width:none;min-width:0;margin:0}.nx-bh-scope,.nx-rm-scope,.nx-gt-scope{width:100%!important;max-width:none!important;min-width:0!important;overflow:visible!important;background:transparent!important}.nx-bh-scope>*,.nx-rm-scope>*,.nx-gt-scope>*{min-width:0}
.nx-bh-scope::before,.nx-bh-scope::after,.nx-rm-scope::before,.nx-rm-scope::after,.nx-gt-scope::before,.nx-gt-scope::after{display:none!important}
.nx-bh-scope .page-content,.nx-rm-scope .admin-content,.nx-gt-scope .content{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 26px!important;background:transparent!important}
.nx-bh-scope .page-heading{margin-top:0!important}.nx-bh-scope .app-main,.nx-rm-scope .admin-main,.nx-gt-scope .workspace{margin:0!important;width:100%!important;max-width:none!important;min-height:0!important}.nx-bh-scope .app-shell,.nx-rm-scope .admin-shell{min-height:0!important;background:transparent!important}
.nx-bh-scope .sidebar,.nx-bh-scope .topbar,.nx-rm-scope .sidebar,.nx-rm-scope .admin-topbar,.nx-gt-scope .sidebar,.nx-gt-scope .topbar{display:none!important}
.nx-bh-scope .cards,.nx-bh-scope .focus-grid,.nx-bh-scope .metric-grid,.nx-bh-scope .comparison-summary-grid{width:100%!important;max-width:none!important;min-width:0!important}.nx-bh-scope .card,.nx-bh-scope .focus-card,.nx-bh-scope .panel,.nx-bh-scope .filters,.nx-bh-scope .search-box{min-width:0!important;max-width:none!important}
.nx-bh-scope input,.nx-bh-scope select,.nx-bh-scope textarea,.nx-rm-scope input,.nx-rm-scope select,.nx-rm-scope textarea,.nx-gt-scope input,.nx-gt-scope select,.nx-gt-scope textarea{background:#091116!important;border-color:#2a3a43!important;color:#f4f7f9!important}.nx-bh-scope select option,.nx-rm-scope select option,.nx-gt-scope select option{background:#091116!important;color:#fff!important}
.nx-bh-scope .panel,.nx-rm-scope .panel,.nx-gt-scope .panel{border-color:#253740!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!important}.nx-bh-scope table,.nx-rm-scope table,.nx-gt-scope table{font-size:12px!important}.nx-bh-scope th,.nx-rm-scope th,.nx-gt-scope th{font-size:11px!important}
.master-module-companybar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:14px 16px;border:1px solid #22313a;border-radius:14px;background:linear-gradient(135deg,#0d161b,#091014)}.master-module-companybar>div{display:flex;align-items:center;gap:11px}.master-module-companybar .table-logo{width:42px;height:42px}.master-module-companybar small{display:block;color:#718691;font-size:10px;font-weight:900;letter-spacing:.12em}.master-module-companybar b{display:block;margin-top:3px;font-size:15px}
@media(max-width:900px){.nx-module-native-bar{grid-template-columns:38px minmax(0,1fr)}.nx-module-active{display:none}.nx-module-native-bar .nx-module-tabs{overflow-x:auto;flex-wrap:nowrap}.nx-bh-scope,.nx-rm-scope,.nx-gt-scope{overflow-x:hidden!important}}
@media(max-width:640px){.nx-module-native-bar{padding:6px}.nx-module-back{width:34px;height:34px}.nx-module-tabs a{min-height:34px;padding:0 9px}.master-module-companybar{align-items:flex-start;flex-direction:column}}


.inline-check{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:34px;padding:0 8px;border:1px solid #283940;border-radius:9px;background:#091115;color:#dfe8ec!important}.inline-check input{width:15px!important;height:15px!important;margin:0!important}.inline-check span{font-size:11px;font-weight:850}.compact-number{width:82px!important;min-width:72px!important}.filter-bar{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:0 0 14px;padding:13px;border:1px solid #24343c;border-radius:12px;background:#091115}.filter-bar label{display:grid;gap:5px;min-width:180px}.filter-bar label.wide{flex:1;min-width:260px}.filter-bar input,.filter-bar select{min-height:38px}.table-wrap td>small,.table-wrap td div>small{display:block;margin-top:3px;color:#748995;font-size:11px}.inline-actions .compact-number{min-height:34px}.inline-actions button:disabled,.inline-actions input:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.filter-bar label,.filter-bar label.wide{min-width:100%;width:100%}.inline-actions{flex-wrap:wrap}.compact-number{width:70px!important}}


.nx-module-native-bar{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px!important;
  border:1px solid #22323a!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#0b1317,#081014)!important;
}
.nx-module-native-bar .nx-module-tabs{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
}
.nx-module-native-bar .nx-module-tabs a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:#91a4ae!important;
  background:transparent!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.nx-module-native-bar .nx-module-tabs a i{
  width:14px!important;
  flex:0 0 14px!important;
  color:#7f939e!important;
  font-size:12px!important;
  text-align:center!important;
}
.nx-module-native-bar .nx-module-tabs a span{display:inline-block!important;white-space:nowrap!important}
.nx-module-native-bar .nx-module-tabs a:hover{
  border-color:#2b414b!important;
  background:#0d191e!important;
  color:#eef5f8!important;
}
.nx-module-native-bar .nx-module-tabs a.active{
  border-color:rgba(255,209,7,.55)!important;
  background:linear-gradient(135deg,rgba(255,209,7,.14),rgba(255,209,7,.055))!important;
  color:#ffd107!important;
  box-shadow:inset 0 0 0 1px rgba(255,209,7,.05),0 0 18px rgba(255,209,7,.04)!important;
}
.nx-module-native-bar .nx-module-tabs a.active i{color:#ffd107!important}
.nx-module-active{justify-self:end!important;white-space:nowrap!important}

/* Keep every imported module visually inside the same NEXXORAS surface. */
.nx-native-module-shell{border-radius:0!important;background:transparent!important}
.nx-bh-scope,.nx-rm-scope,.nx-gt-scope{font-family:Inter,Arial,"Microsoft YaHei","PingFang SC",sans-serif!important;color:#eef5f8!important}
.nx-bh-scope .bh-app,.nx-rm-scope .admin-body,.nx-gt-scope .auth{background:transparent!important}
.nx-bh-scope .page-content,.nx-rm-scope .admin-content,.nx-gt-scope .content{background:transparent!important}
.nx-bh-scope .bh-app .bi-dashboard{background:transparent!important}
.nx-bh-scope .panel,.nx-bh-scope .card,.nx-bh-scope .focus-card,.nx-bh-scope .filters,
.nx-rm-scope .panel,.nx-rm-scope .stat-card,.nx-rm-scope .admin-card,
.nx-gt-scope .panel,.nx-gt-scope .stat-card{
  border-color:#263942!important;
}
.nx-bh-scope button,.nx-bh-scope .btn,.nx-rm-scope button,.nx-rm-scope .btn,.nx-gt-scope button,.nx-gt-scope .btn{
  min-height:36px;
  border-radius:9px!important;
  font-weight:900!important;
}
.nx-bh-scope input,.nx-bh-scope select,.nx-bh-scope textarea,
.nx-rm-scope input,.nx-rm-scope select,.nx-rm-scope textarea,
.nx-gt-scope input,.nx-gt-scope select,.nx-gt-scope textarea{
  border-radius:9px!important;
}

@media(max-width:900px){
  .nx-module-native-bar{grid-template-columns:38px minmax(0,1fr)!important}
  .nx-module-active{display:none!important}
  .nx-module-native-bar .nx-module-tabs a{min-height:36px!important;padding:0 10px!important}
}


:root{
  --nx84-bg:#050708;--nx84-bg2:#080c0f;--nx84-surface:#0b1013;--nx84-surface2:#0f1519;
  --nx84-line:#263138;--nx84-line2:#344149;--nx84-text:#f7fafc;--nx84-muted:#91a0aa;
  --nx84-gold:#ffd107;--nx84-green:#4be3a0;--nx84-red:#ff6977;--nx84-cyan:#66d9ff;
  --nx84-radius:14px;--nx84-shadow:0 14px 36px rgba(0,0,0,.22)
}
html{background:var(--nx84-bg);scrollbar-gutter:stable}body{background:var(--nx84-bg);color:var(--nx84-text);text-rendering:optimizeLegibility}
body,.app-shell,.portal-shell,.main,.portal-main{min-width:0}
.sidebar,.portal-sidebar{background:linear-gradient(180deg,#060a0c 0%,#030506 100%)!important;border-right:1px solid rgba(112,134,148,.15)!important}
.topbar,.portal-topbar{background:rgba(4,7,9,.94)!important;border-bottom:1px solid rgba(112,134,148,.17)!important;backdrop-filter:blur(14px)}
.content,.portal-content{width:100%;max-width:1660px!important;margin:0 auto!important;padding:26px 30px 44px!important;background-image:linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px)!important;background-size:36px 36px!important}
.panel,.control-panel,.portal-card,.module-card,.premium-module-card,.shared-api-card,.master-action-card,.master-access-card,.master-license-card{border-color:var(--nx84-line)!important;background:linear-gradient(180deg,var(--nx84-surface2),var(--nx84-surface))!important;box-shadow:var(--nx84-shadow)!important}
.panel:hover,.portal-card:hover,.premium-module-card:hover,.master-action-card:hover,.master-access-card:hover{border-color:rgba(255,209,7,.28)!important}
.panel-head,.portal-section-head{border-color:rgba(112,134,148,.18)!important}
input,select,textarea{background:#080d10!important;border-color:#314049!important;color:var(--nx84-text)!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-color:rgba(255,209,7,.62)!important;box-shadow:0 0 0 3px rgba(255,209,7,.075)!important;outline:0!important}
button,.btn,a.btn{transition:transform .12s ease,border-color .12s ease,background .12s ease,filter .12s ease}
button:active,.btn:active,a.btn:active{transform:translateY(1px)!important}
button.primary,.btn.primary,button.gold,.btn.gold{background:linear-gradient(180deg,#ffe66a,var(--nx84-gold))!important;border-color:#d8b300!important;color:#111!important;box-shadow:none!important}
.pill.ok,.status-pill.ok{color:var(--nx84-green)!important}.pill.off,.pill.danger,.status-pill.danger{color:var(--nx84-red)!important}
table{border-collapse:separate;border-spacing:0;width:100%}th{position:relative;color:#aab7bf!important;font-size:11px!important;letter-spacing:.04em}td{color:#e8eef1!important}tr:hover td{background:rgba(255,255,255,.018)!important}
.nx-module-native-bar{position:sticky!important;top:92px!important;z-index:16!important;min-height:54px!important;display:flex!important;align-items:center!important;gap:9px!important;margin:-10px 0 18px!important;padding:8px 10px!important;border:1px solid var(--nx84-line)!important;border-radius:14px!important;background:rgba(7,12,15,.96)!important;backdrop-filter:blur(12px)!important;box-shadow:0 10px 26px rgba(0,0,0,.16)!important}
.nx-module-tabs{display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important;min-width:0!important}.nx-module-tabs::-webkit-scrollbar{display:none}
.nx-module-tabs a{min-height:37px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:9px!important;color:#9eacb5!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important}
.nx-module-tabs a:hover{background:#10171b!important;color:#fff!important}.nx-module-tabs a.active{background:rgba(255,209,7,.09)!important;border-color:rgba(255,209,7,.43)!important;color:#ffe45c!important;box-shadow:inset 0 -2px 0 var(--nx84-gold)!important}
.nx-module-back{width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;border:1px solid #304049!important;border-radius:10px!important;background:#0c1316!important;color:#d7e0e5!important}
.nx-native-module-shell{min-width:0!important;width:100%!important}.nx-native-module-shell>*{min-width:0}
.portal-content>.nx-native-module-shell,.content>.nx-native-module-shell{width:100%}

/* Recovery Center — critical fallback independent of module stylesheet/cache. */
.nx-native-module-shell .recovery-filter-toolbar{display:flex!important;align-items:flex-end!important;gap:14px!important;width:100%!important;margin:0 0 14px!important;padding:14px 16px!important;border:1px solid var(--nx84-line)!important;border-radius:14px!important;background:linear-gradient(180deg,var(--nx84-surface2),var(--nx84-surface))!important;overflow:visible!important}
.nx-native-module-shell .recovery-filter-title{display:grid!important;gap:3px!important;min-width:150px!important}
.nx-native-module-shell .recovery-filterbar{display:grid!important;grid-template-columns:150px 170px minmax(260px,1fr) auto auto auto!important;gap:10px!important;align-items:end!important;flex:1!important;min-width:0!important}
.nx-native-module-shell .recovery-filterbar label{display:grid!important;gap:6px!important;min-width:0!important}.nx-native-module-shell .recovery-filterbar input,.nx-native-module-shell .recovery-filterbar select,.nx-native-module-shell .recovery-filterbar .btn,.nx-native-module-shell .recovery-filterbar button{width:100%;height:42px!important;min-height:42px!important;margin:0!important}
.nx-native-module-shell .recovery-more{position:relative!important;align-self:end!important}.nx-native-module-shell .recovery-more>summary{list-style:none!important;white-space:nowrap!important}.nx-native-module-shell .recovery-more>summary::-webkit-details-marker{display:none}.nx-native-module-shell .advanced-pop{z-index:25!important}
.nx-native-module-shell .recovery-stats,.nx-native-module-shell .recovery-stats-detail{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:0 0 14px!important;padding:0!important}
.nx-native-module-shell .recovery-stat{display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;min-height:96px!important;padding:14px 16px!important;margin:0!important;background:linear-gradient(180deg,var(--nx84-surface2),var(--nx84-surface))!important;border:1px solid var(--nx84-line)!important;border-radius:13px!important;box-shadow:none!important}
.nx-native-module-shell .recovery-stat section{display:grid!important;gap:2px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.nx-native-module-shell .recovery-stat small{display:block!important;margin:0!important;color:var(--nx84-muted)!important;font-size:11px!important;line-height:1.25!important;letter-spacing:.03em!important;text-transform:uppercase!important}
.nx-native-module-shell .recovery-stat b{display:block!important;margin:0!important;color:#fff!important;font-size:27px!important;line-height:1.08!important;font-weight:900!important}.nx-native-module-shell .recovery-stat em{display:block!important;margin:0!important;color:#71808a!important;font-size:11px!important;line-height:1.3!important;font-style:normal!important}
.nx-native-module-shell .recovery-stat .stat-icon{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;margin:0!important;border-radius:12px!important;background:#12181b!important;border:1px solid #334047!important}
.nx-native-module-shell .recovery-stat.red .stat-icon{border-color:rgba(255,105,119,.3)!important;background:rgba(255,105,119,.055)!important}.nx-native-module-shell .recovery-stat.green .stat-icon{border-color:rgba(75,227,160,.28)!important;background:rgba(75,227,160,.055)!important}.nx-native-module-shell .recovery-stat.gold .stat-icon,.nx-native-module-shell .recovery-stat.blue .stat-icon{border-color:rgba(255,209,7,.29)!important;background:rgba(255,209,7,.055)!important}
.nx-native-module-shell .recovery-workspace,.nx-native-module-shell .recovery-workspace-detail{display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;width:100%!important;min-width:0!important}
.nx-native-module-shell .recovery-queue,.nx-native-module-shell .recovery-detail{min-width:0!important;border:1px solid var(--nx84-line)!important;border-radius:14px!important;background:linear-gradient(180deg,var(--nx84-surface2),var(--nx84-surface))!important;overflow:hidden!important}
.nx-native-module-shell .recovery-detail{padding:14px!important}.nx-native-module-shell .recovery-queue{position:sticky!important;top:156px!important}

/* Integrated GameTips/Redeem: remove legacy shell leftovers and keep content dense. */
.nx-gt-scope,.nx-rm-scope,.nx-bh-scope{min-width:0!important;width:100%!important}.nx-gt-scope .content,.nx-rm-scope .admin-content,.nx-bh-scope .page-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:none!important}
.nx-gt-scope .sidebar,.nx-gt-scope .topbar,.nx-rm-scope .sidebar,.nx-rm-scope .admin-topbar,.nx-bh-scope .sidebar,.nx-bh-scope .topbar{display:none!important}

/* Touch/mobile completeness. */
@media(max-width:1180px){.nx-native-module-shell .recovery-filter-toolbar{display:grid!important}.nx-native-module-shell .recovery-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nx-native-module-shell .recovery-search{grid-column:1/-1}.nx-native-module-shell .recovery-stats-detail{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nx-native-module-shell .recovery-workspace-detail{grid-template-columns:1fr!important}.nx-native-module-shell .recovery-queue{position:relative!important;top:auto!important}.nx-module-native-bar{top:78px!important}}
@media(max-width:720px){.content,.portal-content{padding:16px 12px 28px!important}.nx-module-native-bar{position:relative!important;top:auto!important;margin:0 0 14px!important}.nx-module-active{display:none!important}.nx-native-module-shell .recovery-filterbar{grid-template-columns:1fr!important}.nx-native-module-shell .recovery-search{grid-column:auto}.nx-native-module-shell .recovery-stats-detail{grid-template-columns:1fr!important}.nx-native-module-shell .recovery-stat{min-height:84px!important}.nx-native-module-shell .recovery-workspace-detail{display:block!important}.nx-native-module-shell .recovery-detail{margin-top:12px!important}}


.nx-module-async{min-height:360px;border:1px solid rgba(121,154,171,.22);border-radius:18px;background:linear-gradient(180deg,rgba(14,22,27,.96),rgba(6,10,13,.98));padding:24px;overflow:hidden;position:relative}
.nx-module-async:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.045) 47%,transparent 60%);transform:translateX(-100%);animation:nxAsyncSweep 1.25s linear infinite;pointer-events:none}
.nx-module-async.loaded:before{display:none}.nx-module-async.loaded{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.nx-module-async-head{display:flex;align-items:center;gap:14px;padding:4px 2px 22px}.nx-module-async-head b{display:block;font-size:18px;color:#fff}.nx-module-async-head small{display:block;margin-top:4px;color:#7f96a5;font-size:12px}.nx-module-async-pulse{width:13px;height:13px;border-radius:50%;background:#ffd107;box-shadow:0 0 0 0 rgba(255,209,7,.35);animation:nxAsyncPulse 1.1s ease-out infinite}.nx-module-async-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.nx-module-async-grid i{display:block;height:112px;border-radius:14px;border:1px solid rgba(121,154,171,.15);background:linear-gradient(110deg,rgba(22,33,39,.82) 20%,rgba(35,48,55,.9) 36%,rgba(22,33,39,.82) 52%);background-size:220% 100%;animation:nxAsyncShimmer 1.15s linear infinite}.portal-nav-link.nx-nav-pending{border-color:rgba(255,209,7,.58)!important;background:linear-gradient(90deg,rgba(255,209,7,.13),rgba(255,209,7,.035))!important;color:#fff!important}.portal-nav-link.nx-nav-pending:after{content:"";width:12px;height:12px;margin-left:auto;border:2px solid rgba(255,209,7,.28);border-top-color:#ffd107;border-radius:50%;animation:nxNavSpin .55s linear infinite}
@keyframes nxAsyncSweep{to{transform:translateX(100%)}}@keyframes nxAsyncPulse{70%{box-shadow:0 0 0 10px rgba(255,209,7,0)}}@keyframes nxAsyncShimmer{to{background-position:-220% 0}}@keyframes nxNavSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.nx-module-async-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.nx-module-async{padding:16px;min-height:300px}.nx-module-async-grid{grid-template-columns:1fr 1fr}.nx-module-async-grid i{height:86px}}


/* Secure account session controls */
.account-session-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(180deg,rgba(16,22,26,.96),rgba(8,12,15,.96));box-shadow:0 12px 28px rgba(0,0,0,.18)}
.account-session-copy{min-width:0}.account-session-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f8f9;font-size:12px}.account-session-copy small{display:block;margin-top:3px;color:#63efb5;font-size:9px;font-weight:900;letter-spacing:.1em}.signout-trigger{grid-column:1/-1;width:100%;min-height:39px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,105,115,.2);border-radius:10px;background:rgba(255,88,99,.055);color:#ff9aa2;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:.15s}.signout-trigger:hover{background:rgba(255,88,99,.1);border-color:rgba(255,105,115,.38);transform:translateY(-1px)}
.portal-account-card{margin-top:auto}.portal-user.portal-account-card{padding:10px;border-top:1px solid rgba(255,255,255,.07)}

.rm-hero-clean{grid-template-columns:1fr!important}.rm-hero-clean>div{max-width:900px}
.signout-card{padding:22px 17px}
.portal-user.portal-account-card .operator-avatar{display:grid;margin:0;width:40px;height:40px;color:#ffd107;font-size:15px;font-weight:900;letter-spacing:0}
.portal-user.portal-account-card .account-session-copy b{display:block;color:#f5f8f9;font-size:12px}
.portal-user.portal-account-card .account-session-copy small{display:block;margin-top:3px;color:#63efb5;font-size:9px;font-weight:900;letter-spacing:.1em}
.portal-user.portal-account-card .signout-trigger span{display:inline;margin:0;color:inherit;font-size:10px;font-weight:900;letter-spacing:.08em}

/* Rewards Website Designer — GameTips-style output workflow */
.rw-source-panel{margin-bottom:16px}.rw-source-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px}.rw-source-grid>div{min-height:82px;padding:14px 16px;border:1px solid #26323a;border-radius:14px;background:#0a1013}.rw-source-brand{display:flex;align-items:center;gap:12px}.rw-source-grid small{display:block;color:#788a96;font-size:9px;font-weight:900;letter-spacing:.13em}.rw-source-grid b{display:block;margin-top:5px;font-size:13px}.rw-source-grid span{display:block;margin-top:4px;color:#7d8e98;font-size:10px}.rw-source-security.ready{border-color:rgba(82,242,176,.28);background:linear-gradient(135deg,rgba(82,242,176,.06),#0a1013)}.rw-source-security.locked{border-color:rgba(255,209,7,.26);background:linear-gradient(135deg,rgba(255,209,7,.05),#0a1013)}.rw-source-security.ready b{color:#52f2b0}.rw-source-security.locked b{color:var(--gold)}
.rw-launch-panel{margin-bottom:16px}.rw-launch-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:28px;align-items:center}.rw-launch-grid h2{margin:6px 0 8px;font-size:28px}.rw-launch-grid p{max-width:700px;color:#91a2ad;line-height:1.55}.rw-device-toggle{display:inline-flex;gap:4px;margin:16px 0;padding:4px;border:1px solid #27333b;border-radius:12px;background:#070b0d}.rw-device-toggle button{min-height:34px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#7e909a;font-size:10px;font-weight:900;letter-spacing:.08em}.rw-device-toggle button.active{background:var(--gold);color:#050607}.rw-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rw-steps>div{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #233039;border-radius:12px;background:#091014}.rw-steps>div>b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,209,7,.09);color:var(--gold);font-size:10px}.rw-steps strong,.rw-steps small{display:block}.rw-steps strong{font-size:11px}.rw-steps small{margin-top:3px;color:#71828c;font-size:9px}
.rw-device-stage{max-width:680px;margin-left:auto;transition:.2s ease}.rw-device-stage[data-device="mobile"]{max-width:340px}.rw-device-screen{overflow:hidden;border:1px solid #29353d;border-radius:18px;background:#050708;box-shadow:0 24px 60px rgba(0,0,0,.34)}.rw-device-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid #202a30;background:#0d1316}.rw-device-bar i{width:7px;height:7px;border-radius:50%;background:#ff6f79}.rw-device-bar i:nth-child(2){background:#ffd107}.rw-device-bar i:nth-child(3){background:#52f2b0}.rw-device-bar span{margin-left:6px;color:#71828d;font-size:8px;font-weight:900;letter-spacing:.08em}.rw-live-preview{min-height:390px;padding:17px;color:var(--rwt);background:var(--rwbg);font-family:Arial,sans-serif}.rw-live-preview[data-bg-fx="grid"]{background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--rwp) 16%,transparent),transparent 34%),var(--rwbg);background-size:26px 26px,26px 26px,auto,auto}.rw-live-preview[data-bg-fx="aurora"]{background:radial-gradient(circle at 15% 18%,color-mix(in srgb,var(--rwp) 22%,transparent),transparent 34%),radial-gradient(circle at 86% 30%,color-mix(in srgb,var(--rws) 18%,transparent),transparent 38%),var(--rwbg)}.rw-preview-brand{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--rwp) 18%,#263139)}.rw-preview-brand img{width:34px;height:34px;object-fit:contain;border-radius:8px}.rw-preview-brand div{min-width:0}.rw-preview-brand small,.rw-preview-brand b{display:block}.rw-preview-brand small{color:var(--rwp);font-size:6px;font-weight:900;letter-spacing:.12em}.rw-preview-brand b{margin-top:2px;font-size:10px}.rw-preview-brand>span{margin-left:auto;padding:5px 7px;border:1px solid #26343c;border-radius:999px;color:#7f919b;font-size:6px;font-weight:900}.rw-preview-hero{margin:14px 0;padding:18px;border:1px solid color-mix(in srgb,var(--rwp) 32%,#253039);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--rwp) 8%,#0b1114),#091014)}.rw-preview-hero h3{margin:4px 0 5px;font-size:24px;line-height:1}.rw-preview-hero p{margin:0 0 12px;color:#91a2ad;font-size:8px;line-height:1.45}.rw-preview-hero button{min-height:28px;padding:0 12px;border:0;border-radius:7px;background:var(--rwbtn);color:#050607;font-size:7px;font-weight:900}.rw-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rw-preview-grid article{min-height:58px;padding:9px;display:flex;align-items:center;gap:8px;border:1px solid #26333b;border-radius:10px;background:#091014}.rw-preview-grid article>i{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--rwp) 12%,#070b0d);color:var(--rwp);font-style:normal;font-size:8px;font-weight:900}.rw-preview-grid b,.rw-preview-grid span{display:block}.rw-preview-grid b{font-size:8px}.rw-preview-grid span{margin-top:3px;color:#71828c;font-size:6px}.rw-device-stage[data-device="mobile"] .rw-preview-grid{grid-template-columns:1fr}.rw-device-stage[data-device="mobile"] .rw-preview-hero h3{font-size:20px}
.rw-builder-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;align-items:start}.rw-theme-panel,.rw-security-panel{margin-bottom:16px}.rw-security-panel{position:sticky;top:108px}.rw-security-list{display:grid;gap:9px}.rw-security-list>div{padding:12px 13px;border:1px solid #25323a;border-radius:12px;background:#091014}.rw-security-list small,.rw-security-list b{display:block}.rw-security-list small{color:#758792;font-size:9px;font-weight:900;letter-spacing:.11em}.rw-security-list b{margin-top:5px;font-size:11px;overflow-wrap:anywhere}.rw-good{color:#52f2b0}.rw-bad{color:#ffd107}.rw-security-note{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;border:1px solid rgba(255,209,7,.18);border-radius:12px;background:rgba(255,209,7,.035)}.rw-security-note i{color:var(--gold);margin-top:2px}.rw-security-note p{margin:0;color:#8fa0aa;font-size:10px;line-height:1.5}.rw-after-login{margin-top:16px;padding-top:16px;border-top:1px solid #25313a}.rw-after-login h3{margin:6px 0}.rw-after-login p{color:#8c9da7;font-size:11px;line-height:1.55}.rw-after-login label{display:block;margin-top:12px;color:#84959f;font-size:9px;font-weight:900}.rw-after-login input{margin-top:6px}.rw-after-login code{display:block;margin-top:10px;padding:10px;border:1px solid #25313a;border-radius:10px;background:#06090b;color:#d7e1e6;font-size:9px;overflow-wrap:anywhere}.rw-after-login small{display:block;margin-top:7px;color:#6f808a;font-size:9px;line-height:1.4}
.rw-code-panel{margin-bottom:18px}.rw-code-actions{display:flex;gap:10px;margin:12px 0 14px}.rw-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rw-code-grid label{display:block;color:#81939e;font-size:9px;font-weight:900;letter-spacing:.1em}.rw-code-grid .codebox{width:100%;min-height:360px;margin-top:8px;padding:14px;border:1px solid #26333b;border-radius:12px;background:#05080a;color:#d9e4e9;font-family:"Cascadia Code",Consolas,monospace;font-size:10px;line-height:1.55;resize:vertical}.rw-code-actions button[disabled]{opacity:.45;cursor:not-allowed}
@media(max-width:1180px){.rw-source-grid,.rw-launch-grid,.rw-builder-grid{grid-template-columns:1fr}.rw-device-stage{max-width:none;margin:0}.rw-security-panel{position:relative;top:auto}.rw-code-grid{grid-template-columns:1fr}}
@media(max-width:700px){.rw-source-grid{grid-template-columns:1fr}.rw-steps{grid-template-columns:1fr}.rw-launch-panel,.rw-theme-panel,.rw-security-panel,.rw-code-panel{padding:16px}.rw-code-actions{flex-direction:column}.rw-device-stage[data-device="desktop"]{max-width:100%}}


/* V2.4.3 MASTER SIDEBAR — vertical scroll only, never show a horizontal bar */
.sidebar{overflow:hidden!important}
.side-nav{overflow-y:auto!important;overflow-x:hidden!important;min-width:0!important;max-width:100%!important;scrollbar-gutter:stable}
.side-nav,.nav-group,.nav-link{max-width:100%!important;min-width:0!important}
.nav-link>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* V2.4.2 full build: sidebar and MASTER module switch refinement */
.sidebar{overflow-x:hidden!important}.side-nav{overflow-x:hidden!important;overscroll-behavior-x:none}.side-nav::-webkit-scrollbar:horizontal{display:none!important;height:0!important}
.master-status-block{display:grid;gap:8px}.field-caption{display:block;color:#8fa3af;font-size:10px;font-weight:900;letter-spacing:.12em}.master-status-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.master-status-segment label{cursor:pointer;min-width:0}.master-status-segment input{position:absolute;opacity:0;pointer-events:none}.master-status-segment label>span{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 14px;border:1px solid #26363f;border-radius:14px;background:linear-gradient(180deg,#0d1519,#091014);color:#9aabb4;transition:.18s ease}.master-status-segment label>span>i{width:10px;height:10px;border-radius:50%;background:#58666e;box-shadow:0 0 0 4px rgba(255,255,255,.02)}.master-status-segment label>span>b{font-size:13px;color:#fff;letter-spacing:.05em}.master-status-segment label>span>small{margin-left:auto;font-size:8px;font-weight:900;letter-spacing:.08em;color:#778b95}.master-status-segment label:hover>span{transform:translateY(-1px);border-color:rgba(255,209,7,.26)}.master-status-segment .state-active input:checked+span{border-color:rgba(64,232,171,.48);background:linear-gradient(180deg,rgba(54,224,165,.13),#0a1515);box-shadow:0 10px 24px rgba(0,0,0,.14)}.master-status-segment .state-active input:checked+span>i{background:#40e8ab;box-shadow:0 0 14px rgba(64,232,171,.55)}.master-status-segment .state-active input:checked+span>small{color:#68efbe}.master-status-segment .state-maintenance input:checked+span{border-color:rgba(255,209,7,.5);background:linear-gradient(180deg,rgba(255,209,7,.14),#15130a)}.master-status-segment .state-maintenance input:checked+span>i{background:#ffd107;box-shadow:0 0 14px rgba(255,209,7,.5)}.master-status-segment .state-maintenance input:checked+span>small{color:#ffe46a}.master-status-segment .state-disabled input:checked+span{border-color:rgba(255,91,105,.45);background:linear-gradient(180deg,rgba(255,91,105,.13),#170c0e)}.master-status-segment .state-disabled input:checked+span>i{background:#ff5b69;box-shadow:0 0 14px rgba(255,91,105,.45)}.master-status-segment .state-disabled input:checked+span>small{color:#ff8a95}@media(max-width:700px){.master-status-segment{grid-template-columns:1fr}.master-status-segment label>span{min-height:50px}}

/* Company portal navigation section captions */
.portal-nav-section{
  margin:16px 10px 5px!important;
  padding:0 4px!important;
  color:#667780!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
@media(max-width:820px){
  .portal-nav-section{
    grid-column:1/-1!important;
    margin:10px 4px 2px!important;
    padding:0!important;
    text-align:left!important;
    font-size:8px!important;
  }
}

