@font-face{font-family:MajakLocal;src:local("Aptos"),local("Inter"),local("Segoe UI");font-display:swap}
:root{--navy:#14283f;--navy-deep:#102035;--blue:#2459a8;--blue-soft:#edf3fc;--ink:#1b2b42;--muted:#66758a;--line:#dce3ec;--surface:#fff;--canvas:#f4f6fa;--red:#ad2637;--red-soft:#fff0f0;--green:#226e52;--amber:#93651c;--radius:12px;font-family:MajakLocal,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #7da8eb}button{cursor:pointer}a{color:var(--blue);text-decoration:none}button:disabled{opacity:.5;cursor:wait}button,input,textarea,select{min-width:0}button{touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1{font-size:31px;line-height:1.17;letter-spacing:-.03em;font-weight:650;margin-bottom:9px}h2{font-size:21px;font-weight:650;letter-spacing:-.02em}h3{font-size:16px;font-weight:650}p{line-height:1.5}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em}.hidden,[hidden]{display:none!important}.nowrap{white-space:nowrap}.text-right{text-align:right}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;min-height:40px;border:1px solid transparent;border-radius:7px;font-weight:600;font-size:13px;line-height:1.3;text-decoration:none;white-space:nowrap;background:transparent;color:var(--ink)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:#174887}.button.secondary{border-color:var(--line);background:#fff}.button.secondary:hover{background:var(--canvas)}.button.danger{background:var(--red);color:#fff}.button.danger-outline{border-color:#e4b7bd;color:var(--red);background:#fff}.button.ghost{background:transparent;color:var(--muted)}.button.small{padding:7px 11px;min-height:32px;font-size:12px}.icon-button{border:0;background:transparent;color:inherit;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:19px}.icon-button:hover{background:#edf2f8}.button-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;line-height:1.3;font-weight:600;border-radius:5px;background:#edf1f6;color:#5b6a7d;white-space:nowrap}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.green{background:#eaf6ef;color:var(--green)}.badge.amber{background:#fff4dd;color:var(--amber)}.badge.red{background:#ffeaed;color:var(--red)}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#99a4b3}.status-dot.online{background:#2e9873}.status-dot.alert{background:var(--red)}label{display:grid;gap:7px;font-size:13px;font-weight:550}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;border:1px solid #ccd5e1;border-radius:7px;padding:10px 11px;background:#fff;color:var(--ink);line-height:1.35}input:focus,textarea:focus,select:focus{border-color:#6e95cd;outline:2px solid #dce9fa}textarea{resize:vertical}.check{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400;min-height:30px}.check input{width:17px;height:17px;accent-color:var(--blue);flex:0 0 auto}.field-help{font-size:12px;color:var(--muted);line-height:1.5}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full-width{grid-column:1/-1}.divider{height:1px;background:var(--line);margin:20px 0}.notice{padding:13px 15px;border-radius:8px;background:var(--blue-soft);color:#315781;font-size:13px;line-height:1.55;border:1px solid #d8e5f7}.notice.error{background:#fff0f0;border-color:#edc6cc;color:#9b2634}.notice.warning{background:#fff7e7;border-color:#efdeb5;color:#805a1c}.notice.success{background:#edf8f1;border-color:#cee7d7;color:#276549}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:70px 20px;color:var(--muted);font-size:14px}.spinner{width:18px;height:18px;border:2px solid #dce3ec;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy-deep);color:#c7d3e2;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:28px 17px 18px;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:27px;font-weight:650;letter-spacing:-.04em}.brand-mark{height:39px;width:39px;border:1px solid #7594b9;border-radius:9px;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;font-weight:500;color:#fff;letter-spacing:-.1em;padding-right:3px;background:#ffffff0a}.brand small{display:block;font-size:8px;letter-spacing:.13em;font-weight:500;color:#93a7bf;margin-top:3px}.sidebar-school{display:flex;align-items:center;gap:10px;margin:30px 0 26px;padding:0 6px;color:#ced8e7;font-size:11px;line-height:1.5}.sidebar-school img{width:31px;height:31px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.sidebar-school small{display:block;color:#879db6;font-size:10px}#main-nav{display:flex;flex-direction:column;gap:5px}#main-nav>a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:7px;color:#b8c9dd;font-size:13px;font-weight:500}#main-nav>a:hover{background:#1c3550;color:#fff}#main-nav>a.active{background:#24486e;color:#fff}.nav-icon{width:20px;font-size:19px;text-align:center;line-height:1}.nav-label{font-size:9px;letter-spacing:.12em;color:#7f96b2;margin:23px 13px 6px}#main-nav>a.emergency-nav{color:#e4bdbe}#main-nav>a.emergency-nav.active{background:#59333e;color:#fff}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:20px 5px 0;border-top:1px solid #2b3c51}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2b4b6b;color:#d9e7f7;font-size:11px;font-weight:600}.sidebar-user{min-width:0;flex:1}.sidebar-user strong{display:block;font-size:11px;color:#e0e9f4;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar-user span{display:block;font-size:10px;color:#839bb7;margin-top:4px}.logout{color:#99b0cb!important;width:28px!important}.logout:hover{background:#24405e!important}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb span{color:#bbc5d2}.breadcrumb strong{font-weight:550;color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.top-clock{font-variant-numeric:tabular-nums}.main-content{padding:32px 35px 40px;max-width:1580px;width:100%;margin:0 auto;flex:1}.app-footer{padding:16px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;color:#8a96a7;font-size:10px}.menu-toggle{display:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading p{color:var(--muted);font-size:13px;margin:0}.page-eyebrow{display:block;font-size:10px;letter-spacing:.11em;color:var(--blue);font-weight:650;margin-bottom:9px}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.section-heading h2{font-size:17px;margin:0}.section-heading p{margin:5px 0 0;font-size:12px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.panel+.panel{margin-top:22px}.panel-title{margin-bottom:20px}.panel-title h2{font-size:17px;margin:0 0 5px}.panel-title p{color:var(--muted);font-size:12px;margin:0}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric{padding:19px 20px;border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.metric-label{font-size:11px;color:var(--muted)}.metric-value{font-size:29px;letter-spacing:-.04em;font-weight:600;margin:8px 0 4px;font-variant-numeric:tabular-nums}.metric-note{font-size:10px;color:var(--muted)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:22px}.building-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.building-card{border:1px solid var(--line);border-radius:9px;padding:16px;min-width:0}.building-letter{height:34px;width:38px;display:grid;place-items:center;font-size:17px;font-weight:650;background:var(--blue-soft);color:var(--blue);border-radius:7px;margin-bottom:13px}.building-card h3{font-size:13px;margin:0 0 5px}.building-card p{font-size:11px;color:var(--muted);margin:0 0 13px}.building-device{display:flex;align-items:center;gap:7px;font-size:11px;margin:8px 0;min-width:0}.building-device span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-list{display:flex;flex-direction:column}.recent-row{padding:12px 0;border-bottom:1px solid #edf0f5}.recent-row:last-child{border-bottom:0}.recent-row p{font-size:12px;line-height:1.4;margin:0 0 5px}.recent-row small{font-size:10px;color:var(--muted)}.sync-status{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sync-status strong{font-size:13px}.sync-detail{font-size:12px;line-height:1.6;color:var(--muted)}.emergency-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff1f2;border:1px solid #e8bdc3;border-radius:10px;padding:17px 20px;margin-bottom:24px;color:var(--red)}.emergency-banner strong{font-size:14px}.emergency-banner p{font-size:12px;margin:5px 0 0}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.toolbar-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input{width:250px!important;max-width:100%;padding:9px 12px!important;font-size:12px}.toolbar select{width:auto;min-width:150px;font-size:12px;padding:9px 12px}.tabs{display:flex;gap:5px;background:#eaf0f7;padding:4px;border-radius:7px;flex-wrap:wrap}.tabs button{padding:7px 12px;border:0;background:transparent;border-radius:5px;color:var(--muted);font-size:12px}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #132e4b10}.table-wrap{overflow:auto}table.data-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.data-table th{font-size:10px;color:var(--muted);font-weight:600;padding:12px 13px;border-bottom:1px solid var(--line);background:#f8fafc;white-space:nowrap}.data-table td{padding:15px 13px;border-bottom:1px solid #edf0f5;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table strong{font-weight:600}.data-table .row-title{font-size:13px;display:block;margin-bottom:5px}.data-table .subline{font-size:10px;color:var(--muted);line-height:1.4}.row-actions{display:flex;gap:5px;justify-content:flex-end}.content-type{display:inline-flex;align-items:center;justify-content:center;width:33px;height:37px;flex:0 0 auto;background:var(--blue-soft);color:var(--blue);border:1px solid #dfe9f7;border-radius:6px;font-size:11px;font-weight:600}.content-title-cell{display:flex;gap:12px;align-items:center}.empty-state{text-align:center;padding:52px 22px;color:var(--muted)}.empty-state .empty-icon{display:grid;place-items:center;margin:0 auto 15px;width:48px;height:48px;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-size:26px}.empty-state h3{color:var(--ink);font-size:16px;margin-bottom:8px}.empty-state p{font-size:12px;max-width:370px;margin:0 auto 18px}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.screen-card{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.screen-illustration{height:128px;background:#eaf0f7;padding:18px 35px;display:flex;align-items:center;justify-content:center}.mini-monitor{width:190px;max-width:100%;aspect-ratio:16/9;border:5px solid #273e58;border-radius:5px;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#55708e;font-size:10px;box-shadow:0 7px 15px #1e3a5714}.mini-monitor img{height:45px;width:45px;object-fit:contain}.mini-monitor .mini-line{width:66%;height:4px;background:#dce5f0;border-radius:2px}.mini-monitor .mini-line.short{width:43%}.mini-monitor.video{background:#1d3552;color:#c9daef}.mini-monitor.video span{font-size:24px}.screen-card-body{padding:18px}.screen-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.screen-card h3{font-size:14px;margin:0 0 6px}.screen-card p{font-size:11px;color:var(--muted);margin:0}.screen-meta{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.screen-meta span{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.screen-meta strong{font-size:11px;font-weight:500}.screen-card-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:15px;border-top:1px solid var(--line)}.url-field{display:flex;gap:8px;margin-top:14px}.url-field input{font-size:11px!important;min-width:0}.url-field .button{flex:0 0 auto}.section-gap{margin-top:24px}
.modal-overlay{position:fixed;inset:0;z-index:100;background:#10233da8;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:14px;box-shadow:0 25px 90px #061a3340;width:620px;max-width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;min-width:0}.modal.large{width:1220px}.modal.medium{width:840px}.modal-header{padding:20px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto}.modal-header h2{font-size:19px;margin:0}.modal-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.modal-body{padding:24px 25px;overflow:auto;min-height:0}.modal-footer{border-top:1px solid var(--line);padding:16px 25px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex:0 0 auto}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px}.editor-left{display:flex;flex-direction:column;gap:17px;min-width:0}.editor-right{border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;gap:18px;min-width:0}.editor-right h3{font-size:12px;margin-bottom:10px}.screen-check-group{margin-top:12px}.screen-check-group>strong{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.editor-shell{border:1px solid #cbd5e1;border-radius:8px;background:#fff;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:3px;align-items:center;padding:7px;border-bottom:1px solid var(--line);background:#f8fafc}.editor-toolbar button{border:0;background:transparent;color:#43546b;border-radius:4px;min-width:29px;height:29px;padding:3px 7px;font-size:12px;line-height:1}.editor-toolbar button:hover,.editor-toolbar button.active{background:#e2ebf7;color:var(--blue)}.editor-toolbar .tool-sep{height:19px;width:1px;background:var(--line);margin:0 4px}.editor-toolbar select{width:auto;max-width:100px;border:0;padding:5px 7px;background:transparent;font-size:11px}.majak-richtext{min-height:210px;padding:18px;line-height:1.55;outline:0;color:var(--ink);font-size:15px}.majak-richtext:focus{outline:0}.majak-richtext p{margin:.5em 0}.majak-richtext h1{font-size:29px;margin:.6em 0 .4em}.majak-richtext h2{font-size:23px;margin:.6em 0 .4em}.majak-richtext h3{font-size:18px;margin:.6em 0 .4em}.majak-richtext ul,.majak-richtext ol{padding-left:1.5em}.majak-richtext img{max-width:100%;height:auto}.majak-richtext table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1em 0;overflow:hidden}.majak-richtext td,.majak-richtext th{border:1px solid #bdcadb;padding:7px 9px;vertical-align:top;position:relative;min-width:1em}.majak-richtext th{background:#f0f4fa}.majak-richtext .selectedCell:after{background:#d8e8fc99;content:"";position:absolute;inset:0;pointer-events:none}.editor-shell.compact .majak-richtext{min-height:140px}.asset-selected{padding:12px;border:1px solid var(--line);border-radius:7px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;background:#f8fafc}.asset-selected img{width:54px;height:40px;object-fit:contain}.preview-label{font-size:10px;letter-spacing:.09em;color:var(--muted);font-weight:600;margin-bottom:9px}.tv-preview{width:100%;aspect-ratio:16/9;background:#fff;border:5px solid #2c4058;border-radius:7px;position:relative;overflow:hidden;container-type:inline-size}.preview-content{position:absolute;inset:0;padding:5.6%;font-size:2.5cqw;line-height:1.45;color:#172c49;overflow:hidden;background:#fff}.preview-content h1,.preview-content h2,.preview-content h3{font-size:4.4cqw;line-height:1.2;margin:0 0 3%}.preview-content>h2{font-size:5cqw}.preview-content p{margin:.5em 0}.preview-content table{border-collapse:collapse;width:100%;table-layout:fixed}.preview-content th,.preview-content td{border:1px solid #ccd6e4;padding:1.2%;overflow-wrap:anywhere}.preview-content img,.preview-content video{max-width:100%;max-height:100%;object-fit:contain}.preview-content.media-preview{display:grid;place-items:center;padding:0}.preview-content.emergency{background:#9e1727;color:#fff;padding-top:12%}.preview-drill{position:absolute;top:0;left:0;right:0;background:#ffd66b;color:#33270a;font-size:2.4cqw;padding:2% 4%;text-align:center;font-weight:700;letter-spacing:.04em}.preview-overflow{color:#95641a;font-size:11px;line-height:1.5;margin-top:8px}.post-history-item{border:1px solid var(--line);padding:14px;border-radius:8px;margin-bottom:12px}.post-history-item header{display:flex;justify-content:space-between;gap:12px;align-items:center}.post-history-item p{font-size:12px;color:var(--muted);margin:6px 0}.history-snapshot{max-height:180px;overflow:auto;padding:14px;background:#f7f9fc;border-radius:6px;font-size:12px;margin:12px 0}.history-snapshot table{border-collapse:collapse;width:100%}.history-snapshot td,.history-snapshot th{border:1px solid var(--line);padding:4px}.emergency-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:23px}.emergency-workbench{display:flex;flex-direction:column;gap:18px}.mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mode-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:400;cursor:pointer}.mode-option input{margin-top:2px;accent-color:var(--blue)}.mode-option strong{display:block;font-size:13px;margin-bottom:4px}.mode-option span{font-size:11px;color:var(--muted);line-height:1.4}.mode-option:has(input:checked){background:var(--blue-soft);border-color:#8eaed7}.mode-option.live:has(input:checked){background:#fff0f2;border-color:#d69ba5}.building-select{display:flex;gap:10px;flex-wrap:wrap}.building-option{flex:1;min-width:90px;padding:13px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.building-option:has(input:checked){background:var(--blue-soft);border-color:#8eaed7}.building-option input{accent-color:var(--blue)}.building-option small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.audience-summary{font-size:12px;color:var(--muted);line-height:1.5}.emergency-events{display:flex;flex-direction:column;gap:12px}.event-card{border:1px solid var(--line);border-left:4px solid #b88a33;border-radius:8px;padding:16px}.event-card.live{border-left-color:var(--red);background:#fffafb}.event-card h3{font-size:14px;margin:10px 0 7px}.event-card p{font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:12px}.event-card .button-row{justify-content:flex-end}.template-list{display:flex;flex-direction:column;gap:9px}.template-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:7px;align-items:center}.template-row strong{font-size:12px}.template-row span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.template-row .button-row{flex-wrap:nowrap}.building-override{border:1px solid var(--line);border-radius:8px;padding:13px;margin-top:12px}.building-override summary{font-size:12px;font-weight:600;cursor:pointer}.building-override .override-fields{display:flex;flex-direction:column;gap:12px;margin-top:14px}.confirm-scope{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.confirm-building{background:var(--blue-soft);border-radius:7px;padding:11px 15px;font-size:13px;font-weight:600}.confirm-emergency-preview{border-radius:9px;background:#9e1727;color:#fff;padding:20px}.confirm-emergency-preview.drill{border-top:10px solid #ffd66b}.confirm-emergency-preview h3{font-size:22px}.confirm-emergency-preview div{font-size:15px;line-height:1.5}.confirm-emergency-preview p:last-child{margin-bottom:0}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.permission-group{border:1px solid var(--line);border-radius:8px;padding:14px}.permission-group h3{font-size:13px;margin-bottom:10px}.audit-detail{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;background:#f6f8fb;padding:14px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.chart-bars{display:flex;gap:6px;align-items:flex-end;height:150px;margin-top:20px}.chart-bar{flex:1;background:#5480b8;min-width:4px;position:relative;border-radius:3px 3px 0 0}.chart-bar span{position:absolute;bottom:100%;font-size:10px;color:var(--muted);left:50%;transform:translateX(-50%);margin-bottom:5px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;color:var(--muted)}#toast-root{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:400px}.toast{padding:14px 18px;border-radius:9px;background:#18334f;color:#fff;box-shadow:0 8px 25px #142b4530;font-size:13px;line-height:1.45}.toast.error{background:#9f2838}.toast.success{background:#24684f}
.login-page{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);min-height:100vh;background:#fff}.login-story{padding:52px 64px;background:#132a45;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;right:-120px;bottom:-220px;width:650px;height:650px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff03;pointer-events:none}.login-intro{margin:auto 0;position:relative;z-index:1;padding:80px 0}.login-intro .eyebrow{font-size:9px;letter-spacing:.12em;color:#9fb6d0}.login-intro h1{font-size:47px;line-height:1.17;margin:20px 0;letter-spacing:-.04em}.login-intro p{color:#b4c5d9;font-size:15px;line-height:1.7;max-width:390px}.login-story footer{display:flex;justify-content:space-between;font-size:10px;color:#8da7c3}.login-card{padding:65px 60px;display:flex;flex-direction:column;justify-content:center;max-width:540px;width:100%;margin:auto}.login-logo{width:84px;height:84px;object-fit:contain;margin-bottom:27px}.login-card h2{font-size:28px;margin-bottom:8px}.login-card>.muted{font-size:13px}.login-sso{margin:24px 0 20px;justify-content:space-between;padding:14px 18px}.local-login{border-top:1px solid var(--line);padding-top:20px;margin-top:10px}.local-login summary{font-size:12px;color:var(--muted);cursor:pointer}.local-login form{display:flex;flex-direction:column;gap:15px;margin-top:19px}.login-help{font-size:11px;color:#8b98a8;line-height:1.7;margin:27px 0 0}
@media(min-width:1600px){.main-content{padding-top:42px}.page-heading{margin-bottom:30px}.overview-metrics{gap:20px}}
@media(max-width:1200px){.app-shell{grid-template-columns:214px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.main-content{padding:28px 24px}.topbar{padding:0 24px}.dashboard-columns{grid-template-columns:1fr}.editor-layout{grid-template-columns:minmax(0,1fr) 275px}.editor-right{padding-left:17px}.emergency-layout{grid-template-columns:1fr}.emergency-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.emergency-side>.panel+.panel{margin-top:0}.login-story{padding:45px}.login-card{padding:50px 40px}.login-intro h1{font-size:39px}}
@media(max-width:900px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.editor-right{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr}.editor-right>.preview-section{grid-column:1/-1}.modal.large{width:780px}.permission-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-story{padding:30px 35px;min-height:240px}.login-intro{padding:35px 0 15px}.login-intro h1{font-size:32px;margin:12px 0}.login-intro .eyebrow{font-size:8px}.login-intro p{font-size:13px;margin-bottom:10px}.login-story footer{display:none}.login-card{padding:35px;max-width:480px}.login-logo{width:65px;height:65px;margin-bottom:18px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;transform:translateX(-100%);transition:transform .2s;z-index:60}.app-shell.menu-open .sidebar{transform:translateX(0)}.menu-toggle{display:inline-flex}.topbar{padding:0 17px;height:58px;gap:10px}.breadcrumb{flex:1;font-size:11px}.topbar-right{gap:8px}.environment-label{display:none}.top-clock{font-size:10px}.main-content{padding:25px 17px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:26px}.page-heading .button{padding:9px 11px;font-size:12px}.page-heading p{font-size:12px}.page-eyebrow{font-size:9px}.overview-metrics{gap:10px;margin-bottom:20px}.metric{padding:15px}.metric-value{font-size:25px}.metric-note{font-size:9px}.panel{padding:17px}.building-cards{grid-template-columns:1fr}.building-card{display:grid;grid-template-columns:auto 1fr;gap:3px 13px}.building-letter{grid-row:1/4;margin:0}.building-card h3,.building-card p{margin:0}.building-device{grid-column:2;margin:4px 0}.toolbar{align-items:stretch;flex-direction:column}.toolbar-left{gap:8px}.toolbar input{width:100%!important}.toolbar select{flex:1}.tabs{align-self:flex-start}.table-wrap{margin:0 -17px}.data-table th{padding:11px 10px}.data-table td{padding:13px 10px}.data-table .row-title{font-size:12px}.row-actions{gap:2px}.modal-overlay{padding:8px}.modal{max-height:calc(100dvh - 16px);border-radius:10px}.modal-header{padding:17px}.modal-header h2{font-size:17px}.modal-body{padding:17px}.modal-footer{padding:13px 17px;gap:8px;flex-wrap:wrap}.modal-footer .button-row{margin-left:auto}.editor-right{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.mode-choices{grid-template-columns:1fr}.emergency-side{display:block}.emergency-side>.panel+.panel{margin-top:18px}.emergency-banner{align-items:flex-start;flex-direction:column;gap:12px}.screen-illustration{height:120px}.app-footer{padding:15px 17px}.app-footer span:last-child{display:none}#toast-root{left:17px;right:17px;bottom:17px}.majak-richtext{padding:13px;font-size:16px}.permission-grid{grid-template-columns:1fr}.screen-card-footer{flex-wrap:wrap}.template-row{align-items:flex-start}.template-row .button-row{flex-wrap:wrap;justify-content:flex-end}.login-story{padding:25px}.login-card{padding:30px 25px}.login-intro h1{font-size:30px}.login-intro .eyebrow{line-height:1.6;display:block}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}