:root{--bg:#f5f7f9;--bg-alt:#e7edf1;--card:#fff;--card-strong:#f2f5f7;--accent:#0f5f7a;--accent-2:#f2b340;--accent-3:#093f52;--text:#11161a;--muted:#5b6b75;--border:#d6dde2;--shadow:#11161a1f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body),ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(circle at 0 0,#0f5f7a1f,#0000 55%),radial-gradient(circle at 80% 10%,#f2b3402e,#0000 45%),linear-gradient(#f8fafc 0%,#eef2f4 100%);min-height:100vh}body.shell-hq{--accent:#0b5673;--accent-2:#f2b340;--accent-3:#053142;--bg:#f2f6f8;--bg-alt:#e3ebf0}body.shell-tenant{--accent:#1c5b4f;--accent-2:#f29f40;--accent-3:#0d3f35;--bg:#f4f8f6;--bg-alt:#e1ece8}body.shell-tech{--accent:#2a4a78;--accent-2:#f2b340;--accent-3:#1b2d4a;--bg:#f4f7fb;--bg-alt:#e3ebf6}body.shell-public{--accent:#0f5f7a;--accent-2:#f2b340;--accent-3:#093f52}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(120deg,#11161a0a 0%,#11161a05 35%,#0000 60%),repeating-linear-gradient(135deg,#0f5f7a0f 0 1px,#0000 1px 18px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font-family:inherit}main{padding:32px 24px 48px}.container{max-width:1200px;margin:0 auto}.navbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--border);background:#f8fafceb;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:18px 24px;display:flex}.brand{font-family:var(--font-heading),ui-sans-serif,system-ui;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-3);align-items:center;gap:12px;font-size:1.35rem;display:flex}.brand img{object-fit:contain;width:42px;height:42px}.nav-links{color:var(--muted);flex:1;justify-content:center;align-items:center;gap:14px;font-size:.95rem;display:flex}.nav-links a,.nav-links .nav-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.nav-links a.active,.nav-links .nav-link.active{color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-3))}.nav-links a:hover,.nav-links .nav-link:hover{color:var(--accent-3);background:#0f5f7a14}.nav-dropdown-toggle:after{content:"▾";opacity:.7;font-size:.7rem}.nav-dropdown{position:relative}.nav-dropdown-menu{border:1px solid var(--border);min-width:240px;max-width:420px;box-shadow:0 16px 32px var(--shadow);z-index:20;background:#fff;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:12px;display:none;position:absolute;top:calc(100% + 10px);left:0}.nav-dropdown-section{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px 2px;font-size:.72rem}.nav-dropdown-menu .nav-link{color:var(--accent-3);border-radius:10px;justify-content:flex-start;width:100%;padding:10px 12px}.nav-dropdown-menu .nav-link:hover{background:#0f5f7a1a}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}.btn{background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff;cursor:pointer;border:1px solid #0f5f7a40;border-radius:999px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f5f7a2e}.btn.secondary{color:var(--accent-3);border-color:var(--border);background:#fff}.btn.secondary:hover{box-shadow:0 10px 20px #11161a1a}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.grid{gap:20px;display:grid}.grid>*{min-width:0}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.section-anchor{scroll-margin-top:120px}.split{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.split>*{flex:320px}.split .card.form{flex:0 420px;align-self:flex-start;width:100%;max-width:480px}.split.two-col{grid-template-columns:minmax(320px,420px) minmax(320px,1fr);align-items:start;display:grid}.split.two-col .card{height:fit-content}.card{background:var(--card);border:1px solid var(--border);box-shadow:0 16px 32px var(--shadow);border-radius:18px;padding:20px;animation:.5s both floatUp}.card strong{margin-bottom:6px;font-size:1.1rem;display:block}.card p{color:var(--muted);line-height:1.6}.data-widget{background:var(--card);border:1px solid var(--border);box-shadow:0 16px 32px var(--shadow);border-radius:18px;flex-direction:column;gap:16px;padding:20px;animation:.5s both floatUp;display:flex}.data-widget strong{margin-bottom:6px;font-size:1.1rem;display:block}.data-widget-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.data-widget-header p{color:var(--muted);max-width:320px;margin:0}.data-widget-metrics{flex-wrap:wrap;gap:12px;display:flex}.metric{background:var(--card-strong);border:1px solid #94a3b859;border-radius:12px;gap:4px;min-width:110px;padding:10px 14px;display:grid}.metric span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.68rem}.metric strong{color:var(--accent-3);margin:0;font-size:1.25rem}.metric.muted strong{color:var(--text)}.data-widget-body{gap:12px;display:grid}.widget-tools{gap:8px;display:grid}.widget-search,.widget-filter{min-height:40px}.widget-more-btn{justify-self:flex-start}.data-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.data-list-item{background:#fff;border:1px solid #94a3b859;border-radius:14px;gap:10px;padding:12px 14px;display:grid}.data-list-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.data-title{color:var(--text);font-weight:600}.data-subtitle{color:var(--muted);font-size:.9rem}.data-meta{flex-wrap:wrap;gap:8px;display:flex}.data-chip{color:var(--text);background:#94a3b826;border:1px solid #94a3b84d;border-radius:999px;align-items:center;padding:4px 10px;font-size:.8rem;display:inline-flex}.status-chip{border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-size:.8rem;display:inline-flex}.status-active{color:#166534;background:#22c55e26;border-color:#22c55e59}.status-inactive{color:#991b1b;background:#ef444426;border-color:#ef444459}.status-neutral{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f659}.empty-state{border:1px dashed var(--border);color:var(--muted);background:#f8fafcd9;border-radius:12px;padding:14px}.overview-panel{background:#f8fafce6;border:1px solid #94a3b873;border-radius:16px;padding:16px}.overview-metrics,.alarms-metrics{flex-wrap:wrap;gap:12px;display:flex}.overview-header{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.overview-header p{color:var(--muted);margin:0}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.overview-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;gap:10px;padding:12px 14px;display:grid}.overview-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.overview-title{color:var(--text);font-weight:600}.overview-subtitle{color:var(--muted);font-size:.85rem}.overview-details{color:var(--muted);gap:6px;font-size:.85rem;display:grid}.overview-details span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;display:block}.overview-details strong{color:var(--text);font-size:.9rem}.alarms-panel{background:#ffffffeb;border:1px solid #94a3b873;border-radius:16px;padding:16px}.alarms-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.alarms-header p{color:var(--muted);margin:0}.alarms-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alarms-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.alarm-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;gap:10px;padding:12px 14px;display:grid}.alarm-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.alarm-title{color:var(--text);font-weight:600}.alarm-subtitle{color:var(--muted);font-size:.85rem}.alarm-details{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;font-size:.85rem;display:grid}.alarm-details span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;display:block}.alarm-details strong{color:var(--text);font-size:.9rem}.alarm-actions{flex-wrap:wrap;gap:8px;display:flex}.alarm-form{background:#f8fafce6;border:1px dashed #94a3b899;border-radius:14px;padding:14px}.alarm-form-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.alarm-indicator{color:var(--text);cursor:pointer;background:#fff;border:1px solid #94a3b866;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:inline-flex}.alarm-indicator:disabled{cursor:not-allowed;opacity:.6}.alarm-indicator:hover:not(:disabled){box-shadow:0 8px 16px #0f172a14}.alarm-indicator.alarm-active{color:#991b1b;background:#ef44441f;border-color:#ef444466}.alarm-indicator.alarm-muted{color:var(--muted)}.alarm-indicator.alarm-open{box-shadow:0 8px 16px #0f172a1f}.alarm-bell{width:18px;height:18px;display:inline-flex}.alarm-bell svg{width:100%;height:100%}.alarm-count{text-align:center;min-width:20px;font-weight:600}.ess-action-inline{align-items:center;gap:8px;display:inline-flex}.info-button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #94a3b866;border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.info-button:hover{color:var(--accent-3);box-shadow:0 6px 12px #0f172a14}.info-popover-wrap{display:inline-flex;position:relative}.info-popover{min-width:220px;max-width:260px;color:var(--text);z-index:20;background:#fff;border:1px solid #94a3b866;border-radius:12px;padding:10px 12px;font-size:.85rem;line-height:1.4;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 24px #0f172a2e}.logs-panel{background:#ffffffeb;border:1px solid #94a3b873;border-radius:16px;padding:16px}.logs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.logs-header p{color:var(--muted);margin:0}.logs-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logs-select{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.logs-select .input{width:auto;min-width:90px}.logs-metrics{flex-wrap:wrap;gap:12px;display:flex}.logs-pagination{flex-wrap:wrap;gap:8px;display:flex}.logs-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.logs-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.logs-list-item{background:#fff;border:1px solid #94a3b859;border-radius:12px;gap:10px;padding:12px 14px;display:grid}.log-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;gap:10px;padding:12px 14px;display:grid}.log-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.log-title{color:var(--text);font-weight:600}.log-subtitle{color:var(--muted);font-size:.85rem}.log-value{text-align:right;gap:4px;display:grid}.log-value span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem}.log-value strong{color:var(--accent-3);font-size:1rem}.log-details{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;font-size:.85rem;display:grid}.log-details span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;display:block}.log-details strong{color:var(--text);font-size:.9rem}.ess-panel{background:#ffffffeb;border:1px solid #94a3b873;border-radius:16px;padding:16px}.ess-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ess-header p{color:var(--muted);margin:0}.ess-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ess-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.ess-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;gap:10px;padding:12px 14px;display:grid}.ess-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.8rem}.ess-card-value{color:var(--text);font-weight:600}.ess-form{background:#f8fafce6;border:1px dashed #94a3b899;border-radius:14px;padding:14px}.ess-form-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.advance-panel{background:#ffffffeb;border:1px solid #94a3b873;border-radius:16px;padding:16px}.advance-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.advance-header p{color:var(--muted);margin:0}.advance-controls{background:#f8fafccc;border:1px solid #94a3b859;border-radius:14px;gap:12px;margin-top:14px;padding:12px;display:grid}.advance-range-presets{flex-wrap:wrap;gap:8px;display:flex}.advance-range-pill{color:var(--text);cursor:pointer;background:#fff;border:1px solid #94a3b873;border-radius:999px;padding:6px 12px;font-size:.78rem;transition:box-shadow .15s,border-color .15s}.advance-range-pill:hover{border-color:#0f5f7a73;box-shadow:0 6px 12px #0f172a1a}.advance-range-pill.active{color:var(--accent-3);background:#0f5f7a14;border-color:#0f5f7a8c}.advance-range-inputs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.advance-range-inputs label{color:var(--muted);gap:6px;font-size:.8rem;display:grid}.advance-range-inputs .input{margin-top:0}.advance-range-actions,.advance-range-navigation,.advance-range-meta{flex-wrap:wrap;gap:8px;display:flex}.advance-range-error{color:#b42318;margin:0;font-size:.82rem}.advance-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:12px;display:grid}.advance-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;align-content:start;gap:10px;padding:12px 14px;display:grid}.advance-card-header{gap:4px;display:grid}.view-mode-active{border-color:#0f5f7a73;box-shadow:0 6px 12px #0f172a1f}.vrm-grid-layout-sim{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:12px;display:grid}.vrm-widget-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;flex-direction:column;min-height:450px;max-height:450px;display:flex;overflow:hidden}.vrm-widget-card-header{border-bottom:1px solid #94a3b840;gap:4px;padding:12px 14px;display:grid;position:relative}.vrm-widget-card-header-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vrm-widget-actions{align-items:center;gap:8px;display:inline-flex}.vrm-widget-action-btn{color:var(--text);cursor:pointer;background:#fff;border:1px solid #94a3b873;border-radius:999px;padding:6px 10px;font-size:.74rem;line-height:1;transition:box-shadow .15s,border-color .15s}.vrm-widget-action-btn:hover{border-color:#0f5f7a73;box-shadow:0 6px 12px #0f172a1a}.vrm-widget-action-btn.active{color:var(--accent-3);background:#0f5f7a14;border-color:#0f5f7a8c}.vrm-widget-settings-popover{z-index:5;background:#fff;border:1px solid #94a3b873;border-radius:12px;gap:10px;width:min(420px,100% - 28px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:14px;box-shadow:0 18px 36px #0f172a29}.vrm-widget-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vrm-widget-setting-check{color:var(--text);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.vrm-widget-setting-check input{accent-color:var(--accent)}.vrm-widget-setting-field{color:var(--muted);gap:6px;font-size:.78rem;display:grid}.vrm-widget-setting-field .input{border-radius:10px;margin-top:0;padding:8px 10px;font-size:.82rem}.vrm-widget-settings-actions{justify-content:flex-end;gap:8px;display:flex}.vrm-widget-settings-actions .btn{padding:7px 12px;font-size:.78rem}.vrm-grid-layout-sim>.vrm-widget-card--large{grid-column:span 2}.vrm-widget-card--large{min-height:560px;max-height:560px}.vrm-widget-card--expanded{min-height:min(82vh,840px);max-height:min(82vh,840px)}.vrm-widget-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a94;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.vrm-widget-modal{border-radius:18px;width:min(1240px,96vw);max-height:92vh;overflow:auto}.vrm-widget-modal .vrm-widget-card{min-height:min(82vh,840px);max-height:min(82vh,840px)}.vrm-widget-refreshing{color:var(--muted);background:#f8fafcd9;border:1px dashed #94a3b88c;border-radius:10px;padding:8px 10px;font-size:.78rem}.vrm-widget-card-header p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.3}.vrm-widget-card-body{align-content:start;gap:12px;padding:12px 14px;display:grid;overflow:auto}.vrm-widget-chart{gap:8px;display:grid}.vrm-widget-map{background:#f8fafcf2;border:1px solid #94a3b859;border-radius:12px;min-height:190px;overflow:hidden}.vrm-widget-map .gps-map{border:0;border-radius:0;height:190px}.vrm-widget-map .gps-placeholder{border:0;border-radius:0;min-height:190px}.vrm-widget-chart svg{width:100%;height:auto}.vrm-widget-chart-bg{fill:#f8fafcf2;stroke:#94a3b859}.vrm-widget-chart-line{fill:none;stroke:#3b82f6;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.vrm-widget-chart-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.72rem;display:flex}.vrm-widget-table{gap:8px;display:grid}.vrm-widget-row{border-bottom:1px dashed #94a3b859;justify-content:space-between;gap:12px;padding-bottom:6px;font-size:.84rem;display:flex}.vrm-widget-row strong{text-align:right;color:var(--text)}.vrm-widget-empty{color:var(--muted);font-size:.82rem}.admin-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}.admin-advanced-widget-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;flex-direction:column;min-height:450px;max-height:450px;display:flex;overflow:hidden}.admin-advanced-widget-header{border-bottom:1px solid #94a3b840;gap:4px;padding:12px 14px;display:grid}.admin-advanced-widget-header span{color:var(--muted);font-size:.8rem;line-height:1.3}.admin-advanced-widget-body{align-content:start;gap:12px;padding:12px 14px;display:grid;overflow:auto}.admin-advanced-widget-chart{display:grid}.admin-advanced-widget-chart svg{width:100%;height:auto}.admin-advanced-widget-map{background:#f8fafcf2;border:1px solid #94a3b859;border-radius:12px;min-height:190px;overflow:hidden}.admin-advanced-widget-map iframe{border:0;width:100%;height:190px;display:block}.admin-advanced-widget-chart-bg{fill:#f8fafcf2;stroke:#94a3b859}.admin-advanced-widget-chart-line{fill:none;stroke:#3b82f6;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.admin-advanced-widget-table{gap:8px;display:grid}.admin-advanced-widget-row{border-bottom:1px dashed #94a3b859;justify-content:space-between;gap:12px;padding-bottom:6px;font-size:.84rem;display:flex}.admin-advanced-widget-row strong{text-align:right;color:var(--text)}.admin-advanced-widget-empty{color:var(--muted);font-size:.82rem}.settings-panel{background:#ffffffeb;border:1px solid #94a3b873;border-radius:16px;padding:16px}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-header p{color:var(--muted);margin:0}.settings-section{border-top:1px dashed #94a3b866;margin-top:16px;padding-top:12px}.settings-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-cell{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.settings-pill{padding:6px 12px;font-size:.8rem}.settings-pill.active{border-color:#0f5f7a73;box-shadow:0 6px 12px #0f172a1f}.settings-tab-group{background:radial-gradient(circle at 10% 0,#0f5f7a1a,#0000 45%),linear-gradient(160deg,#fffffffa,#f4fafcf5);border:1px solid #94a3b857;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffffbf,0 10px 22px #0f172a14}.settings-tab-group .settings-pill{color:#0f4053;letter-spacing:.01em;background:#ffffffd1;border:1px solid #0f5f7a29;border-radius:12px;padding:9px 14px;font-size:.82rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;position:relative}.settings-tab-group .settings-pill:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#0f5f7ae6,#249daed9);border-radius:999px;height:2px;transition:transform .18s;position:absolute;bottom:5px;left:12px;right:12px;transform:scaleX(0)}.settings-tab-group .settings-pill:hover:not(:disabled){color:#083448;border-color:#0f5f7a66;transform:translateY(-1px);box-shadow:0 10px 16px #0f172a24}.settings-tab-group .settings-pill:focus-visible{outline:none;box-shadow:0 0 0 3px #0e749033,0 10px 16px #0f172a1f}.settings-tab-group .settings-pill.active{color:#fff;background:linear-gradient(135deg,#0f5f7a,#248ea3);border-color:#0f5f7a80;box-shadow:0 12px 22px #0f5f7a4d}.settings-tab-group .settings-pill.active:after{background:#ffffffe0;transform:scaleX(1)}.settings-tab-group .settings-pill:disabled{opacity:.55}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:12px;display:grid}.settings-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;align-content:start;gap:10px;padding:12px 14px;display:grid}.settings-card-header{gap:4px;display:grid}.remote-console-shell{background:linear-gradient(#08141f 0%,#050b14 100%);border:1px solid #0f5f7a47;border-radius:14px;padding:10px}.remote-console-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.remote-console-status{letter-spacing:.01em;color:#dbe9f4;background:#94a3b81f;border:1px solid #94a3b880;border-radius:999px;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.remote-console-status.is-connected{color:#86efac;background:#22c55e26;border-color:#22c55e99}.remote-console-status.is-connecting{color:#fde68a;background:#fbbf2426;border-color:#fbbf2499}.remote-console-status.is-error{color:#fca5a5;background:#ef444426;border-color:#ef444499}.remote-console-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.remote-console-toggle{color:#bfd0e0;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.remote-console-canvas{background:#000;border:1px solid #94a3b847;border-radius:10px;position:relative;overflow:hidden}.remote-console-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:12px;margin-top:10px;display:grid}.remote-console-screen{width:100%;height:420px}.remote-console-screen canvas{image-rendering:pixelated;display:block;width:100%!important;height:100%!important}.remote-console-placeholder{color:#95a8bb;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:0}.remote-console-keypad{background:linear-gradient(#4f90c6 0%,#3e79ac 100%);border:1px solid #7dc4ff66;border-radius:12px;align-content:start;gap:12px;padding:12px;display:grid}.remote-console-keypad-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.remote-console-key{color:#2d5f8f;cursor:pointer;background:#ffffffe6;border:1px solid #ffffff80;border-radius:999px;height:52px;font-size:.82rem;font-weight:700;transition:transform .12s,background .12s}.remote-console-key:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.remote-console-key:disabled{opacity:.55;cursor:not-allowed}.remote-console-dpad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);justify-content:center;gap:8px;display:grid}.remote-console-key-up{grid-area:1/2}.remote-console-key-left{grid-area:2/1}.remote-console-key-center{grid-area:2/2}.remote-console-key-right{grid-area:2/3}.remote-console-key-down{grid-area:3/2}.remote-console-keypad-label{text-align:center;color:#e8f2fb;letter-spacing:.01em;font-size:.92rem;font-weight:700}@media (max-width:900px){.remote-console-layout{grid-template-columns:1fr}.remote-console-screen{height:320px}}.dashboard-panel{background:#fffffff5;border:1px solid #94a3b873;border-radius:18px;padding:18px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-header p{color:var(--muted);margin:0}.dashboard-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;display:grid}.dashboard-main,.dashboard-side{gap:12px;display:grid}.dashboard-card{background:#fff;border:1px solid #94a3b859;border-radius:16px;gap:10px;padding:14px 16px;display:grid}.dashboard-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dashboard-metrics{flex-wrap:wrap;gap:12px;display:flex}.dashboard-split{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.dashboard-mini-card{background:#f8fafcd9;border:1px dashed #94a3b866;border-radius:12px;padding:10px 12px}.dashboard-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dashboard-section{gap:8px;display:grid}.dashboard-list-item{background:#fff;border:1px solid #94a3b84d;border-radius:12px;gap:4px;padding:8px 10px;display:grid}.dashboard-list-title{color:var(--text);font-weight:600}.unit-dashboard{background:linear-gradient(145deg,#f8fafcf2,#fffffffa);border:1px solid #94a3b880;border-radius:22px;padding:20px;box-shadow:0 20px 45px #0f172a14}.unit-dashboard-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.unit-dashboard-title{align-items:center;gap:12px;display:flex}.unit-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#0f5f7a,#2563eb);border-radius:14px;place-items:center;width:46px;height:46px;font-weight:600;display:grid;box-shadow:0 10px 22px #0f172a33}.unit-dashboard-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unit-dashboard-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px;display:grid}.unit-kpi{background:#fff;border:1px solid #94a3b859;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.unit-kpi span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.unit-kpi strong{color:var(--text);font-size:1.2rem}.unit-kpi small{color:var(--muted);font-size:.75rem}.unit-dashboard-body{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.unit-dashboard-left,.unit-dashboard-right{gap:12px;display:grid}.unit-panel--energy-usage{order:2}.unit-panel--system-devices{order:3}.unit-panel{background:#fffffff5;border:1px solid #94a3b859;border-radius:18px;gap:10px;padding:16px;display:grid;box-shadow:0 12px 30px #0f172a0f}.powerflow-panel{position:relative;overflow:visible}.powerflow-wrap{margin-top:8px;padding:6px 4px;position:relative}.powerflow-grid{z-index:1;perspective:1200px;perspective-origin:50% 38%;transform-style:preserve-3d;grid-template-rows:repeat(3,minmax(88px,auto));grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"grid loads critical""pv hub charger""generator battery battery";align-items:stretch;gap:12px;display:grid;position:relative}.power-node{isolation:isolate;transform-style:preserve-3d;will-change:transform,box-shadow;background:#fff;border:1px solid #94a3b84d;border-radius:16px;gap:6px;padding:10px 12px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:12s ease-in-out infinite power-node-float3d;display:grid;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 20px #0f172a0d}.power-node>*{z-index:1;position:relative}.power-node:before{content:"";opacity:0;filter:blur(.4px);pointer-events:none;z-index:0;mix-blend-mode:soft-light;background:linear-gradient(120deg,#0000 0%,#ffffff9e 45%,#0000 70%);position:absolute;inset:-60%;transform:translate(-38%)rotate(14deg)}.power-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:6px;display:grid}.power-summary-card{background:#f8fafce6;border:1px solid #94a3b84d;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.power-summary-card strong{color:var(--text);font-size:1rem}.summary-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem;display:block}.node-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.flow-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#94a3b826;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:600}.flow-badge.badge-positive{color:#15803d;background:#22c55e2e}.flow-badge.badge-negative{color:#b91c1c;background:#ef44442e}.flow-badge.badge-muted{color:#64748b;background:#94a3b833}.power-node .node-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem}.power-node strong{color:var(--text);font-size:1.15rem}.power-node .node-subtitle{color:var(--muted);font-size:.75rem}.power-node.power-grid{--node-accent:239,68,68;background:#ef444414;border-color:#ef444433;grid-area:grid}.power-node.power-loads{grid-area:loads}.power-node.power-critical{grid-area:critical}.power-node.power-pv{grid-area:pv}.power-node.power-charger{grid-area:charger}.power-node.power-generator{grid-area:generator}.power-node.power-battery{grid-area:battery}.power-node.power-loads{--node-accent:34,197,94;background:#22c55e1a;border-color:#22c55e33}.power-node.power-critical{--node-accent:59,130,246;background:#3b82f614;border-color:#3b82f633}.power-node.power-pv{--node-accent:251,191,36;background:#fbbf2426;border-color:#fbbf244d}.power-node.power-charger{--node-accent:249,115,22;background:#f973161f;border-color:#f9731640}.power-node.power-generator{--node-accent:100,116,139;background:#94a3b81f;border-color:#94a3b840}.power-node.power-battery{--node-accent:59,130,246;background:#3b82f61f;border-color:#3b82f640}.power-node.node-flow-in,.power-node.node-flow-out{border-color:rgba(var(--node-accent,37,99,235),.55);animation:12s ease-in-out infinite power-node-float3d,2.8s ease-in-out infinite power-node-glow}.power-node.node-flow-out{animation-delay:-.6s,-1.4s}.power-node.node-flow-in:before{opacity:.22;animation:2.8s ease-in-out infinite power-node-sheen-in}.power-node.node-flow-out:before{opacity:.22;animation:2.8s ease-in-out infinite power-node-sheen-out}.powerflow-wrap.flow-charge{--hub-glow:34,197,94}.powerflow-wrap.flow-discharge{--hub-glow:249,115,22}.powerflow-wrap.flow-neutral{--hub-glow:148,163,184}.power-core{color:#fff;transform-style:preserve-3d;background:linear-gradient(135deg,#0f5f7a,#2563eb) 0 0/200% 200%;border-radius:18px;flex-direction:column;grid-area:2/2;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px #2563eb59}.power-core:before{content:"";opacity:.55;pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff38,#0000 58%);position:absolute;inset:-60%;transform:translate(-12%)}.power-core>*{z-index:1;position:relative}.power-core-icon{transform:translateZ(14px)}.power-core span{transform:translateZ(10px)}.power-core.hub-idle{animation:10s ease-in-out infinite power-hub-idle,12s ease-in-out infinite power-hub-float3d}.power-core.hub-active{animation:6s ease-in-out infinite power-hub-idle,10s ease-in-out infinite power-hub-float3d,2.8s ease-in-out infinite power-hub-glow}.power-core{grid-area:hub}.power-core-icon{letter-spacing:.08em;background:#fff3;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.power-core-logo{object-fit:contain;width:100%;height:100%;padding:6px;display:block}.power-core span{opacity:.85;font-size:.75rem}.powerflow-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.powerflow-lines line{stroke:#64748b8c;stroke-width:2px;stroke-linecap:round;stroke-dasharray:6 8}.powerflow-lines.flow-charge line{stroke:#22c55ecc}.powerflow-lines.flow-discharge line{stroke:#f97316cc}.powerflow-lines.flow-neutral line{stroke:#64748b99}.flow-line{animation:2.8s linear infinite flow-dash}.flow-line.flow-out{animation-direction:reverse}.flow-line.flow-neutral{opacity:.4;animation:none}.flow-line.line-hidden{opacity:0}.powerflow-footer{gap:10px;margin-top:8px;display:grid}.powerflow-footer-split{grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:start}.powerflow-footer-map-only{grid-template-columns:1fr}.powerflow-mini-map{background:#f8fafce6;border:1px solid #94a3b859;border-radius:14px;padding:6px}@keyframes flow-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-28px}}@keyframes power-node-pulse{0%,to{box-shadow:0 10px 20px #0f172a0d,0 0 0 0 rgba(var(--node-accent,37,99,235),0)}50%{box-shadow:0 14px 28px #0f172a0f,0 0 0 12px rgba(var(--node-accent,37,99,235),.16)}}@keyframes power-node-float3d{0%,to{transform:translateY(0)translateZ(0)rotateX(0)rotateY(0)}35%{transform:translateY(-3px)translateZ(10px)rotateX(1.8deg)rotateY(-2.2deg)}70%{transform:translateY(1px)translateZ(6px)rotateX(-1.2deg)rotateY(2.6deg)}}@keyframes power-node-glow{0%,to{box-shadow:0 10px 20px #0f172a0d,0 0 0 0 rgba(var(--node-accent,37,99,235),0)}50%{box-shadow:0 14px 28px #0f172a12,0 0 0 12px rgba(var(--node-accent,37,99,235),.18)}}@keyframes power-node-sheen-in{0%{transform:translate(-42%)rotate(14deg)}55%{transform:translate(42%)rotate(14deg)}to{transform:translate(42%)rotate(14deg)}}@keyframes power-node-sheen-out{0%{transform:translate(42%)rotate(14deg)}55%{transform:translate(-42%)rotate(14deg)}to{transform:translate(-42%)rotate(14deg)}}@keyframes power-hub-idle{0%,to{background-position:0%}50%{background-position:100%}}@keyframes power-hub-active{0%,to{box-shadow:0 16px 30px #2563eb59,0 0 0 0 rgba(var(--hub-glow,34,197,94),0);background-position:0%}50%{box-shadow:0 20px 38px #2563eb6b,0 0 0 14px rgba(var(--hub-glow,34,197,94),.16);background-position:100%}}@keyframes power-hub-float3d{0%,to{transform:translateY(0)translateZ(16px)rotateX(0)rotateY(0)}40%{transform:translateY(-3px)translateZ(22px)rotateX(1.8deg)rotateY(2.4deg)}75%{transform:translateY(1px)translateZ(18px)rotateX(-1.2deg)rotateY(-2.1deg)}}@keyframes power-hub-glow{0%,to{box-shadow:0 16px 30px #2563eb59,0 0 0 0 rgba(var(--hub-glow,34,197,94),0)}50%{box-shadow:0 22px 44px #2563eb6b,0 0 0 18px rgba(var(--hub-glow,34,197,94),.16)}}@media (prefers-reduced-motion:reduce){.power-node,.power-node:before,.power-core,.power-core:before,.flow-line{animation:none!important}}.battery-progress{background:#f8fafce6;border:1px solid #94a3b84d;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.battery-progress-header{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.battery-progress-header strong{color:var(--text);font-size:.9rem}.battery-progress-bar{background:#94a3b840;border-radius:999px;height:8px;overflow:hidden}.battery-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a);height:100%;display:block}.battery-progress-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.75rem;display:flex}@media (max-width:900px){.powerflow-grid{grid-template:"hub""grid""loads""critical""pv""charger""generator""battery"/1fr}.powerflow-lines{display:none}.powerflow-footer-split{grid-template-columns:1fr}}.unit-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.unit-panel-title{gap:4px;display:grid}.location-panel{gap:12px}.location-map-shell{background:#f8fafce6;border:1px solid #94a3b859;border-radius:14px;overflow:hidden}.location-info-table{gap:8px;display:grid}.location-info-row{border-bottom:1px dashed #94a3b859;justify-content:space-between;gap:12px;padding-bottom:6px;font-size:.84rem;display:flex}.location-info-row strong{text-align:right;color:var(--text)}.location-actions{flex-wrap:wrap;gap:8px;display:flex}.unit-device-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.unit-device-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b840}.unit-device-card-profile{border-style:dashed}.unit-device-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.unit-device-extra{flex-wrap:wrap;gap:6px;display:flex}.unit-device-note{border-left:3px solid #0f5f7a59;gap:4px;padding-left:8px;display:grid}.unit-device-note span{text-transform:uppercase;letter-spacing:.08em;color:#475569;font-size:.7rem}.unit-device-note p{color:#0f172a;white-space:pre-wrap;margin:0;font-size:.82rem}.unit-device-qr-shell{background:#f8fafce6;border:1px dashed #94a3b873;border-radius:12px;padding:8px}.unit-device-qr-image{object-fit:contain;border-radius:8px;width:100%;max-height:220px;display:block}.unit-device-actions{flex-wrap:wrap;gap:8px;display:flex}.unit-device-editor{background:#f8fafcf2;border:1px solid #94a3b859;border-radius:14px;margin-top:12px;padding:12px}.unit-device-editor-header{gap:4px;margin-bottom:10px;display:grid}.unit-device-editor-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.unit-energy-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.unit-energy-card{background:#f8fafcf2;border:1px dashed #94a3b873;border-radius:14px;gap:6px;padding:12px 14px;display:grid}.unit-energy-card span{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.68rem}.unit-energy-card strong{color:var(--text);font-size:1.05rem}.unit-energy-overview{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.unit-energy-mini{background:#fff;border:1px solid #94a3b859;border-radius:14px;padding:10px 12px;box-shadow:inset 0 1px #ffffffe6}.energy-panel .data-meta{gap:8px}.energy-panel .data-chip{color:#0f172a;background:#94a3b81f;border-radius:999px;padding:4px 10px;font-weight:500}.energy-panel .unit-energy-mini .data-subtitle{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.65rem}.energy-panel .unit-energy-mini .data-meta{gap:6px}.energy-panel .unit-energy-mini .data-chip{color:#0f172a;background:#0f172a0f}.energy-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.energy-chart-select{color:var(--muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.energy-range{flex-wrap:wrap;gap:6px;display:flex}.range-pill{color:#475569;text-transform:uppercase;letter-spacing:.06em;background:#fff;border:1px solid #94a3b859;border-radius:999px;padding:4px 10px;font-size:.7rem}.range-pill.active{color:#0f5f7a;background:#0f5f7a1f;border-color:#0f5f7a4d}.input.compact{min-width:110px;padding:6px 10px;font-size:.8rem}.energy-chart-hint{color:var(--muted);margin-top:6px;font-size:.72rem}.energy-chart{margin-top:12px}.energy-chart-svg{background:#f8fafce6;border:1px solid #94a3b84d;border-radius:16px;width:100%;height:auto}.energy-chart-svg .chart-bg{fill:#f8fafce6}.energy-chart-svg .chart-bar{fill:#0f5f7a73}.energy-chart-svg .chart-bar-secondary{fill:#2563eb73}.energy-chart-svg .chart-bar-tertiary{fill:#22c55e73}.energy-chart-svg .chart-axis{stroke:#94a3b8b3;stroke-width:1.2px}.energy-chart-svg .chart-tick{stroke:#94a3b899;stroke-width:1px}.energy-chart-svg .chart-axis-label{fill:#64748b;font-size:9px}.energy-chart-svg .chart-value{fill:#0f172a;font-size:8px;font-weight:600}.energy-chart-svg path.energy-line{fill:none;stroke:#2563eb;stroke-width:2px}.energy-chart-svg circle{fill:#2563eb}.energy-chart-svg text{fill:#64748b;font-size:10px}.sankey-chart{background:#f8fafce6;border:1px solid #94a3b84d;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;gap:12px;padding:12px;display:grid}.sankey-column{justify-items:start;gap:6px;display:grid}.sankey-column span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem}.sankey-column strong{color:var(--text);font-size:.95rem}.sankey-column small{color:var(--muted);font-size:.72rem}.sankey-bar{background:#3b82f64d;border-radius:999px;width:100%;min-height:12px}.sankey-bar.solar{background:#fbbf2466}.sankey-bar.generator{background:#94a3b859}.sankey-bar.battery{background:#22c55e59}.sankey-center{justify-items:center;gap:8px;display:grid}.sankey-core{color:#fff;background:linear-gradient(135deg,#0f5f7a,#2563eb);border-radius:20px;place-items:center;width:64px;height:64px;font-weight:600;display:grid;box-shadow:0 12px 24px #2563eb40}.sankey-flow{text-align:center;gap:2px;display:grid}.unit-activity{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}@media (max-width:1100px){.login-shell{grid-template-columns:1fr;gap:20px}.login-intro{max-width:100%;padding-top:0}.dashboard-grid,.unit-dashboard-body{grid-template-columns:1fr}.vrm-widget-card{min-height:380px;max-height:380px}.vrm-grid-layout-sim>.vrm-widget-card--large{grid-column:span 1}.vrm-widget-card--large{min-height:430px;max-height:430px}.vrm-widget-settings-grid{grid-template-columns:1fr}.admin-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-advanced-widget-card{min-height:380px;max-height:380px}}.settings-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-button{width:36px;height:36px;color:var(--text);cursor:pointer;background:#fff;border:1px solid #94a3b866;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.settings-button:disabled{opacity:.6;cursor:not-allowed}.settings-button:hover:not(:disabled){box-shadow:0 8px 16px #0f172a14}.settings-button.active{border-color:#0f5f7a73;box-shadow:0 8px 16px #0f172a1f}.settings-icon{width:18px;height:18px;display:inline-flex}.settings-icon svg{width:100%;height:100%}.settings-toggle{color:var(--text);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.gps-map{background:#f8fafce6;border:1px solid #94a3b859;border-radius:14px;width:100%;position:relative;overflow:hidden}.gps-map-inner{width:100%;height:100%}.gps-overlay{color:var(--muted);text-align:center;background:#f8fafcb3;justify-content:center;align-items:center;padding:12px;font-size:.9rem;display:flex;position:absolute;inset:0}.gps-placeholder{color:var(--muted);background:#f8fafce6;border:1px dashed #94a3b899;border-radius:14px;padding:12px;font-size:.85rem}.gps-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gps-toggle{color:var(--text);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}details.card summary{list-style:none}details.card summary::-webkit-details-marker{display:none}details.card summary:after{content:"+";float:right;color:var(--accent);font-weight:700}details.card[open] summary:after{content:"–"}.section-title{font-family:var(--font-heading),ui-sans-serif,system-ui;color:var(--accent-3);margin-bottom:16px;font-size:1.6rem}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;margin-top:6px;padding:12px 14px}.input:focus{outline:2px solid #0f5f7a59}.form{gap:16px;display:grid}.login-shell{grid-template-columns:minmax(300px,1fr) minmax(340px,470px);align-items:start;gap:28px}.login-intro{max-width:640px;padding-top:10px}.login-brand-row{align-items:center;gap:18px;margin-bottom:18px;display:flex}.login-logo-wrap{background:linear-gradient(140deg,#0f5f7a29,#093f5214);border:1px solid #0f5f7a33;border-radius:22px;place-items:center;width:86px;height:86px;display:grid}.login-logo{object-fit:contain;width:62px;height:62px}.login-kicker{color:var(--accent-3);background:#0f5f7a1f}.login-heading{margin-top:10px}.login-card{border:1px solid #0f5f7a42;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 50px #093f522e}.login-card:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-2));height:4px;position:absolute;top:0;left:0;right:0}.login-section{gap:4px;display:grid}.login-title{font-family:var(--font-heading),ui-sans-serif,system-ui;letter-spacing:.02em}.login-copy{color:var(--muted)}.login-divider{border-top:1px solid #0f5f7a24;margin-top:4px;padding-top:16px}.login-field label{color:var(--accent-3);letter-spacing:.02em;font-weight:700}.login-field .input{background:linear-gradient(#fff,#f8fbfd);border-color:#0f5f7a3d;border-radius:14px;margin-top:8px}.login-field .input:focus{outline:2px solid #0f5f7a52}.login-submit{letter-spacing:.02em;justify-content:center;align-items:center;width:100%;min-height:46px;font-weight:700;display:inline-flex}.login-cta{gap:6px;display:grid}.login-cta-btn{border-radius:14px;justify-content:space-between;align-items:center;width:100%;display:flex}.login-cta-arrow{opacity:.75}.login-forgot{justify-content:center}.login-error{justify-content:center;width:100%}.badge{color:#6b4a00;background:#f2b34038;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #94a3b859;padding:12px}.table th{color:var(--muted);font-weight:600}.table.table-units{border-collapse:separate;border-spacing:0 12px}.table.table-units thead th{border-bottom:0;padding-top:8px;padding-bottom:8px}.table.table-units tbody tr.units-row{box-shadow:0 18px 30px #0f172a14}.table.table-units tbody tr.units-row td{vertical-align:middle;background:#fffffff0;border-bottom:none}.table.table-units tbody tr.units-row:hover td{background:#0f5f7a0a}.table.table-units tbody tr.units-row td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.table.table-units tbody tr.units-row td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.table.table-units tbody tr.units-row-expanded td{background:0 0;border-bottom:none;padding-top:0;padding-bottom:0}.units-cell-id{white-space:nowrap;width:1%}.units-id-badge{color:#0b5673;letter-spacing:.01em;background:#0f5f7a14;border:1px solid #0f5f7a2e;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;display:inline-flex}.units-name{align-items:center;gap:12px;min-width:0;display:flex}.units-name-body{min-width:0}.units-avatar{color:#0b5673;letter-spacing:.02em;background:radial-gradient(circle at 0 0,#0f5f7a29,#0f5f7a0f);border:1px solid #0f5f7a2e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:inline-flex}.units-name-title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;display:block;overflow:hidden}.units-name-subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.82rem;display:block;overflow:hidden}.units-name-subtitle.muted{opacity:.85}.units-chip{color:var(--text);white-space:nowrap;background:#fffffff2;border:1px solid #94a3b866;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.85rem;display:inline-flex}.units-chip.units-chip-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:650}.units-chip.muted{color:var(--muted);background:#94a3b81f}.units-status{gap:4px;display:grid}.table-action{justify-content:center;align-items:center;min-height:36px;padding:8px 14px;font-size:.85rem;display:inline-flex}.units-actions-header,.units-cell-actions{text-align:right}.units-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.units-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.units-serial-editor{gap:8px;min-width:210px;display:grid}.table-wrap{width:100%;overflow-x:auto}.json-block{color:#1f2a33;background:#f3f6f8;border:1px solid #94a3b866;border-radius:14px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto}.vrm-date-time-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.vrm-date-time-picker__arrow-button{width:40px;height:40px;color:var(--accent-3);cursor:pointer;background:#fff;border:1px solid #0f5f7a33;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.vrm-date-time-picker .sg-btn{color:var(--accent-3);background:#fff;border:1px solid #0f5f7a33}.vrm-date-time-picker .sg-btn-toggle-icon-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.vrm-date-time-picker__arrow-button:disabled{opacity:.55;cursor:not-allowed}.vrm-date-time-picker__arrow-icon{font-size:.78rem;line-height:1}.vrm-date-time-picker__input{min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:#fff;border:1px solid #0f5f7a33;border-radius:12px;flex:360px;padding:0 12px}.vrm-date-time-picker__input:disabled{opacity:.55;cursor:not-allowed}.vrm-date-time-picker__dropdown{z-index:40;background:#fff;border:1px solid #94a3b866;border-radius:14px;grid-template-columns:minmax(0,1fr) 1px minmax(260px,320px);gap:16px;width:min(920px,100vw - 72px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 24px 40px #0f172a2e}.vrm-date-time-picker__dropdown h2{color:var(--accent-3);margin:0;font-size:.92rem}.vrm-date-time-picker__dropdown__close-button{grid-column:1/-1;justify-content:flex-end;display:flex}.vrm-date-time-picker__dropdown__close-button .sg-btn{border-radius:10px;width:36px;height:36px}.vrm-date-time-picker__dropdown__quick-ranges{gap:10px;display:grid}.vrm-date-time-picker__dropdown__quick-ranges__groups{gap:8px;display:grid}.vrm-date-time-picker__dropdown__quick-ranges__group{flex-wrap:wrap;gap:8px;display:flex}.vrm-date-time-picker__dropdown__quick-ranges__range{color:var(--text);cursor:pointer;background:#fff;border:1px solid #94a3b859;border-radius:999px;padding:5px 11px;font-size:.8rem}.vrm-date-time-picker__dropdown__quick-ranges__range.active{color:var(--accent-3);background:#0f5f7a1a;border-color:#0f5f7a73}.vrm-date-time-picker__dropdown__quick-ranges__future-title{color:var(--muted);margin-top:2px;font-size:.8rem}.vrm-date-time-picker__dropdown__quick-ranges__future-group{flex-wrap:wrap;gap:8px;display:flex}.vrm-date-time-picker__dropdown__quick-ranges__future-group__range{color:var(--text);cursor:pointer;background:#fff;border:1px solid #94a3b859;border-radius:999px;padding:5px 11px;font-size:.8rem}.vrm-date-time-picker__dropdown__quick-ranges__future-group__range.active{color:var(--accent-3);background:#0f5f7a1a;border-color:#0f5f7a73}.vrm-date-time-picker__dropdown__separator{background:#94a3b859;width:1px}.vrm-date-time-picker__dropdown__custom{gap:10px;display:grid}.vrm-date-time-picker__dropdown__custom__label{color:var(--muted);font-size:.8rem}.vrm-date-time-picker__dropdown__custom__inputs{gap:8px;display:grid}.vrm-date-time-picker__dropdown__custom-date{width:100%;color:var(--text);background:#fff;border:1px solid #94a3b866;border-radius:10px;padding:8px 10px;font-size:.9rem}.vrm-date-time-picker__dropdown__actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.hq-shell{gap:20px;display:grid}.hero{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:20px;margin-bottom:32px;display:grid}.hq-hero{background:linear-gradient(130deg,#ffffffe6,#e3f0f6e6);border:1px solid #94a3b859;border-radius:20px;margin-bottom:0;padding:24px;box-shadow:0 16px 32px #11161a14}.hero h1{font-family:var(--font-heading),ui-sans-serif,system-ui;color:var(--accent-3);font-size:2.6rem;line-height:1.1}.hero p{color:var(--muted);font-size:1.05rem}.hq-hero-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.hq-hero-metric{background:#ffffffe0;border:1px solid #94a3b84d;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.hq-hero-metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.hq-hero-metric strong{color:var(--accent-3);font-size:1.25rem}.hq-tabs{padding:16px}.hq-tabs-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hq-tab-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px;display:grid}.hq-tab{text-align:left;color:var(--text);background:#fff;border:1px solid #94a3b859;border-radius:14px;gap:2px;padding:12px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative}.hq-tab:hover:not(:disabled){border-color:#0f5f7a59;transform:translateY(-1px);box-shadow:0 12px 24px #11161a14}.hq-tab.active{background:linear-gradient(130deg,#0f5f7a24,#05314229);border-color:#0531428c}.hq-tab:disabled{opacity:.55;cursor:not-allowed}.hq-tab-label{color:var(--accent-3);font-size:1rem;font-weight:700}.hq-tab-hint{color:var(--muted);font-size:.86rem}.hq-tab-badge{color:#fff;background:#053142e6;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:.76rem;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.hq-panel-grid{animation:.35s both floatUp}.hq-workspace-card{gap:10px;display:grid}.hq-workspace-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.hq-employees-page{gap:24px}.hq-employees-hero{margin-bottom:0;position:relative;overflow:hidden}.hq-employees-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0f5f7a29,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-64px;right:-40px}.hq-employees-kicker{color:var(--accent-3);background:#0f5f7a24;border:1px solid #0f5f7a3d;margin-bottom:10px}.hq-employees-metrics{z-index:1;position:relative}.hq-employees-status-banner{color:#0a4f68;background:#0f5f7a21;border:1px solid #0f5f7a3d}.hq-employees-layout{gap:20px;display:grid}.hq-employees-layout-manage{grid-template-columns:minmax(320px,430px) minmax(0,1fr);align-items:start}.hq-employees-form{z-index:1;background:linear-gradient(170deg,#fffffffa,#f3fafcf5);border:1px solid #0f5f7a33;position:sticky;top:104px}.hq-employees-form-head{gap:6px;display:grid}.hq-employees-form-head strong{margin-bottom:0}.hq-employees-form-head p{margin:0;font-size:.92rem}.hq-employees-form-grid{gap:14px;display:grid}.hq-employees-form-grid label{color:var(--accent-3);letter-spacing:.02em;font-size:.84rem;font-weight:700;display:inline-flex}.hq-employees-form-grid .input{background:linear-gradient(#fff,#f7fbfc);border-color:#0f5f7a38;margin-top:7px}.hq-employees-form-actions{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.hq-employees-temp-password{margin-top:6px}.hq-employees-list-card{border:1px solid #0f5f7a29;gap:14px;display:grid}.hq-employees-list-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hq-employees-list-copy strong{margin-bottom:2px}.hq-employees-list-copy p{color:var(--muted);margin:0;font-size:.9rem}.hq-employees-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hq-employees-filters .input{margin-top:0}.hq-employees-search{min-width:240px}.hq-employees-filter{min-width:156px}.hq-employees-table{min-width:860px}.hq-employees-table thead th{text-transform:uppercase;letter-spacing:.08em;color:#5c6f7a;font-size:.73rem}.hq-employees-table td{vertical-align:middle}.hq-employees-table tbody tr{transition:background .2s}.hq-employees-table tbody tr:hover{background:#0f5f7a0a}.hq-employees-name{color:#0a394b;font-weight:600;display:inline-flex}.hq-employees-mono{color:#2f4450;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.83rem}.hq-employees-role-chip{color:#053142;letter-spacing:.01em;white-space:nowrap;background:#05314214;border:1px solid #0531423d;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.hq-employees-status-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.hq-employees-status-chip.is-enabled{color:#116b3a;background:#22c55e21;border-color:#16a34a42}.hq-employees-status-chip.is-disabled{color:#9f1c1c;background:#ef44441f;border-color:#dc262638}.hq-employees-actions{flex-wrap:wrap;gap:8px;display:flex}.hq-employees-action-btn{min-height:34px;padding:7px 12px;font-size:.82rem}.hq-employees-action-btn.is-active{color:#0b5673;background:#0f5f7a14;border-color:#0f5f7a66}.hq-employees-remove-btn:not(:disabled){color:#b91c1c;border-color:#dc262647}.hq-employees-remove-btn:not(:disabled):hover{background:#dc262614;box-shadow:0 10px 18px #dc262624}.hq-employees-empty{color:var(--muted);font-size:.92rem}@keyframes floatUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1040px){.hq-employees-layout-manage{grid-template-columns:1fr}.hq-employees-form{position:static}}@media (max-width:720px){main{padding:24px 16px 40px}.hq-hero{padding:18px}.hq-hero h1{font-size:2rem}.hq-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-tabs{padding:14px}.hq-tab-row{grid-template-columns:1fr}.hq-employees-list-head{align-items:stretch}.hq-employees-filters{width:100%}.hq-employees-search,.hq-employees-filter{width:100%;min-width:0}.hq-employees-form-actions{grid-template-columns:1fr;display:grid}.hq-employees-form-actions .btn,.hq-employees-actions .btn{width:100%}.navbar-inner{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{flex-wrap:wrap;justify-content:flex-start;width:100%}.admin-advanced-grid{grid-template-columns:1fr}.login-brand-row{gap:12px;margin-bottom:12px}.login-logo-wrap{border-radius:18px;width:72px;height:72px}.login-logo{width:52px;height:52px}.advance-range-actions .btn{width:100%}.vrm-widget-card-header-top{flex-direction:column;align-items:flex-start}.vrm-widget-actions{justify-content:flex-start;width:100%}.vrm-widget-settings-popover{width:auto;left:12px;right:12px}.vrm-widget-modal{width:98vw}.vrm-date-time-picker{align-items:stretch}.vrm-date-time-picker__arrow-button{width:44px;height:44px}.vrm-date-time-picker__input{flex-basis:calc(100% - 104px);min-height:44px}.vrm-date-time-picker__dropdown{grid-template-columns:1fr;width:100%;position:static}.vrm-date-time-picker__dropdown__separator{width:100%;height:1px}.vrm-date-time-picker__dropdown__actions{flex-wrap:wrap}.vrm-date-time-picker__dropdown__actions .btn{width:100%}}
@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/efadc3f7fcf6ac94-s.57ff0b37.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/8e410338cab7e12e-s.986de7be.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/7e93c0a52799e849-s.f680bb9a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/037b6aa687f94b32-s.82297bd5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/9a800f173b8d9e8f-s.p.ea25be69.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald Fallback;src:local(Arial);ascent-override:146.51%;descent-override:35.49%;line-gap-override:0.0%;size-adjust:81.43%}.oswald_68455ea8-module__T55Frq__className{font-family:Oswald,Oswald Fallback;font-style:normal}.oswald_68455ea8-module__T55Frq__variable{--font-heading:"Oswald","Oswald Fallback"}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/da8a9dd0d68e512b-s.5851b7c1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/94b4a5dc1fe84361-s.79468464.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/ff5be760267bb4bc-s.4ba8127f.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/99596c30eb072d3c-s.ef30866c.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/e5864b32625b6bc3-s.4f3f63ac.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/e285ad1a914469f0-s.2df16460.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/47df9ba1c7236d3b-s.p.7bbb93ea.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3 Fallback";src:local(Arial);ascent-override:109.21%;descent-override:42.66%;line-gap-override:0.0%;size-adjust:93.76%}.source_sans_3_2f0e8433-module__CI4b_q__className{font-family:"Source Sans 3","Source Sans 3 Fallback";font-style:normal}.source_sans_3_2f0e8433-module__CI4b_q__variable{--font-body:"Source Sans 3","Source Sans 3 Fallback"}