*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:#06101f;color:#f4fbff}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 10%,rgba(0,220,255,.18),transparent 35%),radial-gradient(circle at 85% 5%,rgba(30,255,145,.12),transparent 35%),linear-gradient(135deg,#03101f,#071c36 55%,#020812);z-index:-1}.perfHeader{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;background:rgba(3,11,22,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}.brand img{width:42px;height:42px}.brand span{display:flex;flex-direction:column}.brand small{color:#8fb3c9}.perfHeader nav{display:flex;gap:10px;flex-wrap:wrap}.perfHeader nav a,.heroActions a,.heroActions button,.buttonRow button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#dff8ff;text-decoration:none;padding:10px 13px;border-radius:14px;font-weight:800;cursor:pointer}.perfHeader nav a:hover,.heroActions a:hover,.heroActions button:hover,.buttonRow button:hover{background:rgba(89,230,255,.16)}.perfShell{width:min(1180px,94vw);margin:28px auto 60px}.heroCard,.panel,.metric{background:rgba(10,24,45,.78);border:1px solid rgba(255,255,255,.11);border-radius:28px;box-shadow:0 24px 80px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.heroCard{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px}.eyebrow{margin:0 0 10px;color:#59e6ff;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.heroCard h1{margin:0;font-size:clamp(34px,5vw,64px);line-height:.95}.heroCard p{max-width:720px;color:#bdd4e2}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.heroActions .primary{background:linear-gradient(135deg,#20d477,#00a8ff);color:white;border:0}.buildBadge{min-width:150px;text-align:center;padding:22px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.buildBadge span,.buildBadge small{display:block;color:#9fb8c8}.buildBadge strong{display:block;font-size:54px;color:#59e6ff}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{padding:20px}.metric span{display:block;color:#9fb8c8;font-size:13px}.metric strong{display:block;margin:8px 0;font-size:30px;color:#fff}.metric small{color:#9fb8c8}.grid{display:grid;gap:18px;margin:18px 0}.twoCols{grid-template-columns:1fr 1fr}.panel{padding:22px}.panelHead{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.panelHead span{font-size:28px}.panel h2{margin:0}.panel p{margin:5px 0 0;color:#a9c4d4}.checkList{display:grid;gap:10px}.checkItem{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.checkItem.good b{color:#28e392}.checkItem.warn b{color:#ffcc66}.checkItem.bad b{color:#ff6c7b}.codeBox{white-space:pre-wrap;min-height:160px;padding:14px;border-radius:16px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.08);color:#ccefff;overflow:auto}.buttonRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.issueList{display:grid;gap:10px}.issue{padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.issue strong{display:block;color:#fff}.issue small{color:#8fb3c9}.eventTable{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}th{color:#59e6ff;background:rgba(255,255,255,.05)}td{color:#d9edf6;font-size:13px}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#071522;color:white;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 16px;box-shadow:0 16px 40px rgba(0,0,0,.4)}@media(max-width:860px){.perfHeader,.heroCard{align-items:flex-start;flex-direction:column}.metricGrid,.twoCols{grid-template-columns:1fr}.perfHeader nav{width:100%;overflow:auto;flex-wrap:nowrap}.buildBadge{width:100%}}