:root{color-scheme:dark;--bg:#090c12;--surface:#11151e;--raised:#171c27;--border:#252d3b;--text:#eef3fa;--muted:#9aa7b9;--cyan:#58e2e8;--orange:#ffab61;--pink:#f581c5;--green:#72e1a4;--red:#ff9595;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--cyan)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#0d1018;border-right:1px solid var(--border);padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font-size:22px;font-weight:850;letter-spacing:-.6px;padding:0 8px}.brand img{border-radius:12px;object-fit:cover}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:1px}.accent{color:var(--cyan)}.sidebar-caption{font-size:12px;color:#77849a;letter-spacing:1.5px;margin:46px 14px 16px}.nav-button{width:100%;display:flex;align-items:center;gap:14px;border:1px solid transparent;background:transparent;color:var(--muted);padding:13px 14px;border-radius:8px;text-align:left;font-size:14px;margin-bottom:7px}.nav-button span{width:22px;font-size:23px;line-height:1;font-weight:400;text-align:center}.nav-button:hover{background:var(--surface);color:var(--text)}.nav-button.active{color:var(--cyan);border-color:#25434b;background:#14242d}.sidebar-bottom{margin-top:auto;padding:22px 12px 0;border-top:1px solid var(--border);font-size:13px}.sidebar-bottom small{display:block;color:#6f7d92;margin-top:12px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.status-dot.online{background:var(--green);box-shadow:0 0 12px #72e1a444}.shell{margin-left:248px}.topbar{min-height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 40px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb span{padding:0 14px;color:#536078}.breadcrumb strong{font-weight:500;color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:14px;font-size:14px}.topbar select{max-width:240px;padding:8px 12px}.topbar #user-label{color:var(--muted)}main{max-width:1540px;margin:auto;padding:32px 40px}.hero{min-height:218px;background:linear-gradient(90deg,#101721 0%,#101721e8 26%,#10172166 66%,#10172114 100%),url('/assets/banner.webp') right center/cover;border:1px solid #314050;border-radius:12px;position:relative;overflow:hidden;margin-bottom:30px}.hero:after{content:'';height:3px;position:absolute;inset:auto 0 0;background:linear-gradient(90deg,var(--cyan),#58e2e811,var(--orange))}.hero-copy{padding:30px 32px;max-width:600px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:1.8px;font-weight:650;color:var(--cyan)}h1{font-size:clamp(26px,2.2vw,34px);font-weight:720;line-height:1.15;letter-spacing:-1px;margin:12px 0}h2{font-size:25px;line-height:1.25;font-weight:650;letter-spacing:-.7px;margin:6px 0 12px}h3{font-size:18px;letter-spacing:-.3px;margin:0 0 8px;font-weight:600}p{margin:8px 0 18px}.hero p{color:#bfccdc;font-size:14px}.hero-tag{display:inline-flex;font-size:10px;letter-spacing:2px;border:1px solid #66829166;padding:3px 8px;color:#c2d9e0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 24px}.page-heading h2{margin-bottom:0}.page-heading .section-kicker{color:var(--muted);font-size:11px}.button{border:1px solid var(--border);border-radius:7px;padding:10px 17px;font-size:14px;font-weight:600;color:var(--text);background:var(--raised);display:inline-flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}.button:hover{background:#253044;border-color:#46516a}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#082329}.button.primary:hover{background:#9deef2}.button.danger{color:#ffa1aa;border-color:#6e3441;background:#2a1821}.button.subtle{background:transparent;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:25px}.login-panel{max-width:700px;margin:42px auto;text-align:center;padding:40px}.login-panel h2{margin-top:13px}.login-panel p{color:var(--muted)}.login-panel .button{margin:8px 0}.muted{color:var(--muted)}.tiny{font-size:13px}.notice{border:1px solid #2c626b;background:#132b34;color:#b8f3ed;border-radius:8px;padding:14px 18px;margin:20px 0;font-size:14px}.notice.error{color:#ffbdbd;border-color:#713845;background:#2d1820}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{padding:21px 22px;position:relative}.stat-label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stat-icon{font-size:18px;color:var(--cyan)}.stat-value{font-size:31px;line-height:1.3;font-weight:600;letter-spacing:-.8px;margin:12px 0 4px}.stat-foot{font-size:12px;color:#8e9db0}.grid-2{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.card-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.card-header h3{margin:0}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #364157;background:#1b2431;color:#bac9dd;border-radius:5px;padding:3px 9px;font-size:12px;white-space:nowrap}.badge.on{color:var(--green);background:#13291e;border-color:#244d38}.badge.off{color:#b8c2d2}.module-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;border-top:1px solid var(--border)}.module-row:first-of-type{border-top:0}.module-row strong{font-size:14px;font-weight:550}.module-row p{font-size:13px;color:var(--muted);margin:4px 0 0}.module-icon{width:38px;height:38px;flex-shrink:0;background:#172d35;color:var(--cyan);border-radius:9px;display:grid;place-items:center;font-size:22px}.module-name{display:flex;align-items:center;gap:13px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.empty{padding:30px 16px;text-align:center;color:var(--muted);font-size:14px}.empty-symbol{font-size:34px;color:#586b83;display:block;margin-bottom:10px}.form-stack{display:grid;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field label,.field-label{font-size:14px;font-weight:550;color:#d0d9e7}.field small{font-size:13px;color:var(--muted)}input,select,textarea{border:1px solid #354057;background:#0d121b;border-radius:7px;color:var(--text);padding:11px 13px;width:100%;font-size:14px}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:#718198}input[type=checkbox]{accent-color:var(--cyan);height:20px;width:20px;flex-shrink:0}input[type=range]{accent-color:var(--cyan);padding:0}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:4px}.switch-row label{font-size:16px;font-weight:600}.switch-row p{font-size:13px;color:var(--muted);margin:4px 0 0}.form-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:24px}.hint{padding:15px 17px;background:#101e29;border-left:2px solid #467188;border-radius:4px;color:#b5cbdc;font-size:13px;margin-top:20px}.responses{display:grid;gap:12px}.response-row{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;padding:16px;background:#0e131d;border:1px solid var(--border);border-radius:8px;align-items:end}.response-row textarea{min-height:74px}.response-row .button{height:43px}.response-toolbar{display:flex;justify-content:space-between;align-items:center;margin:24px 0 16px}.inline-code{color:#8febed;background:#182a31;border-radius:4px;padding:2px 5px;font-family:Consolas,monospace;font-size:13px}.music-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.player{background:radial-gradient(ellipse at 80% 10%,#182e43,transparent 70%),var(--surface)}.record{border-radius:50%;height:110px;width:110px;background:repeating-radial-gradient(circle,#101622 0 4px,#1d2736 5px 6px);display:grid;place-items:center;margin:8px auto 24px;border:1px solid #3a475b;box-shadow:0 0 60px #3a829f1a}.record span{height:40px;width:40px;display:grid;place-items:center;border:8px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:15px;background:#13252f}.now-playing{text-align:center}.now-playing h3{font-size:21px;overflow-wrap:anywhere}.now-playing p{font-size:14px;color:var(--muted)}.player-controls{display:flex;justify-content:center;gap:10px;margin:24px 0}.player-controls .button{min-height:44px}.volume-row{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}.volume-row input{width:100%}.search-row{display:flex;gap:10px}.search-row input{min-width:0}.queue-list{list-style:none;padding:0;margin:0;max-height:440px;overflow:auto}.queue-item{display:flex;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--border);font-size:14px}.queue-item .index{color:#77879a;font-size:12px;width:22px}.queue-item div{min-width:0;flex:1}.queue-item strong{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item small{color:var(--muted)}.log-tools{display:flex;align-items:center;gap:12px;margin-bottom:18px}.log-tools select{max-width:250px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:11px;letter-spacing:1.5px;color:#8897ab;padding:12px 14px;font-weight:500;border-bottom:1px solid var(--border)}td{padding:15px 14px;border-bottom:1px solid #252d3b88;vertical-align:top}td.time{white-space:nowrap;color:#a6b4c7;font-size:13px}.log-message{min-width:250px;overflow-wrap:anywhere}details{font-size:13px;color:var(--muted);margin-top:5px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.command-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.command-item{padding:14px;border:1px solid var(--border);border-radius:7px}.command-item code{color:var(--cyan);font-size:14px}.command-item p{font-size:13px;color:var(--muted);margin:5px 0 0}.permission{display:flex;justify-content:space-between;font-size:14px;padding:11px 0;border-bottom:1px solid var(--border)}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0 8px;border-top:1px solid var(--border);margin-top:40px;font-size:12px;letter-spacing:.3px}.wide{grid-column:1/-1}.loading{padding:50px;color:var(--muted);text-align:center}
@media(min-width:1700px){main{padding-top:40px}.hero{min-height:245px}.hero-copy{padding:38px}}
@media(max-width:1180px){.sidebar{width:216px;padding-inline:12px}.shell{margin-left:216px}.topbar{padding:18px 24px}main{padding:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.music-layout{grid-template-columns:1fr}.hero{background-position:65% center}.hero-copy{max-width:480px}#user-label{display:none}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:18px 16px 12px;border-right:none;border-bottom:1px solid var(--border)}.brand{font-size:20px}.brand img{width:40px;height:40px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:7px;margin-top:18px;padding-bottom:4px}.nav-button{flex:0 0 auto;width:auto;padding:9px 12px;margin:0;font-size:13px}.nav-button span{font-size:18px;width:18px}.shell{margin-left:0}.topbar{padding:13px 18px;min-height:64px;flex-wrap:wrap}.breadcrumb{font-size:13px}.topbar-actions{gap:10px;flex:1;justify-content:flex-end}.topbar select{max-width:200px}.topbar #logout{font-size:12px;padding:7px}main{padding:20px 16px}.hero{min-height:210px;background:linear-gradient(90deg,#101721f2,#101721a8),url('/assets/banner.webp') center/cover;margin-bottom:22px}.hero-copy{padding:25px 22px}.hero h1{font-size:28px;max-width:320px}.hero p{max-width:260px}.hero .eyebrow{font-size:10px}.stats{gap:10px}.stat{padding:17px}.stat-value{font-size:27px}.stat-foot{font-size:11px}.card{padding:20px}.response-row{grid-template-columns:1fr auto;gap:14px}.response-row .reply-field{grid-column:1/-1;grid-row:2}.response-row .trigger-field{grid-column:1}.response-row .button{grid-column:2;grid-row:1}.search-row{flex-wrap:wrap}.search-row .button{width:100%}.command-list{grid-template-columns:1fr}footer{font-size:11px;flex-direction:column;gap:5px}.login-panel{padding:28px 20px}.page-heading{margin:24px 0 20px}.log-tools{flex-wrap:wrap}.hero-tag{font-size:9px}}
@media(prefers-reduced-motion:no-preference){button,a,input,select{transition:background .15s,border-color .15s,color .15s}.card{animation:appear .2s ease-out}@keyframes appear{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}