:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#e6ebf5;background:#080e19;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7ac9ff;outline-offset:3px}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:248px;flex-shrink:0;background:#0c1422;border-right:1px solid #1e2b3e;display:flex;flex-direction:column;padding:29px 16px}.logo{display:flex;align-items:center;gap:11px;padding:0 7px 44px}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(140deg,#6f72ef,#3dc8b0);font-size:28px;color:white;box-shadow:0 5px 28px #369ebf2b}.logo strong{font-size:14px;letter-spacing:1px;display:block}.logo small{display:block;color:#7589a7;font-size:10px;margin-top:4px}.menu-caption,.eyebrow{color:#61c9bb;letter-spacing:1.9px;font-size:10px;font-weight:800}.menu-caption{padding:0 17px;margin-bottom:12px;color:#59718f}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-button{border:0;background:transparent;text-align:left;color:#8da1bc;border-radius:10px;padding:12px 16px;font-size:14px}.nav-button span{font-size:18px;margin-right:12px}.nav-button.active{background:#192b40;color:#f7f9fd;box-shadow:inset 3px 0 #45cfb9}.nav-button:hover{color:#fff;background:#162539}.sidebar-bottom{margin-top:auto}.connection-card{display:flex;align-items:center;gap:10px;background:#111f2e;padding:12px;border:1px solid #243147;border-radius:12px}.connection-dot{width:9px;height:9px;background:#ffc46b;border-radius:50%;box-shadow:0 0 16px #ffc46b}.connection-dot.green{background:#4bd3a5;box-shadow:0 0 16px #4bd3a5}.connection-dot.red{background:#f56674;box-shadow:0 0 16px #f56674}.connection-card strong,.connection-card small{display:block}.connection-card strong{font-size:12px}.connection-card small{font-size:10px;margin-top:4px;color:#8092aa}.logout-button{margin-top:16px;color:#7488a1;background:transparent;border:0;padding:10px 13px}.logout-button:hover{color:#e8f1ff}.main-area{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #1d2938;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#0b121e}.breadcrumb{color:#647996;font-size:11px;font-weight:700;letter-spacing:1.1px}.breadcrumb span{margin:0 10px;color:#39465a}.breadcrumb strong{color:#cdd7e8}.top-actions{display:flex;align-items:center;gap:12px}.clock{font-size:12px;color:#7e91aa;font-variant-numeric:tabular-nums}.live-chip{font-size:10px;color:#71d9b3;border:1px solid #1f6253;background:#102a29;border-radius:7px;padding:8px 10px;font-weight:750;letter-spacing:.65px}.live-chip.error{color:#ff9a9a;border-color:#6b333f;background:#301923}.action-button{background:#152234;border:1px solid #30425c;border-radius:9px;padding:9px 13px;color:#d8e5f6;font-size:12px;font-weight:700}.action-button:hover{background:#20334d}.action-button.enabled{background:#17493d;color:#77edc5;border-color:#2c816e}.page-body{max-width:1530px;margin:auto;padding:37px 39px 26px}.heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:28px}.heading h1{font-weight:800;font-size:clamp(27px,3vw,40px);letter-spacing:-1.5px;margin:9px 0}.heading p{margin:0;color:#8597af;font-size:13px;line-height:1.6;max-width:750px}.accent-dot{color:#45d0b3}.today{border:1px solid #2b3950;border-radius:12px;padding:14px 18px;background:#101c2c;min-width:220px;text-align:right}.today span,.today strong,.today small{display:block}.today span{font-size:10px;letter-spacing:1px;color:#7489a5}.today strong{font-size:15px;margin:4px 0;color:#fff}.today small{color:#7c91ad;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:32px}.stat{padding:19px 21px;border:1px solid #26374b;background:linear-gradient(125deg,#131f30,#101a28);border-radius:14px;min-height:121px}.stat .stat-line{display:flex;align-items:center;justify-content:space-between}.stat .stat-name{color:#95a6ba;font-size:12px}.stat .stat-symbol{color:#7b91aa;font-size:18px}.stat strong{display:block;font-size:34px;margin:11px 0 0;line-height:1;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat small{display:block;color:#637c95;font-size:10px;margin-top:8px}.stat.emergency strong{color:#ff7886}.stat.critical strong{color:#ffc36a}.stat.breached strong{color:#ffb0a3}.stat.good strong{color:#69dfb9}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2,.panel-heading h2{font-size:19px;letter-spacing:-.3px;margin:0 0 5px}.section-head p,.panel-heading p{margin:0;color:#8298b3;font-size:12px}.section-count{font-size:11px;color:#7f93b0;background:#122133;border:1px solid #28425c;padding:7px 11px;border-radius:8px}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.monitor-card{border:1px solid #2b394d;border-radius:17px;background:linear-gradient(160deg,#132031,#0f1927);padding:20px;overflow:hidden;position:relative;min-width:0}.monitor-card.emergency.has-tickets{background:linear-gradient(145deg,#3a1824,#241722 70%,#171723);border:1px solid #b84c5b;box-shadow:0 5px 42px #be34401f,inset 0 0 0 1px #6e3039}.monitor-card.emergency.has-tickets:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#f34b5d,#ff9d84,#f34b5d)}.monitor-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.monitor-titleline{display:flex;gap:10px;align-items:center}.monitor-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#20334a;color:#a9c7de;font-size:18px}.monitor-card.emergency.has-tickets .monitor-icon{background:#6a2939;color:#ffb0b7}.monitor-title{font-size:15px;font-weight:750;color:#f6f8fe}.monitor-description{color:#8395af;font-size:11px;margin-top:4px}.monitor-tag{border:1px solid #344761;padding:6px 8px;border-radius:6px;font-size:10px;letter-spacing:.45px;color:#9bb1cb;font-weight:800;white-space:nowrap}.monitor-card.has-tickets.emergency .monitor-tag{color:#ffabb3;border-color:#aa4553;background:#692f39}.monitor-card.has-tickets.critical .monitor-tag,.monitor-card.has-tickets.breached .monitor-tag{color:#ffcb8c;border-color:#705539}.monitor-countline{display:flex;align-items:flex-end;gap:12px;margin:18px 0 15px}.monitor-count{font-size:42px;font-weight:800;line-height:1;color:#d8e2f3;font-variant-numeric:tabular-nums}.monitor-card.emergency.has-tickets .monitor-count{color:#ff7182}.monitor-card.critical.has-tickets .monitor-count{color:#ffc676}.monitor-card.breached.has-tickets .monitor-count{color:#ffae94}.monitor-countnote{color:#7d91aa;font-size:11px;padding-bottom:4px}.ticket-list{display:flex;flex-direction:column;gap:6px}.ticket{display:flex;align-items:center;gap:10px;border:1px solid #29394e;border-radius:8px;background:#0b1724a6;padding:10px}.monitor-card.emergency.has-tickets .ticket{background:#351923aa;border-color:#633141}.ticket-key{color:#86cdfe;font-size:11px;font-weight:750;flex-shrink:0}.ticket-summary{color:#c0cfe0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ticket-status{font-size:10px;color:#94a4b8;flex-shrink:0}.ticket-link{text-decoration:none}.ticket-link:hover .ticket-key{text-decoration:underline}.empty-line{padding:14px;text-align:center;color:#648d86;font-size:12px;border:1px dashed #28524a;background:#13292645;border-radius:9px}.error-line{padding:12px;border:1px solid #8a4c55;background:#351e29;color:#ffb7be;font-size:12px;border-radius:9px;line-height:1.5}.monitor-footer{margin-top:15px;display:flex;gap:8px;align-items:center;justify-content:space-between;color:#728ba8;font-size:10px}.sound-label{border-radius:6px;background:#1b2a3c;padding:6px 8px}.global-banner{border:1px solid #a95951;background:#382321;color:#ffceae;padding:13px 16px;border-radius:10px;margin-bottom:20px;font-size:13px}.global-banner.demo{border-color:#745d32;background:#27251d;color:#f2d28a}.footer{text-align:center;color:#455c79;font-size:10px;padding:32px 0 0}.settings-panel{border-radius:15px;background:#111c2b;border:1px solid #27374b;padding:22px 25px;margin-bottom:19px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.subtle-icon{font-size:23px;color:#6c859c}.global-audio-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px;align-items:center}.field{display:flex;flex-direction:column;gap:9px;min-width:0;color:#aebed2;font-size:12px}.field em{color:#6fdac5;font-style:normal;margin-left:4px}.field select,.field input:not([type=range]),.field textarea,.module-setting textarea,.module-setting select,.module-setting input[type=number]{border:1px solid #304560;border-radius:8px;padding:10px;background:#0b1724;color:#e5edf7;min-width:0;width:100%;outline:none}.field input[type=range]{accent-color:#54c5b0;width:100%}.check-row{display:flex;align-items:center;gap:11px;color:#e2eaf4;font-size:12px;cursor:pointer}.check-row input{accent-color:#55cab3;width:17px;height:17px}.check-row span{display:flex;flex-direction:column;gap:5px}.check-row b{font-weight:650}.check-row small{font-size:10px;color:#8599b1}.module-setting{border-top:1px solid #25394d;padding:18px 0 17px}.module-setting:first-child{border-top:0;padding-top:0}.module-topline{display:flex;justify-content:space-between;gap:16px;align-items:center}.module-info{display:flex;gap:10px;align-items:center;min-width:0}.module-info strong{display:block;font-size:14px}.module-info p{color:#788eaa;font-size:11px;margin:5px 0 0}.module-switches{display:flex;gap:17px;flex-shrink:0}.module-inputs{display:grid;grid-template-columns:165px minmax(0,1fr);gap:16px;margin-top:15px;padding-left:46px}.module-setting textarea{resize:vertical;min-height:51px;line-height:1.4}.module-setting .field span{display:block}.help{font-size:10px;color:#6c829b;line-height:1.5;margin-top:4px}.jql-item{padding:12px 0;border-top:1px solid #27374b}.jql-item:first-child{border-top:0}.jql-item summary{cursor:pointer;color:#bdd1e8;font-size:12px;font-weight:650}.jql-item pre{background:#07111e;color:#a4d7cc;border:1px solid #23344b;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px;font-size:11px;line-height:1.7}.settings-save-bar{display:flex;justify-content:space-between;align-items:center;color:#879bb4;font-size:11px;padding:8px 0 30px}.primary-button{background:#50c7b2;color:#07161c;border:0;padding:12px 20px;border-radius:9px;font-size:13px;font-weight:800;white-space:nowrap}.primary-button:hover{background:#70d8c5}.save-top{min-width:160px}.hidden{display:none!important}.loading-card{padding:50px 30px;background:#111d2e;border:1px solid #273b50;border-radius:15px;color:#8ea3bd;text-align:center;grid-column:1/-1}#toast{position:fixed;right:24px;bottom:25px;z-index:10;padding:14px 20px;background:#21493e;border:1px solid #4ac7a5;border-radius:10px;box-shadow:0 12px 35px #0008;color:#e9fff7;font-size:12px;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .2s}#toast.visible{opacity:1;transform:translateY(0)}body.tv-mode .sidebar{display:none}body.tv-mode .page-body{max-width:none}body.tv-mode .topbar{padding:0 32px}body.tv-mode .heading h1{font-size:3.4vw}body.tv-mode .monitor-title{font-size:clamp(16px,1.4vw,28px)}body.tv-mode .monitor-count{font-size:clamp(45px,5vw,86px)}body.tv-mode .ticket-summary,body.tv-mode .ticket-key{font-size:clamp(12px,.9vw,19px)}body.tv-mode .monitor-card{padding:2vw}body.tv-mode .stats-grid{grid-template-columns:repeat(4,1fr)}.login-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 25%,#153448 0%,#080e19 55%)}.login-shell{width:min(90vw,420px);padding:40px;border:1px solid #30435a;border-radius:18px;background:#111e2f;box-shadow:0 40px 80px #0007}.login-shell .brand-icon{margin-bottom:27px}.login-shell h1{font-size:35px;margin:9px 0}.login-shell p{color:#8da1ba;font-size:13px;line-height:1.6}.login-shell form{margin-top:30px;display:flex;flex-direction:column;gap:11px}.login-shell form label{font-size:12px;color:#bed0df}.login-shell input{border:1px solid #354b63;border-radius:9px;background:#0b1522;color:white;padding:12px}.login-shell button{display:flex;justify-content:space-between}.login-shell .form-error{color:#ff8e9e;margin:0}.login-foot{color:#5b708a;font-size:10px;margin-top:28px;text-align:center}@media(max-width:1200px){.topbar{padding:0 24px}.page-body{padding:30px 24px}.global-audio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clock{display:none}.sidebar{width:210px}.stats-grid{gap:10px}.stat{padding:16px}.action-button{padding:9px}}@media(max-width:850px){.sidebar{width:65px;padding:20px 7px}.logo{padding:4px 6px 42px}.logo>div:nth-child(2),.menu-caption,.nav-button:not(.active),.nav-button.active{font-size:0}.nav-button span{font-size:20px;margin:0}.nav-button{text-align:center}.sidebar-bottom{display:none}.heading{align-items:flex-start}.today{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.monitor-grid{grid-template-columns:1fr}.topbar{height:auto;min-height:72px;gap:12px;flex-wrap:wrap;padding:14px}.top-actions{flex-wrap:wrap}.module-inputs{padding-left:0}.global-audio-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sidebar{display:none}.topbar{padding:12px}.page-body{padding:23px 13px}.top-actions{gap:5px}.action-button{padding:7px;font-size:11px}.breadcrumb{font-size:10px}.heading h1{font-size:29px}.stats-grid{gap:8px}.stat strong{font-size:28px}.module-topline{align-items:flex-start;flex-direction:column}.module-switches{gap:15px;padding-left:3px}.module-inputs{grid-template-columns:1fr}.global-audio-grid{grid-template-columns:1fr}.settings-panel{padding:18px}.ticket-status{display:none}.settings-save-bar{gap:8px}}