:root{color-scheme:dark;--bg:#080f1a;--panel:#101c2c;--line:#243347;--muted:#9baec2;--accent:#3ce0c3;--gold:#f2c876}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.55 system-ui,sans-serif;color:#edf5ff}aside{position:fixed;inset:0 auto 0 0;width:240px;border-right:1px solid var(--line);background:#0b1522;padding:24px 20px;display:flex;flex-direction:column}aside img{width:200px;height:100px;object-fit:contain}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent)}nav{margin-top:36px;display:grid;gap:8px}button{cursor:pointer;padding:11px 17px;border:1px solid var(--line);border-radius:9px;background:#152438;color:#e8f3ff;font:inherit}nav button{text-align:left;background:transparent;border-color:transparent}button:hover,button:focus-visible,nav button.active{border-color:var(--accent);background:#173b40;outline:2px solid transparent}button.primary{background:var(--accent);color:#07201d;border-color:var(--accent);font-weight:700}.aside-foot{margin-top:auto;color:var(--gold)}small{display:block;color:var(--muted);font-size:11px}.aside-foot button{margin-top:16px}main{max-width:1650px;margin-left:240px;padding:38px 42px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:32px;margin:5px 0}h2{font-size:21px;margin:0 0 16px}p{color:var(--muted)}.pill{font-size:12px;border:1px solid var(--line);border-radius:40px;padding:7px 14px;color:var(--muted)}article{padding:27px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-bottom:20px}.hero{background:linear-gradient(120deg,#103839,#122039 75%);padding:35px}.hero h2{font-size:34px;line-height:1.25;margin-top:15px}.hero button{margin-right:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:22px}.stat strong{display:block;font-size:29px;color:#fff}.stat span{font-size:12px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid article{margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}label{display:block;color:var(--muted);font-size:13px;margin:15px 0}input{display:block;width:100%;margin-top:6px;background:#091320;color:#f1f6ff;padding:12px;border:1px solid #31445c;border-radius:8px;font:inherit}input:focus{outline:2px solid var(--accent)}input[type=checkbox]{width:18px;margin:0}.check{display:flex;align-items:center;gap:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hint{font-size:12px}.save-bar{display:flex;justify-content:space-between;align-items:center;margin:22px 0;gap:20px;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;text-align:left}th{padding:15px 20px;color:var(--muted);font-size:12px;background:#132034}td{padding:15px 20px;border-top:1px solid var(--line);font-size:13px}td button{padding:5px 8px;margin:3px;font-size:12px}.login-card{max-width:460px;margin:50px auto}.login-card button{width:100%;margin-top:10px}#notice{padding:13px 18px;border:1px solid var(--accent);border-radius:9px;margin-bottom:20px;background:#0e2e30}pre{overflow:auto;font-size:12px}.audit-row{border-top:1px solid var(--line);padding:10px 0;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){aside{width:190px;padding:15px}aside img{width:160px}main{margin-left:190px;padding:25px}.stats{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:auto}aside img{height:65px}nav{display:flex;overflow:auto;margin-top:10px}nav button{white-space:nowrap}.aside-foot{display:none}main{margin:0;padding:20px}header .pill{display:none}.hero h2{font-size:27px}.save-bar{display:block}.save-bar button{margin-top:12px}}

.brand-preview{display:block;width:100%;height:120px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#080f1a;margin:12px 0}


/* Central BOX PREMIUM */
:root {
  --bg: #050c1c;
  --panel: #0c1a34;
  --line: #203b65;
  --muted: #a5bce2;
  --accent: #68aaff;
}
body { background: radial-gradient(ellipse at 82% 0%, #142c57 0%, transparent 48%), var(--bg); }
aside { background: linear-gradient(160deg,#10254a,#071224 75%); }
aside img { filter: drop-shadow(0 4px 16px #3779ed66); }
nav a { padding: 11px 17px; border-radius: 9px; color: #cfe4ff; text-decoration: none; }
nav a:hover, nav button.active, button:hover, button:focus-visible { background: #193a68; border-color: #68aaff; }
button:focus-visible, a:focus-visible { outline: 2px solid #9dcbff; outline-offset: 3px; }
button.primary { background: linear-gradient(125deg,#76b8ff,#397ff0); color: #051229; }
article, .stat { box-shadow: 0 10px 28px #02091955; }
.hero { background: linear-gradient(118deg,#173d76,#0e1e3d 74%); }
.integration-tabs { display: flex; gap: .6rem; flex-wrap: wrap; margin: 0 0 1rem; }
.integration-tabs [aria-pressed=true] { background:#193a68; border-color:#68aaff; }
.xui-summary, .connection-status {
  display: flex; align-items: center; gap: .7rem; flex-wrap: wrap;
  padding: .8rem 1rem; margin: 0 0 1rem; border: 1px solid var(--line);
  border-radius: 12px; background:#0c1a34;
}
.xui-summary button { margin-left:auto; }
.status-dot { background: #8ba5cb; width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; }
[data-state=checking] .status-dot { background:#facc66; }
[data-state=offline] .status-dot { background:#ff8289; }
[data-state=online] .status-dot { background:#49e3a1; box-shadow: 0 0 12px #49e3a1aa; animation: xui-pulse 1.7s infinite; }
@keyframes xui-pulse { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .status-dot { animation:none !important; } }
.reseller-main { margin: 0 auto; max-width: 1050px; }
.line-actions { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.6rem; }