:root{--bg-primary:#f3f5f7;--bg-secondary:#fff;--bg-card:#fff;--bg-sidebar:#172638;--bg-sidebar-hover:#22364d;--bg-sidebar-active:#28415d;--bg-input:#fff;--bg-table-header:#f4f6f8;--bg-table-row-hover:#f1f6fb;--text-primary:#1c2c3e;--text-secondary:#526174;--text-tertiary:#657487;--text-sidebar:#b6c3d2;--text-sidebar-active:#fff;--border-color:#d8e0e8;--border-light:#e9edf2;--accent-primary:#285e94;--accent-primary-hover:#204c79;--accent-info:#285e94;--accent-success:#237557;--accent-danger:#bd3c44;--accent-warning:#98671d;--radius:8px;--shadow-xs:0 1px 2px rgb(20 39 61/3%);--shadow-sm:0 1px 3px rgb(20 39 61/4%);--shadow-md:0 6px 20px rgb(20 39 61/8%);--hub-selection:#eaf2fa;--hub-focus:#507fac}[data-theme=dark]{--bg-primary:#111b27;--bg-secondary:#1a2736;--bg-card:#1a2736;--bg-sidebar:#101b29;--bg-sidebar-hover:#24384f;--bg-sidebar-active:#2c4561;--bg-input:#152231;--bg-table-header:#202f40;--bg-table-row-hover:#263a50;--text-primary:#e5edf5;--text-secondary:#b7c5d4;--text-tertiary:#9aadc0;--text-sidebar:#afc0d2;--border-color:#34465a;--border-light:#2b3a4c;--accent-primary:#80b4e5;--accent-primary-hover:#a6cdf1;--accent-info:#80b4e5;--accent-success:#7dc5a6;--accent-danger:#f1959b;--accent-warning:#e4bd77;--bg-badge-active:#203f36;--bg-badge-down:#472a34;--hub-selection:#273e56;--hub-focus:#8bbced;--shadow-xs:none;--shadow-sm:none;--shadow-md:0 6px 20px rgba(0,0,0,.16)}body{font-family:var(--font-geist-sans),"Noto Sans JP","Hiragino Sans",system-ui,sans-serif;line-height:1.65}.sidebar{border-right:1px solid #2b3b4d;box-shadow:none}.nav-section-label{color:#91a5ba;font-size:10px;letter-spacing:.09em}.nav-item{border-radius:6px;font-weight:500}.nav-item.active{background:var(--bg-sidebar-active);box-shadow:none}.nav-item.active svg{color:#c8dff4}.header{background:var(--bg-secondary);border-bottom-color:var(--border-color);box-shadow:none}.header-page-title{font-size:17px;font-weight:700;letter-spacing:.01em}.header-avatar{background:var(--hub-selection);color:var(--accent-primary)}.header-avatar,.header-btn,.header-logout-btn{border-radius:6px}.header-user-name{color:var(--text-secondary)}.card,.chart-section,.di-card,.live-cell,.map-container,.meter-gauge,.table-section{border-color:var(--border-color);box-shadow:var(--shadow-xs)}.card{padding:20px 22px}.card-label,.chart-title,.di-section-title,.table-title{font-size:14px;font-weight:700}.card-value{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-weight:650}.card-icon{width:32px;height:32px;border-radius:6px}.card-icon.blue,.card-icon.purple{background:var(--hub-selection);color:var(--accent-primary)}.card-meta,.card-sub-label,.filter-label,.refresh-group{color:var(--text-secondary)}.card-sub{border-top-color:var(--border-light)}.filter-bar{padding:14px 16px;gap:14px;box-shadow:none}.filter-label{font-size:12px;letter-spacing:0}.filter-select,.refresh-select,.settings-password-input{background:var(--bg-input);border-color:var(--border-color);border-radius:6px}.filter-select{min-height:34px}.time-range-btns{background:var(--bg-table-header)}.time-range-btn{padding:5px 12px}.time-range-btn.active,[data-theme=dark] .time-range-btn.active{color:var(--accent-primary);background:var(--bg-card);box-shadow:0 1px 3px rgba(20,39,61,.12)}.chart-export-btn,.page-btn{border-radius:6px}th{font-size:12px;letter-spacing:.015em;padding-top:11px;padding-bottom:11px}td{padding-top:13px;padding-bottom:13px;font-variant-numeric:tabular-nums}.status-badge{border-radius:5px;font-size:11px;font-weight:600}.page-btn.active{background:var(--accent-primary);color:var(--bg-card)}.live-cell-footer{background:var(--bg-card);border-top:1px solid var(--border-color)}.di-card:hover,.live-cell:hover{box-shadow:var(--shadow-sm);border-color:var(--hub-focus)}.settings-password-input{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--hub-focus);outline-offset:3px}.filter-select:disabled{opacity:1;color:var(--text-tertiary);background:var(--bg-table-header)}.asm-hub-login,[data-theme=light] .asm-hub-login{position:relative;isolation:isolate;background:linear-gradient(126deg,transparent 28%,hsla(0,0%,100%,.48) 49%,transparent 70%),linear-gradient(155deg,#d3dce0,#f2f1ed 43%,#bccbd5);color:var(--text-primary);padding:48px 20px}[data-theme=dark] .asm-hub-login{background:linear-gradient(126deg,transparent 28%,rgba(144,166,180,.11) 49%,transparent 70%),linear-gradient(155deg,#182c38,#101b24 43%,#070e16)}.asm-hub-login:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}[data-theme=dark] .asm-hub-login:before{opacity:.07}.asm-hub-login-card,[data-theme=dark] .asm-hub-login-card{width:min(100%,464px);padding:36px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);background:var(--bg-card);backdrop-filter:none;box-shadow:var(--shadow-md)}.asm-hub-login-brand,[data-theme=dark] .asm-hub-login-brand{color:var(--accent-primary);font-size:11px;letter-spacing:.08em}.asm-hub-login-heading,[data-theme=dark] .asm-hub-login-heading{color:var(--text-primary);font-size:27px;font-weight:700;letter-spacing:-.025em}.asm-hub-login-description,[data-theme=dark] .asm-hub-login-description{color:var(--text-secondary)}.asm-hub-login-field,.asm-hub-login-language-label,[data-theme=dark] .asm-hub-login-field,[data-theme=dark] .asm-hub-login-language-label{color:var(--text-primary)}.asm-hub-login-field input,[data-theme=dark] .asm-hub-login-field input{border:1px solid var(--border-color);border-radius:6px;min-height:46px;background:var(--bg-input);color:var(--text-primary)}[data-theme=dark] .asm-hub-login-card{background:#223241;border-color:#526779;box-shadow:0 18px 48px rgba(0,0,0,.28)}[data-theme=dark] .asm-hub-login-field input{background:#101c28;border-color:#73879a;color:#f3f6f9}[data-theme=dark] .asm-hub-login-field input:hover{border-color:#9aaebf}[data-theme=dark] .asm-hub-login-field input:focus{border-color:#b2d8ff;outline:2px solid #b2d8ff;outline-offset:2px;box-shadow:none}[data-theme=dark] .asm-hub-login-submit{background:#326fa8;color:#fff}[data-theme=dark] .asm-hub-login-submit:hover{background:#3b7db9}.asm-hub-login-language-options,.asm-hub-login-theme-switch,[data-theme=dark] .asm-hub-login-language-options,[data-theme=dark] .asm-hub-login-theme-switch{border-color:var(--border-color);background:var(--bg-table-header);border-radius:6px}.asm-hub-login-language-option,.asm-hub-login-theme-option,[data-theme=dark] .asm-hub-login-language-option,[data-theme=dark] .asm-hub-login-theme-option{border-radius:4px;color:var(--text-secondary)}.asm-hub-login-language-option[aria-pressed=true],.asm-hub-login-theme-option[aria-pressed=true],[data-theme=dark] .asm-hub-login-language-option[aria-pressed=true],[data-theme=dark] .asm-hub-login-theme-option[aria-pressed=true]{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-xs)}.asm-hub-login-submit{background:#285e94;border-radius:6px;box-shadow:none;min-height:46px;margin-top:14px}.asm-hub-login-submit:hover{background:#204c79}.asm-hub-login-link,[data-theme=dark] .asm-hub-login-link{color:var(--accent-primary)}.asm-hub-login{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,sans-serif}.asm-hub-login-card,[data-theme=dark] .asm-hub-login-card{border-radius:16px}.asm-hub-login-field input,[data-theme=dark] .asm-hub-login-field input{border-radius:9px;min-height:48px;font-size:16px;transition:border-color .12s ease-out}.asm-hub-login-submit{min-height:48px;border-radius:9px}.asm-hub-login-submit:active{filter:brightness(.9)}.asm-hub-login-language-option,.asm-hub-login-theme-option{min-height:36px}.asm-hub-login-language-option{min-height:44px}.asm-hub-login :is(button,a):focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}@media (pointer:coarse){.asm-hub-login-theme-option{min-height:44px}}@media (prefers-reduced-motion:reduce){.asm-hub-login *{transition:none!important}}@media (prefers-contrast:more){.asm-hub-login-field input,[data-theme=dark] .asm-hub-login-field input{border-color:currentColor}.asm-hub-login-card,[data-theme=dark] .asm-hub-login-card{border-color:var(--text-secondary)}}.provisioning-page,[data-theme=dark] .provisioning-page{--pv-bg:var(--bg-primary);--pv-surface:var(--bg-card);--pv-surface-soft:var(--bg-table-header);--pv-surface-raised:var(--hub-selection);--pv-header:#172638;--pv-text:var(--text-primary);--pv-muted:var(--text-secondary);--pv-subtle:var(--text-tertiary);--pv-line:var(--border-color);--pv-line-strong:var(--border-color);--pv-accent:var(--accent-primary);--pv-accent-soft:var(--hub-selection);--pv-shadow:var(--shadow-xs);font-family:var(--font-geist-sans),"Noto Sans JP","Hiragino Sans",system-ui,sans-serif;font-size:14px}.provisioning-topbar{background:#172638;min-height:64px}.provisioning-brand-mark{background:#263e59;color:#c8dff4;border-color:#44617e;border-radius:6px}.provisioning-icon-button,.provisioning-logout,.provisioning-role-chip{border-radius:6px}.provisioning-content{padding-top:30px}.provisioning-hero h2{font-size:28px;letter-spacing:-.025em}.provisioning-eyebrow,.provisioning-section-kicker{font-weight:600;letter-spacing:.075em}.provisioning-panel,.provisioning-stat-card,[data-theme=dark] .provisioning-panel,[data-theme=dark] .provisioning-stat-card{border-radius:8px;border-color:var(--pv-line);background:var(--pv-surface);box-shadow:var(--pv-shadow)}.provisioning-stat-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.provisioning-approval-fields input,.provisioning-bind-button,.provisioning-detail-delete,.provisioning-filter-list button,.provisioning-form input,.provisioning-form textarea,.provisioning-mode-chip,.provisioning-refresh,.provisioning-reject-button,.provisioning-search-field,.provisioning-sort-field{border-radius:6px}.provisioning-panel-heading{background:var(--pv-surface)}.provisioning-device-row.is-selected .provisioning-device-select{box-shadow:none}.provisioning-device-row.is-selected:before{content:none}.provisioning-count-badge{border-radius:5px}.provisioning-next-action{border-left:0;border-radius:6px;box-shadow:none}@media (max-width:640px){.asm-hub-login{padding:24px 16px}.asm-hub-login-card,[data-theme=dark] .asm-hub-login-card{padding:28px 24px}.card{padding:18px}.filter-bar{gap:10px;padding:12px}.provisioning-content{padding-top:24px}.provisioning-hero h2{font-size:24px}}:root{--sidebar-width:240px;--header-height:64px}.sidebar-brand-text{min-width:0;white-space:normal;overflow:visible}.sidebar-brand-title{white-space:normal;overflow-wrap:normal;line-height:1.4}.sidebar-brand-subtitle,.sidebar-collapse-btn{color:#a7b8cb}.nav-item svg{color:#a0b3c8}.cards-grid>*,.chart-section,.filter-group,.main,.page,.table-section{min-width:0}.table-wrapper{max-width:100%;overflow-x:auto}.filter-group{flex-wrap:wrap}.filter-label{white-space:nowrap}.custom-range-group.visible{flex-wrap:wrap}.cards-grid{align-items:stretch}.card{min-height:0}.card-header{margin-bottom:8px}.card-value{line-height:1.25}.provisioning-hero{gap:16px;margin-bottom:20px}.provisioning-hero h2{margin-top:6px;margin-bottom:8px;line-height:1.25}.provisioning-content{padding-top:24px}@media (max-width:760px){.sidebar,.sidebar.collapsed{position:relative;width:100%;height:auto;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto}.sidebar-brand{min-height:60px;padding:10px 16px}.sidebar-brand-text{max-width:220px}.sidebar-nav{grid-column:1/-1;grid-row:2;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;padding:8px 12px;gap:6px;border-top:1px solid #2b3b4d;scrollbar-width:thin}.nav-section-label{flex:0 0 auto;padding:8px 4px;font-size:9px}.nav-item{flex:0 0 auto;padding:9px 12px;min-height:40px}.sidebar-footer{grid-column:2;grid-row:1;align-self:center;border:0;padding:6px 8px}.sidebar-collapse-btn{padding:8px;min-height:40px}.sidebar-copyright{max-width:100px;font-size:8px;white-space:normal}.sidebar.collapsed .sidebar-nav{padding:6px 12px}.sidebar.collapsed .nav-item{width:42px;min-width:42px}.sidebar.collapsed .nav-section-label{width:4px;height:16px;padding:0}.main,.sidebar.collapsed~.main{margin:0;padding:16px;min-height:0}.header,.sidebar.collapsed~.header,.sidebar.collapsed~.main .header{position:relative;top:auto;left:auto;right:auto;height:auto;min-height:64px;padding:14px 16px;flex-wrap:wrap;align-items:flex-start;gap:12px}.main .header{margin:-16px -16px 16px}.header-left,.header-right{min-width:0;gap:8px}.header-right{width:100%;flex-wrap:wrap}.header-user{min-width:0;margin-right:0}.header-user-name{overflow-wrap:anywhere}.header-btn,.header-logout-btn{min-height:36px}.header-divider{margin:0 2px}.filter-bar{align-items:flex-start;margin-bottom:16px}.filter-group{max-width:100%;gap:6px}.filter-select{min-width:0;max-width:100%}.time-range-btns{flex-wrap:wrap}.refresh-group{max-width:100%;flex-wrap:wrap}.cards-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:16px}.chart-header,.table-header{gap:10px;flex-wrap:wrap}.chart-actions{flex-wrap:wrap}.chart-section,.map-container{padding:16px}.di-detail-grid,.di-summary-grid{grid-template-columns:minmax(0,1fr)}}.table-wrapper table{min-width:960px}[data-theme=dark] .custom-range-apply,[data-theme=dark] .grid-btn.active,[data-theme=dark] .map-pin-badge,[data-theme=dark] .provisioning-bind-button,[data-theme=dark] .save-btn,[data-theme=dark] .sidebar-brand-icon{color:#111b27}[data-theme=dark] .provisioning-bind-button:hover:not(:disabled){background:var(--accent-primary-hover)}.di-section-icon{display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;color:var(--text-secondary)}.di-section-icon,.di-section-icon svg{width:18px;height:18px}.card-icon .lucide,.provisioning-page .lucide,.sidebar .lucide{stroke-width:1.6}.provisioning-stat-icon{display:none}.provisioning-detail-icon,.provisioning-device-avatar{width:22px;height:24px;border-radius:0;background:transparent;color:var(--pv-text-secondary,var(--text-secondary))}.provisioning-device-avatar svg{width:18px;height:18px}.provisioning-detail-icon svg{width:20px;height:20px}.provisioning-timeline-marker,.provisioning-timeline-step.is-current .provisioning-timeline-marker{box-shadow:none;background:var(--pv-surface);color:var(--pv-text-secondary,var(--text-secondary))}.card-icon,.card-icon.blue,.card-icon.purple{width:20px;height:20px;border-radius:0;background:transparent;color:var(--text-secondary)}@media (max-width:620px){.provisioning-page{min-width:0}.provisioning-content{width:auto;margin:0 12px}.provisioning-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.provisioning-stat-card{min-width:0;min-height:96px;padding:14px}.provisioning-stat-card small{line-height:1.5}.provisioning-device-select{grid-template-columns:22px minmax(0,1fr);gap:8px}.provisioning-device-copy small{white-space:normal;overflow-wrap:anywhere}.provisioning-heading-line{flex-wrap:wrap}.provisioning-hero-copy,.provisioning-panel{min-width:0}.provisioning-filter-list{flex-wrap:wrap;overflow:visible;gap:6px}.provisioning-filter-chip{min-height:38px}.provisioning-detail-panel{padding:14px}.provisioning-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.provisioning-detail-meta dd{overflow-wrap:anywhere}.provisioning-next-action{padding:12px}.provisioning-top-actions{flex-wrap:wrap}.asm-hub-login{min-height:100svh;padding:20px 12px}.asm-hub-login-card,[data-theme=dark] .asm-hub-login-card{padding:24px 20px}.asm-hub-login-heading{font-size:24px}}.health-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.health-summary button{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:16px;text-align:left}.health-summary span,.health-summary strong{display:block}.health-summary strong{font-size:26px;margin-top:8px}.health-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:20px;align-items:start}.health-panel{min-width:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.health-toolbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--border-color)}.health-toolbar input{min-width:0;flex:1}.health-toolbar input,.health-toolbar select{padding:9px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-card)}.health-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;text-align:left;padding:16px;border-bottom:1px solid var(--border-light);align-items:center;font-size:12px}.health-row.selected{background:var(--accent-primary-light,#eaf1f8)}.health-row span{min-width:0;overflow-wrap:anywhere}.health-row small{display:block;margin-top:5px}.health-column-head{color:var(--text-secondary);font-size:11px;background:var(--bg-body)}.health-state{font-size:12px;color:var(--text-secondary)}.health-state.attention{color:#bd7021}.health-state.offline{color:#bf4656}.health-state.normal{color:#27856b}.health-detail{padding:22px}.health-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.health-detail h2{font-size:19px;font-weight:650}.health-detail h3{font-weight:600;font-size:13px;margin:24px 0 12px}.health-detail p{font-size:12px;color:var(--text-secondary);margin:8px 0}.health-detail dl{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;font-size:12px}.health-detail dd{text-align:right;overflow-wrap:anywhere}.health-dl-row{display:contents}.health-notice{padding:12px;background:var(--bg-body);border-radius:4px}.health-muted{font-size:11px!important}.health-channel-table{overflow-x:auto}.health-channel-table table{width:100%;font-size:12px}.health-channel-table td,.health-channel-table th{text-align:left;padding:10px 6px;border-bottom:1px solid var(--border-light)}.health-channel-table small{display:block;color:var(--text-secondary);font-size:10px}.health-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px;font-size:12px}.health-pagination button{padding:5px 12px;border:1px solid var(--border-color);border-radius:4px}.health-empty{padding:32px;text-align:center}.health-updated{margin-left:auto;font-size:12px;color:var(--text-secondary)}.alert-rail{height:30px;position:relative;border-top:1px solid var(--border-color);margin-top:3px}.alert-rail-marker{position:absolute;width:14px;height:28px;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.alert-rail-marker span{width:3px;height:12px;background:#c04d5c;border-radius:1px}.alert-rail-marker.selected span{height:20px}.alert-rail-marker:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.alert-rail-detail{padding:12px 16px;font-size:12px;border-top:1px solid var(--border-light);line-height:1.8}.mobile-menu-toggle{display:none}@media(max-width:1100px){.health-workspace{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.dashboard-shell{min-width:0}.mobile-menu-toggle{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--sidebar-bg,#192c3f);color:#fff;width:100%;min-height:46px;text-align:left}.dashboard-shell .sidebar,.dashboard-shell .sidebar.collapsed{display:none;position:relative;width:100%;height:auto;min-height:0;padding:0}.dashboard-shell.mobile-open .sidebar{display:block}.dashboard-shell .sidebar-brand,.dashboard-shell .sidebar-footer{display:none}.dashboard-shell .sidebar-nav,.dashboard-shell .sidebar.collapsed .sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;overflow:visible}.dashboard-shell .nav-section-label{grid-column:1/-1}.dashboard-shell .sidebar.collapsed .nav-item{width:auto}.dashboard-shell .sidebar.collapsed .nav-item-label{display:inline}.dashboard-shell .header,.dashboard-shell .main{margin-left:0!important;left:auto;width:100%}.header-user{display:none}.header-right{width:auto!important}.header{align-items:center!important}.header-divider{display:none}.filter-bar{display:flex;flex-wrap:wrap;gap:12px}.filter-group{flex:1 1 130px}.filter-group select{flex:1;width:100%}.filter-bar input{max-width:100%;min-width:0}.refresh-group{margin-left:0}.live-grid{grid-template-columns:minmax(0,1fr)!important}.live-cell-label{white-space:normal;overflow-wrap:anywhere}.live-cell-footer{gap:8px}.setting-row{display:flex;flex-direction:column;align-items:stretch;gap:12px}.setting-control,.settings-password-input{width:100%!important;min-width:0}.settings-section{padding:16px}.table-wrapper{max-width:100%;overflow-x:auto}.chart-body{max-width:100%}.chart-section{min-width:0}.health-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.health-summary button:first-child{grid-column:1/-1}.health-summary button{padding:12px}.health-toolbar{flex-wrap:wrap}.health-toolbar input{flex-basis:100%}.health-column-head{display:none}.health-row{grid-template-columns:1fr 1fr;gap:10px}.health-row>span:first-child{grid-column:1/-1}.health-row>span:last-child{grid-column:1/-1;color:var(--text-secondary)}.health-detail{padding:16px}.health-updated{margin-left:0}.health-detail dl{grid-template-columns:1fr 1fr}.cards-grid{grid-template-columns:minmax(0,1fr)!important}}.recording-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.recording-timeline-header .playback-controls{flex-wrap:wrap}@media(max-width:768px){.recording-video{width:100%}}@media(max-width:480px){.timeline-label:nth-child(2n){display:none}.timeline-label{font-size:11px}}body:has(.provisioning-page),body:has(.sidebar){--bg-primary:#eef0f3;--bg-secondary:#fff;--bg-card:#fff;--bg-sidebar:#fff;--bg-sidebar-hover:#edf0f4;--bg-sidebar-active:#293443;--text-sidebar:#414955;--text-sidebar-active:#fff;--hub-nav-hover-text:#202733;--text-primary:#20252d;--text-secondary:#505966;--text-tertiary:#636e7b;--border-color:#d5d9e0;--border-light:#e6e9ee;--bg-input:#fff;--hub-control-border:#a1a9b5;--hub-nav-muted:#596473;--hub-toolbar:#fff;--bg-table-header:#f5f6f8;--bg-table-row-hover:#f0f3f7;--hub-selection:#e9eff7;--shadow-xs:0 2px 6px rgb(24 42 60/3%),0 12px 28px rgb(24 42 60/3%);--radius:14px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,sans-serif}[data-theme=dark] body:has(.provisioning-page),[data-theme=dark] body:has(.sidebar),body[data-theme=dark]:has(.provisioning-page),body[data-theme=dark]:has(.sidebar){--bg-primary:#202124;--bg-secondary:#2c2e32;--bg-card:#2c2e32;--bg-sidebar:#17191c;--bg-sidebar-hover:#303339;--bg-sidebar-active:#3a4049;--text-sidebar:#c9cbd0;--text-sidebar-active:#fff;--hub-nav-hover-text:#fff;--border-color:#494c53;--border-light:#3b3e44;--bg-input:#202226;--hub-control-border:#858a94;--hub-nav-muted:#b5b8c0;--hub-toolbar:#25272b;--text-primary:#f5f5f6;--text-secondary:#d0d2d7;--text-tertiary:#b0b4bd;--bg-table-header:#24262a;--bg-table-row-hover:#373b42;--hub-selection:#343e4b;--accent-primary:#9bc7ff;--accent-primary-hover:#bbd9ff;--accent-info:#9bc7ff;--accent-success:#91d6b4;--accent-warning:#f2c477;--accent-danger:#f3a0a8;--bg-badge-active:#253e33;--bg-badge-down:#462e34;--shadow-xs:0 2px 6px rgba(0,0,0,.12)}[data-theme=dark] .detect-badge.person{background:#293c52;color:#b6d7ff;border-color:#446384}[data-theme=dark] .detect-badge.car{background:#45382b;color:#f4c18b;border-color:#756047}[data-theme=dark] .detect-badge.bear{background:#462e34;color:#ffb8c0;border-color:#77515b}[data-theme=dark] .health-state.normal{color:var(--accent-success)}[data-theme=dark] .health-state.attention{color:var(--accent-warning)}[data-theme=dark] .health-state.offline{color:var(--accent-danger)}[data-theme=dark] .header{backdrop-filter:none}.sidebar{border-right-color:var(--border-color)}.sidebar-brand-title,.sidebar-collapse-btn{color:var(--text-sidebar)}.nav-item svg,.nav-section-label,.sidebar-brand-subtitle,.sidebar-copyright{color:var(--hub-nav-muted)}.nav-item{border-radius:10px;margin-block:2px;transition:background-color .12s ease}.nav-item:hover,.nav-item:hover svg,.sidebar-collapse-btn:hover{color:var(--hub-nav-hover-text)}.nav-item.active,.nav-item.active svg{color:var(--text-sidebar-active)}.mobile-menu-toggle{background:var(--bg-sidebar);color:var(--text-sidebar)}.sidebar-brand,.sidebar-footer,.sidebar-nav{border-color:var(--border-color)}.header{background:var(--hub-toolbar);backdrop-filter:blur(16px)}.header-page-title{font-size:19px;font-weight:650;letter-spacing:-.025em}.header-avatar,.header-btn,.header-logout-btn{border-radius:9px}.card,.chart-section,.di-card,.health-panel,.live-cell,.map-container,.meter-gauge,.settings-section,.table-section{border-radius:14px;box-shadow:var(--shadow-xs)}.card-label,.chart-title,.table-title{font-weight:600;letter-spacing:-.015em}.card-value{font-weight:600}.filter-bar{border-radius:12px;background:var(--hub-toolbar);border-color:var(--border-color)}.time-range-btns{border-radius:9px;padding:3px}.chart-export-btn,.grid-btn,.page-btn,.save-btn,.time-range-btn{border-radius:7px}.health-summary button{border-radius:12px;box-shadow:var(--shadow-xs)}.health-row.selected{background:var(--hub-selection)}.filter-select,.health-toolbar input,.health-toolbar select,.provisioning-approval-fields input,.provisioning-form input,.provisioning-form textarea,.provisioning-search-field,.provisioning-sort-field,.refresh-select,.settings-password-input{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--hub-control-border);border-radius:9px;min-height:38px}.provisioning-page{font-family:inherit}.provisioning-topbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border-color)}.provisioning-brand-title,.provisioning-topbar,.provisioning-topbar h1{color:var(--text-primary)}.provisioning-topbar .provisioning-eyebrow,.provisioning-topbar p{color:var(--text-secondary)}.provisioning-icon-button,.provisioning-logout,.provisioning-role-chip{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-color);border-radius:9px}.provisioning-panel,.provisioning-stat-card,[data-theme=dark] .provisioning-panel,[data-theme=dark] .provisioning-stat-card{border-radius:14px;box-shadow:var(--shadow-xs)}.provisioning-hero h2{font-weight:650;letter-spacing:-.035em}.provisioning-panel-heading{border-radius:14px 14px 0 0}.provisioning-approval-fields,.provisioning-next-action{border-radius:10px}.provisioning-bind-button,.provisioning-device-select,.provisioning-filter-list button,.provisioning-refresh,.provisioning-reject-button{border-radius:9px}.provisioning-page button:active:not(:disabled),body:has(.sidebar) button:active:not(:disabled){filter:brightness(.94)}@media (pointer:coarse){.chart-export-btn,.filter-select,.grid-btn,.header-btn,.header-logout-btn,.health-pagination button,.page-btn,.provisioning-filter-list button,.provisioning-refresh,.refresh-select,.time-range-btn{min-height:44px}}@media (prefers-reduced-motion:reduce){.nav-item{transition:none}}@media (prefers-contrast:more){body:has(.provisioning-page),body:has(.sidebar){--hub-control-border:var(--text-secondary)}.filter-bar,.header{background:var(--bg-card);backdrop-filter:none}}[data-theme=dark] .provisioning-page{background:var(--bg-primary)}[data-theme=dark] .provisioning-approval-fields input,[data-theme=dark] .provisioning-approval-fields textarea,[data-theme=dark] .provisioning-form input,[data-theme=dark] .provisioning-form textarea{background:var(--bg-input);border-color:var(--hub-control-border)}