:root{--bg:#0b0b0c;--bg-2:#121214;--card:#16161a;--card-2:#1d1d22;--line:#2a2a31;--line-gold:#d4a53759;--text:#f4efe3;--muted:#a39d8f;--gold:#d4a537;--gold-hi:#f3d98b;--gold-lo:#9c7418;--gold-grad:linear-gradient(135deg, #f7e3a1 0%, #d4a537 45%, #a97d1c 100%);--ok:#4cc38a;--warn:#e9b949;--bad:#ef6b6b;--info:#6aa9ff;--radius:16px;--radius-sm:10px;--shadow:0 10px 30px #00000073;--font:"Cairo", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--display:"Reem Kufi", "Cairo", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(1200px 500px at 50% -200px,#d4a5371f,#0000 70%);background-attachment:fixed;font-size:16px;line-height:1.6}a{color:var(--gold-hi);text-decoration:none}img{max-width:100%}h1,h2,h3{margin:0 0 .5em;line-height:1.3}h1{font-size:1.7rem}h2{font-size:1.3rem}h3{font-size:1.08rem}p{margin:0 0 .8em}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.muted{color:var(--muted)}.small{font-size:.86rem}.gold{color:var(--gold)}.gold-text{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.grow{flex:1}.stack>*+*{margin-top:14px}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (width<=859px){.hide-mobile{display:none!important}}@media (width>=860px){.hide-desktop{display:none!important}}.app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}main.container{flex:1;padding-top:22px;padding-bottom:24px}.demo-bar{color:var(--gold-hi);text-align:center;border-bottom:1px solid var(--line-gold);background:repeating-linear-gradient(45deg,#2a2208,#2a2208 10px,#231c06 10px 20px);padding:6px 12px;font-size:.82rem}.demo-bar button{margin-inline-start:8px}.topbar{top:env(safe-area-inset-top,0px);z-index:30;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-gold);background:#0b0b0cdb;position:sticky}.topbar .container{align-items:center;gap:10px;min-height:64px;display:flex}.brand{color:var(--text);flex-shrink:1;align-items:center;gap:10px;min-width:0;display:flex}.top-actions{flex-shrink:0}.brand-name{font-family:var(--display);letter-spacing:.5px;white-space:nowrap;font-size:1.3rem}@media (width<=400px){.brand-name{display:none}}@media (width<=420px){.brand-name{text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.points-chip{padding:0 9px;font-size:.82rem}}.topnav{gap:2px;margin-inline-start:14px;display:flex}.topnav a{white-space:nowrap}.menu-btn{display:grid}@media (width<=1099px){.topnav{display:none!important}}@media (width>=1100px){.menu-btn{display:none!important}.mobile-menu{display:none}}.topnav a{color:var(--muted);border-radius:10px;padding:8px 10px;font-size:.95rem;font-weight:600}.topnav a:hover{color:var(--text)}.topnav a.active{color:var(--gold-hi);background:#d4a5371a}.top-actions{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{border-color:var(--line-gold)}.badge-dot{top:-4px;background:var(--bad);color:#fff;border:2px solid var(--bg);border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:grid;position:absolute;inset-inline-end:-4px}.mobile-menu{border-top:1px solid var(--line);background:var(--bg-2)}.mobile-menu .container{flex-direction:column;padding-block:6px 12px;display:flex}.mobile-menu a:not(.btn){color:var(--text);border-bottom:1px solid var(--line);padding:12px 4px;font-weight:700}.mobile-menu a.active{color:var(--gold-hi)}.menu-logout{border:0;border-bottom:1px solid var(--line);color:var(--bad);text-align:start;cursor:pointer;background:0 0;align-items:center;gap:8px;margin:0;padding:12px 4px;font-family:inherit;font-size:1rem;font-weight:700;display:flex}.points-chip{border:1px solid var(--line-gold);height:42px;color:var(--gold-hi);white-space:nowrap;font-variant-numeric:tabular-nums;background:#d4a5371f;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:.9rem;font-weight:800;display:inline-flex}.footer{border-top:1px solid var(--line-gold);background:var(--bg-2);margin-top:40px;padding:28px 0 22px}.footer-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=700px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-links a{color:var(--muted);font-weight:600}.footer-links a:hover{color:var(--gold-hi)}.btn.whatsapp{color:#fff;background:#1f8f4e;border-color:#0000}.btn.telegram{color:#fff;background:#2a7fc0;border-color:#0000}.balance-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.balance-card .big{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800;line-height:1.1}.amount-plus{color:var(--ok);font-weight:800}.amount-minus{color:var(--bad);font-weight:800}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card.gold{border-color:var(--line-gold);background:linear-gradient(180deg, #d4a53712, transparent 60%), var(--card)}.card-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-title h2,.card-title h3{margin:0}.divider{background:var(--line);border:0;height:1px;margin:14px 0}.section{justify-content:space-between;align-items:center;margin:26px 0 12px;display:flex}.section h2{margin:0}.hero{border:1px solid var(--line-gold);box-shadow:var(--shadow);background:radial-gradient(600px 240px at 80% -40px,#f3d98b38,#0000 70%),linear-gradient(160deg,#1b160a 0%,#0f0f11 55%,#0b0b0c 100%);border-radius:22px;padding:26px 20px 22px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:radial-gradient(#f3d98b2e 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 70%);mask-image:linear-gradient(#000 0%,#0000 70%)}.hero>*{z-index:1;position:relative}.hero-kicker{color:var(--gold);letter-spacing:.3px;font-size:.9rem;font-weight:700}.hero-title{font-family:var(--display);margin:4px 0 6px;font-size:2rem}.hero-prize{margin:6px 0 2px;font-size:2.2rem;font-weight:800;line-height:1.15}@media (width>=860px){.hero{padding:40px}.hero-title{font-size:2.6rem}.hero-prize{font-size:3rem}}.countdown{direction:ltr;justify-content:flex-end;gap:8px;margin:16px 0;display:flex}.countdown .cell{text-align:center;border:1px solid var(--line-gold);background:#00000073;border-radius:12px;min-width:62px;padding:8px 6px}.countdown .v{color:var(--gold-hi);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.2}.countdown .l{color:var(--muted);font-size:.7rem}.progress{background:#26262c;border-radius:6px;height:10px;overflow:hidden}.progress>span{background:var(--gold-grad);border-radius:6px;height:100%;transition:width .5s;display:block}.btn{min-height:46px;font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card-2);color:var(--text);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.98rem;font-weight:700;transition:transform 60ms,filter .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--line-gold)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--gold-grad);color:#1a1406;border:0;box-shadow:0 6px 18px #d4a53740}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{background:0 0}.btn.danger{color:#ffb0b0;background:#ef6b6b1f;border-color:#ef6b6b59}.btn.success{color:#9ff0c6;background:#4cc38a24;border-color:#4cc38a66}.btn.warn{color:#f5d27f;background:#e9b94924;border-color:#e9b94966}.btn.sm{border-radius:10px;min-height:36px;padding:0 12px;font-size:.86rem}.btn.block{width:100%}.btn.lg{white-space:normal;text-align:center;min-height:54px;padding-block:8px;font-size:1.08rem;line-height:1.3}label.field{display:block}label.field>span{color:var(--muted);margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.input,select.input,textarea.input{background:var(--bg-2);width:100%;min-height:46px;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:12px;padding:10px 14px;font-size:16px}textarea.input{resize:vertical;min-height:96px}.input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #d4a5372e}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin-top:3px}.stepper{border:1px solid var(--line-gold);background:var(--bg-2);border-radius:14px;align-items:center;display:flex;overflow:hidden}.stepper button{width:56px;height:56px;color:var(--gold-hi);cursor:pointer;background:0 0;border:0;font-size:1.6rem}.stepper button:disabled{opacity:.35}.stepper input{text-align:center;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;flex:1;font-size:1.6rem;font-weight:800}.stepper input:focus{outline:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--card-2);color:var(--text);cursor:pointer;font:inherit;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.chip.on{border-color:var(--gold);color:var(--gold-hi);background:#d4a5371f}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.seg button{min-height:38px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:0 12px;font-size:.9rem;font-weight:700}.seg button.on{background:var(--card-2);color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--line-gold)}.pay-option{cursor:pointer;border:1px solid var(--line);background:var(--bg-2);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.pay-option.on{border-color:var(--gold);background:#d4a53714}.pay-option .dot{border:2px solid var(--line);border-radius:50%;flex:none;width:20px;height:20px}.pay-option.on .dot{border:6px solid var(--gold)}.pay-logo{width:42px;height:42px;color:var(--gold-hi);background:#222;border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.pill{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.pill.ok{color:#8ee6b9;background:#4cc38a1a;border-color:#4cc38a66}.pill.warn{color:#f5d27f;background:#e9b9491a;border-color:#e9b94966}.pill.bad{color:#faa;background:#ef6b6b1a;border-color:#ef6b6b66}.pill.info{color:#a9ccff;background:#6aa9ff1a;border-color:#6aa9ff66}.pill.muted{color:var(--muted);border-color:var(--line);background:0 0}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:start;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 12px}.table th{color:var(--muted);background:var(--bg-2);font-size:.82rem;font-weight:600}.table tr:last-child td{border-bottom:0}.num{font-variant-numeric:tabular-nums}.alert{border:1px solid;border-radius:12px;padding:12px 14px;font-size:.92rem}.alert.bad{color:#ffc2c2;background:#ef6b6b14;border-color:#ef6b6b66}.alert.ok{color:#b5f0d1;background:#4cc38a14;border-color:#4cc38a66}.alert.info{color:#cfe0ff;background:#6aa9ff14;border-color:#6aa9ff59}.alert.gold{color:var(--gold-hi);border-color:var(--line-gold);background:#d4a53714}.stat{padding:16px}.stat .k{color:var(--muted);font-size:.82rem;font-weight:600}.stat .v{margin-top:2px;font-size:1.5rem;font-weight:800}.empty{text-align:center;color:var(--muted);padding:34px 16px}.empty svg{color:var(--gold);opacity:.6;margin-bottom:8px}.spinner{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;margin:30px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.copy-box{background:var(--bg-2);border:1px dashed var(--line-gold);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.copy-box b{direction:ltr;unicode-bidi:isolate;font-size:1.1rem}.ticket{border:1px solid var(--line-gold);background:linear-gradient(135deg,#1e1809 0%,#141416 60%);border-radius:18px;display:flex;position:relative;overflow:hidden}.ticket .t-main{flex:1;min-width:0;padding:16px}.ticket .t-side{opacity:.5;border-inline-start:2px dashed var(--line-gold);background:#00000040;flex:none;place-items:center;width:58px;padding:12px;display:grid}.ticket:before,.ticket:after{content:"";background:var(--bg);border-radius:50%;width:22px;height:22px;position:absolute;inset-inline-end:47px}.ticket:before{top:-11px}.ticket:after{bottom:-11px}.t-number{letter-spacing:3px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;margin-bottom:4px;font-size:2.6rem;font-weight:800;line-height:1.15}.ticket.winner{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 10px 30px #d4a53740}.num-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.num-grid button{border:1px solid var(--line);background:var(--bg-2);min-height:40px;color:var(--text);font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;border-radius:9px;font-size:.85rem;font-weight:700}.num-grid button:disabled{opacity:.28;cursor:not-allowed;text-decoration:line-through}.num-grid button.sel{background:var(--gold-grad);color:#1a1406;border-color:#0000}.winning-ball{color:#1a1406;direction:ltr;background:radial-gradient(circle at 30% 30%,#fff3c4,#d4a537 55%,#7a5a10);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:.95rem;font-weight:800;display:grid;box-shadow:0 6px 18px #d4a53759}.rank-badge{background:var(--card-2);border:1px solid var(--line-gold);width:34px;height:34px;color:var(--gold-hi);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.list-item:last-child{border-bottom:0}.modal-back{z-index:60;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--line-gold);width:100%;max-width:560px;max-height:92vh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow:auto}@media (width>=640px){.modal-back{align-items:center}.modal{border-radius:20px}}.toast-wrap{top:74px;z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed;inset-inline:0}.toast{pointer-events:auto;border:1px solid var(--line-gold);width:100%;max-width:480px;box-shadow:var(--shadow);background:#1f1f24;border-radius:12px;padding:12px 16px;font-weight:600}.toast.bad{border-color:#ef6b6b8c}.toast.ok{border-color:#4cc38a8c}.admin-tabs{scrollbar-width:none;gap:6px;margin-bottom:16px;padding-bottom:6px;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs a{border:1px solid var(--line);color:var(--muted);background:var(--card);border-radius:10px;flex:none;padding:8px 14px;font-size:.9rem;font-weight:700}.admin-tabs a.active{color:#1a1406;background:var(--gold-grad);border-color:#0000}.bars{direction:ltr;align-items:flex-end;gap:4px;height:150px;display:flex}.bars .bar{background:var(--gold-grad);border-radius:4px 4px 0 0;flex:1;min-height:2px;position:relative}.bars .bar:hover{filter:brightness(1.2)}.bars-labels{color:var(--muted);direction:ltr;gap:4px;margin-top:4px;font-size:.66rem;display:flex}.bars-labels span{text-align:center;flex:1}.proof-img{border:1px solid var(--line);border-radius:10px;max-height:320px;display:block}.auth-wrap{max-width:440px;margin:10px auto}@media print{.topbar,.footer,.demo-bar,.no-print{display:none!important}body{color:#000;background:#fff}}