@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.enhanced-advanced-analytics{position:relative;background:linear-gradient(135deg,#0f172a,#1e293b)}#enhanced-analytics-diagram-wrapper{min-height:420px}.pulse-ring{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.4}to{transform:scale(2);opacity:0}}.data-flow-particle{animation:flow-animation 3s linear infinite}@keyframes flow-animation{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.smart-city-node{transition:all .3s ease;cursor:pointer}.smart-city-node:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.status-indicator{animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.3}}.energy-flow-line{stroke-dasharray:8,4;animation:flow-dash 1.5s linear infinite}@keyframes flow-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.chart-container{background:#111827cc;border:1px solid rgba(75,85,99,.3);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glow-effect{box-shadow:0 0 20px #3b82f666;border:1px solid rgba(59,130,246,.6)}.trucontext-primary{color:#3b82f6}.trucontext-secondary{color:#10b981}.trucontext-accent{color:#06b6d4}@media (max-width: 768px){.enhanced-advanced-analytics{padding:1rem}.smart-city-node{transform:scale(.9)}.modal-content{margin:1rem;max-height:90vh}}.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity}.loading-shimmer{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.interactive-element{transition:all .2s ease;cursor:pointer}.interactive-element:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.interactive-element:active{transform:translateY(0)}.status-operational{color:#10b981;fill:#10b981}.status-warning{color:#f59e0b;fill:#f59e0b}.status-critical{color:#ef4444;fill:#ef4444}.status-offline{color:#6b7280;fill:#6b7280}.energy-solar{color:#fbbf24;stroke:#fbbf24}.energy-wind{color:#06b6d4;stroke:#06b6d4}.energy-hydro{color:#3b82f6;stroke:#3b82f6}.energy-battery{color:#10b981;stroke:#10b981}.transport-traffic{color:#f59e0b;stroke:#f59e0b}.transport-transit{color:#8b5cf6;stroke:#8b5cf6}.transport-parking{color:#06b6d4;stroke:#06b6d4}.env-air-quality{color:#10b981;stroke:#10b981}.env-noise{color:#f59e0b;stroke:#f59e0b}.env-weather{color:#3b82f6;stroke:#3b82f6}@media (prefers-reduced-motion: reduce){.pulse-ring,.data-flow-particle,.status-indicator,.energy-flow-line{animation:none}.smart-city-node:hover{transform:none}}.interactive-element:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.enhanced-advanced-analytics{background:#fff;color:#000}.modal-backdrop{display:none}}#improved-analytics-diagram{min-height:500px;display:block}.improved-advanced-analytics{position:relative;background:linear-gradient(135deg,#0f172a,#1e293b)}.isometric-transform{transform:perspective(1200px) rotateX(25deg) rotate(-35deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-origin:center center}.pulse-ring{animation:enhanced-pulse-animation 3s infinite}@keyframes enhanced-pulse-animation{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.4);opacity:.5}to{transform:scale(1.9);opacity:0}}.data-flow-particle{animation:enhanced-flow-animation 4s linear infinite}@keyframes enhanced-flow-animation{0%{offset-distance:0%;opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{offset-distance:100%;opacity:0;transform:scale(.8)}}.smart-city-node{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.smart-city-node:hover{transform:scale(1.08) translateY(-2px);filter:drop-shadow(0 8px 16px rgba(59,130,246,.4))}.status-indicator{animation:enhanced-status-pulse 2.5s ease-in-out infinite}@keyframes enhanced-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.energy-flow-line{stroke-dasharray:10,5;animation:enhanced-flow-dash 2s linear infinite}@keyframes enhanced-flow-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:15}}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3}.chart-container{background:#111827e6;border:1px solid rgba(75,85,99,.4);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px #0000004d}.glow-effect{box-shadow:0 0 20px #3b82f680,0 0 40px #3b82f64d,inset 0 0 20px #3b82f61a;border:1px solid rgba(59,130,246,.7)}.trucontext-primary{color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.3)}.trucontext-secondary{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.3)}.trucontext-accent{color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.3)}.isometric-transform .joint-paper{background-image:linear-gradient(rgba(75,85,99,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(75,85,99,.3) 1px,transparent 1px);background-size:20px 20px}.enhanced-connection{filter:drop-shadow(0 0 4px rgba(16,185,129,.6))}@media (max-width: 768px){.improved-advanced-analytics{padding:.5rem}.smart-city-node{transform:scale(.85)}.isometric-transform{transform:perspective(800px) rotateX(20deg) rotate(-30deg)}.modal-content{margin:.5rem;max-height:95vh}}@media (max-width: 480px){.isometric-transform{transform:perspective(600px) rotateX(15deg) rotate(-25deg)}}.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden}.loading-shimmer{background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);background-size:200% 100%;animation:enhanced-shimmer 2.5s infinite}@keyframes enhanced-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.interactive-element{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.interactive-element:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0006,0 0 20px #3b82f633}.interactive-element:active{transform:translateY(-1px)}.status-operational{color:#10b981;fill:#10b981;filter:drop-shadow(0 0 6px rgba(16,185,129,.5))}.status-warning{color:#f59e0b;fill:#f59e0b;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.status-critical{color:#ef4444;fill:#ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}.status-offline{color:#6b7280;fill:#6b7280;filter:drop-shadow(0 0 6px rgba(107,114,128,.3))}.energy-solar{color:#fbbf24;stroke:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}.energy-wind{color:#06b6d4;stroke:#06b6d4;filter:drop-shadow(0 0 8px rgba(6,182,212,.4))}.energy-hydro{color:#3b82f6;stroke:#3b82f6;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.energy-battery{color:#10b981;stroke:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.transport-traffic{color:#f59e0b;stroke:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}.transport-transit{color:#8b5cf6;stroke:#8b5cf6;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.transport-parking{color:#06b6d4;stroke:#06b6d4;filter:drop-shadow(0 0 8px rgba(6,182,212,.4))}.env-air-quality{color:#10b981;stroke:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.env-noise{color:#f59e0b;stroke:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}.env-weather{color:#3b82f6;stroke:#3b82f6;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}@media (prefers-reduced-motion: reduce){.pulse-ring,.data-flow-particle,.status-indicator,.energy-flow-line,.isometric-transform{animation:none;transition:none}.smart-city-node:hover{transform:none}}.interactive-element:focus{outline:3px solid #3b82f6;outline-offset:3px;box-shadow:0 0 0 6px #3b82f633}@media print{.improved-advanced-analytics{background:#fff;color:#000}.modal-backdrop,.isometric-transform{display:none}.chart-container{background:#fff;border:1px solid #ccc}}.improved-advanced-analytics ::-webkit-scrollbar{width:8px;height:8px}.improved-advanced-analytics ::-webkit-scrollbar-track{background:#4b556333;border-radius:4px}.improved-advanced-analytics ::-webkit-scrollbar-thumb{background:#3b82f699;border-radius:4px}.improved-advanced-analytics ::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.connection-primary{stroke:#3b82f6;stroke-width:3;animation:connection-flow-primary 3s linear infinite}.connection-secondary{stroke:#8b5cf6;stroke-width:2;stroke-dasharray:8,4;animation:connection-flow-secondary 4s linear infinite}.connection-tertiary{stroke:#ec4899;stroke-width:2;stroke-dasharray:5,5;animation:connection-flow-tertiary 5s linear infinite}@keyframes connection-flow-primary{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}@keyframes connection-flow-secondary{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}@keyframes connection-flow-tertiary{0%{stroke-dashoffset:0}to{stroke-dashoffset:10}}:root{--color-primary: #8B5CF6;--color-success: #10B981;--color-warning: #F59E0B;--color-alert: #F97316;--color-critical: #EF4444;--color-info: #3B82F6;--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-card: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-accent: #64748b;--border-primary: #475569;--border-secondary: #334155;--border-accent: #1e293b;--font-display: 2.5rem;--font-heading: 1.5rem;--font-body: .875rem;--font-caption: .75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:transparent;color:var(--text-primary);line-height:1.6;font-size:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex{display:flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}@media (min-width: 768px){.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-8{grid-column:span 8 / span 8}}@media (min-width: 1024px){.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-8{grid-column:span 8 / span 8}}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.gap-6{gap:var(--space-lg)}.gap-8{gap:var(--space-xl)}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-4{padding:var(--space-md)}.p-6{padding:var(--space-lg)}.p-8{padding:var(--space-xl)}.px-2{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-4{padding-left:var(--space-md);padding-right:var(--space-md)}.px-6{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-2{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-4{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-6{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.m-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-4{margin:var(--space-md)}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space-md)}.mb-2{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}.ml-2{margin-left:var(--space-sm)}.mr-2{margin-right:var(--space-sm)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-alert{background-color:var(--color-alert)}.bg-critical{background-color:var(--color-critical)}.bg-info{background-color:var(--color-info)}.bg-purple{background-color:var(--color-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-alert{color:var(--color-alert)}.text-critical{color:var(--color-critical)}.text-info{color:var(--color-info)}.text-purple{color:var(--color-primary)}.text-xs{font-size:var(--font-caption)}.text-sm,.text-base{font-size:var(--font-body)}.text-lg{font-size:var(--font-heading)}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:var(--font-display)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.text-left{text-align:left}.text-right{text-align:right}.border{border:1px solid var(--border-secondary)}.border-t{border-top:1px solid var(--border-secondary)}.border-b{border-bottom:1px solid var(--border-secondary)}.border-l{border-left:1px solid var(--border-secondary)}.border-r{border-right:1px solid var(--border-secondary)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-accent{border-color:var(--border-accent)}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{inset:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.-z-10{z-index:-10}.col-span-12{grid-column:span 12 / span 12}.col-span-8{grid-column:span 8 / span 8}.col-span-6{grid-column:span 6 / span 6}.col-span-4{grid-column:span 4 / span 4}.row-span-2{grid-row:span 2 / span 2}.bg-slate-900{background-color:#0f172a}.bg-gray-900\/50{background-color:#11182780}.border-gray-700{border-color:#374151}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rounded-lg{border-radius:.5rem}.border{border:1px solid #334155}.h-full{height:100%}.font-medium{font-weight:500}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.text-slate-300{color:#cbd5e1}.text-slate-200{color:#e2e8f0}.space-y-2>*+*{margin-top:.5rem}.rounded-md{border-radius:.375rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.bg-emerald-500\/20{background-color:#10b98133}.text-emerald-300{color:#6ee7b7}.bg-amber-500\/20{background-color:#f59e0b33}.text-amber-300{color:#fcd34d}.bg-rose-500\/20{background-color:#ef444433}.text-rose-300{color:#fda4af}.h-2{height:.5rem}.bg-slate-800{background-color:#1e293b}.rounded{border-radius:.25rem}.bg-emerald-500{background-color:#10b981}.h-80{height:20rem}.bg-slate-950{background-color:#020617}.text-center{text-align:center}.text-lg{font-size:1.125rem}.relative{position:relative}.absolute{position:absolute}.bottom-2{bottom:.5rem}.left-2{left:.5rem}.top-2{top:.5rem}.right-2{right:.5rem}.bg-slate-900\/70{background-color:#0f172ab3}.max-h-40{max-height:10rem}.uppercase{text-transform:uppercase}.card{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);transition:all .2s ease-in-out}.card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-accent)}.card-title{font-size:var(--font-heading);font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:var(--font-body);color:var(--text-muted);margin-top:var(--space-xs)}.card-content{color:var(--text-secondary)}.status-indicator{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-caption);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-success{background-color:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-warning{background-color:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.status-alert{background-color:#f973161a;color:var(--color-alert);border:1px solid rgba(249,115,22,.2)}.status-critical{background-color:#ef44441a;color:var(--color-critical);border:1px solid rgba(239,68,68,.2)}.status-info{background-color:#3b82f61a;color:var(--color-info);border:1px solid rgba(59,130,246,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--font-body);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;outline:none}.btn:focus{box-shadow:0 0 0 2px var(--color-primary)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#7c3aed}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-card)}.btn-ghost{background-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease-in-out;height:-moz-fit-content;height:fit-content}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-accent);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-tertiary)}.card-title{font-size:var(--font-heading);font-weight:600;color:var(--text-primary);margin:0}.card-content{padding:var(--space-lg);height:100%;min-height:200px;display:flex;flex-direction:column}.nav-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-accent);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.nav-meta{font-size:var(--font-caption);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-md)}.metric-card{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-md);position:relative;overflow:hidden}.metric-label{font-size:var(--font-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.metric-value{font-size:2rem;font-weight:600;color:var(--text-primary);line-height:1}.metric-change{font-size:var(--font-caption);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.metric-change.positive{color:var(--color-success)}.metric-change.negative{color:var(--color-critical)}.alert{padding:var(--space-md);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--space-sm)}.alert-info{background-color:#3b82f60d;border-left-color:var(--color-info);color:var(--color-info)}.alert-warning{background-color:#f59e0b0d;border-left-color:var(--color-warning);color:var(--color-warning)}.alert-critical{background-color:#ef44440d;border-left-color:var(--color-critical);color:var(--color-critical)}.loading{opacity:.6;pointer-events:none}.recharts-responsive-container{min-width:0!important;min-height:0!important}.card-content .recharts-responsive-container{width:100%!important;height:100%!important}.w-16.h-8 .recharts-responsive-container{width:64px!important;height:32px!important}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1024px){.lg\:col-span-8,.lg\:col-span-6,.lg\:col-span-4{grid-column:span 12}}@media (max-width: 768px){.grid-cols-12{grid-template-columns:1fr}.col-span-8,.col-span-6,.col-span-4{grid-column:span 1}.nav-header{padding:var(--space-sm) var(--space-md)}.nav-brand{font-size:1rem}.metric-value{font-size:1.5rem}.card-content{min-height:150px;padding:var(--space-md)}.card-header{padding:var(--space-sm) var(--space-md)}}@media (max-width: 480px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}.card-content{padding:var(--space-sm);min-height:120px}.nav-meta{display:none}.gap-6{gap:var(--space-sm)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){:root{--border-secondary: #ffffff;--text-muted: #ffffff}}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.min-w-0{min-width:0}.max-w-full{max-width:100%}.h-auto{height:auto}.min-h-0{min-height:0}.max-h-full{max-height:100%}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.space-y-1>*+*{margin-top:var(--space-xs)}.space-y-3>*+*{margin-top:var(--space-md)}.space-y-4>*+*{margin-top:var(--space-lg)}.space-x-1>*+*{margin-left:var(--space-xs)}.space-x-2>*+*{margin-left:var(--space-sm)}.space-x-3>*+*{margin-left:var(--space-md)}.space-x-4>*+*{margin-left:var(--space-lg)}.video-background-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.video-background{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media (aspect-ratio: 16/9){.video-background{width:100%;height:auto}}@media (aspect-ratio: 4/3){.video-background{width:auto;height:100%}}@media (max-aspect-ratio: 16/9){.video-background{width:auto;height:100%}}@media (min-aspect-ratio: 16/9){.video-background{width:100%;height:auto}}.enhanced-text-shadow{text-shadow:0 1px 3px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4)}.enhanced-drop-shadow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.6))}.line-clamp-1{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.advanced-analytics{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.advanced-analytics.ua-compact{--ua-scale: .75}.advanced-analytics.ua-compact .card-header{padding-top:4px;padding-bottom:4px}.advanced-analytics.ua-compact .card-content{padding:6px}.advanced-analytics.ua-compact .card-title{font-size:.9rem}.advanced-analytics.ua-compact .btn.btn-xs{padding:0 6px;height:20px;font-size:10px}.advanced-analytics.ua-compact .text-sm{font-size:.75rem}.advanced-analytics.ua-compact .text-base{font-size:.85rem}.advanced-analytics.ua-compact .text-lg{font-size:.95rem}.advanced-analytics.ua-compact .status-indicator{transform:scale(.85);transform-origin:left center}.advanced-analytics.ua-compact .recharts-surface text{font-size:10px}.advanced-analytics.ua-compact .recharts-tooltip-wrapper{transform:scale(.9)}.advanced-incident-management{height:100%}.anomaly-detection-engine-container{height:calc(100vh - 120px);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px);min-height:500px}.anomaly-detection-engine-container .card{transition:none;overflow:hidden;height:100%;display:flex;flex-direction:column;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.anomaly-detection-engine-container .card-header{flex-shrink:0;min-height:24px;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;border-bottom:1px solid var(--border-accent);background-color:var(--bg-tertiary)}.anomaly-detection-engine-container .card-content{flex:1;min-height:0;padding:.25rem;overflow:hidden;display:flex;flex-direction:column}.anomaly-detection-engine-container .card-title{font-size:.75rem;font-weight:600;color:var(--text-primary);margin:0}.anomaly-detection-engine-container .recharts-responsive-container{width:100%!important;height:100%!important;min-height:0!important;flex:1}.anomaly-detection-engine-container .status-indicator,.anomaly-detection-engine-container .btn{padding:.125rem .25rem;font-size:.625rem;border-radius:.25rem}.anomaly-detection-engine-container select{padding:.125rem .25rem;font-size:.625rem;background-color:transparent;border:1px solid var(--border-secondary);border-radius:.25rem;color:var(--text-primary)}@media (max-width: 1366px){.anomaly-detection-engine-container{height:calc(100vh - 110px);max-height:calc(100vh - 110px);min-height:450px}.anomaly-detection-engine-container .card-content{padding:.125rem}.anomaly-detection-engine-container .card-header{min-height:20px;padding:.125rem .25rem}}@media (max-width: 1024px){.anomaly-detection-engine-container{height:calc(100vh - 100px);max-height:calc(100vh - 100px);min-height:400px}.anomaly-detection-engine-container .grid.lg\\:grid-cols-3{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,2fr);gap:.25rem}.anomaly-detection-engine-container .lg\\:col-span-1,.anomaly-detection-engine-container .lg\\:col-span-2{grid-column:span 1}}@media (max-width: 768px){.anomaly-detection-engine-container{height:calc(100vh - 90px);max-height:calc(100vh - 90px);min-height:350px}.anomaly-detection-engine-container .grid.lg\\:grid-cols-3{grid-template-rows:minmax(0,1fr) minmax(0,1.5fr)}}.anomaly-detection-engine-container .space-y-1>*+*{margin-top:.125rem}.anomaly-detection-engine-container .recharts-legend-wrapper,.anomaly-detection-engine-container .recharts-tooltip-wrapper,.anomaly-detection-engine-container .recharts-cartesian-axis-tick-value{font-size:.625rem!important}.modal-overlay,.dialog-overlay,[role=dialog],[role=alertdialog]{max-height:100vh!important;overflow:hidden!important}.fixed,.absolute{max-height:100vh;max-width:100vw}.tooltip,[role=tooltip]{max-width:min(300px,90vw);max-height:min(200px,50vh);overflow:hidden;word-wrap:break-word}.dropdown-menu,.select-dropdown,[role=listbox],[role=menu],select{max-height:min(200px,30vh);overflow-y:auto;overflow-x:hidden}.anomaly-detection-engine-container select{max-height:150px}.recharts-tooltip-wrapper{max-width:min(250px,80vw)!important;max-height:min(150px,30vh)!important}.recharts-default-tooltip{max-width:100%!important;max-height:100%!important;overflow:hidden!important;font-size:11px!important}.advanced-analytics .card{transition:height .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column}.advanced-analytics .card-header{flex-shrink:0;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border-color)}.advanced-analytics .card-content{min-height:0;padding:.75rem;flex:1}.advanced-analytics .compact-kpi{padding:.5rem;min-height:60px}.advanced-analytics .compact-chart{height:200px}@media (max-width: 1366px){.advanced-analytics .card-content{padding:.5rem}.advanced-analytics .compact-chart{height:180px}}@media (max-width: 1024px){.advanced-analytics .grid-cols-3{grid-template-columns:repeat(2,1fr)}.advanced-analytics .grid-cols-6,.advanced-analytics .grid-cols-8{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.advanced-analytics .grid-cols-8{grid-template-columns:repeat(3,1fr)}.advanced-analytics .lg\\:grid-cols-2{grid-template-columns:1fr}}.cesium-root{position:relative;isolation:isolate}.cesium-map-container{position:absolute;inset:0;z-index:0}.cesium-root .cesium-widget,.cesium-root .cesium-widget canvas{z-index:0!important}.cesium-overlay{z-index:10}.cesium-controls-sidebar{position:relative;z-index:20;max-height:100%}