:root{--orange:#ff7900;--orange-dark:#e56d00;--orange-light:#fff1e2;--orange-ring:#ff790026;--gray-900:#101828;--gray-700:#344054;--gray-500:#667085;--gray-400:#98a2b3;--gray-300:#d0d5dd;--gray-200:#e5e7eb;--gray-100:#f2f4f7;--gray-50:#f9fafb;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-card:0 2px 6px #1018280a, 0 20px 60px #1018281a;--shadow-card-hover:0 4px 10px #1018280f, 0 28px 80px #10182829;--shadow-btn:0 6px 18px #ff790040}*{box-sizing:border-box}body{color:var(--gray-900);background:var(--gray-50);margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.wheel-wrap{aspect-ratio:1;width:min(84vw,460px);margin:0 auto;position:relative;container-type:inline-size}@media (width>=700px){.wheel-wrap{width:min(52vw,480px)}}.wheel{width:100%;height:100%;box-shadow:0 0 0 1.2cqw var(--orange,#ff7900), 0 12px 30px #00000040;border:3cqw solid #fff;border-radius:50%;transition:transform 4s cubic-bezier(.17,.86,.34,1);position:relative}.wheel-label{text-align:center;color:#fff;text-shadow:0 1px 2px #00000080;overflow-wrap:break-word;pointer-events:none;width:24%;font-size:clamp(9px,3.6cqw,13.5px);font-weight:700;line-height:1.1;position:absolute}.wheel-label-value{margin-top:1px;font-size:1.05em;font-style:normal;font-weight:800;display:block}.wheel-label-disabled{color:#6b7280;text-shadow:none;opacity:.85}.wheel-label-disabled em{color:#4b5563;margin-top:2px;font-size:.82em;font-style:normal;font-weight:800;display:block}.wheel-pointer{z-index:3;border-top:8cqw solid #222;border-left:5cqw solid #0000;border-right:5cqw solid #0000;width:0;height:0;position:absolute;top:-2.5%;left:50%;transform:translate(-50%)}.wheel-hub{aspect-ratio:1;background:var(--orange,#ff7900);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:21%;font-size:clamp(11px,4.6cqw,17px);font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.2cqw #fff,0 4px 10px #0000004d}.spin-page{box-sizing:border-box;background:linear-gradient(#fff7f0 0%,#ffe9d6 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.spin-card{border-radius:var(--radius-lg);text-align:center;width:100%;max-width:500px;box-shadow:var(--shadow-card);background:#fff;border:1px solid #f1f1f1;padding:32px 24px 36px;transition:box-shadow .2s,transform .2s}@media (width>=700px){.spin-card{max-width:560px;padding:40px 40px 44px}}.spin-card:hover{box-shadow:var(--shadow-card-hover)}.brand-logo{object-fit:cover;border-radius:12px;width:48px;height:48px;margin:0 auto 14px;display:block;box-shadow:0 2px 8px #ff79004d}.spin-card h1{color:var(--gray-900);margin:0 0 6px;font-size:22px;font-weight:800}@media (width>=700px){.spin-card h1{font-size:26px}}.msisdn{color:var(--gray-500);margin:0 0 22px;font-size:14px}.spin-btn{background:var(--orange);color:#fff;letter-spacing:.5px;cursor:pointer;box-shadow:var(--shadow-btn);border:none;border-radius:999px;margin-top:30px;padding:16px 40px;font-size:17px;font-weight:800;transition:transform 60ms,box-shadow .15s,background .15s}.spin-btn:hover:not(:disabled){background:var(--orange-dark)}.spin-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.spin-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.used-note{color:var(--gray-400);margin-top:26px;font-size:14px}.error-msg{color:#b00020;border-radius:var(--radius-sm);background:#ffecec;border:1px solid #ffd0d0;margin-top:16px;padding:10px 14px;font-size:13px}.result-banner{background:var(--orange-light);border-radius:var(--radius-md);color:#a8460a;border:1px solid #ffd7ad;margin-top:22px;padding:16px;font-size:15px;font-weight:700}.admin-page{background:var(--gray-50);box-sizing:border-box;min-height:100vh;padding:24px 16px 48px}.brand-logo{object-fit:cover;border-radius:12px;width:44px;height:44px;display:block;box-shadow:0 2px 8px #ff79004d}.admin-login{justify-content:center;align-items:center;display:flex}.admin-card{border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-card);background:#fff;border:1px solid #eee;flex-direction:column;gap:16px;padding:32px 28px;transition:box-shadow .2s,transform .2s;display:flex}.admin-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.login-header{text-align:center;margin-bottom:4px}.login-header .brand-logo{margin:0 auto 14px}.login-header h1{color:var(--gray-900);margin:0;font-size:22px;font-weight:800}.login-subtitle{color:var(--gray-500);margin:6px 0 0;font-size:14px}.field{color:var(--gray-700);text-align:left;flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.field input{border-radius:var(--radius-md);border:1px solid var(--gray-300);background:#fff;outline:none;height:46px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-ring)}.pw-wrap{position:relative}.pw-wrap input{width:100%;padding-right:84px}.pw-toggle{border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:var(--gray-50);cursor:pointer;height:34px;color:var(--gray-700);padding:0 14px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{background:var(--gray-100);border-color:var(--gray-300)}.err-box{color:#b00020;border-radius:var(--radius-sm);background:#ffecec;border:1px solid #ffd0d0;padding:12px 14px;font-size:13px}.submit-btn{border-radius:var(--radius-md);background:var(--orange);color:#fff;cursor:pointer;width:100%;height:48px;box-shadow:var(--shadow-btn);border:0;font-size:15px;font-weight:800;transition:transform 60ms,box-shadow .15s,background .15s}.submit-btn:hover:not(:disabled){background:var(--orange-dark)}.submit-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.submit-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.admin-shell{max-width:1180px;margin:0 auto}.dash-header{border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;border:1px solid #f1f1f1;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex}.dash-titles{flex-direction:column;flex:1;min-width:180px;display:flex}.eyebrow{letter-spacing:.6px;text-transform:uppercase;color:var(--orange);font-size:11px;font-weight:700}.dash-titles h1{color:var(--gray-900);margin:2px 0 0;font-size:19px;font-weight:800}.logout-btn{color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;background:#fff;padding:10px 18px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s}.logout-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{--accent:var(--orange);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;border:1px solid #f1f1f1;flex-direction:column;gap:4px;padding:18px 20px 16px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.stat-value{color:var(--gray-900);margin-top:4px;font-size:24px;font-weight:800}.stat-label{color:var(--gray-500);font-size:12.5px;font-weight:600}.stat-caption{color:var(--gray-400);font-size:11px;font-weight:500}.tabs{background:var(--gray-100);border-radius:var(--radius-md);gap:4px;width:fit-content;margin-bottom:16px;padding:4px;display:flex}.tab-btn{color:var(--gray-500);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:8px 18px;font-size:13px;font-weight:700;transition:background-color .15s,color .15s}.tab-btn:hover{color:var(--gray-900)}.tab-btn-active{color:var(--gray-900);background:#fff;box-shadow:0 1px 4px #1018281f}.panel{border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;border:1px solid #f1f1f1;margin-bottom:20px;padding:20px}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.panel-head h2{color:var(--gray-900);margin:0;font-size:15px;font-weight:800}.panel-count{color:var(--gray-500);white-space:nowrap;font-size:12.5px;font-weight:600}.filters{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.filter-field{color:var(--gray-500);flex-direction:column;flex:150px;gap:6px;min-width:140px;font-size:12.5px;font-weight:700;display:flex}.filter-field input,.filter-field select{border-radius:var(--radius-sm);border:1px solid var(--gray-300);height:42px;color:var(--gray-900);background:#fff;outline:none;padding:0 12px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.filter-field input:focus,.filter-field select:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-ring)}.status-pill{border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status-pending{background:var(--orange-light);color:var(--orange-dark)}.status-used{background:var(--gray-100);color:var(--gray-500)}.filter-actions{gap:10px;margin-left:auto;display:flex}.primary-btn,.ghost-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.primary-btn{background:var(--orange);color:#fff;border:0}.primary-btn:hover{background:var(--orange-dark)}.ghost-btn{border:1px solid var(--gray-300);color:var(--gray-700);background:#fff}.ghost-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.table-wrap{border:1px solid var(--gray-100);border-radius:var(--radius-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:580px;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--gray-100);white-space:nowrap;padding:12px 16px}th{background:var(--gray-50);color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700}th.col-right,td.col-right{text-align:right}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.muted{color:var(--gray-500)}.prize-cell{color:var(--gray-900);align-items:center;gap:8px;font-weight:600;display:inline-flex}.prize-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.attempt-pill{background:var(--gray-100);min-width:22px;height:22px;color:var(--gray-700);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.empty-cell{text-align:center;color:var(--gray-500);white-space:normal;padding:28px 16px}tbody tr:hover{background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.pagination{color:var(--gray-500);justify-content:center;align-items:center;gap:14px;margin-top:18px;font-size:13px;display:flex}.pagination button{border:1px solid var(--gray-300);color:var(--gray-700);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:7px 16px;font-weight:600;transition:background-color .15s,border-color .15s}.pagination button:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:#b00020;margin:0 0 16px;font-size:13px}@media (width<=480px){.dash-header{flex-direction:column;align-items:flex-start}.logout-btn{align-self:stretch}.filter-actions{width:100%;margin-left:0}.filter-actions button{flex:1}}