:root{--bg:#0b1020;--panel:#11182d;--panel-2:#17213d;--text:#ebf2ff;--muted:#95a7cf;--line:#243255;--primary:#4da3ff;--success:#1cc88a;--warning:#ffb020;--danger:#ff5c7a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#08101f,#0d1327 40%,#0e1529);color:var(--text)}a{color:var(--primary);text-decoration:none}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:rgba(7,12,24,.92);border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:800}.brand-sub{color:var(--muted);margin-top:4px}.nav{display:grid;gap:10px;margin-top:28px}.nav a{padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--text)}.nav a:hover{background:var(--panel-2)}.main{padding:28px}.card{background:rgba(17,24,45,.95);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 40px rgba(0,0,0,.15)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{font-size:28px;font-weight:800;margin-top:10px}.muted{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#bcd1ff;font-weight:700}input,select,textarea,button{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0e1730;color:var(--text)}textarea{min-height:110px;resize:vertical}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);border:none;color:#fff;font-weight:700;cursor:pointer;padding:12px 16px;border-radius:12px}.btn-secondary{background:#233255}.btn-danger{background:var(--danger)}.btn-success{background:var(--success)}.btn-warning{background:var(--warning);color:#111}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.space{height:16px}.h1{font-size:28px;font-weight:800;margin:0 0 8px}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar .right{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge-active{background:rgba(28,200,138,.15);color:#7dffcb;border:1px solid rgba(28,200,138,.3)}.badge-inactive{background:rgba(255,92,122,.15);color:#ff9aae;border:1px solid rgba(255,92,122,.3)}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px;border:1px solid var(--line)}.alert-success{background:rgba(28,200,138,.12)}.alert-danger{background:rgba(255,92,122,.12)}.alert-warning{background:rgba(255,176,32,.12)}.login-wrap,.public-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box,.interstitial{width:min(560px,100%);background:rgba(17,24,45,.96);border:1px solid var(--line);border-radius:22px;padding:26px}.center{text-align:center}.countdown{font-size:64px;font-weight:900;line-height:1;margin:18px 0}.small{font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions a,.actions button{width:auto}code.copy{display:block;background:#0d1730;border:1px dashed var(--line);padding:10px;border-radius:10px;word-break:break-all}.footer-note{margin-top:24px;color:var(--muted);font-size:13px}@media (max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.cards{grid-template-columns:repeat(2,1fr)}.grid-2,.row{grid-template-columns:1fr}}@media (max-width:640px){.cards{grid-template-columns:1fr}.main{padding:18px}}