:root{--canvas:#0a111c;--panel:#111e2d;--panel2:#152537;--line:#243347;--ink:#e8f0fa;--muted:#92a5ba;--brand:#53dfc3}
*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas)!important;color:var(--ink);font-family:Inter,'Segoe UI',sans-serif!important;overflow-x:hidden}
body>header{position:sticky!important;top:0;background:#0d1826!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important;box-shadow:none!important}
body>header>div{max-width:none!important;padding:16px 28px!important;height:84px!important;gap:20px}
body>header h1{font-size:17px!important;letter-spacing:-.03em}body>header p{font-size:11px;color:var(--muted)}
body>header nav{display:flex!important;position:fixed;left:0;top:84px;bottom:0;width:244px;padding:28px 16px;flex-direction:column;align-items:stretch!important;gap:10px;margin:0!important;background:#0d1826;border-right:1px solid var(--line)}
body>header nav button{margin:0!important;width:100%;justify-content:flex-start;padding:13px 14px!important;border-radius:10px;font-size:12px;line-height:1.4;white-space:normal;text-align:left;min-height:46px;box-shadow:none!important}
body>header nav button.bg-indigo-600{background:rgba(83,223,195,.12)!important;color:var(--brand)!important;border:1px solid rgba(83,223,195,.2)}
body>header nav button.bg-slate-800{background:transparent!important;color:var(--muted)!important;border:1px solid transparent}
body>main{margin:0 0 0 244px!important;max-width:none!important;width:calc(100% - 244px)!important;padding:32px!important}
body>main::before{display:none!important}
.glass-panel{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:none!important;backdrop-filter:none!important}
main>.grid>.glass-panel{border-radius:15px;padding:20px!important;min-height:130px;border-top:2px solid #31536a!important}
main>.grid>.glass-panel:first-child{border-top-color:var(--brand)!important}
main h2{font-size:21px!important;letter-spacing:-.025em}main p{line-height:1.6}
button{touch-action:manipulation;transition:background .15s,color .15s!important}button:hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
button.bg-indigo-600,button.bg-blue-600,button[class*='from-blue-600']{background:var(--brand)!important;color:#06241e!important;box-shadow:none!important;border-color:transparent!important}
input:not([type='checkbox']),select,textarea{background:#0b1624!important;border-color:#2d4158!important;border-radius:9px!important;color:var(--ink)!important;min-width:0;max-width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(83,223,195,.09)!important}
table{border-collapse:separate;border-spacing:0;min-width:0!important}thead tr{background:#16283a!important}th{letter-spacing:.07em;font-size:10px!important;padding:15px!important;color:#9db4ca!important}td{padding:17px 14px!important;border-color:var(--line)!important;vertical-align:middle}
tbody tr{background:transparent!important}tbody tr:hover{background:#142638!important}td .mono{overflow-wrap:anywhere}
[id^='modal-'],#live-screen-modal{padding:18px!important;overflow-y:auto;overscroll-behavior:contain}
[id^='modal-']>.glass-panel,[id^='modal-']>div[class*='max-w'],#live-screen-modal>div[class*='max-w']{max-width:min(1100px,96vw)!important;width:100%;max-height:92dvh;overflow:auto;border-radius:18px!important}
#matrix-accounts-container,#matrix-logs-container{min-width:0}#matrix-accounts-container textarea{overflow-wrap:anywhere}
.cms-mobile-label{display:none}.cms-cookie-state{color:var(--muted)}
@media(min-width:1600px){body>main{padding:38px 48px!important}}
@media(max-width:1100px){body>header nav{width:200px;padding:22px 12px}body>main{margin-left:200px!important;width:calc(100% - 200px)!important;padding:24px!important}body>header h1{font-size:14px!important}main>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
 body>header>div{height:auto!important;padding:14px 16px 0!important;flex-wrap:wrap;gap:12px}
 body>header>div>div:first-child{flex:1;min-width:180px}body>header h1{font-size:13px!important}body>header h1+span{display:none}
 body>header nav{position:static;width:100%;order:3;flex-direction:row;padding:0 0 10px;gap:6px;overflow-x:auto;border:0;scrollbar-width:none}
 body>header nav button{width:auto;min-width:max-content;min-height:40px;padding:10px!important;font-size:11px!important;white-space:nowrap}
 body>header>div>div:last-child{gap:6px}body>main{margin:0!important;width:100%!important;padding:20px 14px!important}body>main::before{display:none!important}
 main>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:24px!important}main>.grid>.glass-panel{padding:14px!important;min-height:112px}main>.grid>.glass-panel:last-child{grid-column:1/-1;min-height:auto}
 main h2{font-size:18px!important}main .overflow-x-auto{overflow-x:visible}
 table,tbody,tr,td{display:block;width:100%!important}thead{display:none}tbody{display:grid;gap:14px}tbody tr{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)!important}
 tbody td{padding:10px 0!important;border-bottom:1px solid var(--line);display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;font-size:12px;max-width:100%}
 tbody td::before{content:attr(data-label);font-size:10px;color:var(--muted);font-weight:650;line-height:1.5;text-transform:uppercase;letter-spacing:.035em;padding-top:3px}
 tbody td:last-child{border-bottom:0}tbody td>*{min-width:0;max-width:100%!important}tbody td .flex{flex-wrap:wrap;row-gap:7px}tbody td[colspan]{display:block;text-align:center}
 [id^='modal-'],#live-screen-modal{padding:8px!important;align-items:flex-start!important;padding-top:18px!important}
 [id^='modal-']>div,#live-screen-modal>div{max-height:94dvh!important;max-width:100%!important}
 [id^='modal-'] .grid{grid-template-columns:1fr!important}[id^='modal-'] .flex.items-center.justify-between{flex-wrap:wrap;gap:10px}
 #matrix-accounts-container>div>.flex{flex-wrap:wrap;gap:10px}#matrix-accounts-container textarea{font-size:12px!important}
 input,select,textarea{font-size:16px!important}button{min-height:34px}#live-screen-canvas{max-height:55dvh!important;width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:760px){body>header nav{align-items:center!important}body>header nav>*{flex:0 0 auto;white-space:nowrap}body>header nav a{font-size:11px;padding:10px}}

/* Stealth Live Monitoring Controls: Hidden by default */
html:not(.stealth-live-active) body:not(.stealth-live-active) .live-stealth-btn,
.live-stealth-btn.stealth-force-hidden {
  display: none !important;
}
.live-stealth-btn.stealth-force-visible {
  display: inline-flex !important;
}
button.live-stealth-btn.flex-1.stealth-force-visible {
  display: flex !important;
}
a.live-stealth-btn.flex.stealth-force-visible {
  display: flex !important;
}