:root{
  --bg:#080d14;--bg2:#0d1420;--card:#111a28;--card2:#162236;--border:#26364d;
  --text:#edf4ff;--muted:#8fa1b7;--primary:#37a3ff;--primary2:#7c5cff;--success:#2ecc71;--danger:#ff5c5c;--warning:#f7b731;
  --radius:18px;--shadow:0 18px 45px rgba(0,0,0,.28)
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at top left,#12243b 0,#080d14 36%,#070b11 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:270px;background:rgba(8,13,20,.92);border-right:1px solid var(--border);padding:22px;position:fixed;inset:0 auto 0 0;backdrop-filter:blur(12px);z-index:10}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px;font-size:20px;font-weight:800;line-height:1.05}.brand:before{content:"⚡";display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 0 28px rgba(55,163,255,.28)}.brand span{display:block;margin-top:4px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.3px}.sidebar a{display:flex;align-items:center;gap:10px;color:#c9d8eb;text-decoration:none;padding:11px 13px;border-radius:14px;margin-bottom:7px;border:1px solid transparent;transition:.15s}.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,rgba(55,163,255,.16),rgba(124,92,255,.1));border-color:rgba(55,163,255,.22);color:white}.sidebar-bottom{position:absolute;bottom:20px;left:22px;right:22px;padding-top:16px;border-top:1px solid var(--border)}.content{margin-left:270px;padding:28px;width:calc(100% - 270px)}.page-head,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1,.page-head h2,h1,h2{margin:0;font-weight:800;letter-spacing:-.03em}.page-head p{margin:.35rem 0 0;color:var(--muted)}.panel,.stat-card,.card,.site-card,.login-card{background:linear-gradient(180deg,rgba(22,34,54,.96),rgba(12,19,31,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel,.card{padding:20px}.stat-card{padding:18px;min-height:112px}.stat-card span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.stat-card strong{display:block;font-size:30px;margin-top:10px;line-height:1.05}.muted,.text-secondary{color:var(--muted)!important}.badge{border-radius:999px;padding:.45rem .65rem;font-weight:700}.online{background:rgba(46,204,113,.18)!important;color:#74f0a5;border:1px solid rgba(46,204,113,.38)}.offline{background:rgba(255,92,92,.16)!important;color:#ff9b9b;border:1px solid rgba(255,92,92,.34)}.table{color:var(--text);margin-bottom:0}.table-dark{--bs-table-bg:transparent;--bs-table-border-color:rgba(143,161,183,.14);--bs-table-hover-bg:rgba(55,163,255,.08);color:var(--text)}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;border-bottom-color:rgba(143,161,183,.2)}.table td{vertical-align:middle}.table-responsive{border-radius:14px;overflow:auto}.clickable{cursor:pointer}.actions{white-space:nowrap}.btn{border-radius:12px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));border:0}.btn-outline-light,.btn-outline-info,.btn-outline-warning,.btn-outline-secondary,.btn-outline-danger{border-color:var(--border)}.form-control,.form-select,select,input,textarea{background:#0b111b!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:12px;padding:.72rem .85rem}.form-control:focus,.form-select:focus,input:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 .2rem rgba(55,163,255,.15)!important}.form-label,p{color:var(--muted)}textarea.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:320px}.nav-tabs{border-bottom:1px solid var(--border);gap:6px}.nav-tabs .nav-link{background:#0d1420;border:1px solid var(--border);color:var(--muted);border-radius:12px 12px 0 0}.nav-tabs .nav-link.active{background:var(--card2);color:white;border-color:var(--border) var(--border) var(--card2)}.login-page{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 30% 0,#1e3a5c 0,#080d14 48%)}.login-card{width:min(410px,100%);padding:32px}.login-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));font-size:28px;margin-bottom:18px}.login-card h3{margin:0;font-weight:850}.login-card p{margin:6px 0 22px}.empty-state{padding:28px;text-align:center;color:var(--muted)}pre{background:#090f17;border:1px solid var(--border);border-radius:14px;color:#dce8f7;padding:16px}.qr-box{display:inline-block;background:white;padding:18px;border-radius:18px}.search-input{max-width:420px}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.layout{display:block}.content{margin-left:0;width:100%;padding:18px}.page-head,.toolbar{align-items:flex-start;flex-direction:column}.stat-card strong{font-size:25px}}