:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#071016;color:#edf4f7;font-synthesis:none;--panel: #0d1921;--line: #1b303c;--muted: #78909d;--cyan: #36d9d0;--blue: #2389ff;--danger: #ff6874}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -20%,#123145 0,#071016 42%)}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Inter,Segoe UI,system-ui,sans-serif}.eyebrow{color:#6f8d9d;font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:.5rem}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid #35cfc7;border-radius:11px;background:linear-gradient(135deg,#163947,#0d1d26);color:#56f3e9;font:700 1rem Inter,Segoe UI,sans-serif;box-shadow:0 0 25px #24c4bb1c}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.35fr .65fr}.auth-copy{padding:clamp(3rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,transparent,#0b1d2775)}.auth-copy h1{font-size:clamp(2.8rem,6vw,6.4rem);line-height:.98;letter-spacing:-.065em;margin:1rem 0 1.8rem;max-width:850px}.auth-copy__text{max-width:570px;color:#94a8b3;font-size:1.15rem;line-height:1.65}.trust-line{margin-top:3rem;color:#5e7b89;font-size:.7rem;letter-spacing:.12em;display:flex;align-items:center;gap:.8rem}.trust-line span,.remote-pill span,.server-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.auth-panel{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center;gap:2.6rem;border-left:1px solid var(--line);background:#09141bd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-panel h2{font-size:2rem;margin-bottom:.5rem}.auth-panel p{color:var(--muted)}.stack{display:grid;gap:1.1rem}.stack label,.form-grid label{display:grid;gap:.5rem;color:#a8bbc4;font-size:.82rem;font-weight:600}input,select{width:100%;border:1px solid #27404d;border-radius:8px;background:#071117;color:#eef7f8;padding:.85rem .95rem;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #36d9d012}.button{border:1px solid transparent;border-radius:8px;padding:.8rem 1rem;color:#e9f6f6;background:#162630;font-weight:700;text-align:center}.button--primary{background:linear-gradient(135deg,#168d99,#1baaa1);color:#fff}.button--primary:hover{filter:brightness(1.1)}.button:disabled{opacity:.45;cursor:not-allowed}.button--ghost{background:transparent;border-color:#2c4653}.button--small{padding:.55rem .8rem;font-size:.8rem}.form-error{color:#ff8d95!important;background:#ff687411;border:1px solid #ff687433;padding:.7rem;border-radius:7px;margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:1.3rem;border-right:1px solid var(--line);background:#081219f2;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:.8rem;padding:.5rem .4rem 2.2rem}.brand strong{display:block}.brand small,.sidebar small,td small,.compact-row small{display:block;color:var(--muted);margin-top:.2rem}nav{display:grid;gap:.3rem}.nav-item{background:transparent;border:1px solid transparent;border-radius:8px;color:#8299a5;text-align:left;padding:.75rem .85rem;display:flex;gap:.8rem}.nav-item:hover{color:#d8e5e8;background:#10202a}.nav-item--active{color:#eafffe;background:#12303a;border-color:#1e4650}.nav-item span{color:var(--cyan);width:1rem;text-align:center}.sidebar__footer{margin-top:auto;border-top:1px solid var(--line);padding:1.2rem .5rem .2rem;color:#a9bbc3;font-size:.78rem}.sidebar__footer .server-dot{display:inline-block;margin-right:.6rem}.text-button{color:var(--cyan);background:transparent;border:0;padding:.8rem 0 0}.workspace{padding:clamp(1.3rem,3vw,3rem);min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.topbar h1{margin:0;font-size:2rem}.remote-pill{display:flex;align-items:center;gap:.7rem;border:1px solid #1e3c47;background:#0b1b23;border-radius:99px;padding:.55rem .9rem;color:#a4bac4;font-size:.78rem}.notice{position:relative;margin-bottom:1.2rem;padding:.8rem 2.6rem .8rem 1rem;background:#12303a;border:1px solid #225766;color:#bde9e7;border-radius:8px}.notice button{position:absolute;right:.7rem;top:.5rem;background:none;border:0;color:inherit;font-size:1.2rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card,.panel,.principle-card,.entity-card{background:linear-gradient(145deg,#0e1b23,#0a151c);border:1px solid var(--line);border-radius:11px}.metric-card{padding:1.2rem}.metric-card span{color:var(--muted);font-size:.78rem}.metric-card strong{display:block;font:600 2.2rem Inter,Segoe UI,sans-serif;margin-top:.5rem}.principle-card{margin:1rem 0;padding:clamp(1.5rem,3vw,2.5rem);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.principle-card h2{font-size:1.8rem;margin-bottom:.5rem}.principle-card p:not(.eyebrow){color:var(--muted);max-width:670px;margin:0;line-height:1.55}.signal{display:flex;align-items:end;gap:5px;margin:0 2rem}.signal i{width:4px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);border-radius:3px}.signal i:nth-child(1),.signal i:nth-child(6){height:12px;opacity:.35}.signal i:nth-child(2),.signal i:nth-child(5){height:28px;opacity:.55}.signal i:nth-child(3),.signal i:nth-child(4){height:50px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{padding:1.3rem}.panel__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel__heading h2{margin:0}.compact-row{min-height:55px;display:flex;align-items:center;gap:.8rem;border-top:1px solid #172a34}.compact-row>div{flex:1}.site-color{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:.4rem;box-shadow:0 0 10px currentColor}.site-color--large{width:13px;height:38px;border-radius:3px}.empty{color:var(--muted);padding:2rem 0;text-align:center}.heading-actions{display:flex;align-items:center;gap:.7rem}.search-field{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:.7rem;margin:0 0 1rem;padding:.45rem .7rem;border:1px solid #203943;border-radius:9px;background:#071117a8}.search-field__icon{color:var(--cyan);font-size:1.3rem;line-height:1}.search-field input{min-width:0;border:0;background:transparent;padding:.6rem .25rem}.search-field input:focus{border-color:transparent;box-shadow:none}.search-field button{border:0;background:transparent;color:var(--cyan);padding:.45rem;font-size:.76rem}.search-field small{color:var(--muted);white-space:nowrap;font-size:.72rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:1rem}.entity-card{padding:1.2rem;border-top:3px solid;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.entity-card__title{display:flex;gap:.8rem}.entity-card h3{margin-bottom:.3rem}.entity-card p{color:var(--muted)}.entity-actions,.row-actions{display:flex;gap:.8rem;margin-top:1rem}.entity-actions button,.row-actions button{padding:0;border:0;background:none;color:#88c9d0;font-size:.78rem}.danger{color:var(--danger)!important}.entity-actions button:disabled{color:#536872;cursor:not-allowed}.ai-state{display:block;color:#6f8793;margin-top:.7rem;font-size:.7rem}.ai-state--pending{color:#d6b471}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{color:#66808e;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:.9rem;border-bottom:1px solid var(--line)}td{padding:1rem .9rem;border-bottom:1px solid #142731;color:#b8c8cf;vertical-align:top}td strong{color:#edf4f7}.row-actions{margin:0;min-width:190px}.status{display:inline-flex;border-radius:99px;padding:.28rem .55rem;font-size:.67rem;font-weight:700;color:#aebdc3;background:#1a2931;border:1px solid #293f49;white-space:nowrap}.status--online{color:#75f0d0;background:#1f9e7e18;border-color:#31b99655}.status--connecting{color:#73caff}.status--port_unreachable,.status--invalid_credentials,.status--stream_without_video{color:#ff9b78;border-color:#d7654644;background:#d7654612}.status--cloud_not_integrated,.status--p2p_not_found{color:#dab1ff;border-color:#9a6bc344;background:#9a6bc312}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#02070bcf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:1rem}.modal{width:min(900px,100%);max-height:92vh;overflow:auto;background:#0d1921;border:1px solid #29424e;border-radius:12px;box-shadow:0 25px 80px #000b}.modal__header{position:sticky;top:0;z-index:1;background:#0d1921ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:1.2rem 1.4rem}.modal__header h2{margin:0}.icon-button{border:0;background:none;color:#a6bbc5;font-size:1.7rem}.form-grid{padding:1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.span-2{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:.8rem;padding-top:.5rem}.form-note{color:#77919e;font-size:.78rem;line-height:1.5;border-left:2px solid #2d7776;padding-left:.8rem}.file-button{display:inline-block;margin-top:.7rem}.file-button input{display:none}.checkbox{display:flex!important;grid-template-columns:auto 1fr;align-items:center;flex-direction:row}.checkbox input{width:auto;accent-color:var(--cyan)}.field-help{color:var(--muted);font-size:.75rem;line-height:1.5;margin:-.5rem 0 0}.connection-help{margin:0;padding:.85rem 1rem;display:grid;gap:.28rem;border:1px solid #294650;border-left:3px solid #2ca8a4;border-radius:7px;background:#0a171d}.connection-help strong{color:#a6e2df;font-size:.76rem}.connection-help span{color:#78909b;font-size:.72rem;line-height:1.5}.network-discovery{padding:1.4rem;display:grid;gap:1rem}.discovery-intro h3{margin-bottom:.45rem}.discovery-intro>p:last-child{color:var(--muted);line-height:1.55}.network-discovery>label{display:grid;gap:.45rem;color:#a8bbc4;font-size:.8rem;font-weight:600}.agent-state{border:1px solid #604c35;border-radius:9px;background:#4d361215;padding:1rem}.agent-state--online{border-color:#2b7468;background:#1a765719}.agent-state>div{display:flex;align-items:center;gap:.65rem}.agent-state p{color:#a6bac3;margin:.5rem 0 .25rem}.agent-state small{color:var(--muted)}.pairing-box{border:1px solid #29434e;border-radius:9px;background:#08141b;padding:1rem}.pairing-box p{color:#a8bbc4;line-height:1.5}.pairing-box pre{overflow:auto;white-space:pre-wrap;word-break:break-all;border:1px solid #1e3540;background:#050d12;color:#7ce4dc;padding:.9rem;border-radius:7px}.pairing-box small{display:block;color:var(--muted);margin-top:.8rem;line-height:1.5}.discovery-actions{display:flex;gap:.7rem}.job-state{padding:.8rem 1rem;border:1px solid #31505c;border-radius:8px;background:#10232d;color:#a8d6dc}.job-state--completed{border-color:#2d7769;color:#72dfc5}.job-state--failed{border-color:#874b4f;color:#ff9ca3}.job-state p{margin:.35rem 0 0}.discovered-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.discovered-device{border:1px solid #203943;border-radius:9px;background:#09151c;padding:1rem}.discovered-device__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.discovered-device h4{margin:0}.ip-chip{border:1px solid #29515d;border-radius:99px;color:#75d8d3;padding:.3rem .55rem;font:.72rem ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.discovered-device dl{display:grid;gap:.55rem;margin:1rem 0}.discovered-device dl div{display:grid;grid-template-columns:95px 1fr;gap:.7rem}.discovered-device dt{color:#607b87;font-size:.7rem}.discovered-device dd{color:#b2c5cd;font-size:.76rem;margin:0}.device-warning{color:#8ea1aa;font-size:.72rem;line-height:1.45}.device-create-actions{display:flex;gap:.55rem;flex-wrap:wrap}.device-link-existing{margin-top:.8rem;padding-top:.8rem;display:grid;gap:.55rem;border-top:1px solid #1b333d}.device-link-existing label{display:grid;gap:.35rem;color:#8ca1aa;font-size:.7rem}.device-link-state{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.75rem;border:1px solid #286b5e;border-radius:7px;color:#9edbcd;background:#153f3529;font-size:.72rem;line-height:1.45}.device-link-state .server-dot{margin-top:.3rem;flex:0 0 auto}.diagnostic{padding:1.4rem}.diagnostic__summary{margin:1rem 0;color:#c5d4da}.diagnostic ol{list-style:none;padding:0;margin:0}.step{display:flex;gap:.9rem;padding:.9rem 0;border-top:1px solid var(--line)}.step>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#1a2b34;color:#8299a5}.step--passed>span{background:#1b9c7c22;color:#57ddbb}.step--failed>span,.step--blocked>span{background:#d95e5022;color:#ff8b7d}.step strong{font-size:.86rem}.step p{color:var(--muted);font-size:.78rem;margin:.25rem 0 0}@media(max-width:1000px){.auth-shell{grid-template-columns:1fr}.auth-copy{min-height:48vh;padding:3rem}.auth-copy h1{font-size:3.3rem}.auth-panel{border-left:0;border-top:1px solid var(--line)}.metric-grid,.card-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:.8rem}.sidebar nav{grid-template-columns:repeat(5,1fr);overflow-x:auto}.nav-item{justify-content:center;padding:.7rem;font-size:0}.nav-item span{font-size:1rem}.sidebar__footer{display:none}.brand{padding-bottom:.8rem}.workspace{padding:1rem}.topbar{align-items:end}.topbar h1{font-size:1.5rem}.metric-grid,.split-grid,.card-grid,.discovered-grid{grid-template-columns:1fr}.principle-card{align-items:flex-start}.signal{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.auth-copy{min-height:42vh;padding:2rem}.auth-copy h1{font-size:2.7rem}.auth-panel{padding:2rem}.search-field{grid-template-columns:auto minmax(0,1fr) auto}.search-field small{grid-column:2 / -1;white-space:normal}.panel__heading,.heading-actions,.discovery-actions{align-items:stretch;flex-direction:column}.discovered-device__heading{flex-direction:column}}.monitoring-console{min-height:calc(100vh - 150px);display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);overflow:hidden;border:1px solid #1b303c;border-radius:12px;background:#050c11;box-shadow:0 24px 70px #0005}.device-browser{min-width:0;display:flex;flex-direction:column;border-right:1px solid #1b303c;background:linear-gradient(180deg,#0b171e,#071116)}.device-browser__header{padding:1rem 1rem .75rem;display:flex;align-items:center;justify-content:space-between}.device-browser__header h2{margin:0;font-size:1.1rem}.device-browser__header button{width:34px;height:34px;border:1px solid #24404b;border-radius:7px;color:#87d8d4;background:#10222a;font-size:1.1rem}.device-search{margin:0 .8rem .8rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem;padding:0 .65rem;border:1px solid #1c3540;border-radius:7px;background:#050e13;color:#4abbb6}.device-search input{min-width:0;padding:.65rem .2rem;border:0;border-radius:0;background:transparent;font-size:.74rem}.device-search input:focus{box-shadow:none}.device-tree{flex:1;min-height:220px;overflow:auto;padding:0 .55rem 1rem;scrollbar-color:#264550 transparent}.device-site{margin-bottom:.8rem}.device-site h3{margin:0;padding:.58rem .45rem;display:flex;align-items:center;gap:.48rem;color:#6f8b97;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.site-marker{width:17px;height:17px;display:grid;place-items:center;border:1px solid;border-radius:4px;color:#78909b;background:#0c1a20;font-size:.6rem}.device-node{min-width:0}.device-row{width:100%;min-height:34px;display:flex;align-items:center;gap:.48rem;padding:.42rem .5rem;border:1px solid transparent;border-radius:6px;color:#9eb1b9;background:transparent;text-align:left;font-size:.75rem}.device-row:hover{color:#e4f1f2;background:#10212a}.device-row--selected{color:#eafffe;border-color:#20515a;background:#123039}.device-row--recorder{color:#d1e0e4;font-weight:650}.device-row--camera{margin-top:.14rem}.device-row__name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-chevron{width:.8rem;color:#59727e;text-align:center}.channel-list{margin-left:1.15rem;padding-left:.45rem;border-left:1px solid #19323c}.tree-ai{border:1px solid #6b5532;border-radius:4px;padding:.08rem .25rem;color:#d5b36d;font-size:.55rem;font-weight:800}.device-state{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#53616a;box-shadow:0 0 0 2px #53616a19}.device-state--online{background:#30df96;box-shadow:0 0 10px #30df96,0 0 0 2px #30df9622}.device-state--attention{background:#e7a54d;box-shadow:0 0 8px #e7a54d88}.manage-devices{margin:.75rem;min-height:40px;border:1px solid #20505a;border-radius:7px;color:#81ddd8;background:#10262e;font-weight:700;font-size:.72rem}.manage-devices:hover{background:#17343d}.device-tree__empty{padding:2rem 1rem;color:var(--muted);text-align:center;font-size:.75rem}.live-view{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,#14232b 0,#050b0f 48%)}.live-toolbar{min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #1a2d36;background:#091219e8}.live-toolbar .eyebrow{margin-bottom:.2rem}.live-toolbar strong{font-size:.82rem}.layout-buttons{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.layout-button{min-width:31px;min-height:31px;padding:.35rem .5rem;border:1px solid #243f4a;border-radius:6px;color:#77929e;background:#0d1c23;font-size:.65rem}.layout-button:hover,.layout-button--active{color:#dffefd;border-color:#29838a;background:#154049}.layout-button:disabled{opacity:.35;cursor:not-allowed}.monitor-grid{--monitor-columns: 2;flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--monitor-columns),minmax(240px,1fr));grid-auto-rows:minmax(210px,1fr);gap:3px;padding:3px;overflow:auto;background:#020609}.monitor-tile{position:relative;min-width:0;min-height:210px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #172b34;background:#071017}.monitor-tile__video{position:relative;flex:1;min-height:160px;overflow:hidden;background:#020507}.monitor-tile video{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:contain;background:#000}.monitor-tile__overlay{position:absolute;z-index:1;inset:0 0 auto;min-height:34px;display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;background:linear-gradient(#020608d9,transparent);pointer-events:none}.monitor-tile__overlay strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;text-shadow:0 1px 3px #000}.tile-ai{margin-left:auto;border-radius:4px;padding:.15rem .32rem;color:#f1ca79;background:#6d4e1588;font-size:.54rem;font-weight:800;text-transform:uppercase}.video-placeholder{height:100%;min-height:160px;display:grid;place-content:center;justify-items:center;padding:2.8rem 1.3rem 1.3rem;text-align:center;color:#748a94}.video-placeholder__camera{margin-bottom:.7rem;color:#274752;font-size:1.8rem}.video-placeholder strong{color:#91a7b0;font-size:.78rem}.video-placeholder p{max-width:330px;margin:.4rem 0 0;color:#5e747e;font-size:.68rem;line-height:1.45}.monitor-tile footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .7rem;border-top:1px solid #162832;background:#0a151b}.monitor-tile footer strong,.monitor-tile footer small{display:block}.monitor-tile footer strong{font-size:.68rem}.monitor-tile footer small{margin-top:.14rem;color:#5f7782;font-size:.6rem}.monitor-tile__actions{display:flex;align-items:center;gap:.55rem}.monitor-tile__actions button{width:25px;height:25px;border:0;border-radius:5px;color:#8fa2aa;background:#13252d}.tile-error{margin:0;padding:.45rem .65rem;color:#ff9a92;background:#4f171b;font-size:.63rem}.monitor-tile--empty{min-height:210px;display:grid;place-items:center;border-style:dashed;color:#29414b;background:#050b0f;font-size:1.4rem}.monitor-empty{flex:1;display:grid;place-content:center;justify-items:center;padding:2rem;text-align:center}.monitor-empty__grid{width:84px;height:60px;margin-bottom:1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:perspective(300px) rotateX(4deg)}.monitor-empty__grid i{border:1px solid #24424c;background:linear-gradient(145deg,#10242b,#08151a)}.monitor-empty h2{margin-bottom:.45rem;font-size:1.25rem}.monitor-empty p{max-width:480px;margin-bottom:.5rem;color:#758b95;line-height:1.55}.monitor-empty small{color:#4f6873}@media(max-width:1180px){.monitoring-console{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:820px){.monitoring-console{min-height:auto;grid-template-columns:1fr;overflow:visible}.device-browser{max-height:420px;border-right:0;border-bottom:1px solid #1b303c}.live-view{min-height:620px}.live-toolbar{align-items:flex-start;flex-direction:column}.layout-buttons{justify-content:flex-start}.monitor-grid{grid-template-columns:1fr;grid-auto-rows:minmax(240px,52vh)}.monitor-tile{min-height:240px}}