:root{--fo-bg:#050508;--fo-surface:#0d0d12;--fo-surface2:#13131a;--fo-border:#1e1e2a;--fo-border-hover:#2a2a3a;--fo-text:#e8e8ed;--fo-muted:#8888a0;--fo-accent:#6366f1;--fo-red:#f43f5e;--fo-orange:#f59e0b;--fo-green:#10b981;--fo-yellow:#eab308;--fo-purple:#a78bfa;--fo-blue:#60a5fa;--fo-cyan:#22d3ee;--fo-pink:#ec4899}.fo-container{background:var(--fo-bg);max-width:1440px;color:var(--fo-text);min-height:100vh;margin:0 auto;padding:32px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.fo-header{border-bottom:1px solid var(--fo-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:40px;padding-bottom:24px;display:flex}.fo-title{letter-spacing:-.5px;background:linear-gradient(135deg, var(--fo-text) 40%, var(--fo-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.fo-accent{background:linear-gradient(135deg, var(--fo-accent), var(--fo-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fo-meta{color:var(--fo-muted);letter-spacing:.2px;margin-top:4px;font-size:13px}.fo-badge{letter-spacing:.3px;border-radius:24px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.fo-badge-red{color:var(--fo-red);background:#f43f5e1f;border:1px solid #f43f5e40}.fo-badge-orange{color:var(--fo-orange);background:#f59e0b1f;border:1px solid #f59e0b40}.fo-badge-green{color:var(--fo-green);background:#10b9811f;border:1px solid #10b98140}@keyframes foPulse{0%,to{opacity:1;box-shadow:0 0 #f43f5e4d}50%{opacity:.85;box-shadow:0 0 16px 4px #f43f5e26}}.fo-pulse{animation:2.5s ease-in-out infinite foPulse}.fo-section{margin-bottom:40px}.fo-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--fo-muted);align-items:center;gap:8px;margin-bottom:16px;padding-left:2px;font-size:11px;font-weight:700;display:flex}.fo-section-title:before{content:"";background:var(--fo-accent);border-radius:2px;width:3px;height:14px;display:block}.fo-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:40px;display:grid}.fo-kpi{background:var(--fo-surface);border:1px solid var(--fo-border);border-radius:14px;padding:22px;transition:border-color .2s,transform .15s;position:relative;overflow:hidden}.fo-kpi:hover{border-color:var(--fo-border-hover);transform:translateY(-1px)}.fo-kpi:before{content:"";border-radius:14px 14px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.fo-kpi.fo-kpi-red:before{background:linear-gradient(90deg, var(--fo-red), transparent)}.fo-kpi.fo-kpi-orange:before{background:linear-gradient(90deg, var(--fo-orange), transparent)}.fo-kpi.fo-kpi-green:before{background:linear-gradient(90deg, var(--fo-green), transparent)}.fo-kpi.fo-kpi-blue:before{background:linear-gradient(90deg, var(--fo-blue), transparent)}.fo-kpi-icon{margin-bottom:8px;font-size:18px}.fo-kpi-label{color:var(--fo-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:11px;font-weight:600}.fo-kpi-value{letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1.1}.fo-kpi-sub{color:var(--fo-muted);margin-top:6px;font-size:12px;line-height:1.4}.fo-kpi-delta{border-radius:4px;align-items:center;gap:3px;margin-top:6px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.fo-kpi-delta-up{color:var(--fo-red);background:#f43f5e1a}.fo-kpi-delta-down{color:var(--fo-green);background:#10b9811a}.fo-text-red{color:var(--fo-red)!important}.fo-text-orange{color:var(--fo-orange)!important}.fo-text-green{color:var(--fo-green)!important}.fo-text-blue{color:var(--fo-blue)!important}.fo-text-purple{color:var(--fo-purple)!important}.fo-bold{font-weight:700}.fo-big{font-size:16px}.fo-chart-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}@media (max-width:900px){.fo-chart-grid{grid-template-columns:1fr}}.fo-chart-card{background:var(--fo-surface);border:1px solid var(--fo-border);border-radius:14px;padding:24px;transition:border-color .2s}.fo-chart-card:hover{border-color:var(--fo-border-hover)}.fo-chart-card h3{color:var(--fo-muted);margin-bottom:16px;font-size:14px;font-weight:600}.fo-chart-card canvas{max-height:280px}.fo-full-width{grid-column:1/-1}.fo-table-card{background:var(--fo-surface);border:1px solid var(--fo-border);border-radius:14px;margin-bottom:24px;padding:24px;transition:border-color .2s}.fo-table-card:hover{border-color:var(--fo-border-hover)}.fo-table-card h3{margin-bottom:16px;font-size:15px;font-weight:700}.fo-table-scroll{overflow-x:auto}.fo-table{border-collapse:collapse;width:100%;font-size:13px}.fo-table th{text-align:left;border-bottom:1px solid var(--fo-border);color:var(--fo-muted);text-transform:uppercase;letter-spacing:.8px;padding:10px 14px;font-size:11px;font-weight:600}.fo-table td{border-bottom:1px solid #1e1e2a80;padding:11px 14px}.fo-table tr:last-child td{border-bottom:none}.fo-table tr:hover td{background:#6366f108}.fo-mono{font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:12px}.fo-right{text-align:right}.fo-highlight-row{background:#f43f5e0a!important}.fo-highlight-row td{border-left:2px solid var(--fo-red)}.fo-highlight-row td:first-child{border-left:3px solid var(--fo-red)}.fo-green-row{background:#10b9810a!important}.fo-total-row td{border-top:2px solid var(--fo-border);font-weight:600}.fo-note{color:var(--fo-muted);margin-top:8px;font-size:12px;line-height:1.5}.fo-border-green{border-color:#10b98166!important}.fo-insights{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}@media (max-width:900px){.fo-insights{grid-template-columns:1fr}}.fo-insight{background:var(--fo-surface);border:1px solid var(--fo-border);border-radius:14px;padding:24px}.fo-insight h3{align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.fo-insight ul{padding-left:0;list-style:none}.fo-insight li{color:var(--fo-muted);margin-bottom:10px;padding-left:18px;font-size:13px;line-height:1.5;position:relative}.fo-insight li:before{content:"";background:var(--fo-border-hover);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.fo-insight li strong{color:var(--fo-text);font-weight:600}.fo-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;align-items:center;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.fo-tag-critical{color:var(--fo-red);background:#f43f5e1f;border:1px solid #f43f5e33}.fo-tag-warning{color:var(--fo-orange);background:#f59e0b1f;border:1px solid #f59e0b33}.fo-tag-info{color:var(--fo-accent);background:#6366f11f;border:1px solid #6366f133}.fo-tag-save{color:var(--fo-green);background:#10b9811f;border:1px solid #10b98133}.fo-simulator{background:var(--fo-surface);border:1px solid var(--fo-accent);border-radius:14px;margin-bottom:32px;padding:28px;position:relative;overflow:hidden}.fo-simulator:before{content:"";pointer-events:none;background:radial-gradient(at 0 0,#6366f114,#0000 60%),radial-gradient(at 100% 100%,#a78bfa0f,#0000 60%);position:absolute;inset:0}.fo-simulator h3{margin-bottom:20px;font-size:18px;font-weight:700;position:relative}.fo-sim-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid;position:relative}@media (max-width:900px){.fo-sim-grid{grid-template-columns:1fr}}.fo-sim-scenario{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--fo-border);background:#05050899;border-radius:12px;padding:20px;transition:border-color .2s,transform .15s}.fo-sim-scenario:hover{border-color:var(--fo-accent);transform:translateY(-2px)}.fo-sim-scenario h4{color:var(--fo-purple);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.fo-sim-val{letter-spacing:-1px;font-size:28px;font-weight:800}.fo-sim-detail{color:var(--fo-muted);margin-top:8px;font-size:12px;line-height:1.5}.fo-alerts{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}@media (max-width:900px){.fo-alerts{grid-template-columns:1fr}}.fo-alert{border:1px solid;border-radius:14px;padding:22px;transition:transform .15s;position:relative;overflow:hidden}.fo-alert:hover{transform:translateY(-1px)}.fo-alert:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.fo-alert-critical{background:#f43f5e0a;border-color:#f43f5e26}.fo-alert-critical:before{background:var(--fo-red)}.fo-alert-warning{background:#f59e0b0a;border-color:#f59e0b26}.fo-alert-warning:before{background:var(--fo-orange)}.fo-alert-info{background:#6366f10a;border-color:#6366f126}.fo-alert-info:before{background:var(--fo-accent)}.fo-alert-header{align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.fo-alert-icon{flex-shrink:0;font-size:22px;line-height:1}.fo-alert-desc{color:var(--fo-muted);margin-bottom:14px;padding-left:32px;font-size:13px;line-height:1.55}.fo-alert-tip{color:var(--fo-text);background:#10b9810f;border:1px solid #10b98126;border-radius:8px;margin-left:32px;padding:12px 14px;font-size:12px;line-height:1.55}.fo-alert-tip-label{color:var(--fo-green);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:4px;margin-right:4px;font-size:10px;font-weight:700;display:inline-flex}.fo-community{background:var(--fo-surface);border:1px solid var(--fo-border);border-radius:14px;margin-bottom:32px;padding:28px}.fo-community h3{margin-bottom:20px;font-size:18px;font-weight:700}.fo-community-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.fo-community-card{background:var(--fo-bg);border:1px solid var(--fo-border);border-radius:10px;padding:18px;transition:border-color .2s,transform .15s;position:relative;overflow:hidden}.fo-community-card:hover{border-color:var(--fo-border-hover);transform:translateY(-1px)}.fo-community-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.fo-community-card[style*=red]:before{background:linear-gradient(90deg, var(--fo-red), transparent)}.fo-community-card[style*=orange]:before{background:linear-gradient(90deg, var(--fo-orange), transparent)}.fo-community-card[style*=blue]:before{background:linear-gradient(90deg, var(--fo-blue), transparent)}.fo-community-card h4{margin-bottom:8px;font-size:13px;font-weight:700}.fo-community-card p{color:var(--fo-muted);font-size:12px;line-height:1.55}.fo-source{color:var(--fo-accent);opacity:.8;margin-top:10px;font-size:11px}.fo-score{background:var(--fo-surface);border:1px solid var(--fo-border);border-radius:14px;align-items:center;gap:20px;margin-bottom:32px;padding:24px;display:flex}.fo-score-ring{flex-shrink:0;width:100px;height:100px;position:relative}.fo-score-ring svg{transform:rotate(-90deg)}.fo-score-ring-val{justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:absolute;inset:0}.fo-score-details{flex:1}.fo-score-bar{background:var(--fo-border);border-radius:3px;height:6px;margin-top:6px;margin-bottom:12px;overflow:hidden}.fo-score-bar-fill{border-radius:3px;height:100%;transition:width .5s}.fo-footer{text-align:center;color:var(--fo-muted);border-top:1px solid var(--fo-border);letter-spacing:.3px;margin-top:24px;padding:28px;font-size:11px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--fo-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fo-border-hover)}@keyframes foSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fo-animate{animation:.4s ease-out both foSlideUp}