:root{--primary-blue: #1E5EFF;--primary-blue-dark: #1747C4;--orange: #FF8A00;--success-green: #22C55E;--warning-yellow: #F59E0B;--critical-red: #EF4444;--purple: #7C3AED;--teal: #0D9488;--gray: #94A3B8;--tint-blue: rgba(30, 94, 255, .08);--tint-orange: rgba(255, 138, 0, .1);--tint-green: rgba(34, 197, 94, .1);--tint-yellow: rgba(245, 158, 11, .12);--tint-red: rgba(239, 68, 68, .08);--tint-gray: rgba(148, 163, 184, .12);--bg-app: #F4F6FA;--bg-light-gray: #F7F8FA;--bg-subtle: #F1F4F8;--surface: #FFFFFF;--surface-raised: #FFFFFF;--pure-white: #FFFFFF;--surface-overlay: rgba(255, 255, 255, .95);--text-dark: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #E5E7EB;--border-strong: #D1D5DB;--shadow-soft: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px -2px rgba(16, 24, 40, .08), 0 2px 6px -2px rgba(16, 24, 40, .05);--shadow-lg: 0 12px 28px -6px rgba(16, 24, 40, .12), 0 4px 10px -4px rgba(16, 24, 40, .07);--shadow-popover: 0 18px 40px -10px rgba(16, 24, 40, .18), 0 6px 14px -6px rgba(16, 24, 40, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Roboto Mono", ui-monospace, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px;--sidebar-width: 260px;--header-height: 68px;--ticker-height: 40px;--max-width: 1800px;--page-padding: 24px;--gap: var(--space-5);--card-padding: var(--space-5);--transition: .16s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--bg-app: #0B0F17;--bg-light-gray: #131A26;--bg-subtle: #1A2332;--surface: #121926;--surface-raised: #18202E;--pure-white: #121926;--surface-overlay: rgba(18, 25, 38, .95);--text-dark: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-color: #232D3F;--border-strong: #33415C;--tint-blue: rgba(30, 94, 255, .18);--tint-orange: rgba(255, 138, 0, .18);--tint-green: rgba(34, 197, 94, .18);--tint-yellow: rgba(245, 158, 11, .18);--tint-red: rgba(239, 68, 68, .18);--tint-gray: rgba(148, 163, 184, .16);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .5);--shadow-popover: 0 16px 32px -8px rgba(0, 0, 0, .6)}:root[data-theme=dark] .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-dark);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--primary-blue);text-decoration:none}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:var(--radius-sm)}.text-red{color:var(--critical-red)}.text-orange{color:var(--orange)}.text-yellow{color:var(--warning-yellow)}.text-green{color:var(--success-green)}.text-blue{color:var(--primary-blue)}.text-purple{color:var(--purple)}.text-teal{color:var(--teal)}.text-gray{color:var(--gray)}.text-dark{color:var(--text-dark)}.text-secondary{color:var(--text-secondary)}.text-white{color:#fff}.text-neutral{color:var(--text-secondary)}.bg-red{background-color:var(--critical-red);color:#fff}.bg-orange{background-color:var(--orange);color:#fff}.bg-yellow{background-color:var(--warning-yellow);color:#fff}.bg-green{background-color:var(--success-green);color:#fff}.bg-blue{background-color:var(--primary-blue);color:#fff}.bg-purple{background-color:var(--purple);color:#fff}.bg-teal{background-color:var(--teal);color:#fff}.bg-gray{background-color:var(--gray);color:#fff}.bg-dark{background-color:var(--text-dark);color:#fff}.tint-red{background-color:var(--tint-red);color:var(--critical-red)}.tint-orange{background-color:var(--tint-orange);color:var(--orange)}.tint-yellow{background-color:var(--tint-yellow);color:var(--warning-yellow)}.tint-green{background-color:var(--tint-green);color:var(--success-green)}.tint-blue{background-color:var(--tint-blue);color:var(--primary-blue)}.tint-purple{background-color:#7c3aed1f;color:var(--purple)}.tint-teal{background-color:#0d94881f;color:var(--teal)}.tint-gray{background-color:var(--tint-gray);color:var(--text-secondary)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.w-full{width:100%}.p-0{padding:0!important}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--gray);background-clip:content-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-light-gray)}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:linear-gradient(180deg,#12233f,#0a162b);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;height:100%;z-index:10;transition:transform .3s ease,width .3s ease;color:#f1f5f9;--text-dark: #F1F5F9;--text-secondary: #9FB2CE;--text-muted: #6B84A6;--border-color: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--bg-light-gray: rgba(255, 255, 255, .06);--pure-white: transparent;--success-green: #34D399}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-color)}.main-logo{max-height:40px;width:auto;max-width:100%}.sidebar-nav{flex:1;overflow-y:auto;padding:24px 0}.sidebar-nav ul{list-style:none}.sidebar-nav li{padding:2px 12px}.sidebar-nav li a{display:flex;align-items:center;padding:10px 16px;color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;border-radius:8px;transition:all .2s ease}.sidebar-nav li a i{width:16px;height:16px;margin-right:12px;color:var(--text-secondary);transition:color .2s ease}.sidebar-nav li:hover a{background-color:var(--bg-light-gray);color:var(--text-dark)}.sidebar-nav li.active a{color:#fff;background-color:#3b82f638;box-shadow:inset 3px 0 #3b82f6}.sidebar-nav li.active a i{color:#60a5fa}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border-color);background-color:var(--pure-white)}.system-metrics{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:11.5px}.system-metrics .metric-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-2)}.system-metrics .metric-item:last-child{border-bottom:none;padding-bottom:0}.system-metrics .metric-label{color:var(--text-secondary);display:flex;align-items:center}.system-metrics .metric-value{font-weight:600;color:var(--text-dark)}.system-metrics .text-green{color:var(--success-green)}.status-indicator{width:6px;height:6px;border-radius:50%;margin-right:6px;display:inline-block}.status-indicator.online{background-color:var(--success-green);box-shadow:0 0 0 2px #22c55e33}.powered-by{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:8px}.powered-text{font-size:11px;color:var(--text-secondary)}.footer-logo{max-width:140px;height:auto}:root[data-theme=dark] .footer-logo{background-color:#ffffffeb;border-radius:var(--radius-sm);padding:6px 8px}.powered-subtext{font-size:9px;color:var(--text-secondary);font-weight:600;letter-spacing:.5px;margin-top:-2px}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;background-color:var(--bg-light-gray);overflow:hidden;position:relative}.top-header{height:var(--header-height);background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding);flex-shrink:0;z-index:5;box-shadow:0 2px 10px #00000005}.dashboard-title{font-size:clamp(15px,.9vw + 8px,22px);font-weight:700;color:var(--text-dark);margin:0;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:24px}.header-weather,.header-datetime{display:flex;align-items:center;gap:8px;color:var(--text-dark);font-weight:500;font-size:14px}.header-weather i{color:var(--primary-blue);width:20px;height:20px}.header-datetime{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.header-datetime #current-date{font-size:12px;color:var(--text-secondary)}.header-datetime #current-time{font-weight:600}.header-actions{display:flex;align-items:center;gap:20px}.icon-button{background:none;border:none;cursor:pointer;position:relative;color:var(--text-secondary);transition:color .2s ease,transform .2s ease}.icon-button:hover{color:var(--text-dark);transform:scale(1.05)}.notification-btn .badge{position:absolute;top:-4px;right:-4px;background-color:var(--critical-red);color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 0 2px #fff}.user-profile{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background-color .2s ease}.user-profile:hover{background-color:var(--bg-light-gray)}.avatar{width:36px;height:36px;border-radius:50%;background-color:#1e5eff1a;color:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid rgba(30,94,255,.2)}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:14px;font-weight:600;color:var(--text-dark)}.user-role{font-size:11px;color:var(--text-secondary)}.main-content{flex:1;overflow-y:auto;padding:var(--page-padding);max-width:var(--max-width);margin:0 auto;width:100%}.kpi-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap);margin-bottom:var(--gap)}.hero-section{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap);margin-bottom:var(--gap);min-height:560px}.hero-right-panel{display:flex;flex-direction:column;gap:var(--gap)}.hero-right-panel .card{flex:1;display:flex;flex-direction:column}.hero-right-panel .card-body{flex:1}.operational-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--gap);margin-bottom:var(--gap)}.resource-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--gap);margin-bottom:var(--gap)}.trends-section{display:grid;grid-template-columns:1fr;gap:var(--gap);margin-bottom:var(--gap)}.bottom-ticker{width:100%;height:var(--ticker-height);background-color:var(--pure-white);border-top:1px solid var(--border-color);display:flex;align-items:center;z-index:20;font-size:13px;flex-shrink:0}.ticker-label{background-color:var(--critical-red);color:#fff;font-weight:600;height:100%;display:flex;align-items:center;padding:0 24px;flex-shrink:0}.ticker-content-wrapper{flex:1;overflow:hidden;white-space:nowrap;position:relative;padding:0 24px}.ticker-content{display:inline-block;animation:ticker 30s linear infinite;color:var(--text-dark)}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.ticker-sources{padding:0 24px;border-left:1px solid var(--border-color);color:var(--text-secondary);flex-shrink:0;background:var(--pure-white)}@media (max-width: 1400px){.hero-section{grid-template-columns:3fr 2fr}}@media (max-width: 1100px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a;z-index:30}.sidebar.open{transform:translate(0)}.hero-section{grid-template-columns:1fr}.hero-right-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.card{background-color:var(--pure-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow var(--transition),border-color var(--transition)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--pure-white)}.card-title{font-size:var(--text-base);font-weight:600;color:var(--text-dark);margin:0;letter-spacing:-.01em}.card-actions{display:flex;gap:8px}.btn-icon{background:var(--bg-light-gray);border:1px solid var(--border-color);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background:var(--border-color);color:var(--text-dark)}.btn-icon i{width:14px;height:14px}.card-body{padding:var(--card-padding);background-color:var(--pure-white);position:relative}.scrollable{overflow-y:auto;max-height:300px}.kpi-card{background-color:var(--pure-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;align-items:center;box-shadow:var(--shadow-soft);height:100%;transition:box-shadow var(--transition),transform var(--transition)}.kpi-card:hover{box-shadow:var(--shadow-md)}.kpi-card{border-top-width:3px}.kpi-blue{border-top-color:var(--primary-blue)}.kpi-red{border-top-color:var(--critical-red)}.kpi-orange{border-top-color:var(--orange)}.kpi-yellow{border-top-color:var(--warning-yellow)}.kpi-green{border-top-color:var(--success-green)}.kpi-purple{border-top-color:var(--purple)}.kpi-teal{border-top-color:var(--teal)}.kpi-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.kpi-icon-wrapper i{width:20px;height:20px}.kpi-content{flex:1;display:flex;flex-direction:column}.kpi-title{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;margin-bottom:4px}.kpi-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-dark);line-height:1.1;margin-bottom:4px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-trend{font-size:var(--text-xs);display:flex;align-items:center;gap:4px;font-weight:600;font-variant-numeric:tabular-nums}.kpi-trend i{width:12px;height:12px}.kpi-trend.good{color:var(--success-green)}.kpi-trend.bad{color:var(--critical-red)}.kpi-trend.neutral{color:var(--text-secondary)}.kpi-trend-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.kpi-context{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.stat-row:first-child{padding-top:0}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-label{color:var(--text-secondary);font-size:var(--text-base)}.stat-val{color:var(--text-dark);font-size:var(--text-base);font-weight:500;font-variant-numeric:tabular-nums}.map-container{display:flex;flex-direction:column}.map-container .card-body{flex:1;display:flex;flex-direction:column;padding:0!important}.map-view{flex:1;width:100%;min-height:400px;background-color:var(--bg-light-gray);z-index:1}.map-legend{position:absolute;bottom:24px;left:24px;background:var(--surface-overlay);padding:12px 16px;border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);z-index:1000}.map-legend h4{font-size:12px;margin-bottom:8px;color:var(--text-dark)}.map-legend ul{list-style:none}.map-legend li{font-size:11px;display:flex;align-items:center;margin-bottom:4px;color:var(--text-secondary)}.color-box{width:12px;height:12px;border-radius:3px;margin-right:8px}.map-layers{position:absolute;top:24px;right:24px;background:var(--surface-overlay);padding:12px 16px;border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);z-index:1000}.map-layers h4{font-size:12px;margin-bottom:8px;color:var(--text-dark)}.map-layers label{display:block;font-size:11px;margin-bottom:6px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition),border-color var(--transition)}.tab i{width:16px;height:16px}.tab:hover{color:var(--text-dark)}.tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.ai-risk-body{display:flex;flex-direction:column;align-items:center}.ai-risk-details{width:100%;margin-top:16px}.ai-recommendation{margin-top:16px;padding:12px;background-color:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:12px;color:var(--text-dark);line-height:1.4}.district-risk-info .district-name{font-size:20px;font-weight:700;margin-bottom:16px}.weather-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.weather-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:var(--bg-light-gray);border-radius:8px}.weather-item i{margin-bottom:8px}.weather-item .val{font-size:16px;font-weight:600;color:var(--text-dark)}.weather-item .lbl{font-size:11px;color:var(--text-secondary);margin-top:2px}.checklist{list-style:none}.checklist li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px;color:var(--text-dark)}.checklist li i{width:16px;height:16px}.checklist li.idle{color:var(--text-secondary)}.checklist li>div{display:flex;flex-direction:column}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;margin-bottom:24px}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:absolute;left:-24px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;border:2px solid var(--pure-white)}.timeline-icon i{width:12px;height:12px;color:#fff}.timeline-content{background:var(--bg-light-gray);padding:12px;border-radius:8px;border:1px solid var(--border-color)}.timeline-header{display:flex;justify-content:space-between;margin-bottom:4px}.timeline-time{font-size:11px;color:var(--text-secondary)}.timeline-title{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.sensor-health-grid{display:flex;flex-direction:column}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base);text-align:left;font-variant-numeric:tabular-nums}.data-table th{color:var(--text-muted);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.03em;padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td{padding:var(--space-3) 0;color:var(--text-dark);border-bottom:1px solid var(--border-color)}.data-table th:not(:last-child),.data-table td:not(:last-child){padding-right:var(--space-5)}.data-table tbody tr:hover td{background-color:var(--bg-light-gray)}.data-table tr:last-child td{border-bottom:none}.progress-bar-container{width:100%;height:8px;background-color:var(--bg-light-gray);border-radius:4px;overflow:hidden;margin-top:4px}.progress-bar{height:100%;border-radius:4px}.inline-block{display:inline-block}.timeline-desc{font-size:var(--text-sm);color:var(--text-secondary)}#ai-risk-gauge,#electric-field-gauge{min-height:150px;display:flex;justify-content:center}.efm-thresholds{display:flex;gap:16px;font-size:11px;color:var(--text-secondary)}.threshold-item{display:flex;align-items:center;gap:4px}.threshold-item .dot{width:8px;height:8px;border-radius:50%}.district-label{background:none!important;border:none!important;box-shadow:none!important;color:var(--text-dark);font-weight:700;font-size:10px;text-align:center;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff;pointer-events:none;white-space:nowrap}[data-theme=dark] .district-label{color:var(--pure-white);text-shadow:0 0 3px #000000,0 0 3px #000000}.map-strike-marker{display:flex;align-items:center;justify-content:center}.pulse-strike{background:#ef444440;border:1px solid #EF4444;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#facc15;animation:strike-pulse 1.8s infinite ease-in-out}.pulse-strike.ic{background:#f9731640;border:1px solid #F97316}.pulse-strike i{width:13px;height:13px}@keyframes strike-pulse{0%{transform:scale(.9);box-shadow:0 0 #ef444480}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.9);box-shadow:0 0 #ef444400}}.map-status-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface-overlay);padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);z-index:1000;display:flex;gap:16px;font-size:11px;font-weight:600}.map-status-indicator .status-item{display:flex;align-items:center;gap:6px;color:var(--text-dark)}.map-status-indicator .badge{padding:2px 6px;border-radius:4px;color:#fff;font-weight:700}.operational-split-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:center;height:100%}.radar-column,.gauge-column{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.radar-wrapper{width:130px;height:130px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-light-gray);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.radar-svg{width:100%;height:100%}.radar-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:9px;font-weight:700}.radar-legend span{display:flex;align-items:center;gap:3px;color:var(--text-secondary)}.radar-legend .dot{width:6px;height:6px;border-radius:50%}.gauge-verdict{margin-top:-10px;text-align:center;z-index:10}.ai-warning-banner{margin-top:12px;padding:8px 12px;background-color:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:11px;color:var(--critical-red);font-weight:600;display:flex;align-items:center;gap:8px}.ai-warning-banner i{width:14px;height:14px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.header-titles{min-width:0}.header-right{flex-shrink:0}.menu-toggle{display:none;width:36px;height:36px;border-radius:var(--radius-md);align-items:center;justify-content:center}.menu-toggle:hover{background-color:var(--bg-light-gray)}.sidebar-close{display:none;margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-md)}.sidebar-close:hover{background-color:var(--bg-light-gray);color:var(--text-dark)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);z-index:9}.sidebar-scrim.visible{opacity:1;visibility:visible}.nav-group-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-4) var(--space-4) var(--space-1);pointer-events:none}.sidebar-nav li.nav-group-label:hover a{background:none}.nav-link-badged{justify-content:space-between;width:100%}.nav-link-label{display:flex;align-items:center;min-width:0}.nav-badge{padding:2px 7px;font-size:var(--text-xs);border-radius:var(--radius-full);flex-shrink:0}.header-search{position:relative;display:flex;align-items:center}.header-search i{position:absolute;left:var(--space-3);width:15px;height:15px;color:var(--text-muted);pointer-events:none}.header-search input{width:260px;padding:var(--space-2) var(--space-3) var(--space-2) 34px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-light-gray);color:var(--text-dark);font-size:var(--text-base);transition:border-color var(--transition),background-color var(--transition),width var(--transition)}.header-search input::placeholder{color:var(--text-muted)}.header-search input:focus{outline:none;width:320px;background-color:var(--surface);border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--tint-blue)}.header-search input::-webkit-search-cancel-button{-webkit-appearance:none}.popover-host{position:relative}.popover{position:absolute;top:calc(100% + var(--space-3));right:0;width:340px;max-height:420px;display:flex;flex-direction:column;background-color:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);z-index:60;overflow:hidden}.popover[hidden]{display:none}.popover-sm{width:220px}.popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);font-size:var(--text-base);font-weight:600;color:var(--text-dark)}.popover-body{flex:1;overflow-y:auto;padding:var(--space-1) 0}.popover-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);text-align:center;font-size:var(--text-sm);font-weight:500}.popover-divider{height:1px;background-color:var(--border-color);margin:var(--space-1) 0}.popover-empty{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-base);color:var(--text-muted)}.popover-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;font-size:var(--text-base);color:var(--text-dark);transition:background-color var(--transition)}.popover-item:hover{background-color:var(--bg-light-gray)}.popover-item i{width:15px;height:15px;color:var(--text-secondary);flex-shrink:0}.popover-item.danger,.popover-item.danger i{color:var(--critical-red)}.popover-item.danger:hover{background-color:var(--tint-red)}.chevron{width:14px;height:14px;color:var(--text-muted);transition:transform var(--transition)}[aria-expanded=true] .chevron{transform:rotate(180deg)}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:var(--tint-blue)}.notification-dot{width:8px;height:8px;border-radius:var(--radius-full);margin-top:5px;flex-shrink:0}.notification-text{min-width:0}.notification-title{font-size:var(--text-base);font-weight:600;color:var(--text-dark)}.notification-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:1px}.notification-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-dark);font-size:var(--text-base);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.btn:hover{background-color:var(--bg-light-gray);border-color:var(--border-strong)}.btn i{width:15px;height:15px}.btn-primary{background-color:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:var(--primary-blue-dark);border-color:var(--primary-blue-dark)}.btn-danger{background-color:var(--critical-red);border-color:var(--critical-red);color:#fff}.link-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--primary-blue);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.link-btn:hover{text-decoration:underline}.field{display:inline-flex;align-items:center;gap:var(--space-2)}.field-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap}.input-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-dark);font-size:var(--text-base);cursor:pointer;transition:border-color var(--transition)}.input-select:hover{border-color:var(--border-strong)}.input-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--tint-blue)}.segmented{display:inline-flex;padding:3px;gap:2px;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md)}.segment{padding:5px var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition),color var(--transition)}.segment:hover{color:var(--text-dark)}.segment.active{background-color:var(--surface);color:var(--primary-blue);box-shadow:var(--shadow-soft)}.view-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--gap)}.toolbar-left,.toolbar-right{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.section-heading{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0 var(--space-4)}.section-heading h2{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dark);white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.section-heading h2:before{content:"";width:4px;height:15px;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--primary-blue),var(--purple))}.section-rule{flex:1;height:1px;background-color:var(--border-color)}.chart-caption{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.card-heading{display:flex;flex-direction:column;gap:1px;min-width:0}.card-subtitle{font-size:var(--text-xs);color:var(--text-secondary)}.kpi-unit{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-left:3px}.live-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--tint-green);color:var(--success-green);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.live-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--success-green);animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.6;box-shadow:0 0 0 4px #22c55e00}}.btn-icon.refreshing i{animation:spin .7s linear}.storm-cell-list{display:flex;flex-direction:column}.storm-cell-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.storm-cell-row:first-child{padding-top:0}.storm-cell-row:last-child{border-bottom:none;padding-bottom:0}.storm-cell-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.storm-cell-id{font-family:var(--font-mono);font-weight:600;font-size:var(--text-base);color:var(--text-dark)}.storm-cell-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.storm-cell-meta span{display:inline-flex;align-items:center;gap:var(--space-1)}.storm-cell-meta i{width:13px;height:13px}.storm-cell-eta{margin-left:auto;color:var(--text-dark);font-weight:500}.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.detail-head .font-mono{font-weight:600;font-size:var(--text-lg);color:var(--text-dark)}.add-sensor-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.add-sensor-form .field{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%}.add-sensor-form .input-select{width:100%}.input-text{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-dark);font-size:var(--text-base);transition:border-color var(--transition)}.input-text:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--tint-blue)}.input-text[readonly]{background:var(--bg-subtle);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay[hidden]{display:none}.modal{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:var(--text-lg);font-weight:700;color:var(--text-dark)}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color)}.modal-map{max-width:1120px}.map-modal-body{padding:0;position:relative;height:min(700px,82vh)}.map-modal-body .map-view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.modal-wizard{max-width:780px}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-5) 0;flex-wrap:wrap}.wizard-step{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);transition:color var(--transition),border-color var(--transition)}.wizard-num{width:20px;height:20px;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.wizard-step.active{color:var(--primary-blue);border-color:var(--primary-blue)}.wizard-step.active .wizard-num{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.wizard-step.done{color:var(--success-green)}.wizard-step.done .wizard-num{background:var(--success-green);color:#fff;border-color:var(--success-green)}.wizard-line{width:28px;height:1px;background:var(--border-color)}.field-full{grid-column:1 / -1}textarea.input-text{resize:vertical;min-height:60px;font-family:inherit}.param-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-2)}.param-check{display:flex;align-items:center;gap:var(--space-2);padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition),background-color var(--transition)}.param-check input{accent-color:var(--primary-blue)}.param-check:has(input:checked){border-color:var(--primary-blue);background:var(--tint-blue);color:var(--primary-blue);font-weight:500}.wizard-footer{justify-content:space-between;align-items:center}.wizard-progress{font-size:var(--text-xs);color:var(--text-secondary)}.wizard-actions{display:flex;gap:var(--space-3)}.detail-group{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-muted);margin:var(--space-4) 0 var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-color)}.detail-group:first-of-type{margin-top:var(--space-2)}.detail-params{display:flex;flex-wrap:wrap;gap:6px;margin:var(--space-2) 0}.btn-sm{padding:4px 12px;font-size:var(--text-sm)}.ai-decision-top{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.ai-decision-top #dash-ai-gauge{flex:0 0 150px;width:150px}.ai-decision-verdict{display:flex;flex-direction:column;gap:var(--space-2)}.ai-decision-verdict .badge{align-self:flex-start;font-size:var(--text-base);padding:6px 14px}.ai-decision-meta{font-size:var(--text-sm);color:var(--text-secondary)}.rec-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.rec-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm)}.rec-num{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--primary-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.rec-text{flex:1;color:var(--text-dark);line-height:1.35}.rec-buttons{display:inline-flex;gap:var(--space-2);flex-shrink:0}.rec-action.acked{opacity:.55}.rec-action.acked .rec-num{background:var(--success-green)}.escalation-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-4);margin-top:auto;border-top:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-secondary)}.escalation-strip strong{color:var(--text-dark)}.sensor-detail-scroll{max-height:460px;overflow-y:auto}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:180px;text-align:center}.btn:disabled{opacity:.45;cursor:not-allowed}.map-gate{flex:1;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--text-secondary);background:var(--bg-subtle)}.map-gate>i{width:40px;height:40px;color:var(--text-muted)}.map-gate p{font-size:var(--text-base);max-width:320px}.risk-band-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.risk-band{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md)}.risk-band-count{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.risk-band-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.risk-band-label .dot{width:8px;height:8px;border-radius:var(--radius-full)}.sector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}.sector-card{padding:var(--space-5);gap:var(--space-2)}.sector-top{display:flex;align-items:center;justify-content:space-between}.sector-dept{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600;margin-top:var(--space-3)}.sector-title{font-size:var(--text-lg);font-weight:600;color:var(--text-dark);letter-spacing:-.01em}.sector-detail{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.sector-detail i{width:14px;height:14px;flex-shrink:0}.report-contents{list-style:none;margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.report-contents li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-dark)}.report-contents li i{width:15px;height:15px;color:var(--success-green);flex-shrink:0}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1px solid var(--border-color);font-size:var(--text-sm);white-space:nowrap}.status-pill i{width:14px;height:14px}.status-pill-label{color:var(--text-secondary)}.status-pill-value{font-weight:600}.status-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-dark);white-space:nowrap}.status-chip .dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-secondary)}.empty-state i{width:32px;height:32px;color:var(--text-muted)}.empty-state h2{font-size:var(--text-lg);font-weight:600;color:var(--text-dark)}.empty-state p{font-size:var(--text-base);max-width:46ch}.empty-state code{font-family:var(--font-mono);font-size:var(--text-sm);padding:2px 6px;border-radius:var(--radius-sm);background-color:var(--bg-subtle)}.table-empty{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-base);color:var(--text-muted)}.flex-col{display:flex;flex-direction:column}.metrics-column{display:flex;flex-direction:column;justify-content:center;min-width:0}.stat-main{display:flex;flex-direction:column}.stat-main .stat-val{font-size:var(--text-2xl);font-weight:700;line-height:1.1}.stat-lbl{font-size:var(--text-xs);color:var(--text-secondary)}.stat-mini{display:flex;flex-direction:column;align-items:flex-end}.mini-val{font-size:var(--text-lg);font-weight:700;color:var(--primary-blue);line-height:1.1}.mini-lbl{font-size:var(--text-xs);color:var(--text-secondary)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.res-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--bg-light-gray);border:1px solid var(--border-color)}.res-lbl{font-size:var(--text-xs);color:var(--text-secondary)}.res-vals{font-size:var(--text-md);color:var(--text-dark)}.res-vals strong{font-weight:700}.res-vals .divider{color:var(--text-muted);margin:0 2px}.res-vals .standby{color:var(--text-secondary)}.infra-list{display:flex;flex-direction:column;gap:var(--space-2)}.infra-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.infra-item:last-child{border-bottom:none}.infra-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.infra-left .kpi-icon-wrapper{width:32px;height:32px;margin-right:0}.infra-left .kpi-icon-wrapper i{width:16px;height:16px}.infra-details{display:flex;flex-direction:column;min-width:0}.infra-title{font-size:var(--text-base);font-weight:600;color:var(--text-dark)}.infra-sub{font-size:var(--text-xs);color:var(--text-secondary)}.recent-alerts-list{display:flex;flex-direction:column;gap:var(--space-3)}.alert-item{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-light-gray)}.alert-badge-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0}.alert-badge-icon i{width:14px;height:14px}.checklist-detailed{display:flex;flex-direction:column;gap:var(--space-2)}.map-popup-title{font-size:var(--text-base);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-2)}.map-popup-row{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);padding:2px 0}.map-popup-row strong{color:var(--text-dark)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background-color:var(--surface-raised);color:var(--text-dark);box-shadow:var(--shadow-popover)}.leaflet-tooltip.sensor-tooltip{min-width:190px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-color);color:var(--text-dark);box-shadow:var(--shadow-md);white-space:normal}.leaflet-tooltip.sensor-tooltip:before{display:none}.channel-cell{display:inline-flex;align-items:center;gap:var(--space-2)}.channel-cell i{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0}.compose-form{display:flex;flex-direction:column;gap:var(--space-3)}.compose-form .field{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1)}.compose-form .field-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.compose-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.template-preview{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-subtle)}.template-list{display:flex;flex-direction:column;gap:var(--space-3)}.template-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md)}.template-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-base);font-weight:600;color:var(--text-dark)}.template-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.template-body{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.sop-rule-card{border-left:3px solid var(--primary-blue)}.sop-rule-card.is-disabled{opacity:.62;border-left-color:var(--gray)}.sop-rule-card.is-disabled .sop-flow-step{background-color:transparent}.is-filtered-out{display:none!important}.sop-flow{display:flex;flex-direction:column;gap:var(--space-1)}.sop-flow-step{padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--bg-light-gray);border:1px solid var(--border-color)}.sop-flow-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-2)}.sop-flow-label i{width:13px;height:13px}.sop-flow-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-base);color:var(--text-dark);line-height:1.45}.sop-flow-list li{position:relative;padding-left:var(--space-4)}.sop-flow-list li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:var(--radius-full);background-color:var(--border-strong)}.sop-flow-arrow{display:flex;justify-content:center;color:var(--text-muted)}.sop-flow-arrow i{width:15px;height:15px}.checklist-split li{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border-color);padding:var(--space-3) 0}.checklist-split li:last-child{border-bottom:none}.checklist-label{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-weight:500}.checklist-label i{width:15px;height:15px;flex-shrink:0}.checklist-split li.idle .checklist-label{color:var(--text-secondary)}.efm-thresholds-stacked{flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-2)}.threshold-title{font-weight:700;color:var(--text-secondary);margin-bottom:var(--space-1)}.card-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.badge-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.th-sortable{cursor:pointer;user-select:none;-webkit-user-select:none;transition:color var(--transition)}.th-sortable:hover{color:var(--text-dark)}.mb-3{margin-bottom:var(--space-3)}@media (max-width: 1100px){.menu-toggle,.sidebar-close{display:flex}.header-search input{width:180px}.header-search input:focus{width:220px}}@media (max-width: 820px){.header-search,.header-weather,.header-datetime{display:none}.popover{width:min(340px,calc(100vw - var(--space-8)))}.user-info{display:none}}