:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a2332;--bg-card-hover:#1f2937;--text-primary:#f0f4f8;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-red:#ff4757;--accent-red-glow:rgba(255, 71, 87, 0.3);--accent-orange:#f97316;--accent-yellow:#fbbf24;--accent-green:#22c55e;--accent-emerald:#10b981;--accent-teal:#14b8a6;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-purple:#818cf8;--border-color:rgba(148, 163, 184, 0.1);--gradient-danger:linear-gradient(135deg, #ff4757 0%, #ff4757 100%);--gradient-warning:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-success:linear-gradient(135deg, #22c55e 0%, #00b8d9 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.container{max-width:1600px;margin:0 auto;padding:40px}.header{text-align:center;margin-bottom:50px;position:relative}.header::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(255,71,87,.08) 0,transparent 70%);pointer-events:none}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.3);padding:8px 16px;border-radius:100px;font-size:12px;font-weight:600;color:var(--accent-red);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,71,87,.4)}50%{box-shadow:0 0 0 10px rgba(255,71,87,0)}}.badge-dot{width:8px;height:8px;background:var(--accent-red);border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.title{font-size:48px;font-weight:700;letter-spacing:-1px;margin-bottom:12px;background:linear-gradient(135deg,#f0f4f8 0,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:18px;color:var(--text-secondary);font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);border-color:rgba(148,163,184,.2)}.stat-card.danger{border-color:rgba(255,71,87,.3);background:linear-gradient(135deg,rgba(255,71,87,.05) 0,var(--bg-card) 100%)}.stat-card.danger::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-danger)}.stat-value{font-family:'JetBrains Mono',monospace;font-size:42px;font-weight:700;margin-bottom:8px}.stat-value.danger{color:var(--accent-red)}.stat-value.warning{color:var(--accent-orange)}.stat-value.info{color:var(--accent-cyan)}.stat-value.success{color:var(--accent-emerald)}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:32px;position:relative}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.panel-title{font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px}.panel-title-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.panel-title-icon.red{background:rgba(255,71,87,.15)}.panel-title-icon.orange{background:rgba(249,115,22,.15)}.panel-badge{font-family:'JetBrains Mono',monospace;font-size:11px;padding:6px 12px;background:rgba(148,163,184,.1);border-radius:6px;color:var(--text-secondary)}.bar-list{display:flex;flex-direction:column;gap:12px}.bar-item{display:grid;grid-template-columns:24px 140px 1fr 100px;align-items:center;gap:12px}.bar-rank{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-muted);text-align:right}.bar-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:28px;background:rgba(148,163,184,.05);border-radius:6px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:6px;position:relative;transition:width 1s cubic-bezier(.4, 0, .2, 1);min-width:4px}.bar-fill.red{background:var(--gradient-danger);box-shadow:0 0 20px var(--accent-red-glow)}.bar-fill.orange{background:var(--gradient-warning)}.bar-fill.yellow{background:linear-gradient(135deg,#fbbf24 0,#ca8a04 100%)}.bar-fill.green{background:var(--gradient-success)}.bar-fill.emerald{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.bar-fill.teal{background:linear-gradient(135deg,#14b8a6 0,#0d9488 100%)}.bar-fill.cyan{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%)}.bar-fill.blue{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%)}.bar-fill.purple{background:linear-gradient(135deg,#818cf8 0,var(--pd-purple) 100%)}.bar-fill.gray{background:linear-gradient(135deg,#94a3b8 0,#475569 100%)}.bar-value{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text-secondary);text-align:right}.bar-value span{color:var(--text-muted);font-size:11px}.response-list{display:flex;flex-direction:column;gap:12px}.response-item{display:grid;grid-template-columns:24px 140px 1fr 110px;align-items:center;gap:12px;padding:0}.response-item.critical .response-name{color:var(--accent-red);font-weight:700}.response-rank{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-muted);text-align:right}.response-name{font-size:14px;font-weight:500}.response-track{height:28px;background:rgba(148,163,184,.05);border-radius:6px;overflow:hidden}.response-bar{height:100%;border-radius:6px;transition:width 1s cubic-bezier(.4, 0, .2, 1)}.response-bar.fast{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.response-bar.medium{background:linear-gradient(135deg,#fbbf24 0,#ca8a04 100%)}.response-bar.slow{background:linear-gradient(135deg,#f97316 0,#ea580c 100%)}.response-bar.critical{background:var(--gradient-danger);box-shadow:0 0 20px var(--accent-red-glow)}.response-time{font-family:'JetBrains Mono',monospace;font-size:12px;text-align:right}.response-time.fast{color:var(--accent-emerald)}.response-time.medium{color:var(--accent-yellow)}.response-time.slow{color:var(--accent-orange)}.response-time.critical{color:var(--accent-red);font-weight:700}.highlight-card{background:linear-gradient(135deg,rgba(255,71,87,.1) 0,rgba(255,71,87,.02) 100%);border:1px solid rgba(255,71,87,.3);border-radius:16px;padding:28px;margin-bottom:30px;display:flex;align-items:center;gap:24px}.highlight-icon{width:64px;height:64px;background:rgba(255,71,87,.15);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.highlight-content h3{font-size:18px;font-weight:700;color:var(--accent-red);margin-bottom:6px}.highlight-content p{font-size:14px;color:var(--text-secondary);line-height:1.6}.highlight-stat{margin-left:auto;text-align:right}.highlight-stat-value{font-family:'JetBrains Mono',monospace;font-size:36px;font-weight:700;color:var(--accent-red)}.highlight-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.footer{display:flex;align-items:center;justify-content:space-between;padding-top:30px;border-top:1px solid var(--border-color)}.footer-left{display:flex;align-items:center;gap:16px}.footer-logo{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.footer-logo span{color:var(--accent-red)}.footer-divider{width:1px;height:24px;background:var(--border-color)}.footer-text{font-size:13px;color:var(--text-muted)}.footer-right{display:flex;align-items:center;gap:20px}.footer-link{font-size:13px;color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.footer-link:hover{color:var(--text-primary)}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:slideIn .5s ease forwards}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.panel{opacity:0;animation:slideIn .6s ease forwards;animation-delay:.5s}.bar-fill,.response-bar{width:0}