.integration-settings{gap:18px;display:grid}.integration-card{padding:22px}.integration-card .panel-head{align-items:flex-start}.integration-card .panel-head h2{margin:6px 0}.integration-card .panel-head p{color:var(--muted);margin:0;font-size:12px}.integration-node{border:1px solid var(--line);background:#0c1715;border-radius:8px;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;display:flex}.integration-node span,.integration-muted{color:var(--muted);font-size:12px}.integration-node code{color:#b9e5d2;font:12px var(--mono);overflow-wrap:anywhere;margin-left:auto}.integration-warning,.integration-notice{color:#edc87e;background:#2b2519;border:1px solid #65522f;border-radius:7px;margin:12px 0;padding:11px 13px;font-size:12px}.integration-notice{color:#8de1b9;background:#14281f;border-color:#24523f}.integration-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.integration-form label,.integration-key-create label,.integration-key-confirm label{color:#9eafa9;gap:7px;font-size:11px;display:grid}.integration-form input,.integration-key-create input,.integration-key-confirm input{width:100%;height:37px;color:var(--text);background:#0c1715;border:1px solid #2b3e39;border-radius:6px;outline:none;padding:0 10px}.integration-form input:focus,.integration-key-create input:focus,.integration-key-confirm input:focus{border-color:#36876a}.integration-wide{grid-column:1/-1}.integration-form-actions{flex-wrap:wrap;grid-column:1/-1;gap:9px;display:flex}.integration-binding-state{color:#a5b8b0;align-items:center;gap:8px;margin-top:15px;font-size:11px;display:flex}.integration-binding-state span:last-child{color:var(--muted)}.integration-dot{background:#d5ad5a;border-radius:50%;width:7px;height:7px}.integration-dot.active{background:var(--green);box-shadow:0 0 8px #34d49d75}.integration-key-create{align-items:flex-end;gap:12px;margin-bottom:17px;display:flex}.integration-key-create label{width:150px}.integration-scope{color:var(--muted);margin:0 0 10px auto;font-size:11px}.integration-scope code{color:#b7e8d2}.integration-key-list{gap:9px;display:grid}.integration-key{border:1px solid var(--line);background:#0d1816;border-radius:8px;align-items:center;gap:16px;padding:14px;display:flex}.integration-key-meta{flex:1;gap:5px;min-width:0;display:grid}.integration-key-meta strong{color:#dce8e3;font:11px var(--mono);overflow-wrap:anywhere}.integration-key-meta span,.integration-key-meta small{color:var(--muted);font-size:10px}.integration-key-actions,.integration-key-confirm{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.integration-key-confirm label{width:135px}.integration-key-confirm input{height:32px}.integration-key-state{color:#d5ad5a;white-space:nowrap;font-size:10px}.integration-key-state.active{color:#70d7aa}.integration-secret{background:#14271f;border:1px solid #32674f;border-radius:8px;gap:12px;margin-top:17px;padding:16px;display:grid}.integration-secret strong{color:#9ce7c1}.integration-secret p{color:#94aaa0;margin:5px 0 0;font-size:11px}.integration-secret code{color:#d7f5e4;font:12px var(--mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#0b1511;border:1px solid #2b4739;border-radius:6px;padding:12px;display:block}.integration-secret-actions{gap:8px;display:flex}.integration-secret small{color:#91a89d;font-size:10px}.integration-confirm-backdrop{z-index:20;background:#0009;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.integration-confirm{border:1px solid var(--line);background:#12201c;border-radius:12px;width:min(430px,100%);padding:22px;box-shadow:0 20px 70px #0009}.integration-confirm h3{color:#eff6f2;margin:0 0 8px}.integration-confirm p{color:#9aada5;margin:0 0 18px;font-size:12px}.integration-confirm .button+.button{margin-left:8px}.button--danger{color:#ffaaa2!important;background:#321d1b!important;border-color:#633b38!important}.button--danger:hover{background:#422421!important;border-color:#a75851!important}@media (width<=700px){.integration-card{padding:16px}.integration-form{grid-template-columns:1fr}.integration-wide,.integration-form-actions{grid-column:1}.integration-key{flex-direction:column;align-items:flex-start}.integration-key-actions,.integration-key-confirm{width:100%}.integration-key-create{flex-direction:column;align-items:stretch}.integration-key-create label{width:100%}.integration-scope{margin:0}.integration-node{flex-direction:column;align-items:flex-start}.integration-node code{margin-left:0}}.integration-scopes{border:1px solid var(--border,#29433d);border-radius:8px;gap:8px;width:100%;padding:12px;display:grid}.integration-scopes label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.integration-scopes input[type=checkbox]{width:auto}:root{color:#dce8e5;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--bg:#0b1514;--panel:#101d1b;--panel2:#13211e;--line:#21312e;--muted:#7d918c;--muted2:#5d706b;--text:#e2ece9;--green:#33d69f;--green2:#1c9e75;--amber:#e3b467;--red:#ed7977;--blue:#7aa8d8;--mono:"DM Mono",monospace;background:#0b1514;font-family:DM Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 65% -15%,#17342d 0,transparent 36%),var(--bg);min-width:320px;min-height:100vh;margin:0;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:wait}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{z-index:5;background:#0c1715f5;border-right:1px solid #1d2b29;flex-direction:column;width:238px;padding:27px 15px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 12px 42px;display:flex}.brand-mark{color:#70e6b6;background:linear-gradient(145deg,#1b4738,#133126);border:1px solid #326c59;border-radius:14px;place-items:center;width:44px;height:44px;font:800 28px Manrope;display:grid;box-shadow:0 0 25px #2387641a}.brand-mark.small{border-radius:11px;width:34px;height:34px;font-size:22px}.brand strong{letter-spacing:.17em;color:#edf7f2;font:800 15px Manrope;display:block}.brand span{color:#82958f;letter-spacing:.15em;margin-top:2px;font:500 9px DM Mono;display:block}.nav-caption,.eyebrow{letter-spacing:.14em;color:#6f8981;font:500 10px DM Mono,monospace}.nav-caption{padding:0 13px 12px}.sidebar nav{gap:5px;display:grid}.nav-item{color:#8ca09a;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;height:42px;padding:0 12px;transition:all .15s;display:flex}.nav-item:hover{color:#d2dfda;background:#172522}.nav-item.active{color:#74e4b5;background:linear-gradient(90deg,#193a30,#162a24);box-shadow:inset 2px 0 #3bce98}.nav-icon{text-align:center;width:18px;font-size:17px}.nav-count{color:#769088;font:12px var(--mono);margin-left:auto}.sidebar-bottom{margin-top:auto}.server-mini{background:#101e1a;border:1px solid #243632;border-radius:9px;align-items:center;gap:10px;margin-bottom:13px;padding:13px 10px;display:flex}.status-dot,.health-value i,.lifecycle i,.recording-on i,.table-status i,.status-tag i,.clock-chip i{background:#34d49d;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #34d49d75}.server-mini b,.server-mini small{display:block}.server-mini b{color:#c2d4cd;font-size:11px}.server-mini small{color:#778c85;font:10px var(--mono);margin-top:4px}.user-mini{border-top:1px solid #1e2c29;align-items:center;gap:9px;padding:12px 4px 0;display:flex}.avatar{color:#b8e2d2;background:#204237;border-radius:10px;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.user-meta{flex:1;min-width:0}.user-meta b,.user-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-meta b{font-size:11px}.user-meta small{color:var(--muted);margin-top:3px;font-size:10px}.icon-button{color:#839790;background:0 0;border:1px solid #0000;border-radius:7px;width:32px;height:32px;font-size:17px}.icon-button:hover{color:#e0eee8;background:#172522;border-color:#2c423c}.danger-text:hover{color:var(--red);border-color:#6d3431}.main-area{min-height:100vh;margin-left:238px}.topbar{background:#0d1816a8;border-bottom:1px solid #1d2b29;justify-content:space-between;align-items:center;height:65px;padding:0 36px;display:flex}.breadcrumbs{color:#7a8e88;align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumbs i{color:#42534e;font-style:normal}.breadcrumbs strong{color:#d8e3df;font-weight:500}.top-actions{align-items:center;gap:15px;display:flex}.clock-chip{color:#81958d;border:1px solid #23332e;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:flex}.clock-chip i{width:6px;height:6px}.refresh{font-size:20px}.page-content{max-width:1480px;margin:0 auto;padding:32px 36px 60px}.page-heading{justify-content:space-between;align-items:center;margin:0 0 23px;display:flex}.page-heading h1{color:#eff6f2;letter-spacing:-.035em;margin:7px 0 4px;font:700 29px Manrope}.page-heading p{color:#82948e;margin:0;font-size:12px}.button{border:1px solid #2e4540;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.button.primary{color:#06231a;background:linear-gradient(135deg,#58dfad,#2dbd8b);border-color:#40c999;box-shadow:0 3px 12px #1d9a7126}.button.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary{color:#b5c6c0;background:#15221f}.button.secondary:hover{background:#1b2c27;border-color:#3d5a50}.button.full{width:100%;height:41px;margin-top:4px}.button.small{height:29px;padding:0 9px;font-size:10px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px;display:grid}.metric-card{background:linear-gradient(145deg,#13211e,#101b19);border:1px solid #22332f;border-radius:10px;min-height:126px;padding:17px 18px;position:relative;overflow:hidden}.metric-card:after{content:"";filter:blur(2px);background:#38c8950b;border-radius:50%;width:130px;height:100px;position:absolute;bottom:-64px;right:-60px}.metric-top{color:#849891;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-top>i{color:#73948a;background:#1a302a;border:1px solid #29473d;border-radius:7px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.metric-top .green-icon{color:#54dfac}.metric-top .amber-icon{color:#e3b467}.metric-card>strong{color:#e4eee9;letter-spacing:-.04em;margin:10px 0 4px;font:700 26px Manrope;display:block}.metric-card strong em{color:#698078;font:500 11px DM Mono}.metric-card>small{color:#657a73;font-size:10px}.system-version{margin:14px 0 9px!important;font-size:20px!important}.status-tag{color:#87d7b6;font:10px var(--mono);background:#17352a;border-radius:5px;align-items:center;gap:6px;padding:4px 7px;display:flex}.status-tag i{width:5px;height:5px}.panel{background:linear-gradient(145deg,#121f1c,#101a18);border:1px solid #22332f;border-radius:10px;margin-bottom:15px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;padding:17px 19px 15px;display:flex}.panel-head h2{color:#e2ece7;letter-spacing:-.02em;margin:0;font:650 15px Manrope}.panel-head p{color:#71857e;margin:5px 0 0;font-size:10px}.text-button{color:#63d6a7;background:0 0;border:0;font-size:11px}.text-button span{margin-left:5px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#111e1b}th{color:#71857e;letter-spacing:.07em;text-transform:uppercase;border-top:1px solid #1c2b27;border-bottom:1px solid #1c2b27;padding:10px 15px;font:500 9px DM Mono}td{color:#a4b5ae;border-bottom:1px solid #1c2926;padding:11px 15px;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#172522}tbody tr{cursor:pointer}.camera-cell{align-items:center;gap:10px;display:flex}.camera-icon{color:#71dcb1;background:#1a302a;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.camera-cell b,.camera-cell small{display:block}.camera-cell b{color:#dbe7e2;font-size:11px;font-weight:600}.camera-cell small{font:9px var(--mono);color:#71867d;margin-top:4px}.lifecycle{color:#96aaa2;align-items:center;gap:6px;font-size:10px;display:inline-flex}.lifecycle i{width:6px;height:6px;box-shadow:none;background:#748780}.lifecycle-ready{color:#5edcad}.lifecycle-ready i{background:#3bd49d;box-shadow:0 0 7px #3bd49d75}.lifecycle-starting{color:#e3b467}.lifecycle-starting i{background:#e3b467}.lifecycle-failed,.lifecycle-degraded{color:#ed8983}.lifecycle-failed i,.lifecycle-degraded i{background:#e96f70}.lifecycle-stopped{color:#83918c}.transport-tag{font:9px var(--mono);color:#a4b8af;background:#1b2a26;border-radius:4px;padding:4px 6px}.recording-on{color:#75d7ae;align-items:center;gap:6px;display:inline-flex}.recording-on i,.table-status i{width:5px;height:5px}.muted{color:#6d7e77}.row-actions{gap:3px;display:flex}.selected-row{background:#162824}.subtle-count{color:#758a81;font:10px var(--mono);margin-left:7px}.lower-grid{grid-template-columns:1.15fr .85fr;gap:15px;display:grid}.storage-line{border-top:1px solid #1d2d29;align-items:center;gap:11px;padding:12px 18px;display:flex}.storage-icon{color:#73d4aa;background:#172b25;border:1px solid #29433a;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.storage-info{flex:1;min-width:0}.storage-info>b,.storage-info>small,.storage-space>b,.storage-space>small{display:block}.storage-info b,.storage-space b{color:#d0ded7;font-size:10px}.storage-info small{font:9px var(--mono);color:#70847b;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.storage-space{text-align:right}.storage-space small{color:#758981;margin-top:4px;font-size:9px}.meter{background:#25332f;border-radius:3px;height:3px;margin-top:8px;overflow:hidden}.meter span{background:#36c693;height:100%;display:block}.health-line{color:#9bada6;border-top:1px solid #1d2d29;justify-content:space-between;align-items:center;padding:11px 18px;font-size:10px;display:flex}.health-value{color:#7f928a;font:10px var(--mono);align-items:center;gap:7px;display:flex}.health-value i{width:5px;height:5px;box-shadow:none;background:#748780}.health-value.healthy{color:#59ce9c}.health-value.healthy i{background:#39ce96;box-shadow:0 0 7px #39ce9675}.stream-manager .panel-head,.live-panel .panel-head{padding-bottom:15px}.stream-path{font:10px var(--mono)!important}.live-panel .panel-head{align-items:flex-start}.live-panel .panel-head h2{align-items:center;gap:12px;font-size:17px;display:flex}.live-controls{align-items:center;gap:8px;display:flex}.live-controls select{width:auto}.live-controls select,select,input{color:#cad8d2;background:#0d1917;border:1px solid #2a3c37;border-radius:6px;outline:none;height:34px;padding:0 10px;font-size:11px}input:focus,select:focus{border-color:#3b9f78;box-shadow:0 0 0 2px #29976a20}.video-wrap{aspect-ratio:16/8.8;background:#050807;border:1px solid #1f302b;border-radius:8px;place-items:center;margin:0 18px;display:grid;position:relative;overflow:hidden}.video-wrap video{object-fit:contain;background:#050807;width:100%;height:100%}.video-overlay{color:#758981;pointer-events:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.live-pill{color:#f1988d;font:10px var(--mono);letter-spacing:.04em;background:#451e1dcc;border:1px solid #e06b605e;border-radius:5px;align-self:flex-start;align-items:center;gap:7px;margin:13px auto 0 13px;padding:5px 8px;display:flex}.live-pill i{background:#f17c70;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #f17c70}.video-mode{color:#a9c1b6;pointer-events:auto;background:#162823;border:1px solid #334c42;border-radius:5px;padding:5px 8px;font-size:10px;position:absolute;bottom:12px;right:12px}.live-footer{justify-content:space-between;align-items:center;gap:12px;padding:13px 18px 16px;display:flex}.connection{color:#71867d;align-items:center;gap:7px;font-size:10px;display:flex}.stream-tech{color:#71867d;gap:20px;font-size:9px;display:flex}.stream-tech b{color:#b7c7c0;font:10px var(--mono);margin-left:4px}.archive-filters{align-items:end;gap:12px;padding:18px;display:flex}.archive-filters label,.storage-form label,.form-grid>label{color:#879b92;flex:1;gap:7px;font-size:10px;display:grid}.archive-filters input,.archive-filters select,.storage-form input{width:100%}.archive-search{margin-bottom:15px}.archive-filters .button{flex:none}.table-status{color:#9bb1a6;align-items:center;gap:6px;font-size:10px;display:inline-flex}.table-status i{background:#34c78f}.empty-state{text-align:center;color:#80938b;padding:38px 18px}.empty-icon{color:#4e8a70;margin-bottom:8px;font-size:27px}.empty-state b{color:#c6d6ce;font-size:12px;display:block}.empty-state p{color:#73877f;margin:6px 0 13px;font-size:10px}.mono{font:10px var(--mono);color:#95aaa0}.storage-form{align-items:end;gap:13px;padding:0 18px 18px;display:flex}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.system-card-large{padding:18px}.system-card-large h2{margin:8px 0 19px;font:600 15px Manrope}.system-value{color:#e1ece6;margin-bottom:17px;font:700 22px Manrope}.system-card-large p{color:#70847b;margin:13px 0 0;font-size:10px}.ports-list{padding:0 18px 8px}.port-row{color:#a7b8b0;border-top:1px solid #1e2c28;justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.port-row code{color:#82d5ad;font:10px var(--mono);background:#172b24;border-radius:4px;padding:3px 7px}.notice{color:#c4b17e;background:#22291d;border:1px solid #384331;border-radius:6px;margin:4px 18px 17px;padding:10px 12px;font-size:10px}.page-error{color:#e99388;background:#331b1a;border:1px solid #703936;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 13px;font-size:11px;display:flex}.page-error button{color:inherit;background:0 0;border:0;font-size:16px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030907b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#101d1a;border:1px solid #365047;border-radius:12px;width:min(650px,100%);max-height:92vh;padding:21px;overflow:auto;box-shadow:0 25px 100px #0009}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-head h2{margin:7px 0 0;font:700 20px Manrope}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid input,.form-grid select{width:100%}.span-two{grid-column:span 2}.toggle-stack{align-content:center;gap:9px;display:grid}.check-row{color:#b2c4bc;align-items:center;gap:8px;font-size:11px;display:flex}.check-row input{accent-color:#34c995;width:14px;height:14px}.modal-actions{border-top:1px solid #24342e;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:15px;display:flex}.inline-error{color:#f08e82;margin-top:14px;font-size:11px}.auth-screen{background:radial-gradient(at 50% 20%,#15392f 0,#0000 45%),#0b1514;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#101d1aeb;border:1px solid #2a453a;border-radius:14px;width:min(390px,100%);padding:31px;box-shadow:0 22px 80px #0006}.auth-card .brand-mark{margin-bottom:23px}.auth-card h1{margin:8px 0;font:700 24px Manrope}.auth-card>p{color:#849790;margin:0 0 22px;font-size:12px;line-height:1.55}.auth-card label{color:#9aaca4;gap:7px;margin-bottom:14px;font-size:11px;display:grid}.auth-card input{width:100%;height:39px}.boot-screen{color:#8ba198;justify-content:center;align-items:center;gap:11px;min-height:100vh;font-size:12px;display:flex}.spinner{border:2px solid #345249;border-top-color:#53d7a6;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.sidebar{width:205px}.main-area{margin-left:205px}.page-content{padding:27px 22px}.topbar{padding:0 22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-tech{gap:10px}.system-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.sidebar{border-bottom:1px solid #1d2b29;border-right:0;width:auto;height:auto;padding:12px 14px;position:relative;inset:auto}.brand{padding:0 5px 12px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap;height:36px;padding:0 10px}.nav-count{display:none}.main-area{margin-left:0}.topbar{height:51px;padding:0 16px}.clock-chip{display:none}.page-content{padding:23px 14px 40px}.page-heading{align-items:flex-end;gap:12px}.page-heading h1{font-size:24px}.page-heading>.button{white-space:nowrap;padding:0 9px;font-size:10px}.lower-grid{grid-template-columns:1fr}.live-panel .panel-head{gap:10px}.live-panel .panel-head h2{display:block}.live-panel .lifecycle{margin-left:7px}.video-wrap{aspect-ratio:16/10;margin:0 10px}.live-footer{flex-direction:column;align-items:flex-start}.stream-tech{flex-wrap:wrap;justify-content:space-between;width:100%}.archive-filters{flex-wrap:wrap}.archive-filters label{min-width:40%}.archive-filters .button{width:100%}.storage-form{flex-direction:column;align-items:stretch}.storage-form .button{align-self:flex-end}.system-grid,.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.toggle-stack{padding:2px 0}.modal{padding:17px}.page-error{align-items:flex-start}.stream-manager .panel-head{padding:14px}}@media (width<=430px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:112px;padding:13px}.metric-card>strong{font-size:22px}.metric-top{font-size:9px}.nav-item{gap:6px;font-size:10px}.nav-icon{font-size:14px}.top-actions{gap:5px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading>.button{align-self:flex-start}.live-controls select{max-width:130px}.stream-tech{font-size:8px}.stream-tech b{font-size:9px}.auth-card{padding:24px}}.archive-player video{aspect-ratio:16/9;background:#080d0c;border-radius:8px;width:100%;max-height:70vh;display:block}.onvif-modal{width:min(590px,100%)}.onvif-loading{color:#91a59c;padding:16px}.onvif-status{background:#13251f;border:1px solid #294239;border-radius:8px;align-items:center;gap:11px;margin-top:18px;padding:13px;display:flex}.onvif-status>div{gap:4px;min-width:0;display:grid}.onvif-status strong{color:#d7e7df;font-size:12px}.onvif-status span:not(.onvif-status-dot){color:#8ba197;overflow-wrap:anywhere;font-size:10px}.onvif-status-dot{background:#7c8d85;border-radius:50%;flex:none;width:9px;height:9px}.onvif-connected .onvif-status-dot{background:#3bd49d;box-shadow:0 0 9px #3bd49d75}.onvif-error .onvif-status-dot{background:#e96f70}.onvif-disabled .onvif-status-dot{background:#e3b467}.onvif-meta{color:#80948a;grid-template-columns:1fr 1fr;gap:9px 15px;padding:13px 2px;font-size:10px;display:grid}.onvif-meta b{color:#bccdc4;text-align:right;overflow-wrap:anywhere;font-weight:500}.onvif-test-help{color:#7f9389;margin:10px 0 0;font-size:10px;line-height:1.5}.onvif-notice{color:#68d8aa;margin-top:12px;font-size:11px}.onvif-actions{flex-wrap:wrap}.onvif-actions .button{min-height:36px}@media (width<=500px){.onvif-actions{flex-direction:column-reverse;align-items:stretch}.onvif-actions .button{width:100%}.onvif-meta{grid-template-columns:1fr;gap:5px}.onvif-meta b{text-align:left;margin-bottom:4px}.live-controls{flex-wrap:wrap;justify-content:flex-end}}.archive-event-poll-error{color:#cdb77d;background:#282318;border:1px solid #54462e;border-radius:6px;margin:0 18px 13px;padding:9px 11px;font-size:10px;line-height:1.5}.onvif-fields{border:0;min-width:0;margin:0;padding:0}.onvif-endpoint{background:#0d1916;border:1px solid #253832;border-radius:7px;gap:7px;margin:0 0 14px;padding:11px 12px;display:grid}.onvif-endpoint>span,.onvif-device-details span{color:#82978d;font-size:10px}.onvif-endpoint code{color:#bbcec4;font:10px var(--mono);overflow-wrap:anywhere}.onvif-device-details{border:1px solid #22342e;border-radius:7px;gap:0;margin:0 0 8px;display:grid;overflow:hidden}.onvif-device-details>div{border-bottom:1px solid #1d2c27;grid-template-columns:minmax(115px,.7fr) minmax(0,1.3fr);gap:12px;padding:9px 11px;display:grid}.onvif-device-details>div:last-child{border-bottom:0}.onvif-device-details b{color:#b9cbc2;overflow-wrap:anywhere;font-size:10px;font-weight:500}@media (width<=500px){.onvif-device-details>div{grid-template-columns:1fr;gap:4px}}.system-tabs{background:#0e1917;border:1px solid #23342f;border-radius:9px;gap:5px;width:max-content;max-width:100%;margin:0 0 16px;padding:4px;display:flex;overflow:auto}.system-tabs button{color:#8da098;white-space:nowrap;background:0 0;border:0;border-radius:6px;height:34px;padding:0 15px;font-size:11px}.system-tabs button:hover{color:#dce9e2;background:#182622}.system-tabs button.active{color:#72e0b0;background:#1b3b30;box-shadow:inset 0 0 0 1px #2e6950}.system-tabs+[role=tabpanel]{min-width:0}.system-users>.panel{overflow:hidden}.user-create-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:0 18px 18px;display:grid}.user-create-form label,.user-password-form label{color:#879b92;gap:7px;min-width:0;font-size:10px;display:grid}.user-create-form input,.user-password-form input{width:100%}.user-create-form .button{white-space:nowrap}.system-user-list{display:grid}.system-user{border-top:1px solid #1d2d29;padding:14px 18px}.system-user-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.system-user-heading strong{color:#d8e5df;align-items:center;gap:9px;font-size:12px;display:flex}.system-user-heading small{color:#73877e;margin-top:5px;font-size:10px;display:block}.current-user-badge{color:#70dcb0;background:#1c3a30;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:500}.user-password-form{border-top:1px solid #1d2d29;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:11px;margin-top:14px;padding-top:14px;display:grid}.system-notice{color:#70dcae;background:#11291f;border:1px solid #286047;border-radius:7px;margin:0 0 14px;padding:10px 13px;font-size:11px}.system-load-more{justify-content:center;padding:14px;display:flex}.system-load-error{color:#df9086;justify-content:space-between;align-items:center;gap:12px;padding:17px;font-size:11px;display:flex}.system-inline-error{color:#dca096;padding:10px 18px;font-size:10px}.system-skeleton{gap:9px;padding:18px;display:grid}.system-skeleton i{background:linear-gradient(90deg,#14221e,#1b2d27,#14221e) 0 0/200% 100%;border-radius:6px;height:34px;animation:1.2s ease-in-out infinite system-loading}@keyframes system-loading{to{background-position:-200% 0}}.system-log-filters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;padding:0 18px 16px;display:grid}.system-log-filters label{color:#879b92;gap:6px;min-width:0;font-size:10px;display:grid}.system-log-filters select,.system-log-filters input{width:100%;min-width:0}.system-log-query{grid-column:span 3}.system-log-filters>.button{white-space:nowrap}.system-log-list{display:grid}.system-log-item{border-top:1px solid #1d2d29;min-width:0;padding:14px 18px}.system-log-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.system-log-heading time{color:#9bada5;font:10px var(--mono)}.system-log-kind,.system-log-severity{color:#a8b9b1;background:#1a2a25;border-radius:4px;padding:3px 6px;font-size:9px}.system-log-severity.severity-warning{color:#dfc17d;background:#302918}.system-log-severity.severity-error{color:#ed9990;background:#351f1d}.system-log-item>p{color:#d2e0d8;overflow-wrap:anywhere;margin:9px 0;font-size:11px;line-height:1.55}.system-log-meta{color:#70847b;flex-wrap:wrap;gap:7px 17px;font-size:9px;display:flex}.system-log-meta b{color:#aabbb2;overflow-wrap:anywhere;font-weight:500}.system-log-filters+.system-inline-error{border-top:1px solid #1d2d29}@media (width<=950px){.user-create-form,.user-password-form,.system-log-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.system-log-query{grid-column:span 2}}@media (width<=600px){.system-tabs{width:100%}.system-tabs button{flex:1;padding:0 9px}.user-create-form,.user-password-form{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.user-create-form .button,.user-password-form .button{width:100%}.system-user{padding:13px 14px}.system-user-heading{align-items:flex-start}.system-user-heading>.button{flex:none}.system-log-filters{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.system-log-query{grid-column:auto}.system-log-item{padding:13px 14px}.system-log-meta{gap:5px;display:grid}}.user-create-form,.user-password-form{display:block}.system-form-fields{border:0;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:11px;min-width:0;margin:0;padding:0;display:grid}.system-form-fields label{color:#879b92;gap:7px;min-width:0;font-size:10px;display:grid}.system-form-fields input{width:100%}.system-form-fields .button{white-space:nowrap}.system-form-fields:disabled{opacity:.65}@media (width<=950px){.system-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.system-form-fields .button{justify-self:start}}@media (width<=600px){.system-form-fields{grid-template-columns:1fr}.system-form-fields .button{width:100%}}.camera-diagnostics{margin-top:16px;padding:18px}.camera-diagnostics h3{margin:0 0 14px}.camera-diagnostic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:12px;display:grid}.camera-diagnostic-grid article{border:1px solid var(--border,#29433d);border-radius:10px;min-width:0;padding:14px}.diagnostic-state{color:#e5bd67;margin-left:10px;font-size:12px;display:inline-block}.diagnostic-ready,.diagnostic-connected,.diagnostic-recording{color:#46c998}.diagnostic-error,.diagnostic-failed,.diagnostic-stalled{color:#ff9184}.camera-diagnostic-grid p{overflow-wrap:anywhere;font-size:13px}.camera-diagnostic-grid small{color:var(--muted,#98aaa4);margin-top:7px;display:block}@media (width<=760px){.camera-diagnostic-grid{grid-template-columns:1fr}}.camera-tags-editor{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);border-radius:10px;margin:0;padding:12px}.camera-tags-editor legend{color:var(--muted);padding:0 5px;font-size:.85rem}.camera-tags-editor__chips{flex-wrap:wrap;gap:7px;min-height:28px;display:flex}.camera-tag-chip{color:#b9e8d4;background:#1a302a;border:1px solid #29473d;border-radius:999px;align-items:center;gap:5px;padding:3px 7px 3px 10px;font-size:.85rem;display:inline-flex}.camera-tag-chip button{min-width:24px;min-height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.1rem;line-height:1}.camera-tag-chip button:hover{color:var(--text);background:#29483c}.camera-tag-chip button:focus-visible,.camera-tags-editor input:focus-visible,.camera-tags-editor__add button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.camera-tags-editor__empty{color:var(--muted);font-size:.85rem}.camera-tags-editor__add{gap:8px;margin-top:10px;display:flex}.camera-tags-editor__add input{flex:1;min-width:0}.camera-tags-editor__add button{color:#b5c6c0;background:#15221f;border:1px solid #2e4540}.camera-tags-editor__add button:hover:not(:disabled){color:var(--text);background:#1b2c27;border-color:#3d5a50}.camera-tags-editor__add button:disabled{opacity:.5}@media (width<=520px){.camera-tags-editor__add{flex-direction:column}.camera-tags-editor__add button{width:100%}}.camera-catalog{min-width:0;color:var(--text);gap:16px;display:grid}.camera-catalog__heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.camera-catalog__heading h2{margin:3px 0 0}.camera-catalog__count{color:var(--muted);margin:0;font-size:.92rem}.camera-catalog__filters{grid-template-columns:minmax(210px,2fr) repeat(5,minmax(120px,1fr));align-items:end;gap:10px;display:grid}.camera-catalog__filters label{min-width:0;color:var(--muted);gap:6px;font-size:.82rem;display:grid}.camera-catalog__filters input,.camera-catalog__filters select{width:100%;min-width:0}.camera-catalog__active-tags{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:.85rem;display:flex}.camera-catalog__hint{margin-left:3px}.camera-catalog__suberror{color:var(--muted);margin:-8px 0 0;font-size:.82rem}.camera-catalog__table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow-x:auto}.camera-catalog__table{border-collapse:collapse;text-align:left;width:100%}.camera-catalog__table th,.camera-catalog__table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.camera-catalog__table th{color:#91a59d;background:var(--panel2);white-space:nowrap;font-size:.78rem;font-weight:600}.camera-catalog__table tbody tr{cursor:pointer}.camera-catalog__table tbody tr:hover{background:#172522}.camera-catalog__table tbody tr.is-selected{box-shadow:inset 3px 0 var(--green);background:#18352b}.camera-catalog__name{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;display:block}.camera-catalog__system-name{color:var(--muted);margin-top:3px;font-size:.78rem;display:block}.camera-catalog__status{white-space:nowrap}.camera-catalog__status.status-ready{color:#63d6a7}.camera-catalog__status.status-failed,.camera-catalog__status.status-degraded{color:#ed8983}.camera-catalog__row-tags{flex-wrap:wrap;gap:5px;min-width:100px;display:flex}.camera-catalog__actions{flex-wrap:wrap;justify-content:end;gap:6px;display:flex}.camera-catalog__actions .button{white-space:nowrap;padding:6px 9px;font-size:.8rem}.camera-catalog__actions .button.secondary{color:#b5c6c0;background:#15221f;border:1px solid #2e4540}.camera-catalog__actions .button.secondary:hover{color:var(--text);background:#1b2c27;border-color:#3d5a50}.camera-catalog__actions .button.danger{color:#f08e87;background:#351d1b;border:1px solid #64312e}.camera-catalog__actions .button.danger:hover{color:#ffaaa1;background:#452321}.camera-catalog__empty{color:var(--muted);text-align:center;cursor:default;padding:28px!important}.camera-catalog__pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;display:flex}.camera-catalog :focus-visible{outline:2px solid var(--green);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;top:0;left:0;overflow:hidden}@media (width<=900px){.camera-catalog__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-catalog__search{grid-column:1/-1}}@media (width<=560px){.camera-catalog__heading{flex-direction:column;align-items:start}.camera-catalog__filters{grid-template-columns:1fr}.camera-catalog__search{grid-column:auto}.camera-catalog__table{min-width:790px}.camera-catalog__pagination{flex-direction:column;align-items:stretch}}.storage-pools{min-width:0;color:var(--text);gap:16px;display:grid}.storage-pools__heading,.storage-pools__disk-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.storage-pools__heading h2,.storage-pools__disk-title h3{margin:3px 0}.storage-pools__heading p{color:var(--muted);margin:4px 0 0}.storage-pools__select,.storage-pools__dialog label,.storage-pools__inline-form label{min-width:0;color:var(--muted);gap:6px;font-size:.88rem;display:grid}.storage-pools__select{max-width:460px}.storage-pools__pool,.storage-pools__disk{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;padding:16px;box-shadow:0 8px 24px #0002}.storage-pools__pool>header,.storage-pools__disk-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.storage-pools__pool h3,.storage-pools__disk h4{margin:0 0 5px}.storage-pools__pool code,.storage-pools__disk code{overflow-wrap:anywhere;color:var(--muted);font-size:.82rem}.storage-pools__badge{border:1px solid var(--line);background:var(--panel2);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:.78rem;display:inline-flex}.storage-pools__badge.status-healthy{color:#77dfad;background:#17352a;border-color:#295640}.storage-pools__badge.status-warning,.storage-pools__badge.status-migrating{color:#f0c878;background:#342b19;border-color:#554423}.storage-pools__badge.status-full,.storage-pools__badge.status-missing,.storage-pools__badge.status-failed{color:#f08e87;background:#351d1b;border-color:#64312e}.storage-pools__limits,.storage-pools__capacity{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.storage-pools__capacity{grid-template-columns:repeat(3,minmax(0,1fr))}.storage-pools__limits span,.storage-pools__capacity span{color:var(--muted);overflow-wrap:anywhere;gap:3px;font-size:.82rem;display:grid}.storage-pools__limits b,.storage-pools__capacity b{color:var(--text);font-size:.95rem}.storage-pools__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.storage-pools .button{color:#b5c6c0;background:#15221f;border:1px solid #2e4540;border-radius:7px;min-height:36px;padding:0 13px;font-size:12px;font-weight:600;transition:all .15s}.storage-pools .button:hover:not(:disabled){color:var(--text);background:#1b2c27;border-color:#3d5a50}.storage-pools .button--primary{color:#06231a;background:linear-gradient(135deg,#58dfad,#2dbd8b);border-color:#40c999;box-shadow:0 3px 12px #1d9a7126}.storage-pools .button--primary:hover:not(:disabled){filter:brightness(1.08);color:#06231a}.storage-pools .button--danger{color:#f08e87;background:#351d1b;border-color:#64312e}.storage-pools .button--danger:hover:not(:disabled){color:#ffaaa1;background:#452321;border-color:#8a4640}.storage-pools .button:disabled{opacity:.52;cursor:wait}.storage-pools__actions label{color:var(--muted);align-items:center;gap:5px;font-size:.82rem;display:flex}.storage-pools__hint{color:var(--muted);font-size:.84rem}.storage-pools__disks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.storage-pools__identity{gap:8px;margin:14px 0 0;display:grid}.storage-pools__identity div{grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:8px;font-size:.82rem;display:grid}.storage-pools__identity dt{color:var(--muted)}.storage-pools__identity dd{overflow-wrap:anywhere;color:var(--text);margin:0}.storage-pools__mode{color:var(--muted);margin:12px 0 0;font-size:.86rem}.storage-pools__mode b{color:var(--text)}.storage-pools__jobs{color:#e4d3a7;background:#25251b;border:1px solid #554423;border-radius:8px;margin-top:12px;padding:12px}.storage-pools__jobs h5,.storage-pools__jobs p{margin:0 0 7px}.storage-pools__jobs h5{color:#f0c878}.storage-pools__jobs progress{width:100%;height:8px;accent-color:var(--green);display:block}.storage-pools__error{color:#f0a099;overflow-wrap:anywhere;background:#351d1b;border:1px solid #64312e;border-radius:8px;padding:10px 12px}.storage-pools__overlay,.storage-pools__confirm{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030907c9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.storage-pools__dialog{background:var(--panel);width:min(560px,100%);max-height:min(90vh,850px);color:var(--text);border:1px solid #365047;border-radius:14px;gap:12px;padding:20px;display:grid;overflow:auto;box-shadow:0 25px 100px #0009}.storage-pools__dialog h3{margin:0}.storage-pools__dialog p{color:#b5c6c0}.storage-pools__dialog small{color:var(--muted);line-height:1.4}.storage-pools__dialog fieldset{border:1px solid var(--line);background:var(--panel2);border-radius:8px;gap:10px;min-width:0;margin:0;padding:12px;display:grid}.storage-pools__dialog fieldset legend{color:var(--text);padding:0 5px}.storage-pools__dialog input,.storage-pools__dialog select,.storage-pools__actions select,.storage-pools__inline-form input,.storage-pools__select select{min-width:0;height:36px;color:var(--text);background:#0d1917;border:1px solid #2a3c37;border-radius:6px;padding:0 10px}.storage-pools__dialog input:focus,.storage-pools__dialog select:focus,.storage-pools__actions select:focus,.storage-pools__inline-form input:focus,.storage-pools__select select:focus{border-color:#3b9f78;outline:none;box-shadow:0 0 0 2px #29976a20}.storage-pools__dialog footer{flex-wrap:wrap;gap:8px;display:flex}.storage-pools__inline-form{flex-wrap:wrap;align-items:end;gap:8px;margin-top:12px;display:flex}.storage-pools__confirm{z-index:1001;align-content:center;gap:10px}.storage-pools__confirm h5,.storage-pools__confirm p{border-right:1px solid var(--line);border-left:1px solid var(--line);background:var(--panel);width:min(440px,100%);margin:0;padding:12px 16px}.storage-pools__confirm h5{border-top:1px solid var(--line);color:var(--text);border-radius:10px 10px 0 0}.storage-pools__confirm p{color:var(--muted)}.storage-pools__confirm button{border-radius:0;width:min(440px,100%);min-height:40px}.storage-pools__confirm button:first-of-type{color:#06231a;background:linear-gradient(135deg,#58dfad,#2dbd8b);border-color:#40c999}.storage-pools__confirm button:last-of-type{border-bottom:1px solid var(--line);border-radius:0 0 10px 10px}.storage-pools :focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (width<=760px){.storage-pools__disks{grid-template-columns:1fr}.storage-pools__limits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.storage-pools__heading,.storage-pools__pool>header,.storage-pools__disk-head{flex-direction:column;align-items:stretch}.storage-pools__heading .button{width:100%}.storage-pools__capacity{grid-template-columns:1fr}.storage-pools__identity div{grid-template-columns:1fr;gap:2px}.storage-pools__actions{flex-direction:column;align-items:stretch}.storage-pools__actions>*,.storage-pools__actions label,.storage-pools__actions select,.storage-pools__actions button{width:100%;min-width:0}.storage-pools__disk,.storage-pools__pool{padding:12px}.storage-pools__dialog{padding:16px}}