@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#31243d;--muted:#71667b;--lilac:#765293;--deep:#5e397d;--pale:#f5eff9;--border:#e5d9ed;--success:#1e755c}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:15px/1.6 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}a{color:var(--deep);text-underline-offset:4px}button{cursor:pointer}h1,h2{font-family:Manrope,Arial,sans-serif;line-height:1.2;margin:0 0 12px}h1{font-size:clamp(32px,5vw,54px);letter-spacing:-2px}h2{font-size:22px}.header,main,footer{max-width:1160px;margin:auto}.header{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:800 18px/1.15 Manrope,Arial}.brand small{display:block;margin-top:5px;color:var(--muted);font:500 11px 'DM Sans',Arial}.brand-mark{padding:10px;border-radius:12px;color:#fff;background:var(--lilac);letter-spacing:1px}nav{display:flex;gap:4px;flex-wrap:wrap}nav a{font-size:13px;font-weight:700;text-decoration:none;padding:10px 13px;border-radius:9px;color:var(--muted)}nav a.active,nav a:hover{background:var(--pale);color:var(--deep)}main{padding:0 28px 60px}.panel[hidden],[hidden]{display:none!important}.hero{padding:66px 0 34px;max-width:760px}.hero p,.page-title p{color:var(--muted);font-size:17px;max-width:660px}.eyebrow{display:block;color:var(--lilac);font-weight:800;font-size:10px;letter-spacing:2px;margin-bottom:14px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:22px;box-shadow:0 8px 30px #5f397b0a}.form-card{max-width:850px}.section-heading{display:flex;gap:13px;margin-bottom:23px}.section-heading h2{font-size:20px;margin:0}.section-heading p,.note{color:var(--muted);font-size:12px;margin:5px 0}.step{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--pale);color:var(--lilac);font-weight:800}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}label small{font-weight:400;color:var(--muted);font-size:10px;line-height:1.5}input,select{width:100%;padding:11px 12px;border:1px solid #d9ccdf;border-radius:9px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid #eadff1;border-color:var(--lilac)}.button{min-height:43px;border:1px solid transparent;border-radius:9px;padding:10px 17px;font-size:13px;font-weight:700;text-decoration:none}.primary{background:var(--lilac);color:#fff}.primary:hover{background:var(--deep)}.secondary{background:#fff;color:var(--deep);border-color:var(--border)}.secondary:hover{background:var(--pale)}.message{font-size:13px;margin:8px 0 0}.message.error{color:#a22647}.message.success{color:var(--success)}.page-title{padding:52px 0 30px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.toolbar h2{margin:0}.ranking-list,.entity-list,.participants{border:1px solid var(--border);border-radius:12px;overflow:hidden}.ranking-row,.entity-row,.participant-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border)}.ranking-row:last-child,.entity-row:last-child,.participant-row:last-child{border-bottom:0}.position{background:var(--pale);color:var(--deep);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:800}.ranking-name{flex:1;font-weight:700}.ranking-row small,.participant-row small{display:block;color:var(--muted);font-weight:400;font-size:11px}.login{max-width:430px;display:grid;gap:17px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.metric{padding:19px;border-radius:12px;background:var(--pale);font-size:12px;color:var(--muted)}.metric strong{display:block;color:var(--deep);font:800 28px Manrope,Arial;margin-top:4px}.inline-form,.filter{display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin:18px 0}.inline-form label,.filter label{flex:1;min-width:180px}.entity-row .button{min-height:35px;padding:7px 11px}.link-list{display:flex;flex-wrap:wrap;gap:18px;font-weight:700}.participant-row{align-items:flex-start}.participant-row>div:first-child{font-weight:700}.participant-row time{color:var(--muted);font-size:11px;white-space:nowrap}footer{border-top:1px solid var(--border);padding:25px 28px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer p{margin:3px 0}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:11px 20px;background:var(--ink);color:#fff;border-radius:9px;z-index:10}@media(max-width:680px){.header{padding:18px;align-items:flex-start;flex-direction:column}.header nav{width:100%;justify-content:space-between}nav a{padding:7px 4px;font-size:11px}main{padding:0 18px 35px}.hero{padding-top:40px}.fields{grid-template-columns:1fr}.fields>*{grid-column:1/-1}.card{padding:20px}.metrics{grid-template-columns:1fr}.participant-row{flex-direction:column;gap:3px}footer{padding:22px 18px;flex-direction:column}}