:root{--green:#185b3c;--mint:#35a66f;--ink:#173329;--muted:#6a7d75;--line:#dfeae4;--soft:#f1f8f4;--gold:#f2b84b;--red:#dc5555}*{box-sizing:border-box}body{background:#f4f8f6;color:var(--ink)}.perf-wrap{width:min(1160px,calc(100% - 28px));margin:auto;padding:25px 0 60px}.back{display:inline-block;color:var(--green);font-weight:800;text-decoration:none;margin-bottom:12px}.hero-card{padding:28px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#123c2a,#277b55);box-shadow:0 16px 35px #194b3426}.hero-card h1{margin:0 0 7px;font-size:clamp(1.7rem,4vw,2.6rem)}.hero-card p{margin:0;color:#d8f1e3}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.portal-card{position:relative;display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;overflow:hidden;box-shadow:0 8px 24px #224b3520;transition:.2s}.portal-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #224b3530}.portal-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:1.3rem;font-weight:900;background:linear-gradient(135deg,var(--green),var(--mint))}.portal-card:nth-child(2) .portal-icon{background:linear-gradient(135deg,#3557a5,#6e8fe2)}.portal-card:nth-child(3) .portal-icon{background:linear-gradient(135deg,#b87513,#f2b84b)}.portal-card h2{margin:18px 0 7px;font-size:1.2rem}.portal-card p{color:var(--muted);min-height:48px}.portal-card b{color:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px #224b3512}.stat{padding:16px}.stat small{display:block;color:var(--muted);font-weight:700}.stat strong{font-size:1.55rem}.panel{padding:18px;margin-top:14px}.panel h2{margin:0 0 14px;font-size:1.08rem}.chart-row{display:grid;grid-template-columns:150px 1fr 55px;gap:10px;align-items:center;margin:13px 0}.chart-label{font-weight:800}.track{height:12px;border-radius:20px;background:#e7efea;overflow:hidden}.fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#2d9c67,#69c78f)}.chart-value{text-align:right;font-weight:900}.select{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;font:inherit;background:#fff}.profile{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center}.profile-score{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) var(--score),#e8f0eb 0);position:relative}.profile-score:after{content:'';position:absolute;width:68px;height:68px;border-radius:50%;background:#fff}.profile-score b{position:relative;z-index:1}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--line);text-align:center}.data-table th{background:var(--soft);font-size:.75rem}.data-table td:first-child,.data-table th:first-child{text-align:left}.good{color:#16834f}.low{color:#d04747}.rank{font-weight:900;color:#b97916}@media(max-width:800px){.portal-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.chart-row{grid-template-columns:100px 1fr 45px}.hero-card{padding:22px}}@media(max-width:450px){.stats{grid-template-columns:1fr 1fr}.stat{padding:12px}.stat strong{font-size:1.25rem}.profile{grid-template-columns:1fr}.profile-score{margin:auto}}