:root{color:#1c2733;font-synthesis:none;--ink:#15202b;--ink-2:#202d39;--muted:#687684;--line:#dfe4e8;--paper:#fff;--surface:#f3f5f7;--accent:#e56b2f;--accent-dark:#bd4e18;--green:#23845b;--red:#c33f3f;--amber:#a56516;background:#f3f5f7;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{z-index:30;color:#dbe2e8;background:var(--ink);border-right:1px solid #263542;flex-direction:column;width:248px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #2b3945;align-items:center;gap:12px;height:76px;padding:0 22px;display:flex}.brand-mark{width:34px;height:34px;color:var(--ink);background:var(--accent);border-radius:4px;place-items:center;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.16em}.brand span{color:#94a2af;margin-top:2px;font-size:12px}.environment-card{background:#1c2934;border:1px solid #30414e;border-radius:6px;align-items:center;gap:10px;margin:18px 14px 12px;padding:12px;display:flex}.environment-card small,.environment-card b{display:block}.environment-card small{color:#8393a1;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.environment-card b{margin-top:3px;font-size:12px}.environment-dot{background:#5dd39e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #5dd39e1a}.nav-list{flex:1;padding:8px 12px}.nav-list a{color:#aab6c0;border-radius:5px;align-items:center;gap:12px;margin:3px 0;padding:11px 12px;font-size:14px;transition:all .15s;display:flex;position:relative}.nav-list a:hover{color:#fff;background:#1e2d39}.nav-list a.router-link-active{color:#fff;background:#263643}.nav-list a.router-link-active:before{content:"";background:var(--accent);width:3px;height:22px;position:absolute;left:-12px}.nav-icon{width:18px;height:18px;display:inline-flex}.sidebar-foot{border-top:1px solid #2b3945;justify-content:space-between;align-items:center;min-height:72px;padding:12px 14px;display:flex}.operator{align-items:center;gap:10px;min-width:0;display:flex}.operator div{min-width:0}.operator b,.operator small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.operator b{max-width:130px;font-size:12px}.operator small{color:#8393a1;margin-top:2px;font-size:10px}.avatar{color:#fff;background:#334552;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.icon-button{color:#93a2af;cursor:pointer;background:0 0;border:1px solid #3a4b58;border-radius:4px;width:32px;height:32px;padding:0}.icon-button:hover{color:#fff}.main{width:calc(100% - 248px);min-width:0;margin-left:248px}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.topbar p,.eyebrow{color:#7d8994;letter-spacing:.13em;margin:0 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.topbar h1{margin:0;font-size:19px}.topbar-meta{color:var(--muted);align-items:center;gap:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.read-only-boundary{color:#6c4114;background:#fff1dd;border:1px solid #f0d0a7;border-radius:3px;padding:4px 8px}.menu-button{background:0 0;border:0;font-size:20px;display:none}.page-content{max-width:1540px;margin:0 auto;padding:28px 32px 50px}.page-stack{gap:20px;display:grid}.hero-panel{color:#edf3f7;background:var(--ink-2);border-left:4px solid var(--accent);border-radius:7px;justify-content:space-between;align-items:center;min-height:154px;padding:28px 30px;display:flex}.hero-panel h2{margin:0 0 10px;font-size:26px}.hero-panel p:not(.eyebrow){color:#aebbc5;max-width:680px;margin:0;font-size:13px;line-height:1.7}.hero-panel .eyebrow{color:#8294a1}.hero-status{color:#c9f0df;background:#23845b2b;border:1px solid #5bc49740;border-radius:4px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;display:inline-flex}.hero-status i{background:#5dd39e;border-radius:50%;width:7px;height:7px}.hero-status.offline{color:#f2c0c0;background:#c33f3f24;border-color:#c33f3f4d}.hero-status.offline i{background:#e37676}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:19px 20px}.metric-head{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.metric-head small{color:#a2acb5;letter-spacing:.12em;font-family:ui-monospace,monospace;font-size:9px}.metric-card strong{margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:29px;display:block}.split-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:7px;min-width:0;padding:22px}.panel-head{justify-content:space-between;gap:18px;margin-bottom:20px;display:flex}.panel-head h3{margin:0;font-size:17px}.panel-head span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.panel-head-row{align-items:flex-end}.quick-actions{gap:8px;display:grid}.quick-actions a{border:1px solid var(--line);border-radius:5px;grid-template-columns:1fr auto;padding:14px 15px;display:grid}.quick-actions a:hover{background:#fafbfc;border-color:#b9c3cb}.quick-actions b,.quick-actions span{grid-column:1}.quick-actions b{font-size:13px}.quick-actions span{color:var(--muted);margin-top:4px;font-size:11px}.quick-actions svg{color:var(--accent);grid-area:1/2/3;align-self:center}.boundary-list{margin:0;padding:0;list-style:none}.boundary-list li{border-top:1px solid var(--line);gap:13px;padding:12px 0;display:flex}.boundary-list li:first-child{border-top:0}.boundary-list span{color:var(--accent);font-family:ui-monospace,monospace;font-size:11px}.boundary-list p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.boundary-list b{color:var(--ink);margin-bottom:2px;display:block}.primary-button,.secondary-button{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent)}.primary-button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.secondary-button{color:#344452;background:#fff;border:1px solid #cbd3da}.secondary-button:hover{background:#f6f8f9}.primary-button:disabled,.secondary-button:disabled,button:disabled{opacity:.5;cursor:not-allowed}.text-button,.table-link,.button-link{color:#a94819;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.square-button{color:#fff;background:var(--ink-2);cursor:pointer;border:0;border-radius:4px;flex:0 0 42px;width:42px;font-size:20px}.search-form{gap:8px;display:flex}.search-form input{width:240px}input,select{width:100%;min-height:40px;color:var(--ink);background:#fff;border:1px solid #cfd6dc;border-radius:4px;outline:none;padding:0 11px}.field input:focus,.field select:focus,.search-form input:focus{border-color:#7f909d;box-shadow:0 0 0 3px #6177871a}.form-grid{gap:16px;display:grid}.field{gap:7px;display:grid}.field>span{color:#465563;font-size:12px;font-weight:700}.field>small{color:var(--muted);font-size:11px}.field-action{gap:8px;display:flex}.notice{border-radius:4px;padding:11px 13px;font-size:12px;line-height:1.5}.notice.danger,.form-error{color:#9f2f2f;background:#fff0f0;border:1px solid #f0caca}.notice.warning{color:#7d5016;background:#fff8eb;border:1px solid #ead5ab}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:12px}.table-wrap th{color:#74808a;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;letter-spacing:.05em;white-space:nowrap;background:#f6f8f9;padding:10px 12px;font-size:10px}.table-wrap td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e8ecef;padding:13px 12px}.table-wrap td small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.empty-cell{color:var(--muted);text-align:center;padding:42px!important}.status-pill,.environment-tag{color:#53616c;background:#edf1f3;border:1px solid #d9e0e4;border-radius:999px;padding:3px 7px;font-size:10px;display:inline-flex}.status-pill.active,.status-pill.completed{color:#1c704d;background:#edf8f3;border-color:#c7e7d8}.status-pill.running{color:#275f93;background:#edf5fb;border-color:#c8deef}.status-pill.queued{color:#785516;background:#fff8e9;border-color:#ead7af}.status-pill.failed,.status-pill.suspended,.status-pill.expired{color:#9e3333;background:#fff0f0;border-color:#efcaca}.pagination{color:var(--muted);justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;display:flex}.pagination div{align-items:center;gap:8px;display:flex}.pagination button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:3px;padding:5px 9px}.pagination b{text-align:center;min-width:24px}.table-wrap code{color:#66737e;font-size:10px}.analyzer-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:start;gap:20px;display:grid}.compact-panel{position:sticky;top:96px}.camera-summary{background:var(--line);border:1px solid var(--line);border-radius:5px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.camera-summary div{background:#f8fafb;padding:10px 11px}.camera-summary small,.camera-summary b{display:block}.camera-summary small{color:var(--muted);font-size:9px}.camera-summary b{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.text-success{color:var(--green)}.text-danger{color:var(--red)}.service-list{margin:0}.service-list div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.service-list dt{color:var(--muted);font-size:11px}.service-list dd{text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin:0;font-size:11px;font-weight:700;overflow:hidden}.modal-backdrop{z-index:100;background:#0d171f94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:7px;gap:16px;width:min(500px,100%);padding:22px;display:grid;box-shadow:0 18px 60px #00000040}.modal header,.modal footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal h3{margin:0}.modal .icon-button{color:var(--muted);border-color:var(--line)}.modal footer{justify-content:flex-end;margin-top:4px}.login-page{background:#fff;grid-template-columns:minmax(360px,.9fr) 1.1fr;min-height:100vh;display:grid}.login-story{color:#eef3f6;background:var(--ink);border-right:5px solid var(--accent);flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px clamp(35px,6vw,86px);display:flex}.login-brand{letter-spacing:.18em;align-items:center;gap:10px;font-weight:900;display:flex}.login-brand span{width:32px;height:32px;color:var(--ink);background:var(--accent);border-radius:4px;place-items:center;display:grid}.login-story h1{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(36px,5vw,64px);line-height:1.1}.login-story p:not(.eyebrow){color:#9fafbb;max-width:500px;font-size:14px;line-height:1.8}.login-boundary{align-items:center;gap:10px;display:flex}.login-boundary span{background:#5dd39e;border-radius:50%;width:8px;height:8px}.login-boundary p{margin:0!important;font-size:11px!important}.login-form-wrap{background:#f6f7f8;place-items:center;padding:36px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:7px;gap:20px;width:min(420px,100%);padding:38px;display:grid;box-shadow:0 12px 40px #14202b14}.login-card header{margin-bottom:5px}.login-card h2{margin:0 0 8px;font-size:25px}.login-card header span{color:var(--muted);font-size:12px}.login-card label:not(.checkbox-row){gap:7px;display:grid}.login-card label>span{color:#465563;font-size:12px;font-weight:700}.checkbox-row{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.checkbox-row input{width:15px;min-height:auto}.login-submit{width:100%;min-height:44px}.form-error{border-radius:4px;margin:0;padding:10px;font-size:11px}.not-found{background:var(--surface);place-content:center;justify-items:start;gap:18px;min-height:100vh;padding:30px;display:grid}.not-found h1{margin:0;font-size:42px}.sidebar-backdrop{display:none}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.analyzer-grid{grid-template-columns:1fr}.compact-panel{position:static}.camera-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#00000059;border:0;display:block;position:fixed;inset:0}.main{width:100%;margin-left:0}.topbar{height:68px;padding:0 17px}.menu-button{margin-right:12px;display:block}.topbar>div:first-of-type{flex:1}.topbar-meta time{display:none}.page-content{padding:18px 14px 36px}.hero-panel{flex-direction:column;align-items:flex-start;gap:20px;padding:22px}.metric-grid{grid-template-columns:1fr 1fr}.panel{padding:17px}.panel-head-row{flex-direction:column;align-items:stretch}.search-form input{width:100%;min-width:0}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh;padding:18px}.login-card{padding:26px 22px}.camera-summary{grid-template-columns:1fr 1fr}}@media (width<=450px){.metric-grid,.camera-summary{grid-template-columns:1fr}.read-only-boundary{display:none}}