body.sf-page{margin:0;height:100vh;width:100vw;overflow:hidden;background-color:#03060d;color:#cbd5e1;font-family:"Inter",sans-serif;-webkit-font-smoothing:antialiased;background-image:linear-gradient(rgba(148, 163, 184, 0.015) 1px, transparent 1px),linear-gradient(90deg, rgba(148, 163, 184, 0.015) 1px, transparent 1px);background-size:30px 30px}body.sf-page *,body.sf-page *::before,body.sf-page *::after{box-sizing:border-box}body.sf-page h1,body.sf-page h2,body.sf-page h3,body.sf-page h4,body.sf-page p,body.sf-page ul{margin:0;padding:0;list-style:none}body.sf-page input{font-family:inherit}button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit}.sf-app{position:fixed;inset:0;margin-left:80px;display:flex;overflow:hidden}.sf-card{background:rgba(9,14,26,.82);backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.3);border-radius:8px;box-shadow:0 4px 30px rgba(0,0,0,.55)}.sf-v--ok{color:#34d399}.sf-v--warn{color:#fb923c}.sf-v--crit{color:#f87171}.sf-v--ems,.sf-v--sky{color:#38bdf8}.sf-v--info{color:#60a5fa}.sf-v--muted{color:#94a3b8}.sf-mono{font-family:"Inter",sans-serif}.is-iframe .sf-card{background:#0a0f1a;backdrop-filter:none}.is-iframe .sf-det-actions{background:#070b14;backdrop-filter:none}.is-iframe .sf-mode,.is-iframe .sf-zoom{backdrop-filter:none}.is-iframe .sf-cctv__noise{mix-blend-mode:normal}.sf-list-col{width:325px;flex-shrink:0;height:100%;display:flex;flex-direction:column;background:#070b14;border-right:1px solid hsla(0,0%,100%,.05);padding:14px 12px 10px}.sf-list__head{flex-shrink:0}.sf-list__title{font-size:12px;font-weight:700;letter-spacing:.08em;color:#e2e8f0;margin-bottom:18px}.sf-search{display:flex;align-items:center;gap:6px;background:rgba(2,6,23,.7);border:1px solid #1e293b;border-radius:8px;padding:0 8px;height:48px;margin-bottom:16px;margin-top:16px}.sf-search .sf-search__ico{width:15px;height:15px;color:#64748b;flex-shrink:0}.sf-search .sf-search__in{flex:1;background:none;border:0;outline:none;color:#e2e8f0;font-size:15px;min-width:0}.sf-search .sf-search__in::placeholder{color:#64748b}.sf-search .sf-search__filter{color:#64748b;display:flex}.sf-search .sf-search__filter svg{width:14px;height:14px}.sf-search .sf-search__filter:hover{color:#22d3ee}.sf-tabs{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid #1e293b}.sf-tab{flex:1;padding:7px 4px;font-size:11.5px;font-weight:600;color:#64748b;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-1px;display:flex;align-items:center;justify-content:center;gap:4px}.sf-tab.is-on{color:#f1f5f9;border-bottom-color:#00f0ff}.sf-tab:hover{color:#cbd5e1}.sf-tab__c{font-family:"Inter",sans-serif;font-size:11px;color:#64748b;background:rgba(2,6,23,.8);border:1px solid #1e293b;border-radius:10px;padding:0 5px}.sf-tab.is-on .sf-tab__c{color:#22d3ee;border-color:rgba(0,240,255,.3)}.sf-list__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:6px 4px 6px 2px}.sf-dir-empty{color:#64748b;font-size:11px;text-align:center;padding:30px 10px;font-family:"Inter",sans-serif}.sf-list__more{flex-shrink:0;margin-top:8px;padding:8px;font-size:10px;font-weight:600;letter-spacing:.05em;color:#94a3b8;border:1px solid #1e293b;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px}.sf-list__more svg{width:13px;height:13px}.sf-list__more:hover{color:#e2e8f0;border-color:#334155;background:rgba(15,23,42,.4)}.sf-row{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:8px;border:1px solid rgba(30,41,59,.55);background:rgba(2,6,23,.45);transition:all .18s;cursor:pointer}.sf-row:hover{background:rgba(15,23,42,.55);border-color:#334155}.sf-row--warn{border-left:3px solid #f97316}.sf-row--crit{border-left:3px solid #ef4444}.sf-row--ems{border-left:3px solid #38bdf8}.sf-row.is-selected{border-color:rgba(0,240,255,.5);background:rgba(8,47,68,.35);box-shadow:0 0 0 1px rgba(0,240,255,.15) inset}.sf-row__num{width:20px;height:20px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Inter",sans-serif;font-size:10px;font-weight:700;color:#020617;background:#475569}.sf-row__num--ok{background:#2dd4bf}.sf-row__num--warn{background:#f97316}.sf-row__num--crit{background:#ef4444;color:#fff}.sf-row__num--ems{background:#38bdf8}.sf-row__body{flex:1;min-width:0}.sf-row__name{font-size:13px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-row__state{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;margin-top:3px}.sf-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#475569}.sf-dot--teal{background:#2dd4bf;box-shadow:0 0 6px rgba(45,212,191,.7)}.sf-dot--orange{background:#f97316;box-shadow:0 0 6px rgba(249,115,22,.7)}.sf-dot--red{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.8)}.sf-dot--sky{background:#38bdf8;box-shadow:0 0 6px rgba(56,189,248,.8)}.sf-dot--pulse{animation:sf-pulse 1.5s infinite}.sf-fav{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#475569}.sf-fav svg{width:18px;height:18px}.sf-fav:hover{color:#fbbf24}.sf-fav.is-on{color:#fbbf24}.sf-fav.is-on svg{fill:currentColor}.sf-main{flex:1;min-width:0;display:flex;flex-direction:column;padding:10px}.sf-stage{flex:1;min-height:0;position:relative;border-radius:10px;overflow:hidden;background:#03060d;border:1px solid rgba(51,65,85,.25)}.sf-stage__canvas{position:absolute;inset:0}.sf-stage__labels{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}.sf-label{position:absolute;transform:translate(-50%, -145%);display:flex;align-items:center;gap:7px;padding:5px 9px;z-index:16;background:rgba(6,10,20,.9);border:1px solid rgba(51,65,85,.6);border-radius:7px;box-shadow:0 6px 18px rgba(0,0,0,.6);pointer-events:auto;cursor:pointer;white-space:nowrap}.sf-label::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:inherit;border-right:1px solid;border-bottom:1px solid;border-color:inherit;rotate:45deg}.sf-label:hover{border-color:rgba(0,240,255,.5)}.sf-label__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sf-label__txt{display:flex;flex-direction:column;line-height:1.25}.sf-label__note{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.sf-label__name{font-size:10px;font-weight:500;color:#e2e8f0;max-width:150px;overflow:hidden;text-overflow:ellipsis}.sf-label--ok .sf-label__dot{background:#2dd4bf;box-shadow:0 0 8px #2dd4bf}.sf-label--ok .sf-label__note{color:#2dd4bf}.sf-label--warn{border-color:rgba(249,115,22,.5)}.sf-label--warn .sf-label__dot{background:#f97316;box-shadow:0 0 8px #f97316}.sf-label--warn .sf-label__note{color:#fb923c}.sf-label--crit{border-color:rgba(239,68,68,.6)}.sf-label--crit .sf-label__dot{background:#ef4444;box-shadow:0 0 9px #ef4444;animation:sf-pulse 1.3s infinite}.sf-label--crit .sf-label__note{color:#f87171}.sf-label--ems{border-color:rgba(56,189,248,.6)}.sf-label--ems .sf-label__dot{background:#38bdf8;box-shadow:0 0 9px #38bdf8;animation:sf-pulse 1.3s infinite}.sf-label--ems .sf-label__note{color:#38bdf8}.sf-label.is-selected{border-color:rgba(0,240,255,.7);box-shadow:0 6px 20px rgba(0,0,0,.7),0 0 14px rgba(0,240,255,.25)}.sf-mapctl{position:absolute;bottom:14px;left:14px;z-index:25;display:flex;flex-direction:column;gap:8px}.sf-mode{display:flex;align-items:center;gap:3px;background:rgba(6,10,20,.85);border:1px solid #1e293b;border-radius:8px;padding:3px;backdrop-filter:blur(8px)}.sf-mode__btn{padding:4px 10px;font-size:10px;font-weight:700;color:#94a3b8;border-radius:5px}.sf-mode__btn.is-on{background:rgba(0,240,255,.15);color:#22d3ee}.sf-mode__center{display:flex;padding:4px 7px;color:#94a3b8;border-left:1px solid #1e293b}.sf-mode__center svg{width:14px;height:14px}.sf-mode__center:hover{color:#22d3ee}.sf-zoom{display:flex;flex-direction:column;align-items:center;gap:5px;background:rgba(6,10,20,.85);border:1px solid #1e293b;border-radius:8px;padding:6px 5px;width:34px;backdrop-filter:blur(8px)}.sf-zoom button{color:#cbd5e1;display:flex}.sf-zoom button svg{width:15px;height:15px}.sf-zoom button:hover{color:#22d3ee}.sf-zoom__bar{width:3px;height:26px;border-radius:2px;background:linear-gradient(to top, #334155, #00f0ff)}.sf-rail{position:absolute;top:14px;right:14px;bottom:14px;width:400px;z-index:20;display:flex;flex-direction:column;overflow-y:auto;pointer-events:none}.sf-rail>*{pointer-events:auto}.sf-rail__view{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.sf-rail__view[hidden]{display:none}.sf-rail__view.is-in{animation:sf-viewin .3s ease}.sf-card__head{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.06em;color:#e2e8f0;padding:10px 12px;border-bottom:1px solid #1e293b}.sf-card__head svg{width:14px;height:14px;color:#64748b}.sf-layers{padding:6px;display:flex;flex-direction:column;gap:2px}.sf-layers .sf-card__head{margin:-6px -6px 4px}.sf-lyr{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;font-size:11px;font-weight:500;color:#94a3b8;transition:all .15s}.sf-lyr:hover{background:rgba(15,23,42,.4)}.sf-lyr.is-on{color:#f1f5f9}.sf-lyr__l{display:flex;align-items:center;gap:8px}.sf-lyr__l svg{width:15px;height:15px;color:#64748b}.sf-lyr.is-on .sf-lyr__l svg{color:#22d3ee}.sf-switch{width:30px;height:16px;border-radius:10px;background:#1e293b;position:relative;flex-shrink:0;transition:background .2s}.sf-switch::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#64748b;transition:all .2s}.sf-lyr.is-on .sf-switch{background:rgba(0,240,255,.35)}.sf-lyr.is-on .sf-switch::after{left:16px;background:#00f0ff;box-shadow:0 0 8px rgba(0,240,255,.7)}.sf-index{flex-shrink:0;display:flex;flex-direction:column}.sf-index__head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px 4px}.sf-index__t{font-size:10px;font-weight:700;letter-spacing:.05em;color:#cbd5e1}.sf-index__score{font-size:10px;color:#94a3b8}.sf-index__score b{font-family:"Inter",sans-serif;font-size:17px;color:#22d3ee}.sf-index__radar{width:100%;height:190px}.sf-incidents{flex:1;min-height:160px;display:flex;flex-direction:column;overflow:hidden}.sf-incidents__head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #1e293b}.sf-incidents__t{font-size:11.5px;font-weight:700;letter-spacing:.05em;color:#e2e8f0}.sf-incidents__all{font-size:11px;color:#22d3ee;cursor:pointer}.sf-incidents__all:hover{text-decoration:underline}.sf-incidents__feed{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:9px}.sf-incidents__foot{flex-shrink:0;padding:8px 12px;border-top:1px solid #1e293b;font-size:11px;color:#64748b}.sf-live{display:flex;align-items:center;gap:6px;font-family:"Inter",sans-serif}.sf-live__dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399;animation:sf-pulse 1.6s infinite}.sf-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:#64748b;font-size:11px;font-family:"Inter",sans-serif;padding:24px}.sf-feed-empty svg{width:26px;height:26px;color:rgba(52,211,153,.6)}.sf-inc{border-radius:7px;border:1px solid;padding:11px 11px;cursor:pointer;transition:all .18s;position:relative}.sf-inc--crit{border-color:rgba(239,68,68,.35);background:rgba(69,10,10,.2)}.sf-inc--warn{border-color:rgba(249,115,22,.35);background:rgba(67,20,7,.18)}.sf-inc--ems{border-color:rgba(56,189,248,.35);background:rgba(8,47,73,.2)}.sf-inc:hover{filter:brightness(1.18)}.sf-inc__top{display:flex;align-items:center;gap:10px}.sf-inc__tag{padding:3px 8px;border-radius:4px;font-size:11.5px;font-weight:700;font-family:"Inter",sans-serif;letter-spacing:.03em;flex-shrink:0}.sf-inc__tag--crit{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.4)}.sf-inc__tag--warn{background:rgba(249,115,22,.15);color:#fb923c;border:1px solid rgba(249,115,22,.4)}.sf-inc__tag--ems{background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.sf-inc__title{flex:1;min-width:0;font-size:12.5px;font-weight:600;color:#f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-inc__time{font-size:11px;font-family:"Inter",sans-serif;color:#94a3b8;flex-shrink:0}.sf-inc__desc{font-size:12px;color:#cbd5e1;line-height:1.55;margin-top:9px}.sf-inc__resolve{margin-top:7px;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:700;font-family:"Inter",sans-serif;color:#34d399;background:rgba(6,78,59,.35);border:1px solid rgba(16,185,129,.25);float:right}.sf-inc__resolve:hover{background:rgba(6,95,70,.5)}.sf-det-head{padding:11px 13px 13px;flex-shrink:0}.sf-det-head__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.sf-det-back{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#22d3ee}.sf-det-back svg{width:14px;height:14px}.sf-det-back:hover{text-decoration:underline}.sf-det-close{color:#64748b;display:flex;padding:3px;border-radius:5px}.sf-det-close svg{width:15px;height:15px}.sf-det-close:hover{color:#f1f5f9;background:hsla(0,0%,100%,.06)}.sf-det-name{font-size:15px;font-weight:700;letter-spacing:.01em;color:#22d3ee;line-height:1.3}.sf-det-badge{display:inline-block;margin-top:7px;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:700;font-family:"Inter",sans-serif;letter-spacing:.04em;border:1px solid}.sf-det-badge--ok{color:#34d399;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.4)}.sf-det-badge--warn{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.4)}.sf-det-badge--crit{color:#f87171;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4);animation:sf-pulse 1.8s infinite}.sf-det-badge--ems{color:#38bdf8;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.4)}.sf-det-kpis{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-top:11px}.sf-det-kpi{display:flex;flex-direction:column;gap:3px;padding:7px 9px;border:1px solid rgba(30,41,59,.7);border-radius:7px;background:rgba(2,6,23,.45)}.sf-det-kpi span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.sf-det-kpi b{font-family:"Inter",sans-serif;font-size:17px;font-weight:700;color:#f1f5f9}.sf-det-block{padding:11px 13px 13px;flex-shrink:0}.sf-det-block__t{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.06em;color:#cbd5e1;text-transform:uppercase;margin-bottom:9px}.sf-det-block__t svg{width:13px;height:13px;color:#22d3ee}.sf-det-block__t--sub{margin-top:12px;padding-top:10px;border-top:1px solid rgba(30,41,59,.7)}.sf-cctv{position:relative;height:250px;border-radius:7px;overflow:hidden;background:#05080f;border:1px solid rgba(56,189,248,.3);box-shadow:inset 0 0 46px rgba(0,0,0,.8)}.sf-cctv__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05080f}.sf-cctv__nosignal{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;font-family:"Inter",sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:repeating-linear-gradient(0deg, #0a0f1a 0 2px, #070b13 2px 4px)}.sf-cctv__nosignal svg{width:26px;height:26px;opacity:.55}.sf-cctv__nosignal[hidden]{display:none}.sf-cctv__noise{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.16) 0 1px, transparent 1px 3px);mix-blend-mode:multiply}.sf-cctv__scan{position:absolute;left:0;right:0;height:44px;z-index:3;pointer-events:none;background:linear-gradient(180deg, transparent, rgba(0, 240, 255, 0.07), transparent);animation:sf-scan 4.6s linear infinite}.sf-cctv__corners{position:absolute;inset:7px;z-index:4;pointer-events:none}.sf-cctv__corners span{position:absolute;width:15px;height:15px;border:2px solid rgba(0,240,255,.5)}.sf-cctv__corners span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.sf-cctv__corners span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.sf-cctv__corners span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.sf-cctv__corners span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.sf-cctv__chan{position:absolute;top:9px;left:10px;z-index:5;display:flex;align-items:center;gap:6px;font-family:"Inter",sans-serif;font-size:10px;font-weight:600;color:#f1f5f9;letter-spacing:.04em;background:rgba(2,6,23,.6);border-radius:4px;padding:3px 7px}.sf-cctv__rec{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:sf-pulse 1.1s infinite}.sf-cctv__live{position:absolute;top:9px;right:10px;z-index:5;display:flex;align-items:center;gap:5px;font-family:"Inter",sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;color:#f87171;background:rgba(2,6,23,.6);border-radius:4px;padding:3px 7px}.sf-cctv__livedot{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 7px #ef4444;animation:sf-pulse 1.1s infinite}.sf-cctv__ts{position:absolute;bottom:9px;right:10px;z-index:5;font-family:"Inter",sans-serif;font-size:9.5px;color:rgba(226,232,240,.9);letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.95)}.sf-cctv__count{position:absolute;bottom:9px;left:10px;z-index:5;font-size:10.5px;color:#f1f5f9;background:rgba(2,6,23,.68);border:1px solid rgba(0,240,255,.28);border-radius:4px;padding:3px 7px}.sf-cctv__count b{color:#f87171;font-family:"Inter",sans-serif;font-weight:700;font-size:12px}.sf-cctv{cursor:pointer}.sf-cctv__hover{position:absolute;inset:0;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:rgba(2,6,23,.5);opacity:0;transition:opacity .18s ease;color:#f1f5f9;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sf-cctv__hover svg{width:30px;height:30px;color:#22d3ee}.sf-cctv:hover .sf-cctv__hover{opacity:1}.sf-cam-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:3.5vh 3vw;background:rgba(2,4,9,.82);opacity:0;transition:opacity .22s ease}.sf-cam-modal[hidden]{display:none}.sf-cam-modal.is-open{opacity:1}.sf-cam-modal.is-open .sf-cam-modal__stage{transform:none;opacity:1}.sf-cam-modal__stage{position:relative;width:min(1180px,100%);aspect-ratio:16/9;max-height:100%;border-radius:12px;overflow:hidden;background:#05080f;border:1px solid rgba(56,189,248,.35);box-shadow:0 30px 80px rgba(0,0,0,.85),inset 0 0 60px rgba(0,0,0,.7);transform:scale(0.97);opacity:0;transition:transform .26s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .2s ease}.sf-cam-modal__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05080f}.sf-cam-modal__nosignal{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;font-family:"Inter",sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;background:repeating-linear-gradient(0deg, #0a0f1a 0 2px, #070b13 2px 4px)}.sf-cam-modal__nosignal svg{width:46px;height:46px;opacity:.55}.sf-cam-modal__nosignal[hidden]{display:none}.sf-cam-modal__close{position:absolute;top:12px;right:12px;z-index:6;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#e2e8f0;background:rgba(2,6,23,.7);border:1px solid #334155}.sf-cam-modal__close svg{width:18px;height:18px}.sf-cam-modal__close:hover{color:#fff;border-color:rgba(0,240,255,.5);background:rgba(8,47,68,.7)}.sf-cam-modal__stage .sf-cctv__chan{top:12px;left:12px;font-size:12px;padding:4px 9px}.sf-cam-modal__stage .sf-cctv__live{top:12px;right:56px;font-size:12px;padding:4px 9px}.sf-cam-modal__stage .sf-cctv__ts{bottom:12px;right:14px;font-size:12px}.sf-cam-modal__stage .sf-cctv__corners span{width:22px;height:22px}.sf-cycle{display:flex;align-items:center;gap:15px}.sf-donut{width:124px;height:124px;flex-shrink:0}.sf-donut__svg{width:100%;height:100%;display:block}.sf-donut__num{fill:#f1f5f9;font-family:"Inter",sans-serif;font-size:24px;font-weight:700}.sf-donut__lbl{fill:#94a3b8;font-size:7.5px;letter-spacing:.02em}.sf-cycle__legend{display:flex;flex-direction:column;gap:11px;font-size:12.5px;color:#cbd5e1}.sf-cycle__legend li{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sf-cycle__legend b{color:#f1f5f9;font-family:"Inter",sans-serif;font-size:13px}.sf-lg-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sf-lg-pct{color:#64748b;font-family:"Inter",sans-serif;font-size:11px}.sf-det-rule{display:flex;align-items:center;gap:9px;margin-top:11px;padding:8px 10px;border-radius:7px;background:rgba(6,78,59,.28);border:1px solid rgba(16,185,129,.45);box-shadow:0 0 12px rgba(16,185,129,.12)}.sf-det-rule svg{width:16px;height:16px;color:#34d399;flex-shrink:0;animation:sf-pulse 2s infinite}.sf-det-rule[hidden]{display:none}.sf-det-rule.is-paused{background:rgba(15,23,42,.5);border-color:#334155;box-shadow:none}.sf-det-rule.is-paused svg{color:#64748b;animation:none}.sf-det-rule.is-paused b{color:#94a3b8}.sf-det-rule__tx{display:flex;flex-direction:column;gap:2px;min-width:0}.sf-det-rule__tx b{font-size:10.5px;font-weight:700;color:#34d399}.sf-det-rule__tx span{font-size:9px;color:#94a3b8;font-family:"Inter",sans-serif;line-height:1.4}.sf-trend{width:100%;height:156px;margin-top:2px}.sf-cross{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"tl tr" "svg svg" "bl br";align-items:center;gap:6px 12px}.sf-cross__svg{grid-area:svg;width:82%;height:auto;justify-self:center;margin:2px 0}.sf-cross__ro{display:flex;flex-direction:column;gap:3px;padding:2px 4px}.sf-cross__ro--tl{grid-area:tl;align-items:flex-start}.sf-cross__ro--tr{grid-area:tr;align-items:flex-end;text-align:right}.sf-cross__ro--bl{grid-area:bl;align-items:flex-start}.sf-cross__ro--br{grid-area:br;align-items:flex-end;text-align:right}.sf-ph__lbl{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:#64748b;text-transform:uppercase}.sf-ph__state{display:flex;align-items:center;gap:6px}.sf-cross__ro--tr .sf-ph__state,.sf-cross__ro--br .sf-ph__state{flex-direction:row-reverse}.sf-ph__word{font-size:11px;font-weight:600;color:#e2e8f0}.sf-ph__secs{font-family:"Inter",sans-serif;font-size:15px;font-weight:700;color:#f1f5f9}.sf-led{width:12px;height:12px;border-radius:50%;flex-shrink:0;background:#334155;transition:all .25s}.sf-led--green{background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.95)}.sf-led--amber{background:#f59e0b;box-shadow:0 0 10px rgba(245,158,11,.95)}.sf-led--red{background:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.95)}.sf-det-actions{position:sticky;bottom:0;z-index:5;margin-top:auto;display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:8px;background:rgba(5,8,17,.92);backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.3);box-shadow:0 -8px 24px rgba(0,0,0,.5)}.sf-act{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid;transition:all .18s}.sf-act svg{width:15px;height:15px}.sf-act--ems{color:#67e8f9;background:rgba(14,74,110,.55);border-color:rgba(56,189,248,.65);box-shadow:0 0 12px rgba(56,189,248,.18)}.sf-act--ems svg{color:#67e8f9}.sf-act--ems:hover{background:rgba(21,94,138,.7);border-color:rgba(103,232,249,.85);box-shadow:0 0 20px rgba(56,189,248,.45)}.sf-act--rules{color:#f1f5f9;background:rgba(30,41,59,.65);border-color:#475569}.sf-act--rules svg{color:#22d3ee}.sf-act--rules:hover{background:rgba(51,65,85,.8);border-color:rgba(0,240,255,.45);box-shadow:0 0 12px rgba(0,240,255,.12)}.sf-rb{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:rgba(3,6,13,.55);opacity:0;transition:opacity .22s ease}.sf-rb[hidden]{display:none}.sf-rb.is-open{opacity:1}.sf-rb.is-open .sf-rb__card{transform:none;opacity:1}.sf-rb__card{position:relative;width:clamp(470px,45%,560px);max-height:calc(100% - 44px);display:flex;flex-direction:column;background:#080c15;border:1px solid rgba(0,240,255,.3);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.8),0 0 26px rgba(0,240,255,.08);transform:translateY(14px) scale(0.98);opacity:0;transition:transform .28s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .22s ease}.sf-rb__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 18px 13px;border-bottom:1px solid #1e293b;flex-shrink:0}.sf-rb__title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;letter-spacing:.04em;color:#f1f5f9}.sf-rb__title svg{width:17px;height:17px;color:#22d3ee}.sf-rb__sub{display:block;font-size:11px;color:#94a3b8;margin-top:5px}.sf-rb__sub b{color:#22d3ee;font-weight:600}.sf-rb__close{color:#64748b;display:flex;padding:4px;border-radius:5px}.sf-rb__close svg{width:18px;height:18px}.sf-rb__close:hover{color:#f1f5f9;background:hsla(0,0%,100%,.06)}.sf-rb__body{flex:1;min-height:0;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:13px}.sf-rb__block{background:rgba(2,6,23,.5);border:1px solid rgba(30,41,59,.65);border-radius:9px;padding:14px 15px}.sf-rb__bt{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:#cbd5e1;text-transform:uppercase;margin-bottom:13px}.sf-rb__bn{font-family:"Inter",sans-serif;font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:4px;border:1px solid}.sf-rb__bn--when{color:#22d3ee;background:rgba(0,240,255,.1);border-color:rgba(0,240,255,.35)}.sf-rb__bn--then{color:#fbbf24;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35)}.sf-rb__lbl{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b;margin:13px 0 8px}.sf-rb__lbl:first-of-type{margin-top:0}.sf-rb-range{position:relative;height:28px}.sf-rb-range__track{position:absolute;top:50%;left:0;right:0;height:6px;transform:translateY(-50%);border-radius:3px;background:#1e293b}.sf-rb-range__fill{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg, rgba(0, 240, 255, 0.55), #00f0ff);box-shadow:0 0 8px rgba(0,240,255,.4)}.sf-rb-range input[type=range]{position:absolute;inset:0;width:100%;margin:0;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);pointer-events:none}.sf-rb-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;cursor:grab;width:18px;height:18px;border-radius:50%;background:#04121a;border:2.5px solid #00f0ff;box-shadow:0 0 8px rgba(0,240,255,.6)}.sf-rb-range input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:grab;width:15px;height:15px;border-radius:50%;background:#04121a;border:2.5px solid #00f0ff;box-shadow:0 0 8px rgba(0,240,255,.6)}.sf-rb-range__label{text-align:center;font-family:"Inter",sans-serif;font-size:15px;font-weight:700;color:#22d3ee;margin-top:5px}.sf-rb-presets{display:flex;gap:7px;margin-bottom:8px}.sf-rb-preset{flex:1;padding:7px;border-radius:6px;font-size:10.5px;font-weight:700;color:#94a3b8;border:1px solid #1e293b;background:rgba(2,6,23,.4)}.sf-rb-preset:hover{color:#22d3ee;border-color:rgba(0,240,255,.4)}.sf-rb-days{display:grid;grid-template-columns:repeat(7, 1fr);gap:6px}.sf-rb-day{padding:8px 0;border-radius:6px;font-size:12px;font-weight:700;color:#64748b;border:1px solid #1e293b;background:rgba(2,6,23,.4);transition:all .15s}.sf-rb-day:hover{color:#cbd5e1}.sf-rb-day.is-on{color:#04121a;background:#22d3ee;border-color:#22d3ee;box-shadow:0 0 8px rgba(0,240,255,.35)}.sf-rb-select{width:100%;padding:10px 12px;border-radius:7px;font-family:"Inter",sans-serif;font-size:12px;color:#e2e8f0;background:rgba(2,6,23,.6);border:1px solid #334155;outline:none;cursor:pointer}.sf-rb-select:focus{border-color:rgba(0,240,255,.5)}.sf-rb-select option{background:#0b1220}.sf-rb-param{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.sf-rb-param:last-of-type{margin-bottom:0}.sf-rb-param__l{display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1}.sf-rb-step{display:flex;align-items:center;gap:2px;background:rgba(2,6,23,.6);border:1px solid #334155;border-radius:7px;padding:2px}.sf-rb-step button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#94a3b8}.sf-rb-step button svg{width:15px;height:15px}.sf-rb-step button:hover{color:#22d3ee;background:rgba(0,240,255,.08)}.sf-rb-step b{min-width:52px;text-align:center;font-family:"Inter",sans-serif;font-size:14px;font-weight:700;color:#f1f5f9}.sf-rb-amber{display:flex;align-items:center;gap:10px}.sf-rb-amber input[type=range]{width:110px;accent-color:#f59e0b;cursor:pointer}.sf-rb-amber b{font-family:"Inter",sans-serif;font-size:14px;font-weight:700;color:#fbbf24;min-width:32px}.sf-rb-sum{margin-top:13px;padding-top:11px;border-top:1px solid rgba(30,41,59,.7)}.sf-rb-sum__bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#0f172a}.sf-rb-sum__bar span{display:block;transition:width .25s ease}.sf-rb-sum__label{font-size:11px;color:#94a3b8;margin-top:7px}.sf-rb-sum__label b{font-family:"Inter",sans-serif;font-size:13.5px;color:#f1f5f9}.sf-rb__block--state{display:flex;justify-content:center;padding:12px 15px}.sf-rb-state{display:flex;align-items:center;gap:11px;padding:7px 12px;border-radius:8px}.sf-rb-state:hover{background:rgba(15,23,42,.4)}.sf-rb-state__sw{width:44px;height:24px;border-radius:13px;background:#1e293b;position:relative;transition:background .2s;flex-shrink:0}.sf-rb-state__sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#64748b;transition:all .2s}.sf-rb-state.is-on .sf-rb-state__sw{background:rgba(16,185,129,.4)}.sf-rb-state.is-on .sf-rb-state__sw::after{left:23px;background:#34d399;box-shadow:0 0 10px rgba(16,185,129,.8)}.sf-rb-state__tx{font-size:12.5px;font-weight:700;color:#94a3b8}.sf-rb-state.is-on .sf-rb-state__tx{color:#34d399}.sf-rb__foot{display:flex;gap:10px;padding:13px 18px 16px;border-top:1px solid #1e293b;flex-shrink:0}.sf-rb-save{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#03170f;background:linear-gradient(180deg, #34d399, #10b981);border:1px solid rgba(16,185,129,.8);box-shadow:0 0 16px rgba(16,185,129,.25)}.sf-rb-save svg{width:16px;height:16px}.sf-rb-save:hover{box-shadow:0 0 22px rgba(16,185,129,.5)}.sf-rb-cancel{padding:12px 18px;border-radius:8px;font-size:12px;font-weight:600;color:#94a3b8;border:1px solid #334155;background:rgba(15,23,42,.5)}.sf-rb-cancel:hover{color:#e2e8f0;background:rgba(30,41,59,.6)}.sf-rb-sending{position:absolute;inset:0;z-index:10;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px;text-align:center;background:#080c15}.sf-rb-sending[hidden]{display:none}.sf-rb-sending__spinner{width:46px;height:46px;border-radius:50%;border:3px solid rgba(0,240,255,.15);border-top-color:#00f0ff;box-shadow:0 0 16px rgba(0,240,255,.2);animation:sf-spin .8s linear infinite}.sf-rb-sending__title{font-size:14px;font-weight:700;letter-spacing:.03em;color:#f1f5f9}.sf-rb-sending__sub{font-size:11px;color:#22d3ee;font-family:"Inter",sans-serif;min-height:15px}.sf-rb-sending__bar{width:min(78%,320px);height:8px;border-radius:5px;background:#1e293b;overflow:hidden;border:1px solid #334155}.sf-rb-sending__fill{width:0;height:100%;border-radius:5px;background:linear-gradient(90deg, rgba(0, 240, 255, 0.6), #00f0ff);box-shadow:0 0 12px rgba(0,240,255,.55)}.sf-rb-sending__pct{font-family:"Inter",sans-serif;font-size:13px;font-weight:700;color:#22d3ee}.deck-tooltip{background:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;padding:0 !important;font-family:"Inter",sans-serif !important;z-index:99999 !important;pointer-events:none !important}.sf-tip{min-width:240px;max-width:300px;background:rgba(6,10,20,.97);border:1.5px solid rgba(0,240,255,.4);border-radius:8px;padding:10px 12px;color:#e2e8f0;font-family:"Inter",sans-serif;font-size:10.5px;box-shadow:0 14px 34px rgba(0,0,0,.85)}.sf-tip--warn{border-color:rgba(249,115,22,.7)}.sf-tip--crit{border-color:rgba(239,68,68,.8)}.sf-tip--ems{border-color:rgba(56,189,248,.7)}.sf-tip--ok{border-color:rgba(45,212,191,.6)}.sf-tip__title{font-size:11px;color:#f1f5f9;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #1e293b}.sf-tip__title b{color:#22d3ee}.sf-tip__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:"Inter",sans-serif;font-size:10px;margin-bottom:4px}.sf-tip__row span{color:#94a3b8}.sf-tip__row b{color:#f1f5f9;font-weight:600}.sf-tip__phase{display:flex;gap:3px;margin:8px 0 6px;height:18px;border-radius:4px;overflow:hidden}.sf-tip__ph{display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#04121a;white-space:nowrap;overflow:hidden}.sf-tip__ph--main{background:#f97316}.sf-tip__ph--sec{background:#2dd4bf}.sf-tip__hint{font-size:11px;color:#64748b;text-align:center;border-top:1px solid #1e293b;padding-top:6px;margin-top:2px}.sf-scada{font-family:"Inter",sans-serif;margin-left:4px;letter-spacing:-1px}.sf-scada--red{color:#ef4444}.sf-scada--orange{color:#fb923c}.sf-scada--amber{color:#fbbf24}.sf-scada--teal{color:#2dd4bf}.sf-scada--off{color:#1e293b}.sf-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%, 20px);z-index:9999;padding:12px 20px;border-radius:10px;font-size:12px;font-weight:600;letter-spacing:.01em;background:rgba(6,10,20,.96);border:1px solid #334155;color:#f1f5f9;box-shadow:0 16px 40px rgba(0,0,0,.7);opacity:0;transition:opacity .3s,transform .3s}.sf-toast.is-in{opacity:1;transform:translate(-50%, 0)}.sf-toast--ok{border-color:rgba(16,185,129,.5);box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 18px rgba(16,185,129,.2)}.sf-toast--ems{border-color:rgba(56,189,248,.5);box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 18px rgba(56,189,248,.2)}.sf-toast--info{border-color:rgba(0,240,255,.4)}@keyframes sf-pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes sf-viewin{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}@keyframes sf-scan{0%{top:-44px}100%{top:100%}}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-scroll::-webkit-scrollbar{width:5px;height:5px}.sf-scroll::-webkit-scrollbar-track{background:rgba(13,18,30,.1)}.sf-scroll::-webkit-scrollbar-thumb{background:rgba(51,65,85,.5);border-radius:2px}.sf-scroll::-webkit-scrollbar-thumb:hover{background:rgba(0,240,255,.4)}@media(max-width: 1600px),(max-height: 900px){.sf-list-col{width:284px}.sf-list__title{margin-bottom:8px}.sf-search{height:40px;margin-top:10px;margin-bottom:12px}.sf-search .sf-search__in{font-size:13px}.sf-search .sf-search__ico{width:14px;height:14px}.sf-tab{font-size:11px;padding:6px 3px}.sf-row{padding:8px 8px}.sf-row__name{font-size:12px}.sf-row__state{font-size:10px}.sf-fav{width:27px;height:27px}.sf-fav svg{width:16px;height:16px}.sf-rail{width:330px}.sf-inc{padding:9px 10px}.sf-inc__top{gap:8px}.sf-inc__title{font-size:12px}.sf-inc__time{font-size:10px}.sf-inc__desc{font-size:11px;margin-top:7px}.sf-inc__tag{font-size:11px;padding:2px 7px}.sf-rule{padding:10px 10px}.sf-rule__title{font-size:11.5px}.sf-det-kpi b{font-size:14px}.sf-det-kpi span{font-size:9.5px}}