/* Shared modern visual layer; all action pictograms use Lucide. */
:root{--ui-surface:rgba(17,29,50,.82);--ui-border:rgba(148,180,230,.16);--ui-shadow:0 18px 42px rgba(2,8,23,.22);--ui-radius:18px}body{background:radial-gradient(circle at 18% -10%,rgba(42,185,167,.15),transparent 31rem),radial-gradient(circle at 100% 12%,rgba(96,99,255,.15),transparent 28rem),var(--bg,#07111f)}
.panel,.card,.server-card,.network-card,.plugin-card,.bot-card,.npc-card,.support-case,.support-ban{border-color:var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);background-color:var(--ui-surface);backdrop-filter:blur(12px)}
.panel:hover,.card:hover,.server-card:hover,.network-card:hover,.plugin-card:hover,.bot-card:hover,.npc-card:hover{border-color:rgba(110,220,202,.31)}
button,.text-btn,.control,.primary,.secondary,.icon-btn{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}button:not(:disabled):hover,.text-btn:not(:disabled):hover,.control:not(:disabled):hover,.primary:not(:disabled):hover,.secondary:not(:disabled):hover,.icon-btn:not(:disabled):hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(78,206,184,.5);outline-offset:2px}
.primary,button.primary,.control.start{box-shadow:0 8px 20px rgba(25,170,146,.22)}.control,.text-btn,.primary,.secondary,.quick>button,.login-card .primary{display:inline-flex;align-items:center;justify-content:center;gap:.48rem}.control .lucide,.text-btn .lucide,.primary .lucide,.secondary .lucide,.quick>button .lucide,.login-card .primary .lucide,button .action-icon{width:1rem;height:1rem;flex:0 0 auto;stroke-width:2.25}
.quick>button{position:relative;min-height:76px;padding:.75rem .8rem;text-align:left;border-color:rgba(148,180,230,.15)}.quick>button:hover{background:rgba(57,192,169,.09)}.quick>button>span{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;border-radius:12px;color:#8df4df;background:rgba(61,208,181,.13)}
.quick>button .quick-icon{width:1.1rem;height:1.1rem}.status,.badge,.pill,.server-status,.state{border-radius:999px;letter-spacing:.01em}.login-card .primary>span{display:grid;place-items:center}
@media (max-width:700px){.panel,.card,.server-card,.network-card,.plugin-card,.bot-card,.npc-card,.support-case,.support-ban{border-radius:15px}.quick>button{min-height:70px}}
/* Licensed reference-inspired dashboard system: compact Bootstrap-like surfaces. */
html[data-theme="light"]{color-scheme:light;--bg:#f5f6fa;--surface:#fff;--surface-quiet:#f8f9fb;--ink:#212529;--muted:#6c757d;--line:#e7e9ee;--green:#0d6efd;--green-dark:#0b5ed7;--mint:#e9f2ff;--danger:#dc3545;--white:#fff;--bb-nav:#fff;--bb-nav-ink:#495057;--bb-shadow:0 1px 3px rgba(24,35,52,.08)}
html[data-theme="dark"]{color-scheme:dark;--bg:#111318;--surface:#1a1e26;--surface-quiet:#222733;--ink:#f1f3f5;--muted:#a7afba;--line:#303744;--green:#4d78bd;--green-dark:#3c629d;--mint:#1d2e4a;--danger:#ff7b86;--white:#1a1e26;--bb-nav:#181b22;--bb-nav-ink:#abb4c0;--bb-shadow:0 1px 3px rgba(0,0,0,.28)}
body{background:var(--bg);color:var(--ink);font-family:Geist,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
body,.login-wrap{background-image:none}.login-wrap{background:var(--bg)}
.app{grid-template-columns:264px 1fr;background:var(--bg)}
.app>aside{width:264px;padding:20px 12px;background:var(--bb-nav);color:var(--bb-nav-ink);border-right:1px solid var(--line);box-shadow:none}
.brand{padding:4px 10px 25px;color:var(--ink);letter-spacing:-.02em;font-size:18px}.brand-mark{border-radius:8px;clip-path:none;background:#0d6efd;box-shadow:none}
aside nav{gap:3px}aside nav .nav{min-height:42px;padding:10px 12px;border-radius:7px;color:var(--bb-nav-ink);font-weight:500}aside nav .nav:hover{transform:none;background:color-mix(in srgb,var(--green) 9%,transparent);color:var(--green)}
aside nav .nav.active{background:var(--green);color:#fff;box-shadow:none}.aside-foot{border-top-color:var(--line);color:var(--ink)}.aside-foot small{color:var(--muted)}
main{background:var(--bg)}
header{height:76px;padding:0 clamp(22px,3.5vw,48px);background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom-color:var(--line);box-shadow:none}header h2{font-family:inherit;font-size:20px;font-weight:700;letter-spacing:-.02em}
.header-actions{gap:8px}.server-selector{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);box-shadow:none}.icon-btn,.avatar{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);box-shadow:none}.avatar{border-radius:50%;background:var(--green);color:#fff}
.primary,button.primary{border-radius:7px;background:var(--green);box-shadow:none}.primary:hover:not(:disabled){background:var(--green-dark);box-shadow:none}.text-btn{color:var(--green)}
.page{max-width:1680px;padding:28px clamp(22px,3.5vw,48px) 56px}.hero{border:1px solid var(--line);border-radius:10px;padding:28px 30px;background:linear-gradient(115deg,var(--green),var(--green-dark));box-shadow:var(--bb-shadow)}.hero:after{display:none}.hero h1,.hero h2{font-family:inherit}.controls .control{border-radius:7px}
.stats{gap:16px}.stats article,.panel,.network-card,.bot-card,.npc-card,.plugin-card,.support-case,.support-ban{border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--bb-shadow);backdrop-filter:none}.stats article,.panel{padding:22px}.panel h3{font-family:inherit;font-size:17px;font-weight:650}.stat-icon{border-radius:8px;background:var(--mint);color:var(--green)}
.quick>button{min-height:64px;background:var(--surface);border-color:var(--line);border-radius:0}.quick>button:hover{background:var(--surface-quiet)}.quick>button>span{border-radius:50%;background:var(--mint);color:var(--green)}
input,select,textarea{border-color:var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;border-radius:7px!important}.confirm-modal{background:var(--surface);color:var(--ink);border-color:var(--line)}
@media(min-width:761px) and (max-width:1050px){.app{grid-template-columns:76px 1fr}.app>aside{width:76px;padding-inline:10px}.brand{padding-inline:6px}}
@media(max-width:760px){.app>aside{background:var(--bb-nav);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.08)}aside nav .nav{color:var(--bb-nav-ink)}aside nav .nav.active{background:var(--green);color:#fff}header{background:var(--surface)}.hero{border-radius:10px}.page{padding:18px 14px 30px}}
/* Complete dark-mode treatment for components with legacy fixed light colors. */
html[data-theme="dark"] .login-card,html[data-theme="dark"] .player,html[data-theme="dark"] .support-player,html[data-theme="dark"] .support-case,html[data-theme="dark"] .support-ban,html[data-theme="dark"] .network-wizard,html[data-theme="dark"] .item-editor{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .player:hover,html[data-theme="dark"] .support-player:hover,html[data-theme="dark"] .support-player.selected{background:var(--surface-quiet);border-color:var(--green)}
html[data-theme="dark"] .player-badge,html[data-theme="dark"] .support-avatar,html[data-theme="dark"] .status-pill.compact,html[data-theme="dark"] .wizard-header span,html[data-theme="dark"] .network-address{background:var(--mint);color:#b9d3ff}
html[data-theme="dark"] .network-state{background:#2b2b25;border-color:#605a42;color:#e4c875}html[data-theme="dark"] .network-state.online{background:#1e332a;border-color:#376b4e;color:#8bd1a8}html[data-theme="dark"] .network-state.countdown{background:#382820;border-color:#75563e;color:#e6b487}
html[data-theme="dark"] .network-wizard::backdrop,html[data-theme="dark"] .confirm-modal::backdrop{background:rgba(4,7,12,.76)}html[data-theme="dark"] .wizard-actions{border-color:var(--line)}
html[data-theme="dark"] .control.start{background:#2b3544;color:#dce7f9;border-color:#45566d}html[data-theme="dark"] .control:not(.start){background:#222936;color:#d7dee9;border-color:#394453}html[data-theme="dark"] .control.danger{color:#ffabb1}
html[data-theme="dark"] button:disabled,html[data-theme="dark"] .primary:disabled,html[data-theme="dark"] .control:disabled{opacity:1;background:#272d37!important;color:#7f8997!important;border-color:#3a4350!important;box-shadow:none!important;cursor:not-allowed}
html[data-theme="dark"] .login-card input,html[data-theme="dark"] .settings-form textarea,html[data-theme="dark"] .support-form input,html[data-theme="dark"] .support-form select,html[data-theme="dark"] .network-wizard input,html[data-theme="dark"] .network-wizard select,html[data-theme="dark"] .network-wizard textarea{background:var(--surface-quiet)!important;color:var(--ink)!important;border-color:var(--line)!important}
@media(max-width:760px){html[data-theme="dark"] .inventory-actions{background:var(--surface);box-shadow:0 -8px 18px rgba(0,0,0,.32)}}