:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf5;background:#070d1d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #070d1d;--surface: #0e1627;--surface-2: #121c2f;--border: #243047;--muted: #8994a7;--text: #eef3f8;--accent: #42c7d3;--accent-deep: #29878c;--green: #4fd1a0;--orange: #f5a755;--red: #f26c7a;--purple: #a78bfa}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{color:inherit}.fatal-error{min-height:100vh;display:grid;place-items:center;padding:24px;background:#070d1d;color:#fff;text-align:center}.fatal-error>div{width:min(100%,480px);padding:32px;border:1px solid #292e3d;border-radius:12px;background:#0d0f18}.fatal-error h1{margin:0 0 12px;font-size:26px}.fatal-error p{margin:0 0 24px;color:#8e95a2;line-height:1.6}.fatal-error button{min-height:44px;padding:0 20px;border:0;border-radius:6px;background:#29878c;color:#fff;cursor:pointer;font-weight:700}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,48%) 1fr;background:#070d1d}.login-form-panel{display:flex;justify-content:center;align-items:center;padding:52px;position:relative;z-index:1}.login-form-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(41,135,140,.14),transparent 30%);pointer-events:none}.login-form-wrap{width:min(100%,470px);position:relative}.login-logo{width:172px;height:auto;display:block;margin-bottom:64px}.login-copy .eyebrow{color:var(--accent);font-size:11px;letter-spacing:.2em;font-weight:700}.login-copy h1{margin:12px 0 10px;color:#fff;font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.05}.login-copy p{color:var(--muted);max-width:440px;line-height:1.65;margin:0 0 36px}.login-form{display:grid;gap:20px}.login-form>label,.settings-card>label{display:grid;gap:9px;color:#dbe3ec;font-size:13px;font-weight:600}.field-wrap{height:52px;border:1px solid #2a374c;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 15px;color:#69768a;background:#0e1627cc;transition:border .2s,box-shadow .2s}.field-wrap:focus-within{border-color:var(--accent-deep);box-shadow:0 0 0 3px #42c7d317}.field-wrap input{flex:1;border:0;outline:0;color:#fff;background:transparent;min-width:0}.field-wrap input::placeholder{color:#657185}.login-options{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.check-label{display:flex;gap:8px;align-items:center}.check-label input{accent-color:var(--accent-deep)}.text-button{border:0;background:transparent;color:var(--accent);cursor:pointer;padding:0}.primary-button{border:0;border-radius:8px;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#2b9298,#26767c);color:#fff;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 8px 24px #1970762e}.primary-button:hover{filter:brightness(1.1)}.login-button{height:54px;margin-top:2px;justify-content:space-between;padding:0 20px}.login-button span{font-size:19px}.form-error{margin:-7px 0;color:#ff8d98;font-size:12px}.local-hint{margin:23px 0 0;color:#657185;font-size:12px}.local-hint strong{color:#9da8b9}.login-visual{min-height:100vh;background:linear-gradient(135deg,#101a2d,#0b1425);display:flex;align-items:center;justify-content:center;overflow:hidden;border-left:1px solid #1b2940}.login-visual img{width:100%;height:100%;object-fit:cover;opacity:.94}.app-shell{min-height:100vh;background:#080f1f}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:248px;background:#091120;border-right:1px solid #1e2a3d;display:flex;flex-direction:column}.sidebar-brand{height:78px;border-bottom:1px solid #1c2739;display:flex;align-items:center;padding:0 25px;flex-shrink:0}.sidebar-brand img{width:126px;height:auto}.mobile-close{display:none;margin-left:auto;background:transparent;border:0}.sidebar nav{padding:20px 13px;overflow-y:auto;flex:1;scrollbar-width:thin}.nav-group{margin-bottom:25px}.nav-group>p{margin:0 12px 9px;color:#556278;font-size:9px;font-weight:700;letter-spacing:.15em}.nav-item{width:100%;min-height:41px;border:0;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#8793a7;background:transparent;cursor:pointer;text-align:left;font-size:12px;font-weight:500;transition:.18s ease}.nav-item:hover{background:#111c2e;color:#d9e1ec}.nav-item.active{color:#65d3dc;background:linear-gradient(90deg,#29878c36,#29878c14);box-shadow:inset 2px 0 #43c0ca}.nav-item svg{flex:0 0 auto}.sidebar-footer{border-top:1px solid #1c2739;padding:13px}.system-status{margin:0 10px 12px;display:flex;align-items:center;gap:8px;color:#657287;font-size:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fd1a0;box-shadow:0 0 8px #4fd1a08c}.status-dot.offline{background:#657185;box-shadow:none}.workspace{min-height:100vh;padding-left:248px}.topbar{position:sticky;top:0;z-index:20;height:78px;padding:0 30px;background:#091120eb;backdrop-filter:blur(14px);border-bottom:1px solid #1e2a3d;display:flex;align-items:center;justify-content:space-between}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title>div{display:grid;gap:3px}.topbar-title span{color:#506076;font-size:8px;font-weight:700;letter-spacing:.18em}.topbar-title strong{color:#dce5ef;font-size:14px}.menu-button{display:none;border:0;background:transparent;padding:7px}.topbar-actions{display:flex;align-items:center;gap:13px}.icon-button{width:38px;height:38px;border:1px solid #263349;border-radius:8px;background:#10192a;display:grid;place-items:center;color:#8d99ab;cursor:pointer}.notification-button{position:relative}.notification-button i{width:6px;height:6px;border-radius:50%;position:absolute;right:8px;top:8px;background:#ec6674;border:1px solid #10192a}.profile-button{min-width:150px;border:0;background:transparent;display:flex;align-items:center;gap:9px;cursor:pointer}.profile-button>span{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#2f9298,#175c64);color:#fff;font-size:11px;font-weight:700}.profile-button div{display:grid;text-align:left;gap:2px;flex:1}.profile-button strong{color:#dfe6ef;font-size:11px}.profile-button small{color:#657185;font-size:9px}.profile-button svg{color:#5d687a}.content{max-width:1540px;margin:0 auto;padding:30px}.page-heading{min-height:70px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-heading h1{margin:0 0 8px;color:#f0f4f8;font-size:clamp(22px,2.7vw,29px);line-height:1.1;letter-spacing:-.035em}.page-heading p{margin:0;color:#758297;font-size:12px;line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{min-height:145px;border:1px solid var(--border);border-radius:10px;padding:18px;background:linear-gradient(145deg,#111a2b,#0d1626);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:80px;height:80px;right:-25px;top:-25px;border-radius:50%;background:#42c7d309}.metric-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;margin-bottom:15px}.metric-icon.cyan{color:#54d1dc;background:#42c7d31f}.metric-icon.green{color:var(--green);background:#4fd1a01c}.metric-icon.orange{color:var(--orange);background:#f5a7551c}.metric-icon.purple{color:var(--purple);background:#a78bfa1c}.metric-card p{margin:0;color:#7f8ba0;font-size:10px}.metric-card>strong{display:block;margin:5px 0 4px;color:#f2f5f9;font-size:25px;letter-spacing:-.04em}.metric-card>span{color:#5cba94;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.8fr);gap:18px;margin-bottom:18px}.dashboard-grid.bottom-grid{grid-template-columns:1fr 1.25fr}.panel{border:1px solid var(--border);border-radius:10px;background:linear-gradient(145deg,#10192a,#0d1625)}.panel-title{min-height:67px;border-bottom:1px solid #202c40;padding:16px 19px;display:flex;justify-content:space-between;gap:20px;align-items:center}.panel-title h2{margin:0 0 5px;color:#dfe6ef;font-size:13px}.panel-title p{margin:0;color:#68758a;font-size:9px}.panel-title button{border:0;background:transparent;color:#50bdc6;font-size:9px;cursor:pointer}.activity-panel,.alerts-panel{min-height:328px}.chart-wrap{height:245px;padding:22px 24px 17px 20px;display:flex;gap:13px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#526076;font-size:8px;padding-bottom:24px}.bar-chart{flex:1;border-bottom:1px solid #263247;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#1e2a3e 25%);display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:0 7px}.bar-column{height:100%;flex:1;max-width:37px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-column div{width:100%;min-width:9px;background:linear-gradient(to top,#2a8c9385,#48c5cf);border-radius:4px 4px 1px 1px;box-shadow:0 -6px 20px #42c7d314}.bar-column span{height:15px;color:#5f6c80;font-size:8px}.alert-item{min-height:79px;padding:15px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #1e293b}.alert-item:last-child{border-bottom:0}.alert-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:8px}.alert-symbol.critical{color:var(--red);background:#f26c7a1a}.alert-symbol.high{color:var(--orange);background:#f5a7551a}.alert-symbol.medium{color:#62c8d0;background:#42c7d31a}.alert-item div{display:grid;gap:5px;flex:1}.alert-item strong{color:#cdd6e1;font-size:10px}.alert-item small{color:#5e6a7c;font-size:8px}.alert-chevron{transform:rotate(-90deg);color:#4d596b}.health-row{min-height:155px;display:flex;align-items:center;justify-content:center;gap:45px;padding:20px}.donut{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#43c4a2 0 94%,#233047 94%);position:relative}.donut:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#101929}.donut span{position:relative;z-index:1;font-size:17px;font-weight:700}.health-legend{display:grid;gap:12px;min-width:125px}.health-legend p{margin:0;display:flex;align-items:center;gap:8px;color:#8390a3;font-size:9px}.health-legend p strong{margin-left:auto;color:#d8e0ea}.health-legend i{width:6px;height:6px;border-radius:50%}.green-dot{background:var(--green)}.orange-dot{background:var(--orange)}.gray-dot{background:#526076}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.quick-grid button{min-height:61px;border:1px solid #27344a;border-radius:8px;padding:0 14px;display:flex;align-items:center;gap:11px;background:#111b2c;color:#8190a5;cursor:pointer}.quick-grid button:hover{border-color:#386b73;color:#b9e6e9}.quick-grid button span{flex:1;text-align:left;font-size:10px}.quick-grid button strong{color:#4ebdc6}.resource-panel{overflow:hidden}.resource-toolbar{min-height:70px;padding:14px 17px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #202c40}.search-box{width:min(330px,100%);height:39px;border:1px solid #29364b;border-radius:7px;background:#0b1424;display:flex;align-items:center;gap:10px;padding:0 12px;color:#667389}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.filter-button{height:39px;border:1px solid #29364b;border-radius:7px;background:#111b2c;color:#8b97a9;display:flex;align-items:center;gap:8px;padding:0 13px;cursor:pointer;font-size:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{height:43px;padding:0 18px;text-align:left;background:#0c1525;color:#5f6d82;font-size:9px;letter-spacing:.05em;text-transform:uppercase}td{height:61px;padding:0 18px;border-top:1px solid #1d293c;color:#aab5c4;font-size:10px}tbody tr:hover{background:#1b2a3e73}td:first-child{color:#d7dfe9;font-weight:600}.table-status{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:700}.table-status.success{color:#65d5aa;background:#4fd1a01a}.table-status.warning{color:#f0b66f;background:#f5a7551a}.table-status.danger{color:#f4838e;background:#f26c7a1a}.management-page{min-height:100%;background:#0d0f18}.management-header{margin-bottom:28px}.management-header h1{margin:0;color:#fff;font-size:26px;line-height:32px;font-weight:700}.management-header p{margin:4px 0 0;color:#8e95a2;font-size:16px;font-weight:500;line-height:1.5}.management-content{padding:28px}.management-card{padding:24px;overflow:hidden;border:1px solid #11151f;border-radius:8px;background:#11151f}.management-actions{min-height:40px;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.table-primary-button{height:40px;padding:0 16px;border:0;border-radius:6px;background:#62d6fb;color:#05070a;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 8px 15px #0000001f;transition:background .2s,box-shadow .2s}.table-primary-button:hover{background:#06b6d4;box-shadow:0 10px 18px #0000002e}.table-filters{margin-bottom:24px;display:flex;gap:12px}.table-search{height:40px;min-width:220px;flex:1;position:relative;display:flex;align-items:center}.table-search svg{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.table-search input,.table-filters select,.page-size select{height:40px;border:1px solid #191c26;border-radius:6px;background:#0d0f17;color:#fff;outline:0;font-size:14px;transition:border .2s,box-shadow .2s}.table-search input{width:100%;padding:8px 12px 8px 40px}.table-search input::placeholder{color:#798598}.table-filters select{width:176px;padding:0 12px;cursor:pointer;color-scheme:dark}.table-search input:focus,.table-filters select:focus,.page-size select:focus{border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d48c}.node-table{overflow-x:auto;border:.7px solid #191c26;border-radius:6px}.node-table table{width:100%;min-width:880px;border-collapse:collapse;background:#11151f}.node-table thead{background:#11151f}.node-table th{height:auto;padding:12px;background:#11151f;color:#778497;text-align:left;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere}.node-table tbody{background:#11151f}.node-table tr{border-top:1px solid #292e3d}.node-table tbody tr:hover{background:#1f2937}.node-table td{height:auto;max-width:180px;padding:12px;border:0;color:#d1d5db;font-size:12px;line-height:18px;font-weight:500;white-space:normal;overflow-wrap:anywhere}.node-table td:first-child{color:#d1d5db;font-weight:500}.node-table td:last-child{max-width:none;white-space:nowrap}.role-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#122f3d;color:#01b0d2;font-size:12px;font-weight:600;text-transform:lowercase}.node-table .table-status{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.node-table .table-status.success{background:#21382d;color:#4fa259}.node-table .table-status.danger{background:#25141c;color:#cf3c3c}.assigned-users{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.assigned-users span{padding:4px 8px;border-radius:999px;background:#374151;color:#fff;font-size:14px;white-space:nowrap}.table-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-actions button{height:32px;padding:0 12px;border-radius:6px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s,color .2s}.table-actions .outline-primary{border:1px solid #15556a;color:#01b0d2}.table-actions .outline-primary:hover{background:#62d6fb;color:#fff}.table-actions .outline-secondary{border:1px solid #c7820d;color:#c7820d}.table-actions .outline-secondary:hover{background:#c7820d;color:#fff}.table-actions .outline-danger{border:1px solid #c1383b;color:#c1383b}.table-actions .outline-danger:hover{background:#c1383b;color:#fff}.table-pagination{margin-top:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.page-size{display:flex;align-items:center;gap:8px}.page-size select{min-width:70px;padding:0 10px;cursor:pointer}.page-size span,.page-summary{color:#778497;font-size:14px;white-space:nowrap}.page-buttons{display:flex;align-items:center;gap:4px}.page-buttons button{min-width:32px;height:32px;padding:0 8px;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:#9ca3af;cursor:pointer}.page-buttons button:hover:not(:disabled){background:#1f2937;color:#fff}.page-buttons button:disabled{opacity:.3;cursor:not-allowed}.page-buttons button.current{min-width:40px;background:#06b6d4;color:#fff}.empty-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state>div{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;color:#4ec3cd;background:#42c7d317}.empty-state h2{margin:17px 0 7px;font-size:15px}.empty-state p{color:#667389;font-size:10px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.preview-card{overflow:hidden;border:1px solid #253248;border-radius:10px;background:#10192a}.video-placeholder{aspect-ratio:16 / 8.5;background:radial-gradient(circle at center,#182740,#0a1221 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#4c617a}.video-placeholder span{color:#8492a6;font-size:11px}.video-placeholder small{color:#536074;font-size:8px}.preview-card footer{height:54px;padding:0 15px;display:flex;align-items:center;justify-content:space-between}.preview-card footer div{display:flex;align-items:center;gap:9px}.preview-card footer strong{font-size:10px}.preview-card footer small{color:#6e7b8e;font-size:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{padding:20px;display:grid;gap:20px}.settings-heading{display:flex;gap:12px;align-items:center;padding-bottom:17px;border-bottom:1px solid #233047;color:#4cc2cb}.settings-heading div{display:grid;gap:4px}.settings-heading strong{color:#dce4ed;font-size:12px}.settings-heading span{color:#657287;font-size:9px}.settings-card input,.settings-card select{width:100%;height:41px;border:1px solid #29364b;border-radius:7px;background:#0b1424;color:#aeb9c8;padding:0 12px;outline:0;font-size:10px}.toggle-row{min-height:42px;display:flex;justify-content:space-between;align-items:center;color:#aeb9c8;font-size:10px}.toggle{width:38px;height:21px;border:0;border-radius:20px;padding:3px;background:#29354a;cursor:pointer}.toggle i{display:block;width:15px;height:15px;background:#929bad;border-radius:50%;transition:transform .2s}.toggle.on{background:#267a80}.toggle.on i{transform:translate(17px);background:#fff}.mobile-scrim{display:none}@media (max-width: 1050px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.bottom-grid{grid-template-columns:1fr}.login-page{grid-template-columns:minmax(380px,1fr) 1fr}.login-form-panel{padding:38px}}@media (max-width: 760px){.login-page{display:block}.login-form-panel{min-height:100vh;padding:28px 22px}.login-logo{width:140px;margin-bottom:48px}.login-visual{display:none}.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:20px 0 60px #00000059}.sidebar-open{transform:translate(0)}.mobile-close,.menu-button{display:inline-grid;place-items:center}.mobile-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:#02060eb3;backdrop-filter:blur(2px)}.workspace{padding-left:0}.topbar{height:68px;padding:0 16px}.topbar-title>div>span,.profile-button div,.profile-button>svg{display:none}.profile-button{min-width:auto;padding:0}.content{padding:22px 16px}.page-heading{min-height:auto;align-items:center}.page-heading p{max-width:420px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:132px;padding:15px}.preview-grid,.settings-grid{grid-template-columns:1fr}.management-content{padding:20px 16px}.management-card{padding:16px}.table-filters{flex-wrap:wrap}.table-search,.table-filters select{width:100%;min-width:100%}.page-summary{display:none}}@media (max-width: 480px){.page-heading{display:grid}.page-heading .primary-button{justify-self:start}.metric-grid,.quick-grid{grid-template-columns:1fr}.health-row{gap:25px}.resource-toolbar{align-items:stretch}.filter-button{flex:0 0 auto}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#070d1d;padding:12px}.auth-container{width:100%;max-width:1200px;min-height:90vh;display:flex;align-items:center;justify-content:center;gap:96px}.auth-panel{width:100%;max-width:600px;display:flex;flex-direction:column;gap:32px}.auth-logo-wrap,.auth-title{display:flex;justify-content:center}.auth-logo{width:382px;height:105px;object-fit:cover}.auth-title{color:#fff;font-size:48px;line-height:1;font-weight:700;text-align:center}.auth-form{width:100%}.auth-field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.auth-field-group.password-group{margin-bottom:12px}.auth-field-group>label{color:#fff;font-size:18px;font-weight:600}.auth-input{height:56px;padding:14px 12px;display:flex;align-items:center;gap:8px;border:1px solid #8e95a2;border-radius:6px;color:#8e95a2}.auth-input input{height:100%;width:100%;flex:1;border:0;outline:0;background:#070d1d;color:#8e95a2;font-size:18px}.auth-input input::placeholder{color:#8e95a2}.auth-options{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;color:#8e95a2;font-size:16px;font-weight:600}.auth-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-options input{accent-color:#29878c;cursor:pointer}.auth-options button{border:0;background:transparent;color:#29878c;font-size:16px;font-weight:700;cursor:pointer}.auth-submit{width:100%;height:56px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;background:#29878c;color:#fff;cursor:pointer}.auth-submit:hover{background:#24777c}.auth-submit span{font-size:18px;font-weight:700}.dashboard-shell{height:100vh;display:flex;overflow:hidden;background:#10121c}.dashboard-sidebar{width:256px;flex:0 0 256px;height:100vh;overflow-y:auto;background:#0d0f18;border-right:1px solid #292e3d;color:#fff;scrollbar-width:none}.sidebar-user{height:67px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #292e3d}.sidebar-user h1{margin:0;font-size:20px;font-weight:700;text-transform:capitalize}.sidebar-user button{display:none;margin-left:20px;border:0;background:transparent}.dashboard-sidebar nav{display:flex;flex-direction:column;gap:8px;padding:8px 16px 24px}.sidebar-nav-group{margin-bottom:16px}.sidebar-nav-group>p{margin:12px 8px;color:#8e95a2;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.025em}.sidebar-nav-item{width:100%;min-height:40px;margin:16px 0;padding:8px 16px;display:flex;align-items:center;gap:8px;border:0;border-radius:4px;background:transparent;color:#fff;cursor:pointer;font-size:16px;text-align:left}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:#171b26;color:#00d9ff}.dashboard-workspace{width:100%;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.app-header{flex:0 0 66px;background:#10121c;border:1px solid #292e3d}.app-header-inner{width:100%;max-width:1560px;height:64px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.app-header-brand{display:flex;align-items:center;gap:12px}.app-header-brand img{width:100px;height:100%;display:block;object-fit:contain}.app-menu-button{display:none;border:0;background:transparent}.app-logout{border:0;border-radius:6px;padding:8px 12px;background:transparent;color:#fff;cursor:pointer;font-size:14px;font-weight:500}.app-logout:hover{background:#374151}.dashboard-content{width:100%;max-width:1540px;min-height:calc(100vh - 66px);margin:0 auto;overflow-y:auto;background:#0d0f18}.dashboard-content>.page-heading{padding:24px 24px 0}.dashboard-content>.resource-panel,.dashboard-content>.preview-grid,.dashboard-content>.settings-grid{margin:0 24px 24px}.mobile-menu-toggle{display:none;position:fixed;right:16px;bottom:16px;z-index:60;width:42px;height:42px;border:0;border-radius:999px;place-items:center;background:#1f2937;color:#fff;box-shadow:0 8px 20px #0000004d}.sidebar-scrim{display:none}.overview-page{min-height:100%;padding:28px;background:#0d0f18}.overview-heading{margin-bottom:28px}.overview-heading h1{margin:0;color:#fff;font-size:26px;line-height:32px;font-weight:700}.overview-heading p{margin:4px 0 0;color:#8e95a2;font-size:16px;font-weight:500}.summary-grid{margin-bottom:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.summary-card{min-height:144px;padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid rgba(139,144,156,.23);border-radius:12px;background:transparent;box-shadow:0 10px 15px #0000001a}.summary-card p,.health-card p{margin:0;color:#8e95a2;font-size:16px;font-weight:500}.summary-card h3,.health-card h3{margin:8px 0 0;color:#fff;font-size:26px;line-height:32px;font-weight:700}.summary-card span{display:block;margin-top:4px;color:#8e95a2;font-size:12px;font-weight:500}.summary-card-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:12px;color:#fff}.summary-card-icon.red{background:#f15556}.summary-card-icon.blue{background:#3972ed}.summary-card-icon.steel{background:#528fcc}.overview-section{margin-bottom:32px}.overview-section>h2,.overview-section-heading h2{margin:0 0 16px;color:#fff;font-size:20px;font-weight:700}.overview-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.overview-section-heading h2{margin:0}.overview-section-heading button{border:0;border-radius:6px;padding:8px 12px;background:#29878c;color:#fff;cursor:pointer}.overview-section-heading svg{transition:transform .3s}.overview-section-heading svg.up{transform:rotate(180deg)}.health-grid,.camera-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.health-card{min-height:155px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:16px;border:1px solid rgba(139,144,156,.23);border-radius:8px;box-shadow:0 10px 15px #0000001a}.health-card>svg{margin-top:3px}.health-progress{grid-column:1 / -1;align-self:end;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#374151}.health-progress i{display:block;height:100%;border-radius:inherit;background:#20bae5}.camera-status-card{padding:16px;overflow:hidden;border:1px solid rgba(139,144,156,.23);border-radius:8px;box-shadow:0 10px 15px #0000001a}.camera-status-card.clickable:hover{border-color:#62d6fb;cursor:pointer}.camera-preview{width:100%;height:160px;margin-bottom:12px;border-radius:8px;display:grid;place-items:center;overflow:hidden;color:#9ca3af;background:#10121c}.camera-info{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.camera-info div{display:grid;gap:4px}.camera-info strong{color:#fff;font-size:16px}.camera-info span{color:#8e95a2;font-size:12px;font-weight:500}.camera-info>svg{color:#00d9ff}.camera-info .offline-icon{color:#f15556}.camera-status-card footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.camera-status-card footer>span{padding:4px 12px;border-radius:999px;color:#fff;font-size:12px;font-weight:500}.camera-status-card footer .online{background:#29878c}.camera-status-card footer .offline{background:#f15556}.camera-status-card footer small{color:#8e95a2;font-size:12px}.recent-alert-list{display:grid;gap:16px}.recent-alert-row{min-height:76px;padding:16px;display:flex;align-items:center;gap:8px;border:1px solid rgba(139,144,156,.23);border-radius:8px;cursor:pointer;box-shadow:0 1px 3px #0000001f}.recent-alert-row:hover{border-color:#62d6fb}.recent-alert-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:8px;color:#fff}.recent-alert-icon.active{background:#29878c}.recent-alert-icon.inactive{background:#f15556}.recent-alert-copy{flex:1;display:grid;gap:4px}.recent-alert-copy strong{color:#fff;font-size:14px}.recent-alert-copy span{color:#8e95a2;font-size:12px;font-weight:500}.recent-alert-meta{display:flex;align-items:center;gap:12px;color:#8e95a2;font-size:12px}.recent-alert-meta span{padding:4px 16px;border:1px solid rgba(139,144,156,.23);border-radius:999px}@media (max-width: 1100px){.health-grid,.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.auth-panel{min-width:0}.auth-logo{width:200px;height:50px}.auth-title{font-size:30px}.dashboard-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;transform:translate(-100%);transition:transform .3s}.dashboard-sidebar.open{transform:translate(0)}.sidebar-user button{display:grid;place-items:center}.app-menu-button,.mobile-menu-toggle{display:grid}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:45;border:0;background:#0000008c}.app-header-inner{padding:0 16px}.summary-grid{grid-template-columns:1fr}.recent-alert-row{align-items:flex-start;flex-wrap:wrap}.recent-alert-meta{width:100%;padding-left:40px;justify-content:space-between}}@media (max-width: 560px){.overview-page{padding:20px 16px}.health-grid,.camera-grid{grid-template-columns:1fr}.auth-options,.auth-options button{font-size:13px}}