@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");:root{--brand:#ffd33d;--brand-2:#2a0f3a;--brand-3:#3a134f;--deck:#160a22;--card:#1e0f2c;--muted:#c2b5da;--white:#fff;--input-bg:#241336;--input-border:hsla(0,0%,100%,.12);--focus:rgba(255,211,61,.35)}*{box-sizing:border-box}body,html{background:radial-gradient(1200px 600px at 20% -10%,#2e1247 0,#160a22 45%) no-repeat fixed,#160a22;color:var(--white);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:24px 16px}.main-grid{display:grid;grid-template-columns:420px 1fr;grid-gap:20px;gap:20px}@media (max-width:960px){.main-grid{grid-template-columns:1fr}}.text-muted{color:color-mix(in oklab,var(--muted) 85%,#fff 0)}.text-gold{color:var(--brand)}.brand-chip{background:var(--brand);color:#1b1426;border-radius:999px;padding:4px 10px;font-weight:800}.raspay-header{justify-content:space-between;background:linear-gradient(90deg,#1b0f2b,#2a0f3a 60%,#3a134f);padding:14px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 3px 14px rgba(0,0,0,.35)}.raspay-brand,.raspay-header{display:flex;align-items:center}.raspay-brand{gap:10px}.logo-icon{width:38px;height:38px;background:radial-gradient(circle at 30% 30%,#ffd33d,#a87500);color:#1b0f2b;font-weight:900;display:flex;align-items:center;justify-content:center;border-radius:10px}.brand-text{font-weight:900;font-size:20px;letter-spacing:.5px}.brand-text .text-gold{color:var(--brand)}.raspay-controls{gap:12px;flex-wrap:wrap;justify-content:flex-end}.raspay-controls,.user-info{display:flex;align-items:center}.user-info{background:hsla(0,0%,100%,.08);border-radius:14px;padding:6px 12px;font-weight:700;gap:6px}.user-email{color:#fff;font-size:13px}.role-chip{background:rgba(255,211,61,.15);border:1px solid rgba(255,211,61,.3);color:#ffd33d;padding:5px 10px;border-radius:999px;font-weight:700;font-size:12px}.mute-btn{background:hsla(0,0%,100%,.06)}.logout-btn,.mute-btn{color:#fff;border:1px solid hsla(0,0%,100%,.1)}.logout-btn{background:hsla(0,0%,100%,.08);font-weight:700}.logout-btn:hover{background:hsla(0,0%,100%,.12)}.card{background:var(--card);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:16px}.card-strong{background:linear-gradient(180deg,#241336,#1e0f2c);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:24px;box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.04)}h1,h2,h3{margin:0 0 8px}.small{font-size:12px;opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1rem;border-radius:14px;background:#2b1a40;color:#fff;border:1px solid hsla(0,0%,100%,.1);font-weight:800;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-gold{background:var(--brand);color:#1b1426;border-color:transparent;box-shadow:0 6px 16px rgba(255,211,61,.25)}.btn-gold:hover{filter:saturate(105%);box-shadow:0 8px 22px rgba(255,211,61,.35)}.btn-pill{background:#3a134f;color:#fff;border-color:hsla(0,0%,100%,.1);padding:.5rem 1rem;border-radius:9999px;font-weight:800}.btn.btn-gold.pulse:not([disabled]){animation:rp-pulse 1.8s ease-in-out infinite}@keyframes rp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.input{width:100%;padding:12px 14px;border-radius:12px;background:var(--input-bg);border:1px solid var(--input-border);color:#fff;outline:none}.input::placeholder{color:hsla(0,0%,100%,.55)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus)}.scratch-wrap{-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.scratch-cover{touch-action:none;-ms-touch-action:none;pointer-events:auto}.shadow-inner{box-shadow:inset 0 1px 12px rgba(0,0,0,.25)}.scratch-wrap{box-shadow:0 0 0 0 hsla(41,86%,69%,.6);transition:box-shadow .3s}.scratch-wrap.active{box-shadow:0 0 32px 0 hsla(41,86%,69%,.35)}.scratch-wrap canvas{display:block}.scratch-wrap .relative{border-radius:16px;overflow:hidden}.table{width:100%;border-collapse:collapse;margin-top:12px}.table td,.table th{padding:10px 12px;border-bottom:1px solid hsla(0,0%,100%,.08);text-align:left}.table thead th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;opacity:.9}.table tbody tr:hover{background:hsla(0,0%,100%,.03)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:linear-gradient(180deg,#21122f,#1b0f2b);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:14px}.kpi-title{font-size:12px;opacity:.8;margin-bottom:6px}.kpi-value{font-size:28px;font-weight:900;letter-spacing:.3px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px}.pill-success{background:rgba(34,197,94,.18);border:1px solid rgba(34,197,94,.35);color:#86efac}.pill-warn{background:rgba(245,158,11,.16);border:1px solid rgba(245,158,11,.35);color:#facc15}.pill-info{background:rgba(59,130,246,.16);border:1px solid rgba(59,130,246,.35);color:#93c5fd}.status-dot{width:8px;height:8px;border-radius:999px;background:#86efac}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar .spacer{flex:1 1}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:min(560px,96vw);background:#1b0f2b;border:1px solid hsla(0,0%,100%,.12);border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.55)}.modal .banner{background:linear-gradient(90deg,#3a134f,#2a0f3a 45%,#e69f00 140%);padding:16px;display:flex;align-items:center;justify-content:space-between}.modal .content{padding:16px}.modal .title{text-align:center;font-weight:900;padding:8px 0 14px}.site-footer{margin-top:24px;padding:16px;border-top:1px solid hsla(0,0%,100%,.08);gap:12px;align-items:center;justify-content:space-between}.footer-links,.site-footer{display:flex;flex-wrap:wrap}.footer-links{gap:10px}.badge18{padding:2px 8px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.08);border-radius:999px}.prize-font{font-family:Bebas Neue,ui-sans-serif;letter-spacing:.5px}.logo{width:clamp(250px,50vw,420px);z-index:2;filter:drop-shadow(0 0 15px #00ff88);margin-bottom:10px}.subtitle{font-size:clamp(18px,4vw,32px);color:#ffe600;text-shadow:0 0 10px #000;margin-bottom:20px;letter-spacing:3px;font-weight:700;z-index:2;text-align:center}.loader-container{position:relative;width:80%;max-width:600px;text-align:center;z-index:2;margin-top:20px}.tiokele{width:140px;top:-110px;animation:moveVan 4s linear forwards}.percent-text,.tiokele{position:absolute;left:0;transform:translateX(-50%);z-index:3}.percent-text{top:70px;font-size:26px;font-weight:700;color:#fff;text-shadow:0 0 5px #0f8;animation:moveText 4s linear forwards}.loader{width:100%;height:10px;background:hsla(0,0%,100%,.25);border-radius:10px;overflow:hidden;margin-top:80px}.loader-line{height:100%;width:0;background:#fff;border-radius:10px;box-shadow:0 0 12px #fff;animation:load 4s linear forwards}@keyframes load{0%{width:0}to{width:100%}}@keyframes moveVan{0%{left:0}to{left:100%}}@keyframes moveText{0%{left:0}to{left:100%}}