body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#0b1220; color:#f0f3f7; margin:0; }
.wrap { max-width:900px; margin:40px auto; padding:0 16px; text-align:center; }
h1 { font-weight:800; letter-spacing:0.5px; }
.wheel-wrap { position:relative; display:inline-block; margin:20px 0; }
.pointer { position:absolute; top:-12px; left:50%; transform:translateX(-50%); font-size:32px; }
#wheel { background:#101828; border-radius:50%; border:6px solid #1f2a44; box-shadow:0 10px 30px rgba(0,0,0,0.4) inset, 0 8px 20px rgba(0,0,0,0.3); }
#spinBtn { font-size:20px; padding:12px 24px; border-radius:12px; border:0; background:#6ee7b7; color:#0b1220; cursor:pointer; font-weight:800; }
#spinBtn:disabled { opacity:0.5; cursor:not-allowed; }
.small { opacity:0.8; }
.admin-nav a { color:#6ee7b7; margin-right:12px; }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { border-bottom:1px solid #20304d; padding:8px; text-align:left; }
input, select { padding:8px; border-radius:8px; border:1px solid #20304d; background:#0f172a; color:#e2e8f0; }
button.primary { background:#60a5fa; padding:8px 12px; border:0; border-radius:8px; color:white; cursor:pointer; }
.alert { background:#172554; border-left:4px solid #60a5fa; padding:10px 12px; margin:10px 0; border-radius:8px; }