*{box-sizing:border-box} :root{color-scheme:dark;--bg:#040e21;--cyan:#23dbff;--muted:#9eb2cd;--line:#203650}body{margin:0;background:radial-gradient(ellipse at 85% 26%,#073867 0,transparent 48%),var(--bg);color:#f5f9ff;font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:1200px;margin:auto;padding:0 40px}header{height:106px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:27px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.brand-icon{background:var(--cyan);color:#03152c;padding:4px 12px;border-radius:9px;font-style:italic}.city{font-size:10px;letter-spacing:2px;font-weight:600;border-left:1px solid #456078;padding-left:14px}.admin-link{font-size:13px;color:#c0d3ec}.hero{display:grid;grid-template-columns:1fr 1fr;gap:25px 50px;padding:65px 0 45px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--cyan)}h1{font-size:clamp(44px,5.5vw,70px);line-height:1.04;letter-spacing:-3px;margin:23px 0}h1 span{color:var(--cyan)}.intro p{color:var(--muted);font-size:16px;line-height:1.8;max-width:425px}.team-label{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:700;letter-spacing:2px;margin-top:28px}.team-label span{width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}.mascot{position:relative}.mascot img{width:100%;display:block;border-radius:50%;filter:drop-shadow(0 0 35px #0078d438)}.score{grid-column:1/-1;background:linear-gradient(120deg,#0a2c50e6,#071b34);border:1px solid #225279;border-radius:22px;padding:30px 38px;box-shadow:0 20px 80px #0003}.score-top,.score-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.score-top{font-size:11px;letter-spacing:1.8px;color:#bed5ed;font-weight:700}.live{color:var(--cyan);font-size:10px;white-space:nowrap}.live i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:6px}.amount{display:flex;align-items:baseline;gap:15px;margin-top:12px}.amount strong{font-size:clamp(44px,8vw,100px);letter-spacing:-4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.amount>span{font-size:30px;color:var(--cyan);font-weight:800}.score p{font-size:19px;margin:0 0 25px;color:#c5d9ed}.score-bottom{border-top:1px solid var(--line);padding-top:19px;color:var(--muted);font-size:12px}.score-bottom small{font-size:11px}footer{padding:25px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8099b9;font-size:11px}.dashboard{padding:45px 0}.dashboard h1{font-size:43px;letter-spacing:-1.8px}.panel{border:1px solid var(--line);background:#0b1c34;border-radius:16px;padding:27px;margin:25px 0}.login{max-width:480px}h2{font-size:20px;margin:0 0 24px}label{display:flex;flex-direction:column;gap:9px;font-size:13px;margin-bottom:20px;color:#c1d3e9}input{background:#050f22;border:1px solid #35516d;border-radius:8px;padding:13px;color:white;width:100%;font:inherit}input:focus{outline:2px solid var(--cyan);outline-offset:2px}button{border:0;background:var(--cyan);color:#032038;border-radius:8px;padding:13px 20px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.12)}.secondary{background:#1a3654;color:white}.summary{display:flex;align-items:center;justify-content:space-between}.summary strong{display:block;font-size:32px;margin-top:8px;color:var(--cyan)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.wide{grid-column:1/-1}.alert,.notice{padding:15px;border-radius:9px;background:#4d2334;color:#ffd0d0}.notice{background:#0a413f;color:#acfff0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:16px 12px;border-bottom:1px solid var(--line)}.actions{display:flex;gap:16px;align-items:center}.actions a{color:var(--cyan)}.danger{background:#492335;color:#ffc1c1;padding:8px 12px}.nowrap{white-space:nowrap}.pagination{display:flex;gap:20px;margin-top:20px;font-size:12px;color:#adc3dc}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(max-width:700px){.shell{padding:0 20px}header{height:80px}.brand{font-size:23px}.city{font-size:8px;letter-spacing:1px}.hero{padding-top:35px;gap:25px;grid-template-columns:1fr}.intro h1{font-size:52px}.intro p{font-size:14px}.mascot{width:85%;max-width:360px;margin:0 auto}.score{padding:23px}.score-top{font-size:9px;letter-spacing:1px}.score-bottom{align-items:flex-start;flex-direction:column;gap:10px}.amount strong{letter-spacing:-2px}.amount>span{font-size:24px}.score p{font-size:16px}footer{flex-direction:column;gap:12px}.form-grid{grid-template-columns:1fr}.panel{padding:20px}.dashboard h1{font-size:36px}.admin-link{font-size:11px}}

.score-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:28px}.score-item{min-width:0}.score-item+.score-item{border-left:1px solid var(--line);padding-left:30px}.score-category{font-size:10px;letter-spacing:1.5px;color:var(--cyan);font-weight:700}.score-grid .amount strong{font-size:clamp(28px,4.5vw,65px);letter-spacing:-2px}.score-grid .amount{gap:10px;flex-wrap:wrap}.score-grid .amount>span{font-size:24px}.score-grid p{font-size:13px;margin-top:12px}.summary-totals{display:flex;gap:45px;flex-wrap:wrap}select{background:#050f22;border:1px solid #35516d;border-radius:8px;padding:13px;color:white;width:100%;font:inherit}select:focus{outline:2px solid var(--cyan);outline-offset:2px}@media(max-width:700px){.score-grid{grid-template-columns:1fr;gap:22px}.score-item+.score-item{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.score-grid .amount strong{font-size:clamp(30px,8vw,50px)}.summary{gap:20px;flex-wrap:wrap}.summary-totals{gap:20px}.summary strong{font-size:25px}}

.score-category {
    display: block;
    margin-bottom: 14px;
    color: #23dbff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
}

@media (max-width: 700px) {
    .score-category {
        font-size: 12px;
        letter-spacing: 1.5px;
    }
}