/* MaxServers / License Control. Local assets only, no scripts or external fonts. */
:root {
    --blue:#175ce5; --ink:#172b44; --muted:#52667d; --paper:#f1f4f8;
    --line:#dde4ec; --white:#fff; --green:#087451; --amber:#8a5705; --red:#b62640;
    --nav:#142133; --nav-soft:#1f3047; --gold:#ffcf32;
    --radius:18px; --shadow:0 4px 6px #1b304004,0 18px 50px -30px #18334f50;
}
body {
    background:radial-gradient(ellipse at 95% 0,#dce8ff 0,transparent 36rem),
        radial-gradient(ellipse at 25% 100%,#e5edf6 0,transparent 45rem),var(--paper);
    font-family:"Bahnschrift","Trebuchet MS",sans-serif;
    font-size:14px; line-height:1.65;
}
button,input,select,textarea {font-family:inherit}
a {text-underline-offset:4px}
.sidebar {
    width:264px;padding:30px 20px 22px;
    background:radial-gradient(ellipse at 0 0,#293d59 0,transparent 30rem),var(--nav);
    border:0;color:#eef4ff;box-shadow:8px 0 40px #1421330a;
}
.brand {gap:10px;color:#fff;font-size:22px;margin:0 0 24px;padding:0 1px 24px;border-bottom:1px solid #ffffff17}
.brand:hover {text-decoration:none}
.brand-logo {width:58px;height:58px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 10px #0005)}
.brand small {color:#b9c9df;font-size:9px;letter-spacing:2px;margin-top:3px}
.sidebar-label {font-size:10px;letter-spacing:1.8px;color:#9fb3cf;margin:22px 12px 10px}
nav {counter-reset:section-link}
nav a {
    display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 13px;
    border-radius:10px;color:#cbd7e7;font-size:14px;margin:5px 0;
    transition:background .16s,color .16s,border-color .16s;
}
nav a:before {
    counter-increment:section-link;content:counter(section-link,decimal-leading-zero);
    font-family:Consolas,monospace;font-size:10px;letter-spacing:.5px;color:#94abc7;
}
nav a:hover {background:#ffffff09;color:#fff;text-decoration:none}
nav a[aria-current] {
    background:#2b3e57;border-color:#526076;box-shadow:inset 3px 0 var(--gold);
    color:#fff;font-weight:600;
}
nav a[aria-current]:before {color:var(--gold)}
nav a[aria-current]:after {content:"\2192";margin-left:auto;color:var(--gold)}
.sidebar-note {
    margin-top:32px;padding:22px 18px;border:1px solid #ffffff16;
    border-radius:14px;background:linear-gradient(135deg,#ffffff08,transparent);
}
.sidebar-note .eyebrow {color:var(--gold);font-size:9px;letter-spacing:1.6px}
.sidebar-note strong {color:#fff;font-size:23px;font-weight:600;letter-spacing:-.5px;line-height:1.3}
.sidebar-note p {color:#b7c7dc;line-height:1.7;margin:14px 0}
.sidebar-note a {color:#fff;font-size:11px}
.sidebar-note a span {color:var(--gold);padding-left:8px}
.sidebar footer {color:#9fb3cf;font-size:10px;padding:20px 10px 0}
main {margin-left:264px;padding:30px clamp(20px,3vw,52px);max-width:1840px;min-width:0}
.topbar {
    padding:10px 0 26px;background:transparent;border:0;border-bottom:1px solid #cfd9e5;
    box-shadow:none;border-radius:0;margin-bottom:28px;align-items:center;min-width:0;
}
.topbar .eyebrow {color:#55708c;font-size:10px;letter-spacing:2px}
h1 {font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px;line-height:1.2;margin:9px 0}
.topbar p {font-size:14px;color:var(--muted)}
.identity {
    padding:11px 16px;background:#ffffffa8;border:1px solid #d5dfea;border-radius:40px;
    box-shadow:0 3px 8px #172b4404;max-width:400px;flex-shrink:0;
}
.identity>div {min-width:0}
.identity strong {font-size:13px}.identity small {font-size:11px}
.avatar {width:40px;height:40px;background:var(--nav);color:#ffda65;font-size:19px}
h2 {font-size:20px;letter-spacing:-.4px;font-weight:600}
.card {border-radius:var(--radius);padding:26px 28px;border-color:var(--line);box-shadow:var(--shadow);margin-bottom:22px}
.section-head {gap:14px;margin-bottom:20px}
.section-head .eyebrow {font-size:10px;letter-spacing:1.1px;color:#55708c;margin-bottom:5px;overflow-wrap:anywhere}
.license {position:relative;border-top:3px solid #c4d7fa}
.license h2 {font-size:clamp(17px,1.5vw,23px);letter-spacing:-.5px;overflow-wrap:anywhere}
.badge {font-size:10px;letter-spacing:.35px;padding:6px 12px;background:#f3f6fa;white-space:normal}
.badge.good {background:#e9f7f0;border-color:#bde3d0;color:#086847}
.badge.good:before {content:"";display:inline-block;width:6px;height:6px;margin-right:7px;background:#158058;border-radius:50%;vertical-align:middle}
.badge.warn {background:#fff5e1;border-color:#ebd4a7;color:#835000}
.facts {gap:0;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin:20px 0 24px}
.facts>div {border:0;border-right:1px solid #e2e8f0;border-radius:0;background:transparent;padding:17px 19px}
.facts>div:last-child {border-right:0}
.facts span {font-size:10px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;color:#5a6e85}
.facts strong {font-size:14px;font-weight:600}
button,.button {
    min-height:44px;padding:11px 19px;border-radius:9px;border-color:#c7d3e0;
    background:#fff;color:#203a58;font-weight:600;font-size:13px;gap:8px;
    box-shadow:0 2px 3px #1e3c5a05;transition:background .16s,border-color .16s,box-shadow .16s;
}
button:hover,.button:hover {background:#f1f5fb;border-color:#8ba8cf;box-shadow:0 3px 8px #1e3c5a10}
.primary {background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 10px #175ce525}
.primary:hover {background:#124cbf;border-color:#124cbf;color:#fff;box-shadow:0 5px 14px #175ce535}
.danger {color:#a62039;background:#fff7f8;border-color:#edc3cb}
.danger:hover {background:#ffe9ed;border-color:#d7a0ac}
button:disabled {opacity:.52;box-shadow:none;cursor:not-allowed}
:focus-visible {outline:3px solid #b87600;outline-offset:3px}
.sidebar :focus-visible {outline-color:var(--gold)}
label {font-size:12px;letter-spacing:.1px;color:#354e6a;font-weight:600}
input,select,textarea {
    border:1px solid #cbd6e2;border-radius:9px;background:#fafbfd;color:var(--ink);
    min-height:46px;padding:11px 13px;margin-top:8px;font-size:13px;
    transition:border-color .15s,box-shadow .15s,background .15s;
}
input:focus,select:focus,textarea:focus {border-color:#175ce5;background:#fff;box-shadow:0 0 0 3px #175ce514}
input[readonly],textarea[readonly] {background:#f1f5f9}
input[type=checkbox] {accent-color:var(--blue);flex-shrink:0}
input[type=file] {background:#f4f7fc;border:1px dashed #92aacb;padding:12px}
input[type=file]::file-selector-button {background:#e0eaff;border:0;border-radius:6px;padding:8px 12px;color:#174986;font:inherit;margin-right:12px;cursor:pointer}
textarea {font-family:Consolas,"Courier New",monospace;line-height:1.7;overflow-wrap:anywhere}
.check {align-items:flex-start;padding:12px 14px;background:#f5f8fc;border:1px solid #e0e7ef;border-radius:9px;font-size:12px;line-height:1.6}
.check input {margin-top:1px}
.form-grid,.admin-grid {gap:20px}
.admin-grid {background:#f6f8fb;padding:22px;border:1px solid #e1e7ef;border-radius:12px}
.admin-grid label {margin-bottom:12px}
.admin-grid form {display:flex;flex-direction:column;align-items:stretch}
.admin-grid button {align-self:flex-start;margin-top:auto}
details summary {position:relative;padding:12px 0;list-style:none;display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5}
details summary::-webkit-details-marker {display:none}
details summary:before {content:"+";display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid #cfdbec;border-radius:7px;background:#f2f6fd;color:#285797;font-size:18px;font-weight:400}
details[open]>summary:before {content:"\2212";background:#e3edff;border-color:#b9cdef}
details summary:hover {color:var(--blue)}
details.card>summary {padding:0;min-height:36px}
details.card[open]>summary {padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
details:not(.card) {padding-top:10px;border-color:#e4eaf1;margin-top:22px}
.metrics {gap:18px}
.metric {border-radius:14px;padding:22px;border-top-width:3px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.metric:after {content:"";position:absolute;right:-18px;bottom:-28px;width:105px;height:105px;border:16px solid #175ce509;border-radius:50%;pointer-events:none}
.metric span {font-size:12px}
.metric strong {font-size:44px;font-weight:600;letter-spacing:-2px;line-height:1.2;margin:12px 0}
.metric small {font-size:11px}
.columns {gap:22px}
dl>div {border-color:#e7edf3;padding:14px 0}
dt {font-size:12px}dd {font-size:13px}
.notice {background:#edf4ff;border:1px solid #c8dafa;border-left:3px solid var(--blue);border-radius:10px;font-size:13px;padding:16px 19px;overflow-wrap:anywhere}
.notice.error {border-color:#efc5cc;border-left-color:var(--red);background:#fff1f3;color:#9a2035}
.token-box {border-color:#dfc783;background:#fffdf6}
.table-wrap {border:1px solid #e3e9f1;border-radius:10px}
table {font-size:12px}
th {background:#f2f5fa;letter-spacing:1px;font-size:10px;color:#52677f}
th,td {padding:15px 17px;border-color:#e7edf4}
tbody tr:hover {background:#f8faff}
tbody tr:last-child td {border-bottom:0}
.empty {padding:45px 25px;background:linear-gradient(150deg,#fff,#f8fbff)}
.empty h2 {font-size:24px}.empty p {max-width:500px;margin:0 auto 22px}
.auth {max-width:540px;padding:34px;margin-top:40px;border-top:3px solid var(--gold)}
.auth h2 {letter-spacing:-.8px}
.page-footer {color:#60758c;font-size:9px;letter-spacing:1.2px;padding:18px 0;border-top:1px solid #dce4ee;margin-top:30px}
.skip {z-index:20;border:2px solid var(--blue);border-radius:7px}
@keyframes panel-arrive {from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.topbar,.metrics,.card {animation:panel-arrive .28s ease-out both}
@media(min-width:1550px){.card{padding:28px 32px}.topbar{margin-bottom:32px}.facts>div{padding:20px 22px}}
@media(max-width:1150px){
    .sidebar{width:224px;padding:26px 15px}.brand{font-size:20px}.brand-logo{width:45px;height:45px}
    main{margin-left:224px;padding:24px}.topbar{align-items:flex-start;flex-direction:column;gap:18px}
    .identity{max-width:100%}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .facts>div:nth-child(2){border-right:0}.facts>div:nth-child(-n+2){border-bottom:1px solid #e2e8f0}
    .columns{grid-template-columns:1fr}.metrics{gap:12px}
}
@media(max-width:720px){
    .sidebar{position:static;width:auto;padding:18px 16px 12px;overflow:visible}
    .brand{margin:0;padding:0 0 14px;border:0;gap:10px;font-size:21px}.brand-logo{width:46px;height:46px}
    .sidebar-label,.sidebar-note,.sidebar footer{display:none}
    nav{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:3px 1px 8px;scrollbar-width:thin}
    nav a{flex:0 0 auto;min-height:42px;font-size:12px;padding:9px 12px;margin:0;border-radius:8px}
    nav a:before,nav a[aria-current]:after{display:none}
    main{margin-left:0;padding:22px 15px}.topbar{padding:0 0 20px;margin-bottom:20px;gap:16px}
    h1,.topbar h1{font-size:32px;letter-spacing:-1px}.topbar p{font-size:12px}
    .identity{padding:8px 12px;border-radius:12px;width:100%}.avatar{width:34px;height:34px;font-size:17px}
    .card{padding:20px 17px;border-radius:14px;margin-bottom:17px}
    .metrics{grid-template-columns:1fr}.metric{padding:16px 18px}.metric strong{font-size:34px;margin:0}
    .facts>div{padding:13px}.facts strong{font-size:12px}.facts span{font-size:9px}
    .section-head{gap:10px}.license h2{font-size:17px}
    .form-grid,.admin-grid{grid-template-columns:1fr;gap:12px}.admin-grid{padding:15px}
    .actions{gap:9px}.actions form,.actions>.button{flex:1 1 180px}.actions form button{width:100%}
    input,select,textarea{font-size:16px}button,.button{padding:11px 14px}
    dd{text-align:left}dl>div{grid-template-columns:1fr;gap:5px}
    .auth{padding:25px 20px;margin:24px auto}.notice{padding:14px;font-size:12px}
    .page-footer{flex-direction:column;gap:5px}.table-wrap{max-width:100%}th,td{padding:12px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}