:root{color-scheme:dark;--bg:#080b16;--panel:#10162a;--panel2:#151d35;--line:#263252;--text:#eef2ff;--muted:#9ca9c9;--blue:#8da7ff;--violet:#b5a0ff;--red:#ff788c;--green:#6ee7bd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#1b2350 0,transparent 42%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:var(--blue)}.shell{max-width:1200px;margin:auto;padding:28px 22px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.brand{display:flex;gap:12px;align-items:center}.moon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#9aabff,#7455c9);display:grid;place-items:center;color:#0b1021;font-size:24px;box-shadow:0 0 32px #8279ff40}.brand h1{font-size:20px;margin:0;letter-spacing:.02em}.brand small{color:var(--muted)}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a,.btn{border:1px solid var(--line);background:#151c33;color:var(--text);border-radius:10px;padding:9px 13px;text-decoration:none;cursor:pointer;font:inherit}.nav a.active,.btn.primary{background:linear-gradient(135deg,#5b6ed4,#7657b8);border-color:#8795f2}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card{background:linear-gradient(145deg,#121a30ed,#0d1325f2);border:1px solid var(--line);border-radius:16px;padding:19px;min-width:0;box-shadow:0 12px 35px #0002}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.eyebrow{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.metric{font-size:30px;font-weight:700;margin-top:7px}.muted{color:var(--muted)}h2{font-size:20px;margin:0 0 15px}h3{font-size:16px;margin:0 0 12px}input,select,textarea{width:100%;background:#090f20;border:1px solid var(--line);color:var(--text);padding:11px 12px;border-radius:9px;font:inherit;margin:5px 0 12px}label{display:block;color:var(--muted);font-size:13px}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #222c47;vertical-align:top}th{color:var(--muted);font-weight:600;white-space:nowrap}.pill{display:inline-block;border-radius:999px;padding:3px 8px;font-size:11px;background:#283453;color:#c8d4ff}.pill.online,.pill.active,.pill.low{background:#12392f;color:#83f0c8}.pill.offline,.pill.revoked,.pill.critical{background:#4a1d2b;color:#ff9cad}.notice{display:none;padding:11px 13px;border-radius:10px;margin:12px 0;overflow-wrap:anywhere}.notice.error,.notice.ok{display:block}.notice.error{background:#401b2a;color:#ffb1c0}.notice.ok{background:#12382e;color:#a5f4d5}.keybox{font:600 15px ui-monospace,monospace;overflow-wrap:anywhere;background:#080d1a;padding:13px;border:1px dashed #53639c;border-radius:10px}.empty{color:var(--muted);padding:22px;text-align:center}.check{display:flex;align-items:center;gap:9px;margin:8px 0}.check input{width:auto;margin:0}.foot{color:#7d89a8;font-size:12px;margin-top:24px}@media(max-width:780px){.span-8,.span-6,.span-4{grid-column:span 12}.top{align-items:flex-start;flex-direction:column}.shell{padding:18px 12px}}

.login-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#050816eF;backdrop-filter:blur(10px)}.login-card{width:min(100%,420px);padding:26px;border:1px solid #34416a;border-radius:18px;background:linear-gradient(145deg,#151d36,#0b1020);box-shadow:0 24px 80px #0008}.login-card .brand{margin-bottom:24px}.login-card form{margin-top:8px}.login-card button{margin-top:12px}.login-card input:focus{outline:2px solid #8da7ff;outline-offset:1px}

/* Moonlight web dashboard layout refresh */
:root{color-scheme:dark;--bg:#050b18;--panel:#081426;--panel2:#0d1a2d;--line:#20344e;--text:#e7edf6;--muted:#91a5bf;--blue:#58bce8;--violet:#77e9bd;--red:#ff788c;--green:#78e7ba}
body{background:#050b18;color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
.shell{max-width:none;width:100%;min-height:100vh;margin:0;padding:0;display:grid;grid-template-columns:250px minmax(0,1fr);gap:0}
.sidebar{position:sticky;top:0;height:100vh;min-width:0;padding:18px 12px;background:#0b1526;border-right:1px solid #1c2c42;display:flex;flex-direction:column}
.side-brand{display:flex;align-items:center;gap:11px;padding:9px 10px 19px;border-bottom:1px solid #1c2c42}.side-brand .moon{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#123b35;color:#77e9bd;box-shadow:none}.side-brand strong{display:block;font-size:14px;letter-spacing:.02em}.side-brand strong span{color:#77e9bd}.side-brand small{display:block;margin-top:3px;color:#7c92ab;font-size:9px;letter-spacing:.15em;font-weight:700}
.side-server{display:flex;align-items:center;gap:8px;margin:15px 4px 8px;padding:11px;border:1px solid #20344e;border-radius:9px;color:#b9c8dc;background:#0a1729;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#78e7ba}.side-nav{display:grid;gap:4px;padding:8px 2px;overflow:auto}.side-nav>small{padding:12px 9px 4px;color:#7186a0;font-size:9px;letter-spacing:.13em;font-weight:750}.side-link{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9bb0ca;text-align:left;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}.side-link span{flex:1}.side-link:hover,.side-link.active{background:#14243a;color:#e7edf6}.side-link.active{border-color:#1d3049}.side-foot{margin-top:auto;padding:14px 9px 5px;border-top:1px solid #1c2c42;color:#9bb0ca;font-size:11px}.side-foot span{color:#7186a0;font-size:10px}
.workspace{min-width:0;height:100vh;overflow:auto;padding:0 24px 20px}.top{position:sticky;top:0;z-index:10;margin:0 -24px 20px;padding:13px 24px;background:#0b1829;border-bottom:1px solid #20344e;backdrop-filter:blur(14px)}.brand .moon{background:#123b35;color:#77e9bd;box-shadow:none}.brand h1{font-size:17px}.nav a,.btn{border-radius:8px;background:#0d1c30}.nav a.active,.btn.primary{background:#58bce8;color:#06131d;border-color:#58bce8}.grid{gap:13px}.card{background:#081426;border-color:#1d3049;border-radius:12px;box-shadow:none;scroll-margin-top:80px}.eyebrow{font-size:10px;letter-spacing:.14em}.metric{font-size:27px}.tablewrap{border:1px solid #1d3049;border-radius:9px}table{font-size:12px}th,td{padding:10px;border-color:#1c2c42}th{background:#0a1729}input,select,textarea{border-radius:8px;background:#0a1729;border-color:#20344e}.check{padding:4px 0}.check label{color:#c4d2e4}.foot{color:#7186a0}
@media(max-width:900px){.shell{grid-template-columns:205px minmax(0,1fr)}.workspace{padding:0 16px 16px}.top{margin:0 -16px 16px;padding:12px 16px}.span-8,.span-6,.span-4{grid-column:span 12}}
@media(max-width:620px){.shell{grid-template-columns:60px minmax(0,1fr)}.sidebar{padding:10px 5px}.side-brand{justify-content:center;padding:5px 0 12px}.side-brand>div:last-child,.side-server span:not(.status-dot),.side-nav>small,.side-link span,.side-foot{display:none}.side-link{justify-content:center;padding:12px 2px;font-size:17px}.side-server{justify-content:center;padding:8px}.workspace{padding:0 10px 12px}.top{margin:0 -10px 12px;padding:10px}.brand small{display:none}.nav{gap:4px}.nav a,.btn{padding:7px 8px;font-size:12px}}
.moonanticheat-mark{width:44px;height:44px;max-width:44px;max-height:44px;object-fit:contain;display:block;flex:0 0 44px}