: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}.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}.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}}