@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--brand-primary: #0d9488;--brand-accent: #ea580c;--bg-app: #f4f6f3;--ink-900: #0f172a;--ink-700: #334155;--ink-500: #64748b;--surface-0: #ffffff;--surface-1: #f8faf6;--border-soft: #d5ddcf;--success: #15803d;--warning: #b45309;--danger: #b91c1c}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink-900);background:radial-gradient(circle at 8% 0%,rgb(13 148 136 / .2),transparent 38%),radial-gradient(circle at 96% 6%,rgb(234 88 12 / .16),transparent 42%),var(--bg-app)}h1,h2,h3,.brand-title,.hero-kicker{font-family:Sora,sans-serif;letter-spacing:.01em}button,input,select{font:inherit}.loading-shell,.landing-shell,.console-shell{min-height:100vh;padding:1rem}.loading-shell{display:grid;place-items:center}.loading-card{width:min(560px,100%);background:#fffffff0;border:1px solid var(--border-soft);border-radius:1.1rem;padding:1.1rem}.loading-card h2,.loading-card p{margin:0}.loading-card p{margin-top:.4rem;color:var(--ink-700)}.landing-header{background:#fffffff2;border:1px solid var(--border-soft);border-radius:1.1rem;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.landing-brand{display:grid;gap:.3rem}.landing-brand p{margin:0;color:var(--ink-700);font-size:.9rem}.landing-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:.24rem .65rem;border:1px solid rgb(13 148 136 / .35);background:#0d948817;color:#0f766e;font-size:.82rem;font-weight:700}.landing-actions{display:flex;gap:.55rem;flex-wrap:wrap}.landing-main{margin-top:1rem;display:grid;gap:1rem;grid-template-columns:1.2fr 1fr}.hero-panel,.value-grid,.differentiator-panel{background:#fffffff2;border:1px solid var(--border-soft);border-radius:1.1rem;padding:1.05rem}.hero-panel{display:grid;align-content:start;gap:.8rem}.hero-kicker{margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-primary)}.hero-panel h1{margin:0;font-size:clamp(1.55rem,3.2vw,2.45rem);line-height:1.08}.hero-copy{margin:0;color:var(--ink-700);max-width:60ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem}.landing-note{margin:0;color:var(--warning);font-size:.88rem}.value-grid{display:grid;gap:.7rem}.value-grid article{border:1px solid #dbe3d3;border-radius:.85rem;padding:.7rem}.value-grid h3{margin:0;font-size:.98rem}.value-grid p{margin:.34rem 0 0;color:var(--ink-700);font-size:.9rem}.differentiator-panel{grid-column:1 / -1}.differentiator-panel h2{margin:0;font-size:1.15rem}.differentiator-list{margin-top:.65rem;display:grid;gap:.45rem}.differentiator-list p{margin:0;border:1px solid #dbe3d3;background:var(--surface-1);border-radius:.75rem;padding:.58rem;color:var(--ink-700)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a7a;display:grid;place-items:center;padding:1rem;z-index:50}.auth-card{width:min(460px,100%);position:relative;background:var(--surface-0);border:1px solid var(--border-soft);border-radius:1rem;padding:1.1rem}.auth-card h2{margin:0}.auth-note{margin:.45rem 0 .9rem;color:var(--ink-700)}.auth-form{display:grid;gap:.44rem}.field-label{font-size:.86rem;color:var(--ink-700)}.text-input,select{border:1px solid #c7d2c0;border-radius:.62rem;padding:.56rem .62rem;color:var(--ink-900);background:#fff}.text-input:focus,select:focus{outline:2px solid rgb(13 148 136 / .27);outline-offset:1px}.auth-message{margin:.38rem 0 0;color:var(--warning);font-size:.85rem}.auth-actions{margin-top:.48rem;display:grid;gap:.45rem}.close-btn{position:absolute;top:.7rem;right:.85rem;border:0;background:transparent;color:var(--ink-700);cursor:pointer}.btn{border:0;border-radius:.66rem;padding:.56rem .74rem;font-weight:700;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.72}.btn-primary{color:#fff;background:linear-gradient(102deg,var(--brand-primary),var(--brand-accent))}.btn-secondary{color:var(--ink-900);background:#e5ebee}.link-btn{border:0;padding:0;background:transparent;color:#1d4ed8;font-weight:600;text-align:left;cursor:pointer}.console-topbar{background:#fffffff2;border:1px solid var(--border-soft);border-radius:1.05rem;padding:.75rem .95rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:end}.console-brand{display:flex;align-items:center;gap:.7rem}.console-brand img{height:34px;border-radius:.45rem}.brand-title,.brand-subtitle{margin:0}.brand-title{font-size:1rem;font-weight:700}.brand-subtitle{color:var(--ink-700);font-size:.85rem}.console-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.health-item{border:1px solid #dbe3d3;border-radius:.7rem;background:var(--surface-1);padding:.4rem .55rem;display:grid;gap:.15rem}.health-item span{color:var(--ink-700);font-size:.73rem}.health-item strong{font-size:.82rem}.health-chip{display:inline-flex;width:fit-content;border-radius:999px;padding:.1rem .46rem}.health-chip.connecting{background:#fef3c7;color:#92400e}.health-chip.live{background:#dcfce7;color:#166534}.health-chip.offline{background:#fee2e2;color:#991b1b}.console-actions{display:flex;align-items:end;gap:.62rem;flex-wrap:wrap}.field-inline{display:flex;flex-direction:column;gap:.24rem;font-size:.84rem;color:var(--ink-700)}.user-pill{display:flex;align-items:center;gap:.45rem;padding:.26rem .33rem .26rem .55rem;border-radius:.68rem;border:1px solid #d8e0e6;background:#f2f6f9;font-size:.78rem}.control-toolbar{margin-top:.75rem;border:1px solid var(--border-soft);border-radius:1rem;background:#fffffff2;padding:.7rem .8rem;display:flex;flex-wrap:wrap;gap:.58rem;align-items:end}.search-field{min-width:220px}.toggle-inline{display:flex;align-items:center;gap:.34rem;border:1px solid #d6ded0;border-radius:.6rem;background:var(--surface-1);padding:.42rem .55rem;font-size:.83rem;color:var(--ink-700)}.console-tabs{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.tab-btn{border:1px solid #d2dcc9;border-radius:.58rem;background:#fffffff0;color:var(--ink-700);padding:.42rem .65rem;cursor:pointer;font-weight:600}.tab-btn.active{color:#fff;border-color:transparent;background:linear-gradient(104deg,var(--brand-primary),var(--brand-accent))}.error-banner{margin-top:.74rem;border:1px solid #ef4444;border-radius:.72rem;background:#fee2e2;color:#7f1d1d;padding:.56rem .65rem}.console-layout{margin-top:.8rem;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.85rem;align-items:start}.console-layout>*{min-width:0}.left-rail,.right-rail{display:flex;flex-direction:column;gap:.8rem;min-width:0}.left-rail{flex:0 0 280px;position:relative;z-index:2}.center-stage{flex:1 1 auto;min-width:0;overflow-x:clip;position:relative;z-index:1}.right-rail{flex:0 0 340px;position:relative;z-index:2}.card-panel{background:#fffffff2;border:1px solid var(--border-soft);border-radius:.95rem;padding:.76rem;min-width:0;width:100%;overflow:hidden}.card-panel h2{margin:0;font-size:.95rem}.site-list,.snapshot-grid,.camera-shortlist,.preset-list,.alarm-list,.feed-list{margin:0;list-style:none;padding:0}.site-list{margin-top:.58rem;display:grid;gap:.36rem}.site-btn{border:1px solid #d8dfd0;border-radius:.63rem;background:#fff;padding:.42rem .52rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.site-btn strong{font-size:.79rem;padding:.1rem .42rem;border-radius:999px;background:#eef4eb}.site-btn.active{border-color:var(--brand-primary);background:#0d948817}.snapshot-grid{margin-top:.58rem;display:grid;gap:.38rem}.snapshot-grid article{border:1px solid #d8dfd0;border-radius:.62rem;padding:.4rem .46rem}.snapshot-grid p,.snapshot-grid strong{margin:0}.snapshot-grid p{color:var(--ink-700);font-size:.77rem}.snapshot-grid strong{color:var(--brand-primary);font-size:1rem}.camera-shortlist{margin-top:.55rem;display:grid;gap:.33rem}.camera-short-btn{width:100%;text-align:left;border:1px solid #d8dfd0;border-radius:.6rem;background:#fff;padding:.42rem .52rem;cursor:pointer;display:grid;gap:.08rem}.camera-short-btn span{font-size:.84rem}.camera-short-btn small{color:var(--ink-500);font-size:.74rem}.camera-short-btn.active{border-color:var(--brand-primary);background:#0d948817}.camera-onboard-form{margin-top:.58rem;display:grid;gap:.4rem}.camera-onboard-row{display:grid;grid-template-columns:1fr 120px;gap:.4rem}.onboard-message{margin:.5rem 0 0;color:var(--ink-700);font-size:.8rem}.camera-ingest-list{margin-top:.55rem;display:grid;gap:.34rem}.camera-ingest-list li{border:1px solid #d8dfd0;border-radius:.58rem;padding:.38rem .45rem;display:grid;gap:.1rem}.camera-ingest-list span{font-size:.82rem}.camera-ingest-list small{color:var(--ink-500);font-size:.74rem}.left-rail .text-input,.left-rail select,.right-rail .text-input,.right-rail select,.left-rail .btn{width:100%;min-width:0}.geo-form{margin-top:.58rem;display:grid;gap:.4rem}.geo-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.geo-list{margin-top:.55rem;display:grid;gap:.33rem}.geo-list li{border:1px solid #d8dfd0;border-radius:.58rem;background:#fff;padding:.38rem .45rem;display:grid;gap:.1rem}.geo-list span{font-size:.82rem}.geo-list small{color:var(--ink-500);font-size:.74rem}.presence-form{margin-top:.6rem}.external-form{margin-top:.58rem}.decision-card{margin-top:.55rem;border:1px solid #d8dfd0;border-radius:.66rem;padding:.45rem .52rem;background:#fff;display:grid;gap:.12rem}.decision-card p,.decision-card small{margin:0}.decision-card p{font-size:.82rem}.decision-card small{color:var(--ink-500);font-size:.72rem}.preset-row{margin-top:.58rem;display:grid;gap:.42rem}.preset-list{margin-top:.58rem;display:grid;gap:.33rem}.preset-list li{display:grid;grid-template-columns:1fr auto;gap:.35rem}.preset-apply,.preset-remove{border:1px solid #d8dfd0;border-radius:.56rem;background:#fff;padding:.34rem .46rem;cursor:pointer}.preset-apply{text-align:left}.preset-remove{color:var(--danger)}.stage-panel{min-height:560px;min-width:0;overflow:hidden}.stage-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.55rem}.stage-head h2,.stage-head p{margin:0}.stage-head p{color:var(--ink-500);font-size:.84rem}.camera-grid{display:grid;gap:.6rem}.camera-grid.comfortable{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.camera-grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.camera-tile{border:1px solid #d7e0cf;border-radius:.84rem;overflow:hidden;background:#fff;cursor:pointer}.camera-tile.focus{border-color:var(--brand-accent);box-shadow:0 0 0 2px #f9731633}.camera-feed{min-height:182px;padding:.52rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#0f172af2,#0f766ed1),repeating-linear-gradient(0deg,rgb(255 255 255 / .05) 0 3px,transparent 3px 7px)}.camera-feed-top{display:flex;justify-content:space-between;align-items:flex-start}.status-chip,.protocol-chip{border-radius:999px;padding:.14rem .5rem;font-size:.72rem;color:#fff}.status-chip.ok{background:var(--success)}.status-chip.warn{background:var(--warning)}.status-chip.bad{background:var(--danger)}.protocol-chip{color:var(--ink-900);background:#e2e8f0}.camera-id{color:#ffffffc2;font-size:.71rem}.camera-feed-bottom h3,.camera-feed-bottom p{margin:0;color:#fff}.camera-feed-bottom h3{font-size:.95rem}.camera-feed-bottom p{margin-top:.2rem;font-size:.82rem;color:#ffffffd4}.camera-tile-footer{display:flex;justify-content:space-between;align-items:center;gap:.35rem;flex-wrap:wrap;padding:.42rem .55rem}.ingest-chip{border-radius:999px;padding:.14rem .46rem;font-size:.7rem;font-weight:600}.ingest-chip.running{color:#166534;background:#dcfce7}.ingest-chip.paused{color:#7c2d12;background:#ffedd5}.ingest-chip.error{color:#991b1b;background:#fee2e2}.ingest-chip.unknown{color:#334155;background:#e2e8f0}.split-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.6rem}.split-secondary{display:grid;gap:.6rem}.playback-card{border:1px solid #d7e0cf;border-radius:.8rem;background:#fff;padding:.65rem}.playback-card h3,.playback-card p{margin:0}.playback-card p{margin-top:.2rem;color:var(--ink-700)}.playback-window{margin-top:.56rem;min-height:230px;border-radius:.7rem;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0f172af2,#0f766ecc),repeating-linear-gradient(0deg,rgb(255 255 255 / .06) 0 2px,transparent 2px 5px)}.playback-controls{margin-top:.62rem;display:flex;align-items:end;flex-wrap:wrap;gap:.58rem}.alarm-list{display:grid;gap:.48rem}.alarm-list li{border:1px solid #d8dfd0;border-radius:.76rem;background:#fff;padding:.54rem;display:grid;gap:.5rem}.alarm-main h3,.alarm-main p,.alarm-main small{margin:0}.alarm-main h3{font-size:.95rem}.alarm-main small{color:var(--ink-500)}.alarm-actions{display:flex;flex-wrap:wrap;gap:.42rem;align-items:end}.workflow-field{min-width:150px}.priority-card{margin-top:.56rem;border:1px solid #d8dfd0;border-radius:.75rem;padding:.53rem;background:#fff;display:grid;gap:.2rem}.priority-card h3,.priority-card p,.priority-card small{margin:0}.feed-list{margin-top:.55rem;display:grid;gap:.42rem}.feed-list li{border:1px solid #d8dfd0;border-radius:.67rem;background:#fff;padding:.43rem .5rem}.feed-list p,.feed-list small{margin:0}.feed-list small{color:var(--ink-500)}.severity{font-size:.72rem;font-weight:700}.severity.low{color:#1d4ed8}.severity.medium{color:#b45309}.severity.high,.severity.critical{color:var(--danger)}.empty-state,.muted-text{color:var(--ink-500)}.empty-state{border:1px dashed #c9d4bf;border-radius:.72rem;padding:1rem;text-align:center;background:#fafcf8;font-size:.9rem}@media (max-width: 1600px){.console-layout{flex-wrap:wrap}.right-rail{flex:1 1 100%;flex-direction:row;flex-wrap:wrap}.right-rail>.card-panel{flex:1 1 calc(50% - .45rem)}}@media (max-width: 1280px){.console-layout{flex-direction:column;flex-wrap:nowrap}.left-rail,.center-stage,.right-rail{flex:1 1 auto;width:100%;max-width:100%}.right-rail>.card-panel{flex:1 1 100%}.split-layout{grid-template-columns:1fr}}@media (max-width: 1024px){.landing-main,.console-topbar{grid-template-columns:1fr}.console-health{grid-template-columns:1fr 1fr}.console-actions{width:100%}.tab-btn{flex:1;text-align:center}}@media (max-width: 760px){.landing-header{flex-direction:column;align-items:flex-start}.console-health{grid-template-columns:1fr}.control-toolbar{flex-direction:column;align-items:stretch}.field-inline,.search-field{width:100%}.console-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.user-pill,.alarm-actions,.playback-controls{flex-direction:column;align-items:stretch}.camera-grid.comfortable,.camera-grid.compact,.camera-onboard-row,.geo-row{grid-template-columns:1fr}}