.performance-page{--border:var(--line);--panel:var(--card);--input:var(--input-bg);max-width:1480px;margin:0 auto;color:var(--text)}
.performance-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.performance-topline .eyebrow{margin:0 0 7px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.performance-topline h1{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}
.performance-topline>div>p:last-child{max-width:720px;margin:9px 0 0;color:var(--muted);line-height:1.55}
.performance-engine{display:flex;align-items:center;gap:10px;min-width:190px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.performance-engine i{width:9px;height:9px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 4px color-mix(in srgb,#dc2626 14%,transparent)}
.performance-engine.is-ready i{background:#22c55e;box-shadow:0 0 0 4px color-mix(in srgb,#22c55e 14%,transparent)}
.performance-engine strong,.performance-engine small{display:block}.performance-engine strong{font-size:12px}.performance-engine small{margin-top:3px;color:var(--muted);font-size:10px}
.performance-tabs{display:flex;gap:4px;overflow:auto;margin-bottom:24px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.performance-tabs a{padding:9px 13px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}
.performance-tabs a:hover,.performance-tabs a.active{background:var(--input);color:var(--text)}
.performance-tabs a.active{box-shadow:inset 0 -2px var(--accent)}
.performance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.performance-heading h2{margin:0;font-size:22px;letter-spacing:-.025em}.performance-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}
.performance-callout{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:24px;border-left:3px solid var(--accent)}
.performance-callout h3{margin:11px 0 5px;font-size:19px}.performance-callout p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.performance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.performance-kpis article{padding:17px;border-top:2px solid var(--accent)}
.performance-kpis small,.performance-kpis span{display:block;color:var(--muted);font-size:11px}.performance-kpis strong{display:block;margin:8px 0 5px;font-size:25px;letter-spacing:-.03em}
.performance-panel{margin-bottom:16px;padding:20px}.performance-panel>h3{margin:0 0 5px;font-size:15px}
.performance-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.performance-panel-title h3{margin:0;font-size:15px}.performance-panel-title a{color:var(--accent);font-size:12px;font-weight:750;text-decoration:none}
.performance-table-wrap{max-width:100%;overflow:auto}.performance-page table{width:100%;min-width:780px;border-collapse:collapse;font-size:12px}.performance-page th,.performance-page td{padding:11px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.performance-page th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.performance-page tbody tr:last-child td{border-bottom:0}
.performance-target{max-width:230px;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.performance-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.perf-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--border);border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.perf-badge.is-completed,.perf-badge.is-safe{border-color:color-mix(in srgb,#22c55e 35%,var(--border));background:color-mix(in srgb,#22c55e 10%,var(--panel));color:#16a34a}
.perf-badge.is-running{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent)}
.perf-badge.is-failed{background:color-mix(in srgb,#dc2626 10%,var(--panel));color:#dc2626}.perf-badge.is-stopped,.perf-badge.is-draft{color:var(--muted)}
.perf-badge.is-demo{background:color-mix(in srgb,#eab308 12%,var(--panel));color:#ca8a04}
.performance-empty{padding:32px;text-align:center;color:var(--muted)}.performance-empty h2{color:var(--text)}
.performance-form-shell{max-width:1140px}.performance-workflow{display:flex;align-items:center;gap:0;margin:0 0 18px;padding:0;list-style:none}.performance-workflow li{display:flex;align-items:center;color:var(--muted);font-size:11px;font-weight:750}.performance-workflow li:not(:last-child)::after{content:"";width:42px;height:1px;margin:0 9px;background:var(--border)}.performance-workflow b{display:grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:50%;background:var(--input)}.performance-workflow .active{color:var(--text)}.performance-workflow .active b{background:var(--accent);color:#fff}
.performance-help{margin:0 0 17px;color:var(--muted);font-size:12px;line-height:1.5}.performance-input-row{display:flex;align-items:flex-end;gap:9px}.performance-input-row label{flex:1}
.performance-page label{display:grid;gap:6px;font-size:11px;font-weight:750}.performance-page label small{color:var(--muted);font-size:10px;font-weight:500}
.performance-page input,.performance-page select,.performance-page textarea{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--input);color:var(--text);padding:10px 11px;font:inherit;outline:none}.performance-page input:focus,.performance-page select:focus,.performance-page textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.performance-page textarea{min-height:86px;resize:vertical}
.performance-target-result{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-top:12px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--input)}.performance-target-result strong,.performance-target-result span{display:block}.performance-target-result strong{font-size:11px}.performance-target-result span{margin-top:4px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.performance-error{margin:12px 0 0;padding:11px;border-radius:8px;background:color-mix(in srgb,#dc2626 10%,var(--panel));color:#dc2626;font-size:11px}
.performance-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.performance-type{min-height:135px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--input);color:var(--text);text-align:left;cursor:pointer}.performance-type:hover,.performance-type.selected{border-color:var(--accent)}.performance-type.selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.performance-type>span{font-size:20px;color:var(--accent)}.performance-type strong,.performance-type small{display:block}.performance-type strong{margin:9px 0 6px;font-size:12px}.performance-type small{color:var(--muted);font-size:10px;line-height:1.45}
.performance-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.performance-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.performance-span-2{grid-column:span 2}.performance-advanced{margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.performance-advanced summary{margin-bottom:15px;font-size:11px;font-weight:800;cursor:pointer}
.performance-confirm{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;padding:13px;border:1px solid color-mix(in srgb,#eab308 35%,var(--border));border-radius:10px;background:color-mix(in srgb,#eab308 8%,var(--panel))}.performance-confirm input,.performance-demo input{width:auto}.performance-confirm strong,.performance-confirm small{display:block}.performance-confirm small{margin-top:4px}.performance-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px}.performance-demo{display:flex!important;align-items:center;grid-template-columns:auto auto auto;gap:8px}
.performance-live-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-live-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.performance-chart{width:100%;height:190px}.performance-chart line{stroke:var(--border);stroke-width:1}.performance-chart polyline{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.performance-chart-empty{display:grid;place-items:center;height:180px;color:var(--muted);font-size:11px}
.performance-progress{height:8px;overflow:hidden;border-radius:999px;background:var(--input)}.performance-progress i{display:block;height:100%;background:var(--accent)}
.performance-summary,.performance-thresholds{margin:14px 0 0}.performance-summary div,.performance-thresholds div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:11px}.performance-summary div:last-child,.performance-thresholds div:last-child{border-bottom:0}.performance-summary dt,.performance-thresholds dt{color:var(--muted)}.performance-summary dd,.performance-thresholds dd{margin:0;font-weight:750}.performance-thresholds div{grid-template-columns:1fr auto auto}.performance-thresholds strong{font-size:10px}
.performance-compare{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}.performance-compare-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.performance-compare-results article{padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--input)}.performance-compare-results small,.performance-compare-results strong,.performance-compare-results span{display:block}.performance-compare-results strong{margin:6px 0;font-size:11px}.performance-compare-results span{font-size:10px;font-weight:800}
.is-good{color:#16a34a!important}.is-bad{color:#dc2626!important}.performance-result{display:flex;align-items:center;gap:15px;margin-bottom:17px;padding:20px;border-top:3px solid var(--accent)}.performance-result-mark{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;font-size:24px}.performance-result-mark.is-pass{background:color-mix(in srgb,#22c55e 13%,var(--panel));color:#16a34a}.performance-result-mark.is-fail{background:color-mix(in srgb,#dc2626 11%,var(--panel));color:#dc2626}.performance-result h3{margin:0 0 4px}.performance-result p,.performance-result small{display:block;margin:0;color:var(--muted);font-size:11px}.performance-result small{margin-top:5px}
.performance-evidence{border-left:3px solid var(--accent)}.performance-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:9px}.performance-evidence-grid div{min-width:0;padding:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.performance-evidence-grid small,.performance-evidence-grid strong{display:block}.performance-evidence-grid small{margin-bottom:5px;color:var(--muted);font-size:9px}.performance-evidence-grid strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.performance-checksum{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px!important}
.performance-report-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.performance-note{color:var(--muted);font-size:10px;line-height:1.55}.performance-findings{margin:0;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.8}.performance-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:1100px){.performance-types{grid-template-columns:repeat(3,1fr)}.performance-fields{grid-template-columns:repeat(2,1fr)}.performance-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.performance-topline,.performance-heading,.performance-callout,.performance-submit{align-items:flex-start;flex-direction:column}.performance-engine{width:100%}.performance-types,.performance-fields,.performance-live-grid,.performance-report-grid,.performance-settings-grid,.performance-compare{grid-template-columns:1fr}.performance-span-2{grid-column:auto}.performance-kpis,.performance-live-kpis,.performance-target-result,.performance-evidence-grid,.performance-compare-results{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-input-row{align-items:stretch;flex-direction:column}.performance-workflow{overflow:auto}.performance-table-wrap{margin-inline:-10px}}
@media(max-width:480px){.performance-kpis,.performance-live-kpis,.performance-target-result,.performance-evidence-grid,.performance-compare-results{grid-template-columns:1fr}}
@media print{.topbar,.nav,.view-as-banner,.performance-tabs,.performance-heading .performance-actions,.wa-support{display:none!important}.view{padding:0!important}.performance-page{max-width:none}.card{box-shadow:none!important}}