:root{color-scheme:dark;--bg:#080d14;--surface:#0d1420;--surface-2:#111925;--surface-3:#151f2e;--line:#202b3a;--text:#e8edf4;--muted:#7f8b9b;--green:#43c980;--green-dim:rgba(67,201,128,.12);--blue:#3b82f6;--blue-dim:rgba(59,130,246,.14);--red:#ed6b6b;--amber:#d8a737;--sidebar:232px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 0,rgba(76,125,34,.07),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:23px 16px;display:flex;flex-direction:column;background:rgba(6,13,9,.97);border-right:1px solid var(--line);z-index:20}.logo{display:flex;align-items:center;gap:11px;padding:0 8px 25px;font-size:15px}.logo>span{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;font-size:24px}.logo b{line-height:1.1}.logo em{color:var(--green);font-style:normal}.logo small{display:block;margin-top:5px;color:#667269;font-size:8px;letter-spacing:1.8px}.sidebar nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.sidebar nav p{margin:19px 12px 6px;color:#536057;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 13px;border:0;border-radius:10px;background:transparent;color:#9ca69f;text-align:left;font-size:12px;font-weight:700}.nav-item>span{width:20px;color:#68756c;font-size:17px;text-align:center}.nav-item:hover,.nav-item.active{background:var(--green-dim);color:#e9f4e3}.nav-item.active>span{color:var(--green)}.sidebar-foot{margin-top:auto;padding:18px 12px 2px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f7a72;font-size:10px}.sidebar-foot a:hover{color:var(--green)}
.shell{min-height:100vh;margin-left:var(--sidebar)}.topbar{height:76px;padding:0 clamp(24px,3.4vw,50px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(6,11,8,.74);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar>div:first-of-type p{margin:0 0 3px;color:#5c6a60;font-size:8px;font-weight:900;letter-spacing:1.6px}.topbar>div:first-of-type strong{font-size:14px}.admin-user{display:flex;align-items:center;gap:10px}.admin-user>span{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(216,180,74,.1)}.admin-user>span.online{background:var(--green)}.admin-user b,.admin-user small{display:block}.admin-user b{font-size:11px}.admin-user small{margin-top:2px;color:var(--muted);font-size:9px}.mobile-menu{display:none;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);padding:7px 10px}
main{padding:40px clamp(24px,3.4vw,50px) 70px;max-width:1600px;margin:auto}.view{display:none}.view.active{display:block}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.heading h1{margin:5px 0 7px;font-size:29px;letter-spacing:-.8px}.heading>div>span{color:var(--muted);font-size:12px}.kicker{margin:0;color:var(--green);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1.7px}
.button{border:0;border-radius:10px;padding:10px 14px;color:var(--text);font-size:11px;font-weight:800}.button.primary{background:linear-gradient(135deg,#65aa22,var(--green));color:#061004}.button.subtle{border:1px solid var(--line);background:rgba(255,255,255,.035)}.button:hover{filter:brightness(1.12)}.text-button{border:0;background:none;color:var(--green);font-size:10px;font-weight:800}.badge{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.badge.green{border-color:rgba(134,207,50,.25);background:var(--green-dim);color:var(--green)}
.button.danger{border:1px solid rgba(230,104,97,.3);background:rgba(230,104,97,.1);color:var(--red)}
.align-end{align-self:end}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-grid article,.card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:0 18px 50px rgba(0,0,0,.1)}.metric-grid article{padding:19px 20px}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:9px}.metric-grid span{text-transform:uppercase;font-weight:800;letter-spacing:.7px}.metric-grid b{display:block;margin:11px 0 6px;font-size:25px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.card{padding:20px}.card+.card{margin-top:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.card-head h2{margin:3px 0 0;font-size:15px}.card-head>div>span,.card-head>span:not(.badge){display:block;margin-top:4px;color:var(--muted);font-size:9px}.stack{display:grid;gap:8px}.stack-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.025);font-size:10px}.stack-item b{display:block;margin-bottom:3px}.stack-item small{color:var(--muted)}.empty{padding:25px 0;color:var(--muted);font-size:11px;text-align:center}
.players-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);gap:18px}.player-list-card{margin:0!important}.player-list{display:grid;gap:8px;max-height:680px;overflow:auto}.player-row{width:100%;padding:12px;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;color:var(--text);text-align:left}.player-row:hover,.player-row.active{border-color:rgba(134,207,50,.28);background:var(--green-dim)}.player-row .avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#071009}.player-row b,.player-row small{display:block}.player-row b{font-size:11px}.player-row small{margin-top:3px;color:var(--muted);font-size:8px}.player-row>strong{color:var(--green);font-size:11px}.editor-stack .card:first-child{margin-top:0}.field{display:grid;gap:6px}.field>span{color:#839087;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.field input,.field select,.field textarea,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#07100b;color:var(--text);padding:10px 11px;outline:none;font-size:11px}.field input:focus,.field select:focus,.field textarea:focus,textarea:focus{border-color:rgba(134,207,50,.5)}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.live-grid .field>div{display:grid;grid-template-columns:1fr auto}.live-grid input{border-radius:9px 0 0 9px}.live-grid button{border:0;border-radius:0 9px 9px 0;padding:0 14px;background:var(--green);color:#071007;font-size:9px;font-weight:900}.mutation-grid{display:grid;grid-template-columns:140px 1fr;gap:11px;margin-bottom:12px}.form-status{min-height:15px;margin:11px 0 0;color:var(--muted);font-size:10px}.form-status.ok{color:var(--green)}.form-status.error{color:var(--red)}
.prime-panel{margin-top:15px;padding:14px;border:1px solid rgba(216,180,74,.2);border-radius:11px;background:rgba(216,180,74,.045)}.prime-head{display:flex;justify-content:space-between;gap:12px}.prime-head b{font-size:11px}.prime-head span{color:var(--amber);font-size:10px;font-weight:900}.prime-bar{height:5px;margin:10px 0;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.prime-bar i{display:block;height:100%;background:var(--amber)}.prime-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.prime-list span{font-size:8px;color:#6f7a72}.prime-list span.done{color:var(--green)}
.search{width:min(270px,100%);display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.search input{width:100%;border:0;background:none;color:var(--text);padding:10px 0;outline:none;font-size:10px}.module-groups{display:grid;gap:25px}.module-group>h2{margin:0 0 10px;color:#809086;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.module-card{min-height:136px;padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface-2),var(--surface));color:var(--text);text-align:left}.module-card:hover{border-color:rgba(134,207,50,.32);transform:translateY(-1px)}.module-card>div{display:flex;justify-content:space-between;gap:9px;align-items:start}.module-card h3{margin:0;font-size:12px}.module-card p{margin:12px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.status-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#475249}.status-dot.on{background:var(--green);box-shadow:0 0 0 4px var(--green-dim)}.module-card footer{margin-top:14px;display:flex;gap:5px;flex-wrap:wrap}
.record-tools{display:flex;align-items:end;gap:10px}.record-tools .field{min-width:260px}.record-list{display:grid;gap:8px;margin-top:18px}.record-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border-radius:9px;background:rgba(255,255,255,.025)}.record-row pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#aab5ad;font:9px/1.5 ui-monospace,monospace}.delete-button{align-self:start;border:0;background:rgba(230,104,97,.1);color:var(--red);border-radius:7px;padding:7px 9px;font-size:9px}.card>textarea{resize:vertical;font-family:ui-monospace,monospace;margin-bottom:10px}.compact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:760px}.compact-form .full{grid-column:1/-1}.audit-list{display:grid;gap:7px}.audit-row{display:grid;grid-template-columns:150px 1fr 180px;gap:14px;padding:11px;border-bottom:1px solid var(--line);font-size:9px}.audit-row:last-child{border:0}.audit-row span{color:var(--muted)}
.config-editor{width:100%;margin-top:18px!important;min-height:430px;resize:vertical!important;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace!important}.config-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.config-actions .form-status{margin:0}.server-metrics b{font-size:18px!important}
dialog{width:min(620px,calc(100% - 28px));border:1px solid var(--line);border-radius:16px;background:#09120d;color:var(--text);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.dialog-card{padding:25px;position:relative}.dialog-card h2{margin:5px 0 7px}.dialog-card>p:not(.kicker,.form-status){margin:0 0 18px;color:var(--muted);font-size:11px;line-height:1.6}.dialog-close{position:absolute;right:16px;top:13px;border:0;background:none;color:var(--muted);font-size:23px}.module-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:11px;border-radius:10px;background:rgba(255,255,255,.025)}.switch{display:flex;align-items:center;gap:8px;color:#b0bab3;font-size:10px}.switch input{position:absolute;opacity:0}.switch>span{width:32px;height:18px;padding:2px;border-radius:99px;background:#364039}.switch>span:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#8e9991;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translateX(14px);background:#071007}.dialog-card textarea{resize:vertical;font-family:ui-monospace,monospace}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}

/* IslePilot-style information architecture: dense fixed sidebar and page workspace. */
body{background:var(--bg);font-size:11px}.sidebar{padding:12px 9px 10px;background:#0a101a}.logo{gap:9px;padding:0 7px 12px;font-size:12px}.logo>span{width:31px;height:31px;border-color:var(--blue);border-radius:6px;color:#fff;background:var(--blue);font-size:9px;font-weight:950}.logo em{color:#fff}.logo small{margin-top:3px;font-size:7px}.sidebar nav{flex:1;min-height:0;gap:1px;padding-right:2px;scrollbar-color:#26344a transparent;scrollbar-width:thin}.sidebar nav p{margin:12px 9px 4px;color:#536174;font-size:7px}.nav-item{min-height:29px;gap:8px;padding:6px 9px;border-radius:4px;color:#9aa6b7;font-size:9px;font-weight:650}.nav-item>span{width:15px;color:#708095;font-size:12px}.nav-item:hover,.nav-item.active{background:var(--blue-dim);color:#eef5ff}.nav-item.active{box-shadow:inset 2px 0 var(--blue)}.nav-item.active>span{color:#74a7ff}.server-switch{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;margin:8px 3px 2px;padding:8px;border:1px solid var(--line);border-radius:5px;background:#101827}.server-initial{width:27px;height:27px;display:grid;place-items:center;border-radius:4px;background:#1b2b45;color:#a9c6f8;font-size:9px;font-weight:900}.server-switch b,.server-switch small{display:block}.server-switch b{font-size:8px}.server-switch small{margin-top:3px;color:var(--muted);font-size:7px}.server-switch small i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:var(--green)}.server-switch em{color:#64748b;font-style:normal}.sidebar-foot{padding:10px 8px 0;font-size:8px}.shell{background:var(--bg)}.topbar{height:49px;padding:0 22px;background:#090f18}.topbar>div:first-of-type p{font-size:7px}.topbar>div:first-of-type strong{font-size:10px}.admin-user b{font-size:9px}.admin-user small{font-size:7px}main{max-width:none;padding:22px 24px 60px}.heading{align-items:center;margin-bottom:15px}.heading h1{margin:5px 0 4px;font-size:16px;letter-spacing:-.2px}.heading>div>span{font-size:8px}.breadcrumb{margin:0;color:#607087;font-size:7px}.breadcrumb b{padding:0 5px;color:#39475b}.online-pill{display:inline-flex;vertical-align:middle;margin-left:6px;padding:3px 6px;border-radius:99px;background:rgba(67,201,128,.1);color:var(--green);font:700 7px/1 system-ui}.kicker{color:#74a7ff;font-size:7px}.button{border-radius:4px;padding:7px 10px;font-size:8px}.button.primary{background:var(--blue);color:#fff}.button.subtle{background:#111a27}.metric-grid{gap:10px;margin-bottom:10px}.metric-grid article,.card{border-radius:6px;background:var(--surface-2);box-shadow:none}.metric-grid article{min-height:74px;padding:12px 13px}.metric-grid span,.metric-grid small{font-size:7px}.metric-grid b{margin:10px 0 4px;font-size:18px}.card{padding:13px}.card+.card{margin-top:10px}.card-head{margin-bottom:11px}.card-head h2{font-size:10px}.card-head>div>span,.card-head>span:not(.badge){font-size:7px}.search{border-radius:4px;background:#0c131e}.search input{padding:7px 0;font-size:8px}.table-search{width:230px}.server-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:10px}.server-control h2{margin:0 0 4px;font-size:9px}.server-control p{margin:0;color:var(--muted);font-size:7px}.server-control>div:last-of-type{display:flex;gap:5px}.button.power.start{background:var(--blue);color:#fff}.button.power.restart{background:#6c72df;color:#fff}.button.power.stop{background:#d0525a;color:#fff}.server-control>.form-status{grid-column:1/-1;margin:0}.table-wrap{overflow:auto}.players-table{width:100%;border-collapse:collapse;font-size:8px}.players-table th{padding:8px 7px;border-block:1px solid var(--line);color:#657389;text-align:left;font-size:7px;font-weight:650}.players-table td{padding:8px 7px;border-bottom:1px solid #172231;color:#8190a4}.players-table td:first-child{display:flex;align-items:center;gap:7px;color:#d8e0eb}.player-mark{width:20px;height:20px;display:grid;place-items:center;border-radius:3px;background:#16243a;color:#8eb6f8;font-size:6px}.table-online{color:var(--green)}.help-dot{display:inline-grid;width:12px;height:12px;place-items:center;border-radius:50%;background:#263246;color:#8c9bae;font-size:7px}.players-layout{gap:10px}.player-row{border-radius:5px}.field input,.field select,.field textarea,textarea{border-radius:4px;background:#0b121d;padding:7px 8px;font-size:8px}.field>span{font-size:7px}.live-grid input{border-radius:4px 0 0 4px}.live-grid button{border-radius:0 4px 4px 0}.badge{border-radius:4px;font-size:7px}.module-settings-card{padding:13px}.module-meta.inline{margin:0;padding:0;background:transparent}.settings-fields{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:6px;padding-top:11px;border-top:1px solid var(--line)}.config-field input:disabled{border-style:dashed;color:#8d99a9;cursor:not-allowed}.setting-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #1b2635}.setting-toggle b,.setting-toggle small{display:block}.setting-toggle b{font-size:8px}.setting-toggle small{margin-top:4px;color:var(--muted);font-size:7px}.compact-switch{font-size:0}.advanced-config{margin-top:13px;border:1px solid var(--line);border-radius:4px;background:#0c131e}.advanced-config summary{padding:9px 10px;color:#8d9aad;font-size:8px;cursor:pointer}.advanced-config textarea{min-height:180px;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;font-family:ui-monospace,monospace}.module-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.module-save-row .form-status{margin:0}.settings-empty{grid-column:1/-1;margin:0;padding:14px;border:1px dashed var(--line);color:var(--muted);font-size:8px}.record-row{border:1px solid #1b2635;border-radius:4px;background:#0c131e}.sidebar,.topbar,.card,.metric-grid article{transition:border-color .15s ease}
@media(max-width:1200px){.module-grid{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:1fr 1fr}.settings-fields{grid-template-columns:1fr 1fr}}
@media(max-width:900px){:root{--sidebar:230px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.shell{margin-left:0}.mobile-menu{display:block}.topbar{justify-content:flex-start;gap:16px}.admin-user{margin-left:auto}.players-layout,.two-col{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){main{padding:20px 12px 60px}.topbar{padding:0 12px}.metric-grid,.live-grid,.module-grid,.compact-form,.settings-fields{grid-template-columns:1fr}.heading{align-items:stretch;flex-direction:column}.heading .search{width:100%}.record-tools{align-items:stretch;flex-direction:column}.record-tools .field{min-width:0}.server-box{grid-template-columns:1fr}.compact-form .full{grid-column:auto}.audit-row{grid-template-columns:1fr}.mutation-grid{grid-template-columns:1fr}.server-control{grid-template-columns:1fr}.server-control>div:last-of-type{flex-wrap:wrap}.table-search{width:100%}.module-save-row{align-items:stretch;flex-direction:column}.module-save-row .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.custom-domain-box,.dns-card{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.custom-domain-box strong,.dns-card b{display:block;margin-bottom:5px}
.custom-domain-box small,.dns-card small{display:block;opacity:.65}
.custom-domain-actions{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-top:14px}
.dns-card{flex:1;min-width:280px}
.dns-card code{display:block;margin:8px 0;padding:9px;border-radius:8px;background:rgba(0,0,0,.25);overflow:auto}

/* Clear navigation groups for the production control panel. */
.sidebar nav p{position:sticky;top:0;z-index:2;margin:13px 5px 4px;padding:6px 4px 4px;background:#0a101a;color:#718096;letter-spacing:1.2px}
.nav-item{min-height:31px;color:#aeb8c6}
.nav-item + p{margin-top:18px}


/* THEISLEVIET_NATIVE_CONTROLS_V1 */
.mutation-slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.admin-skin-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.admin-skin-field{display:grid;gap:6px;padding:9px;border:1px solid var(--line);border-radius:5px;background:#0c131e}
.admin-skin-field label{color:#839087;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.admin-skin-field input,.admin-skin-field select{width:100%;border:1px solid var(--line);border-radius:4px;background:#0b121d;color:var(--text);padding:7px 8px;font-size:8px}
.native-action-row{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
@media(max-width:560px){.mutation-slot-grid,.admin-skin-fields{grid-template-columns:1fr}}


/* THEISLEVIET_REAL_MODULE_UI_V1 */
.module-action-area{display:grid;gap:12px}
.module-action-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.module-field-wide{grid-column:1/-1}
.module-native-missing{display:grid;gap:6px;padding:12px;border:1px solid rgba(216,167,55,.28);border-radius:5px;background:rgba(216,167,55,.06)}
.module-native-missing b{color:var(--amber);font-size:9px;letter-spacing:.7px}
.module-native-missing span{color:var(--muted);font-size:8px;line-height:1.6}
.module-record-card{align-items:start}
.module-record-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.module-record-fields>div{padding:8px;border:1px solid #1b2635;border-radius:4px;background:#0a111b}
.module-record-fields small,.module-record-fields b{display:block;overflow-wrap:anywhere}
.module-record-fields small{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.4px}
.module-record-fields b{margin-top:4px;color:#dbe5f0;font-size:8px;font-weight:650}
@media(max-width:800px){.module-action-form,.module-record-fields{grid-template-columns:1fr}}

.garage-id-search{display:none;gap:10px;align-items:center;margin:0 0 14px}
.garage-id-search input{min-width:320px;max-width:560px;flex:1}
body:has(.nav-item.active[data-slug="garage"]) #moduleActionCard{display:none!important}
body:has(.nav-item.active[data-slug="garage"]) .garage-id-search{display:flex}
body:has(.nav-item.active[data-slug="garage"]) #reloadModuleRecords{display:none!important}
