:root{--ink:#201d24;--muted:#625c68;--line:#e9e5eb;--red:#a32140;--deep:#771a32}
body:has(>header.site){background:radial-gradient(ellipse at 15% 0,#eee7ed 0,transparent 29rem),#f8f7f8}
header.site{position:sticky;top:10px;z-index:20;margin-top:10px;margin-bottom:16px;background:rgba(255,255,255,.89);color:#25202a;border:1px solid rgba(255,255,255,.98);border-radius:22px;box-shadow:0 1px 3px #35293616,0 12px 34px #30243219;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
.header-main{min-height:66px;padding-inline:25px}.header-main .logo{filter:none;width:95px}.header-main .search{background:#f0edf2;border:1px solid #e7e3e9;border-radius:999px}.header-main .search>*{background:transparent}.header-main .search select{border-right:1px solid #e1dce5}.utilities a:hover,.nav a:hover{color:var(--red)}.utilities b{background:var(--red);color:#fff}
.nav{background:transparent;border-top:1px solid #eae5ec;min-height:46px;padding-inline:25px;gap:21px}.nav details{z-index:22}.nav details div{border:1px solid var(--line);border-radius:14px}.nav-rule{background:#ded7e1}.nav .sale-button{border-radius:999px;color:#8f1937;background:#f8e8ee;padding:5px 13px}.series{font-weight:700;color:#3b3040}
.hero{border-radius:25px;min-height:clamp(300px,32vw,470px);background-color:#232027}.hero h1{font-size:clamp(29px,3.6vw,52px);line-height:1.08;letter-spacing:-.045em}.hero-content .primary{border-radius:999px;background:#fdfbfc;border-color:#fdfbfc;color:#27232a}.hero-content .primary:hover{background:#eee8ef}
.sports a{border-radius:16px;box-shadow:0 4px 15px #30243205}.sports span{background:#f3edf3;color:#723650}.section-title h2{font-size:24px}.product-card{border-radius:17px;box-shadow:0 3px 15px #30243206}.tile{background:#f3f2f4}.tile-copy{padding:13px}.footer{color:#5b5361}
.backoffice{background:#f3f0f6;padding:18px;gap:0;grid-template-columns:224px minmax(0,1fr)}
.sidebar{position:sticky;top:18px;min-height:calc(100vh - 36px);align-self:start;border:0;border-radius:23px 0 0 23px;background:linear-gradient(165deg,#281e3e,#38254b 58%,#573455);padding:20px 13px}.sidebar>div{margin-top:auto}.sidebar nav a{border-radius:12px;color:#eae1f1}.sidebar nav a:hover{background:#ffffff18}.sidebar nav a.current{background:#faf5fb;color:#362640;border-color:#fff}
.admin-main{max-width:none;background:#faf9fb;border-radius:0 23px 23px 0;padding:20px 27px 32px}.admin-top{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 15px;margin-bottom:21px;color:#4d4153}.admin-main>h1{font-size:27px;letter-spacing:-.04em}.admin-main .card{border-radius:17px;background:#fff;box-shadow:0 6px 24px #33224008}.admin-main .filters{margin-bottom:17px}.admin-main .filters .button,.admin-main .filters .primary{border-radius:999px}.admin-main th{background:#f8f6f9;color:#51475a}.admin-main .tag{border-radius:999px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.metric{position:relative;min-width:0;padding:16px;border-radius:16px;color:#fff;box-shadow:0 8px 18px #34254320;background:#513c71}.metric.blue{background:linear-gradient(135deg,#28435f,#34577c)}.metric.amber{background:linear-gradient(135deg,#664a31,#815d3c)}.metric.rose{background:linear-gradient(135deg,#66314b,#844264)}.metric.plum{background:linear-gradient(135deg,#443369,#654986)}.metric span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff22;margin-bottom:9px}.metric span svg{width:17px}.metric small{color:#fff;font-size:11px}.metric strong{display:block;margin-top:4px;font-size:clamp(15px,2vw,25px);line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(190px,1fr);gap:13px}.report-range,.axis-label{font-size:11px;color:#6a6172;fill:#6a6172}.chart-point:hover{r:6;stroke:white;stroke-width:2}.dashboard-empty{margin:4px 0 0}.status-ring{width:135px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;margin:17px auto;background:conic-gradient(#7859a2 0 var(--paid),#d19855 var(--paid) var(--waiting),#b8607c var(--waiting) 100%)}.status-ring.is-empty{background:#eeeaf0}.status-ring>div{display:grid;place-content:center;text-align:center;width:76%;height:76%;border-radius:50%;background:#fff}.status-ring strong{font-size:22px}.status-panel ul{list-style:none;padding:0;margin:0}.status-panel li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;margin:6px 0;font-size:11px}.status-panel i{width:8px;height:8px;border-radius:50%;background:#7859a2}.status-panel i.pending{background:#d19855}.status-panel i.canceled{background:#b8607c}
@media(max-width:1100px){.backoffice{grid-template-columns:182px minmax(0,1fr);padding:10px}.admin-main{padding-inline:17px}.nav{gap:14px}.metric{padding:12px}}
@media(max-width:850px){.backoffice{display:block}.sidebar{position:static;min-height:0;border-radius:17px 17px 0 0;padding:9px 12px}.sidebar>div{display:flex}.admin-main{border-radius:0 0 17px 17px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.header-main,.nav{padding-inline:12px}}
@media(max-width:620px){header.site{top:4px;border-radius:15px}.header-main{gap:6px}.header-main .logo{width:64px}.nav{gap:7px 11px}.hero{min-height:260px;border-radius:18px}.dashboard-grid{grid-template-columns:1fr}.admin-main{padding-inline:12px}.metric strong{font-size:17px}.report-range{font-size:9px}}