.nav-dashboard{padding:1.5rem 0}.nav-subtabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:#0f172a99;border-radius:.75rem;border:1px solid rgba(71,85,105,.2)}.nav-subtab{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:#9ca3af}.nav-subtab:hover{color:#e5e7eb;background:#1e293b66}.nav-subtab.active{background:#2563eb26;color:#60a5fa;border:1px solid rgba(37,99,235,.3)}.nav-card{background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:1rem;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.nav-card:hover{border-color:#47556980;background:#1e293ba6}.nav-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.nav-card-title{font-size:1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.nav-card-subtitle{font-size:.8rem;color:#9ca3af;margin-top:.25rem}.nav-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.nav-badge-clear{background:#27ae6026;color:#27ae60;border:1px solid rgba(39,174,96,.3)}.nav-badge-complicated{background:#3498db26;color:#3498db;border:1px solid rgba(52,152,219,.3)}.nav-badge-complex{background:#f39c1226;color:#f39c12;border:1px solid rgba(243,156,18,.3)}.nav-badge-chaotic,.nav-badge-protect{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.nav-badge-pause{background:#f39c1226;color:#f39c12;border:1px solid rgba(243,156,18,.3)}.nav-badge-navigate{background:#3498db26;color:#3498db;border:1px solid rgba(52,152,219,.3)}.nav-badge-accelerate{background:#27ae6026;color:#27ae60;border:1px solid rgba(39,174,96,.3)}.nav-gauge-container{display:flex;flex-direction:column;align-items:center;gap:.375rem}.nav-gauge-bar{width:100%;height:8px;background:#4755694d;border-radius:4px;overflow:hidden;position:relative}.nav-gauge-fill{height:100%;border-radius:4px;transition:width .6s ease}.nav-gauge-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.nav-gauge-value{font-size:1.25rem;font-weight:700;color:#fff}.nav-gauge-fill.high{background:linear-gradient(90deg,#e74c3c,#ff6b6b)}.nav-gauge-fill.medium{background:linear-gradient(90deg,#f39c12,#ffcb6b)}.nav-gauge-fill.low{background:linear-gradient(90deg,#27ae60,#6bcb77)}.nav-gauge-fill.blue{background:linear-gradient(90deg,#3498db,#60a5fa)}.nav-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.nav-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.nav-grid-3,.nav-grid-2{grid-template-columns:1fr}}.nav-list-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#0f172a66;border:1px solid rgba(71,85,105,.2);border-radius:.75rem;margin-bottom:.5rem;transition:all .2s ease}.nav-list-item:hover{border-color:#47556966;background:#0f172a99}.nav-list-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.nav-list-content{flex:1;min-width:0}.nav-list-title{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.25rem}.nav-list-desc{font-size:.8rem;color:#9ca3af;line-height:1.4}.nav-list-meta{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.nav-meta-tag{font-size:.7rem;padding:.125rem .5rem;border-radius:9999px;background:#4755694d;color:#9ca3af}.nav-priority-high{border-left:3px solid #E74C3C}.nav-priority-medium{border-left:3px solid #F39C12}.nav-priority-low{border-left:3px solid #27AE60}.nav-health-bar{display:flex;gap:2px;margin-top:.5rem}.nav-health-segment{flex:1;height:6px;border-radius:3px;transition:background .3s ease}.nav-health-healthy{background:#27ae60}.nav-health-strained{background:#f39c12}.nav-health-breached{background:#e74c3c}.nav-trigger-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:.375rem}.nav-trigger-active{background:#e74c3c;box-shadow:0 0 8px #e74c3c80;animation:pulse-dot 2s infinite}.nav-trigger-warning{background:#f39c12;box-shadow:0 0 6px #f39c1266}.nav-trigger-monitoring{background:#3498db}.nav-trigger-clear{background:#27ae60}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.nav-empty{text-align:center;padding:3rem 1rem;color:#9ca3af}.nav-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.nav-empty-text{font-size:.875rem}.nav-shimmer{background:linear-gradient(90deg,#1e293b80 25%,#33415580,#1e293b80 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-section-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:1px solid rgba(71,85,105,.2)}.nav-strength-score{display:flex;gap:2px}.nav-star{color:#f39c12;font-size:.75rem}.nav-star.dim{opacity:.2}@font-face{font-family:Balto;src:url(/assets/Balto_Book-Beh55bXS-Beh55bXS.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Balto;src:url(/assets/Balto_Medium-DhAH2zfT-DhAH2zfT.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Balto;src:url(/assets/Balto_Bold-oDuAPLls-oDuAPLls.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #0A0F1C;--bg-secondary: #111827;--bg-tertiary: #1F2937;--blue-600: #2563EB;--blue-500: #3B82F6;--blue-400: #60A5FA;--blue-300: #93C5FD;--magenta-600: #B731B4;--magenta-500: #C026D3;--magenta-400: #D946EF;--magenta-300: #E879F9;--text-primary: #FFFFFF;--text-secondary: #E5E7EB;--text-muted: #9CA3AF;--text-faint: #6B7280;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-emphasis: rgba(255, 255, 255, .15);--gradient-blue: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-magenta: linear-gradient(135deg, #D946EF 0%, #B731B4 100%);--gradient-blue-magenta: linear-gradient(135deg, #2563EB 0%, #B731B4 100%);--gradient-text: linear-gradient(135deg, #60A5FA 0%, #D946EF 100%)}@layer base{*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:var(--text-secondary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--blue-400);text-decoration:none;transition:color .2s}a:hover{color:var(--blue-300)}img{max-width:100%;height:auto;display:block}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}select option{color:#1f2937}select:invalid,select option[value=""]{color:#6b7280}*{animation:none!important;transition-property:transform,box-shadow,border-color,color,background-color,opacity;transition-duration:.2s;transition-timing-function:ease-out}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#fff;background:var(--gradient-blue);border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb59}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#fff;background:var(--gradient-magenta);border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b731b459}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--border-emphasis);border-radius:10px;cursor:pointer;transition:all .2s}.btn-outline:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff40}.text-hero{font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.text-h1{font-size:48px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.text-h2{font-size:36px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--text-primary)}.text-h3{font-size:24px;font-weight:600;line-height:1.3;color:var(--text-primary)}.text-h4{font-size:20px;font-weight:600;line-height:1.4;color:var(--text-primary)}.text-body{font-size:18px;font-weight:400;line-height:1.7}.text-body-sm{font-size:16px;font-weight:400;line-height:1.6}.text-caption{font-size:14px;font-weight:500;line-height:1.5}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:16px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);border-color:var(--border-emphasis);box-shadow:0 20px 40px #0000004d}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px;color:var(--blue-400);background:#2563eb1a;border-radius:12px}.card-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.card-text{font-size:16px;font-weight:400;line-height:1.6;color:var(--text-muted)}.stat-card{max-width:500px;margin:0 auto;padding:48px;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:24px}.stat-number{font-size:96px;font-weight:800;line-height:1;background:var(--gradient-blue-magenta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.stat-label{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.stat-description{font-size:16px;font-weight:400;color:var(--text-muted);line-height:1.6}.section{padding:64px 24px}.section-alt{background:var(--bg-secondary)}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent);opacity:.6;margin:0 24px}@media (max-width: 768px){.text-hero{font-size:36px}.text-h1{font-size:32px}.text-h2{font-size:28px}.text-h3{font-size:20px}.text-body{font-size:16px}.section{padding:60px 20px}.card{padding:24px}.stat-number{font-size:64px}.stat-card{padding:32px}}@media (max-width: 1199px){.section-container{padding:0 32px}}