@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--card-bg:#fff;--card-shadow:0 10px 30px -10px #1a56db0d, 0 1px 3px #00000005;--card-shadow-hover:0 20px 40px -15px #1a56db1f, 0 4px 6px #00000008;--border-color:#0000000f;--border-color-hover:#1a56db26;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#1a56db;--accent-primary-hover:#1e429f;--accent-primary-tint:#1a56db14;--accent-gold:#b45309;--accent-gold-tint:#b4530914;--success:#0d9488;--success-tint:#0d94881a;--warning:#d97706;--warning-tint:#d977061a;--danger:#e11d48;--danger-tint:#e11d481a;--glass-bg:#fffc;--glass-border:#fff6;--backdrop-blur:blur(16px);--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--font-sans:"Outfit", -apple-system, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .15s ease}[data-theme=dark]{--bg-primary:#060608;--bg-secondary:#0c0c11;--bg-tertiary:#12121b;--card-bg:#121219a6;--card-shadow:0 20px 40px -20px #000c;--card-shadow-hover:0 30px 60px -25px #f3b92314, 0 0 2px #f3b92326;--border-color:#ffffff12;--border-color-hover:#f3b92340;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#f3b923;--accent-primary-hover:#e0aa1c;--accent-primary-tint:#f3b92326;--accent-gold:#f3b923;--accent-gold-tint:#f3b92326;--success:#10b981;--success-tint:#10b9811f;--warning:#f59e0b;--warning-tint:#f59e0b1f;--danger:#ef4444;--danger-tint:#ef44441f;--glass-bg:#0a0a0fb3;--glass-border:#ffffff0d;--card-glow:0 0 40px -10px #f3b9230a}[data-theme=blue-theme]{--bg-primary:#1e5fcb;--bg-secondary:#0f1013;--bg-tertiary:#1951b1;--card-bg:#fffffff0;--card-shadow:0 20px 40px -20px #00000040;--card-shadow-hover:0 30px 50px -20px #00000059;--border-color:#ffffff59;--border-color-hover:#1e5fcb;--text-primary:#0a0a0f;--text-secondary:#3b4252;--text-muted:#707a8a;--accent-primary:#1e5fcb;--accent-primary-hover:#14499f;--accent-primary-tint:#1e5fcb1a;--accent-gold:#f2994a;--accent-gold-tint:#f2994a26;--success:#10b981;--success-tint:#10b9811f;--warning:#f59e0b;--warning-tint:#f59e0b1f;--danger:#ef4444;--danger-tint:#ef44441f;--glass-bg:#ffffffd9;--glass-border:#fff6}[data-theme=blue-theme] .sidebar{--text-primary:#fff;--text-secondary:#a0aec0;--text-muted:#718096;--bg-tertiary:#1a1b20;--border-color:#ffffff1a;--accent-primary-tint:#ffffff1a;--accent-primary:#fff}[data-theme=blue-theme] .sim-bar{color:#fff;background-color:#0f1013;border-bottom:1px solid #ffffff1a}[data-theme=blue-theme] .sim-bar select,[data-theme=blue-theme] .sim-bar button{color:#fff;background-color:#1a1b20;border-color:#ffffff26}[data-theme=new-blue-white]{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--card-bg:#fff;--card-shadow:0 10px 30px -5px #3b82f614, 0 1px 3px #00000003;--card-shadow-hover:0 20px 40px -10px #3b82f626, 0 4px 6px #00000005;--border-color:#3b82f614;--border-color-hover:#3b82f633;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-primary-tint:#2563eb14;--accent-gold:#f97316;--accent-gold-tint:#f9731614;--success:#10b981;--success-tint:#10b9811f;--warning:#f59e0b;--warning-tint:#f59e0b1f;--danger:#ef4444;--danger-tint:#ef44441f;--glass-bg:#ffffffe6;--glass-border:#fff9}[data-theme=blue-theme] body{background-color:#1e5fcb;background-image:none}[data-theme=new-blue-white] body{background-image:linear-gradient(185deg,#b3d4fc 0%,#dbf0fd 60%,#ffdcf4 100%);background-attachment:fixed}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .4s cubic-bezier(.16,1,.3,1);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{color:var(--text-secondary);line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseBorder{0%{border-color:var(--border-color)}50%{border-color:var(--accent-primary)}to{border-color:var(--border-color)}}@keyframes progressGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:var(--transition-smooth);padding:24px}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:var(--transition-smooth)}@supports (corner-shape:superellipse){.card,.glass-panel{corner-shape:superellipse(1.5)}}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.text-input,.select-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-tertiary);width:100%;color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}.text-input:focus,.select-input:focus{border-color:var(--accent-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-primary-tint)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:var(--bg-primary);box-shadow:0 4px 12px var(--accent-primary-tint)}[data-theme=dark] .btn-primary{color:#0c0c11}[data-theme=light] .btn-primary{color:#fff}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-color-hover)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.775rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-tint);color:var(--success)}.badge-warning{background-color:var(--warning-tint);color:var(--warning)}.badge-danger{background-color:var(--danger-tint);color:var(--danger)}.badge-info{background-color:var(--accent-primary-tint);color:var(--accent-primary)}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);width:260px;transition:var(--transition-smooth);flex-direction:column;flex-shrink:0;gap:32px;padding:24px;display:flex}.main-content{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:40px}.brand-section{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-gold) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-name{font-family:var(--font-serif);background:linear-gradient(90deg, var(--text-primary) 0%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:700}.nav-menu{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background-color:var(--accent-primary-tint);color:var(--accent-primary)}.sim-bar{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.sim-tabs{background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:4px;display:flex}.sim-tab-btn{color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500}.sim-tab-btn.active{background-color:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .sim-tab-btn.active{color:#060608}[data-theme=light] .sim-tab-btn.active{color:#fff}.meter-container{margin-top:8px}.meter-track{background-color:var(--bg-tertiary);border-radius:9999px;height:8px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--accent-primary) 0%, var(--success) 100%);background-size:200% 200%;border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);animation:3s infinite progressGlow}.dashboard-grid{grid-template-columns:2fr 1fr;gap:32px;margin-top:32px;display:grid}.detail-drawer{background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:1000;flex-direction:column;gap:24px;width:450px;height:100vh;padding:40px;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-450px;overflow-y:auto;box-shadow:-10px 0 40px #0003}.detail-drawer.open{right:0}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0006;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;pointer-events:all}.dropzone{border:2px dashed var(--border-color);background-color:var(--bg-primary);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-fast);flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.dropzone:hover{border-color:var(--accent-primary);background-color:var(--accent-primary-tint)}.timeline{flex-direction:column;gap:20px;display:flex}.timeline-item{gap:16px;display:flex}.timeline-marker{background:var(--accent-primary);border:3px solid var(--bg-secondary);width:12px;height:12px;box-shadow:0 0 0 1px var(--border-color);border-radius:50%;flex-shrink:0;margin-top:4px}.timeline-content{flex-direction:column;gap:4px;display:flex}*,:before,:after{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}h1{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1.85rem,5vw + .5rem,3.2rem)!important}h2{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1.4rem,3.5vw + .3rem,2.2rem)!important}h3{font-size:clamp(1.15rem,2.5vw + .2rem,1.6rem)!important}table{border-collapse:collapse;width:100%}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:16px;overflow-x:auto}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{gap:20px;width:100%;display:grid}.responsive-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.responsive-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.responsive-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.app-container{flex-direction:column;width:100%}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;width:100%;padding:12px 16px}.sidebar nav{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.sidebar .nav-menu{flex-flow:row;gap:8px;padding-bottom:4px}.sidebar .nav-menu li{flex-shrink:0}.sidebar .nav-link{white-space:nowrap;padding:8px 14px;font-size:.8rem}.main-content{box-sizing:border-box;width:100%;max-width:100vw;padding:16px 12px}section{box-sizing:border-box!important;max-width:100vw!important;padding:36px 16px!important}header{flex-wrap:wrap!important;gap:12px!important;padding:12px 16px!important}header nav{order:3;justify-content:center;width:100%;gap:16px!important;font-size:.825rem!important}.card{box-sizing:border-box!important;border-radius:14px!important;max-width:100%!important;padding:18px 16px!important}.btn,button.btn-primary,button.btn-secondary{touch-action:manipulation;min-height:42px}[style*="gridTemplateColumns: '1fr 1fr'"],[style*="grid-template-columns: 1fr 1fr"],[style*="gridTemplateColumns: 1fr 1fr"]{grid-template-columns:1fr!important;gap:24px!important}.detail-drawer{width:100%;right:-100%}.hero-box{border-radius:16px!important;padding:24px 16px!important}}.low-bandwidth-mode *{image-rendering:pixelated;transition:none!important;animation:none!important}