:root{
  color-scheme:dark;
  --bg:#040507;
  --bg2:#080a0f;
  --panel:rgba(8,11,17,.91);
  --panel-strong:rgba(7,10,15,.97);
  --panel-soft:rgba(12,16,24,.80);
  --line:rgba(110,153,194,.16);
  --line-strong:rgba(30,212,255,.26);
  --pink:#ff168f;
  --pink2:#bd1cff;
  --cyan:#18d9ff;
  --cyan2:#067cff;
  --green:#21e79f;
  --yellow:#ffc857;
  --red:#ff4f73;
  --text:#f5f7fb;
  --muted:#8190a7;
  --muted2:#536176;
  --shadow:0 22px 70px rgba(0,0,0,.44);
  --radius:14px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;background:#040507;min-height:100vh}
body.control-body:before{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(4,5,7,.97) 0%,rgba(4,5,7,.88) 18%,rgba(4,5,7,.78) 50%,rgba(4,5,7,.88) 82%,rgba(4,5,7,.98) 100%),linear-gradient(180deg,rgba(3,4,6,.76),rgba(3,4,6,.92)),url('/assets/media/mirox-control-bg.png') center/cover no-repeat;filter:saturate(.9)}
body.control-body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 72%)}
.ambient{position:fixed;z-index:-2;width:36vw;height:36vw;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.ambient-pink{left:-16vw;top:26vh;background:var(--pink)}.ambient-cyan{right:-16vw;top:22vh;background:var(--cyan)}

.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;z-index:20;padding:16px 14px;display:flex;flex-direction:column;border-right:1px solid rgba(255,22,143,.18);background:linear-gradient(180deg,rgba(4,5,8,.97),rgba(4,6,10,.92));box-shadow:18px 0 70px rgba(0,0,0,.25)}
.sidebar:after{content:"";position:absolute;right:-1px;top:0;width:1px;height:36%;background:linear-gradient(var(--pink),transparent);box-shadow:0 0 18px var(--pink)}
.brand-block{border:1px solid rgba(255,22,143,.26);border-radius:16px;padding:13px 10px 16px;background:linear-gradient(160deg,rgba(255,22,143,.055),rgba(24,217,255,.035));box-shadow:inset 0 0 38px rgba(255,22,143,.025),0 0 28px rgba(0,0,0,.38);text-align:center}
.oni-mark{width:118px;height:84px;margin:0 auto 7px;border-radius:12px;background:linear-gradient(90deg,rgba(255,0,145,.15),rgba(0,211,255,.15)),url('/assets/media/mirox-oni-mark.png') center 42%/cover no-repeat;filter:contrast(1.08) saturate(1.16);box-shadow:0 0 28px rgba(255,22,143,.08),0 0 30px rgba(24,217,255,.06);mask-image:linear-gradient(to bottom,#000 76%,transparent)}
.brand-copy strong{display:block;font-size:24px;letter-spacing:.17em;margin-right:-.17em;text-shadow:0 0 20px rgba(255,255,255,.1)}
.brand-copy span{display:block;font-size:9px;letter-spacing:.26em;color:#adb5c4;margin-top:2px}
.nav-label{padding:17px 10px 8px;color:#646c7c;font-size:9px;font-weight:900;letter-spacing:.17em}.bot-label{padding-top:14px}
.main-nav{display:flex;flex-direction:column;gap:3px}
.nav,.logout{border:0;font:inherit;cursor:pointer}
.nav{position:relative;width:100%;min-height:38px;padding:0 10px;border-radius:7px;background:transparent;color:#9da7b7;display:grid;grid-template-columns:24px 1fr 16px;align-items:center;text-align:left;gap:4px;font-size:12px;transition:.18s ease}
.nav b{font-weight:650}.nav .nav-icon{font-size:15px;color:#aeb5c1}.nav>i{font-style:normal;color:#4e596a;text-align:center}
.nav:hover{color:#fff;background:rgba(255,255,255,.035)}
.nav.active{color:#fff;background:linear-gradient(90deg,rgba(255,22,143,.17),rgba(255,22,143,.06));border:1px solid rgba(255,22,143,.34);box-shadow:inset 0 0 22px rgba(255,22,143,.05),0 0 18px rgba(255,22,143,.055)}
.nav.active .nav-icon,.nav.active>i{color:#ff55ad}.nav-mod i{width:7px;height:7px;border-radius:99px;background:#30394a;justify-self:center}.nav-mod i.live{background:var(--green);box-shadow:0 0 12px var(--green)}
.sidebar-status-card{border:1px solid rgba(24,217,255,.16);border-radius:10px;background:rgba(7,10,15,.86);padding:11px;box-shadow:inset 0 0 30px rgba(24,217,255,.018)}
.status-card-head{display:flex;align-items:center;gap:9px;padding-bottom:9px;margin-bottom:6px;border-bottom:1px solid var(--line)}.mini-oni{width:32px;height:32px;border-radius:8px;background:url('/assets/media/mirox-oni-mark.png') center/cover no-repeat;border:1px solid rgba(255,22,143,.25)}.status-card-head strong{display:block;font-size:10px;letter-spacing:.06em}.side-online{display:block;color:var(--muted);font-size:8px;margin-top:3px}.side-online.good{color:var(--green)}.side-online.bad{color:var(--red)}
.side-stat{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:4px 0;color:#69768a}.side-stat b{font-size:9px;color:#b9c6d9}.side-meter{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:8px}.side-meter span{height:4px;border-radius:9px;background:linear-gradient(90deg,var(--pink),var(--cyan));opacity:.7;box-shadow:0 0 8px rgba(24,217,255,.22)}
.sidebar-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.channel-chip{display:flex;align-items:center;gap:9px;padding:6px}.avatar-mini{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#411432,#0f3f53);border:1px solid rgba(255,22,143,.3);font-weight:900}.channel-chip b{display:block;font-size:11px}.channel-chip small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.logout{width:100%;margin-top:8px;padding:7px 9px;border-radius:7px;color:#6f7c8e;background:rgba(255,255,255,.025);border:1px solid var(--line);font-size:10px}.logout:hover{color:#fff;border-color:rgba(255,22,143,.25)}

.main-stage{min-width:0;width:100%;max-width:1800px;padding:24px 25px 28px;margin:0 auto}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:18px}.page-kicker,.section-kicker{color:var(--pink);font-weight:900;letter-spacing:.16em;font-size:9px;text-transform:uppercase}.heading-wrap h1{margin:3px 0 9px;font-size:33px;line-height:1;letter-spacing:.045em;font-weight:850}.heading-wrap h1 span{background:linear-gradient(90deg,#ff3aa4 0%,#ad34ff 42%,#19d4ff 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 32px rgba(255,22,143,.05)}.top-status-row{display:flex;gap:6px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:6px;border:1px solid var(--line);background:rgba(7,10,15,.66);color:#8c98aa;font-size:8px;font-weight:900;letter-spacing:.06em}.pill.ok{color:var(--green);border-color:rgba(33,231,159,.25);background:rgba(33,231,159,.05)}.pill.bad{color:var(--red);border-color:rgba(255,79,115,.25);background:rgba(255,79,115,.05)}.pill.warn{color:var(--yellow);border-color:rgba(255,200,87,.25)}.pill.cyan{color:var(--cyan);border-color:rgba(24,217,255,.22);background:rgba(24,217,255,.045)}.pill.subtle{min-height:22px;padding:3px 7px}
.live-now-card{min-width:430px;min-height:78px;border:1px solid rgba(24,217,255,.22);border-radius:10px;padding:11px 13px;display:grid;grid-template-columns:minmax(150px,1fr) 82px 76px 42px;align-items:center;gap:8px;background:linear-gradient(90deg,rgba(7,10,15,.93),rgba(8,16,23,.83)),url('/assets/media/mirox-control-bg.png') right 26%/510px auto no-repeat;box-shadow:inset 0 0 30px rgba(24,217,255,.02)}.live-now-copy small{display:block;color:var(--pink);font-size:8px;font-weight:900;letter-spacing:.12em}.live-now-copy strong{display:block;font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-now-copy span{display:block;color:#78879a;font-size:9px;margin-top:3px}.live-now-stat{padding-left:11px;border-left:1px solid var(--line);text-align:center}.live-now-stat b{display:block;font-size:12px}.live-now-stat span{font-size:8px;color:#718097}.broadcast-orb{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;margin-left:auto;border:1px solid rgba(255,22,143,.35);background:rgba(255,22,143,.11);color:var(--pink);box-shadow:0 0 18px rgba(255,22,143,.15);font-size:16px}.broadcast-orb.offline{color:#536176;border-color:var(--line);background:rgba(255,255,255,.02);box-shadow:none}

.tab{display:none}.tab.active{display:block}
.cards,.mod-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:11px}.metric,.panel{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,12,18,.94),rgba(5,8,13,.94));box-shadow:inset 0 1px rgba(255,255,255,.012),var(--shadow);overflow:hidden}.metric:before,.panel:before{content:"";position:absolute;left:0;top:0;width:78px;height:1px;background:linear-gradient(90deg,var(--pink),transparent);opacity:.7}.metric:nth-child(even):before,.panel.cyan-edge:before{background:linear-gradient(90deg,var(--cyan),transparent)}.metric{min-height:92px;border-radius:9px;padding:13px 14px}.metric small{display:block;color:#7d8999;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.metric strong{display:block;margin-top:5px;font-size:23px;letter-spacing:-.035em}.metric em{display:block;margin-top:6px;color:#637084;font-size:8px;font-style:normal}.metric-icon{position:absolute;right:12px;top:12px;color:var(--pink);font-size:16px;text-shadow:0 0 12px currentColor}.metric:nth-child(even) .metric-icon{color:var(--cyan)}.metric-spark{position:absolute;right:12px;bottom:11px;width:72px;height:22px;opacity:.55}.metric-spark:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 0 45%,var(--pink) 46% 49%,transparent 50% 58%,var(--pink) 59% 63%,transparent 64%);clip-path:polygon(0 78%,14% 63%,24% 70%,37% 42%,51% 55%,65% 28%,78% 38%,100% 5%,100% 100%,0 100%);opacity:.7}.metric:nth-child(even) .metric-spark:before{background:linear-gradient(155deg,transparent 0 45%,var(--cyan) 46% 49%,transparent 50% 58%,var(--cyan) 59% 63%,transparent 64%)}
.panel{border-radius:10px;padding:14px;margin-bottom:11px}.panelhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel h2{margin:2px 0 9px;font-size:13px;letter-spacing:.01em}.muted,.hint{color:var(--muted)}.muted{font-size:10px}.hint{font-size:9px}.small-btn{padding:6px 8px;font-size:9px}

.overview-grid{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(430px,1.18fr) minmax(275px,.72fr);gap:11px;align-items:stretch}.overview-grid>.panel,.overview-side-column>.panel{margin-bottom:0}.overview-chat-panel,.overview-stream-panel{min-height:425px}.overview-side-column{display:grid;grid-template-rows:auto 1fr;gap:11px}.overview-chat-feed{height:330px;overflow:hidden;padding-top:6px}.overview-chat-line{display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px;padding:7px 2px;border-bottom:1px solid rgba(95,117,145,.09);font-size:10px;line-height:1.35}.overview-chat-line time{color:#505d70;font-size:8px;padding-top:2px}.overview-chat-line b{font-size:9px;margin-right:5px}.overview-chat-line span{color:#a8b1c0}.mini-compose{height:38px;border:1px solid var(--line);background:rgba(255,255,255,.015);border-radius:7px;padding:5px 6px 5px 10px;display:flex;align-items:center;justify-content:space-between;color:#566277;font-size:9px}.mini-compose button{padding:5px 10px}
.stream-card{min-height:155px;border:1px solid rgba(24,217,255,.11);border-radius:8px;padding:14px;margin:3px 0 10px;background:linear-gradient(90deg,rgba(7,9,14,.8),rgba(4,7,11,.55)),url('/assets/media/mirox-control-bg.png') center 53%/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end}.stream-title{font-size:17px;font-weight:850;line-height:1.25;text-shadow:0 2px 10px #000}.stream-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;font-size:8px;color:#7d8a9f}.stream-meta b{color:#dce7f2}.stream-offline{min-height:155px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;text-align:center;color:#66758a;background:rgba(5,7,10,.58)}.stream-offline strong{display:block;color:#e5e9ef;font-size:16px;margin-bottom:4px}.skeleton-line{color:#657287}
.activity-card{border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:rgba(4,7,11,.54)}.activity-head{display:flex;justify-content:space-between;font-size:8px;color:#8b97a8;font-weight:800}.activity-head small{color:#4f5b6d;font-weight:500}.activity-bars{display:grid;gap:8px;margin-top:10px}.activity-row{display:grid;grid-template-columns:82px 1fr 42px;align-items:center;gap:8px}.activity-row label{font-size:8px;color:#7f8b9c}.activity-row b{text-align:right;font-size:8px;color:#aab7c8}.activity-track{height:5px;background:#101722;border-radius:20px;overflow:hidden}.activity-track span{display:block;height:100%;min-width:3px;border-radius:20px;background:linear-gradient(90deg,var(--pink),var(--pink2));box-shadow:0 0 10px rgba(255,22,143,.28)}.activity-row:nth-child(even) .activity-track span{background:linear-gradient(90deg,var(--cyan2),var(--cyan));box-shadow:0 0 10px rgba(24,217,255,.24)}.activity-empty{font-size:8px;color:#536176}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-grid button{min-height:53px;padding:8px;text-align:left;display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;background:linear-gradient(135deg,rgba(255,22,143,.07),rgba(20,35,47,.14));border:1px solid rgba(255,22,143,.14)}.quick-grid button:nth-child(even){border-color:rgba(24,217,255,.14);background:linear-gradient(135deg,rgba(24,217,255,.06),rgba(20,35,47,.12))}.quick-grid button>span{grid-row:1/3;font-size:17px;color:var(--pink);text-align:center}.quick-grid button:nth-child(even)>span{color:var(--cyan)}.quick-grid button b{font-size:9px}.quick-grid button small{font-size:7px;color:#677489}.quick-grid button.danger-soft>span{color:var(--red)}
.health-all{font-size:8px;color:var(--green)}.health-all i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:4px}.health-list{display:grid;gap:8px;margin-top:4px}.health-row{display:grid;grid-template-columns:78px 42px 1fr;align-items:center;gap:7px;font-size:8px}.health-row span{color:#758296}.health-row b{font-size:8px;color:#aebacb;text-align:right}.health-meter{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.health-meter i{height:4px;border-radius:2px;background:#1a2533}.health-meter i.on{background:linear-gradient(90deg,#087ef0,var(--cyan));box-shadow:0 0 6px rgba(24,217,255,.2)}.health-meter i.good{background:linear-gradient(90deg,#0f986c,var(--green))}.health-meter i.bad{background:linear-gradient(90deg,#bb2548,var(--red))}
.overview-bottom-grid{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(350px,1.05fr) minmax(260px,.68fr);gap:11px;margin-top:11px}.overview-bottom-grid>.panel{margin-bottom:0;min-height:218px}.overview-actions{max-height:157px;overflow:hidden}.connections-panel .status{font-size:9px}.connections-panel button{padding:5px 8px;font-size:8px}

input,textarea,select{width:100%;font:inherit;color:var(--text);background:rgba(4,7,11,.86);border:1px solid rgba(102,130,160,.20);border-radius:7px;padding:8px 9px;outline:none;font-size:10px}textarea{resize:vertical;min-height:82px}input:focus,textarea:focus,select:focus{border-color:rgba(24,217,255,.40);box-shadow:0 0 0 2px rgba(24,217,255,.045)}
button{font:inherit;color:#e6edf6;border:1px solid rgba(24,217,255,.20);background:linear-gradient(135deg,rgba(255,22,143,.12),rgba(24,217,255,.08));border-radius:7px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer;transition:.16s ease}button:hover{filter:brightness(1.18);border-color:rgba(24,217,255,.34)}button:disabled{opacity:.45;cursor:not-allowed}.ghost{background:rgba(6,9,14,.78);border-color:var(--line)}.danger-outline{color:#ff8aa3;background:rgba(255,79,115,.04);border-color:rgba(255,79,115,.25)}.icon-btn{width:31px;height:31px;padding:0;display:grid;place-items:center}.copyrow{display:flex;gap:7px}.ok{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--yellow)}
.status{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.status:last-child{border-bottom:0}

.table{overflow:auto}.row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:9px;padding:9px 4px;border-bottom:1px solid rgba(95,117,145,.12);align-items:center;min-width:660px;font-size:9px}.row.head{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#59667a}.table.compact .row{min-width:0;grid-template-columns:1fr 1fr 1.1fr}.cyber-table .row:not(.head) b{color:#e2e7ee}.activity-list{display:flex;flex-direction:column;gap:6px}.activity-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid rgba(95,117,145,.13);border-radius:7px;background:rgba(6,9,14,.58);padding:8px 9px}.activity-item b{display:block;font-size:9px}.activity-item small{display:block;color:#66758a;font-size:8px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.activity-item time{font-size:7px;color:#4e5a6d;white-space:nowrap}.activity-list.tall{max-height:286px;overflow:auto}
.empty-state{display:grid;place-items:center;min-height:110px;text-align:center;color:#526074;font-size:9px}.empty-state.small{min-height:64px}

.section-banner{min-height:102px;margin-bottom:11px;padding:16px 18px;border:1px solid rgba(255,22,143,.18);border-radius:11px;background:linear-gradient(90deg,rgba(5,8,13,.96),rgba(8,11,16,.72)),url('/assets/media/mirox-control-bg.png') 70% 46%/cover no-repeat;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.section-banner span{color:var(--pink);font-size:8px;font-weight:900;letter-spacing:.17em}.section-banner h2{font-size:22px;margin:3px 0}.section-banner p{margin:0;color:#7b889a;font-size:10px}.section-banner button{font-size:10px}.banner-oni{width:150px;height:78px;background:url('/assets/media/mirox-oni-mark.png') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 30%)}.banner-symbol{font-size:36px!important;color:var(--cyan)!important;text-shadow:0 0 20px rgba(24,217,255,.18)}

/* ModView */
.mod-layout{display:grid;grid-template-columns:minmax(560px,1.65fr) minmax(320px,.72fr);gap:11px;align-items:start}.chat-panel{padding:0;overflow:hidden;min-height:675px;display:flex;flex-direction:column}.chat-head{padding:14px 15px 11px;border-bottom:1px solid var(--line)}.chat-head-actions{display:flex;gap:6px}.chat-feed{height:545px;overflow:auto;padding:7px 8px 14px;scrollbar-width:thin;scrollbar-color:#283247 transparent}.chat-message{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding:7px 8px;border-radius:7px;align-items:flex-start;border:1px solid transparent}.chat-message:hover{background:rgba(255,22,143,.025);border-color:rgba(255,22,143,.10)}.chat-message.deleted{opacity:.36}.chat-time{font-size:8px;color:#4d596c;padding-top:2px}.chat-body{min-width:0;font-size:10px;line-height:1.5;word-break:break-word}.chat-user{font-weight:850;margin-right:5px;cursor:pointer}.chat-user:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;padding:1px 4px;border-radius:4px;background:#222b3d;color:#bbc5d5;font-size:6px;font-weight:900;margin-right:2px;vertical-align:2px}.chat-delete{opacity:0;background:transparent;border:0;color:#718097;padding:1px 5px;font-size:13px}.chat-message:hover .chat-delete{opacity:1}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px solid var(--line);padding:10px;background:rgba(4,7,11,.94);margin-top:auto}.mod-side{display:flex;flex-direction:column;gap:0}.user-panel{min-height:348px}.user-card-top{display:flex;gap:10px;align-items:center;margin:7px 0 12px}.user-avatar{width:50px;height:50px;border-radius:10px;object-fit:cover;background:#101723}.user-identity b{display:block;font-size:11px}.user-identity small{color:#6b788c;display:block;margin-top:2px;font-size:8px}.user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.user-stat{padding:8px;border:1px solid var(--line);background:rgba(6,9,14,.65);border-radius:7px}.user-stat small{display:block;color:#69768a;font-size:7px;text-transform:uppercase}.user-stat b{display:block;margin-top:3px;font-size:12px}.mod-reason{margin:8px 0}.quick-actions{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.quick-actions button{padding:6px 8px}.quick-actions .ban{border-color:rgba(255,79,115,.28);color:#ff879d;background:rgba(255,79,115,.055)}.user-note{margin-top:10px}.user-note label{display:block;color:#69768a;font-size:8px;margin-bottom:4px}.chatter-panel{max-height:316px}.search{margin:3px 0 8px}.chatter-list{max-height:202px;overflow:auto}.chatter-row{display:flex;justify-content:space-between;align-items:center;padding:6px 7px;border-radius:6px;cursor:pointer}.chatter-row:hover{background:rgba(24,217,255,.04)}.chatter-row b{font-size:9px}.chatter-row small{color:#5e6c80;font-size:8px}.mod-bottom{margin-top:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.toggle-card{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:9px;background:rgba(6,9,14,.62);cursor:pointer}.toggle-card>input{width:15px;height:15px;grid-row:1/3;accent-color:var(--pink)}.toggle-card span{font-weight:800;font-size:9px}.toggle-card small{color:#68768b;font-size:8px;display:flex;align-items:center;gap:4px}.toggle-card small input{display:inline-block;width:54px;padding:2px 4px;font-size:8px}.event-flash{animation:eventflash .9s ease}@keyframes eventflash{0%{box-shadow:0 0 0 rgba(24,217,255,0)}40%{box-shadow:inset 0 0 45px rgba(24,217,255,.07)}100%{box-shadow:0 0 0 rgba(24,217,255,0)}}

/* Bot sections */
.grid-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);gap:11px}.alertgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.alertcard{border:1px solid rgba(255,22,143,.13);border-radius:9px;padding:13px;background:rgba(6,9,14,.68)}.alertcard:nth-child(even){border-color:rgba(24,217,255,.13)}.alertcard h3{font-size:11px;text-transform:uppercase}.field{margin:8px 0}.field label{display:block;color:#68768b;font-size:8px;margin-bottom:4px}.inline{display:grid;grid-template-columns:1fr 1fr;gap:7px}.automation-list{display:flex;flex-direction:column;gap:8px}.automation-card{display:grid;grid-template-columns:minmax(240px,2fr) 105px 125px 90px auto;gap:8px;align-items:end;border:1px solid var(--line);border-radius:8px;padding:10px;background:rgba(6,9,14,.68)}.automation-card label{color:#68768b;font-size:8px}.automation-card label input,.automation-card label select{margin-top:4px}.counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.counter-card{border:1px solid var(--line);border-radius:9px;padding:18px;background:rgba(6,9,14,.7);text-align:center}.counter-card small{color:#69768a;text-transform:uppercase;font-weight:900;font-size:8px}.counter-card strong{display:block;font-size:38px;margin:8px 0}.counter-actions{display:flex;justify-content:center;gap:6px}.system-map{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.system-map span{padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:rgba(6,9,14,.7);font-size:9px}.system-map b{color:var(--cyan)}.architecture-panel{background:linear-gradient(90deg,rgba(7,10,15,.96),rgba(8,11,17,.84)),url('/assets/media/mirox-control-bg.png') 65% 58%/cover no-repeat}

.control-footer{margin-top:11px;min-height:52px;border:1px solid rgba(24,217,255,.15);border-radius:9px;background:linear-gradient(90deg,rgba(255,22,143,.05),rgba(6,9,14,.9) 28%,rgba(6,9,14,.9) 72%,rgba(24,217,255,.05));display:flex;align-items:center;justify-content:space-between;padding:9px 13px}.control-footer>div:first-child{display:grid;grid-template-columns:10px auto;column-gap:6px}.footer-dot{grid-row:1/3;width:6px;height:6px;border-radius:50%;margin-top:4px;background:var(--green);box-shadow:0 0 9px var(--green)}.control-footer b{font-size:8px;letter-spacing:.08em}.control-footer small{font-size:7px;color:#586679}.footer-quote{font-size:8px;color:#738197;letter-spacing:.12em}.footer-quote span{color:var(--pink);padding:0 6px}

.toast-stack{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;flex-direction:column;gap:7px;pointer-events:none}.toast{width:min(340px,calc(100vw - 32px));background:rgba(7,10,15,.97);border:1px solid rgba(24,217,255,.20);border-radius:8px;padding:10px 12px;box-shadow:var(--shadow);font-size:9px;animation:toastin .2s ease}.toast.good{border-color:rgba(33,231,159,.26)}.toast.bad{border-color:rgba(255,79,115,.32)}.toast b{display:block;margin-bottom:3px}.toast span{color:#7d899b}@keyframes toastin{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Login */
.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,rgba(3,4,6,.88),rgba(3,4,6,.72)),url('/assets/media/mirox-control-bg.png') center/cover no-repeat}.login-card{width:min(430px,100%);padding:31px;border-radius:14px;border:1px solid rgba(255,22,143,.23);background:rgba(5,7,11,.94);box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 50px rgba(255,22,143,.055)}.login-card:before{content:"";display:block;width:120px;height:90px;margin:-7px auto 2px;background:url('/assets/media/mirox-oni-mark.png') center/cover no-repeat;mask-image:linear-gradient(to bottom,#000 75%,transparent)}.login-card .eyebrow{color:var(--pink);font-size:9px;letter-spacing:.16em;font-weight:900}.login-card h1{font-size:26px;margin:5px 0}.login-card p{color:#758296;font-size:10px}.login-card button{width:100%;margin-top:10px;padding:10px}

@media(max-width:1380px){.overview-grid{grid-template-columns:minmax(330px,.9fr) minmax(410px,1.1fr)}.overview-side-column{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.overview-bottom-grid{grid-template-columns:1fr 1fr}.connections-panel{grid-column:1/-1}.live-now-card{min-width:390px}}
@media(max-width:1120px){.app{grid-template-columns:208px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.oni-mark{width:105px}.main-stage{padding:20px 16px}.live-now-card{min-width:340px;grid-template-columns:1fr 70px 58px 34px}.overview-grid{grid-template-columns:1fr}.overview-side-column{grid-column:auto;grid-template-columns:1fr 1fr}.overview-chat-panel,.overview-stream-panel{min-height:auto}.overview-chat-feed{height:270px}.grid-main,.mod-layout{grid-template-columns:1fr}.mod-side{display:grid;grid-template-columns:1fr 1fr;gap:11px}.automation-card{grid-template-columns:1fr 100px 115px 75px auto}}
@media(max-width:860px){.app{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,22,143,.18)}.brand-block{display:flex;align-items:center;text-align:left;padding:8px 12px}.oni-mark{width:70px;height:50px;margin:0 8px 0 0}.brand-copy strong{font-size:19px}.main-nav{display:flex;flex-direction:row;overflow:auto;padding-bottom:4px}.nav{min-width:max-content;width:auto;grid-template-columns:20px auto;padding:0 10px}.nav>i{display:none}.nav-label,.sidebar-status-card,.sidebar-bottom{display:none}.topbar{flex-direction:column}.live-now-card{width:100%;min-width:0}.cards,.mod-stats{grid-template-columns:repeat(2,1fr)}.overview-side-column,.overview-bottom-grid{grid-template-columns:1fr}.connections-panel{grid-column:auto}.alertgrid,.counter-grid{grid-template-columns:1fr 1fr}.control-footer{flex-direction:column;align-items:flex-start;gap:7px}}
@media(max-width:600px){.main-stage{padding:14px 10px}.heading-wrap h1{font-size:25px}.live-now-card{grid-template-columns:1fr 62px 55px}.broadcast-orb{display:none}.cards,.mod-stats,.overview-side-column,.mod-side,.settings-grid,.alertgrid,.counter-grid{grid-template-columns:1fr}.metric{min-height:82px}.quick-grid{grid-template-columns:1fr 1fr}.chat-panel{min-height:610px}.chat-feed{height:480px}.table.compact .row{min-width:480px}.automation-card{grid-template-columns:1fr}.automation-card>label:first-child{grid-column:auto}.panel{padding:12px}.chat-panel{padding:0}.section-banner{min-height:92px}.banner-oni,.banner-symbol{display:none}.section-banner h2{font-size:18px}.footer-quote{display:none}}