:root{--night:#071b27;--navy:#0b2a3a;--pitch:#0d4a3a;--grass:#1d7a3e;--orange:#f7941d;--orange-deep:#c86d05;--gold:#ffd08a;--ink:#102833;--muted:#5f7480;--line:#e3eaee;--bg:#eef3f2;--ok:#1f9d55;--bad:#d64545;--late:#e08a00;--radius:16px}*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;background:#eef3f2;background:var(--bg);color:#102833;color:var(--ink);direction:rtl;font-family:Segoe UI,Tahoma,Noto Sans Arabic,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}h1,h2,p{margin:0}.app{background:#eef3f2;background:var(--bg);box-shadow:0 0 40px #071b2714;margin:0 auto;max-width:480px;min-height:100vh;overflow-x:hidden;padding-bottom:calc(80px + env(safe-area-inset-bottom));position:relative}.logo-badge{background:#fff;border-radius:50%;box-shadow:0 0 0 3px #f7941d,0 4px 12px #00000059;box-shadow:0 0 0 3px var(--orange),0 4px 12px #00000059;display:inline-grid;overflow:hidden;place-items:center}.logo-badge img{height:86%;object-fit:contain;width:86%}.beam{background:linear-gradient(180deg,#fffae152,#fffae100 85%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(3px);height:190px;pointer-events:none;position:absolute;top:18px;width:150px}.beam-r{right:6%;transform:rotate(-14deg);transform-origin:50% 0}.beam-l{left:6%;transform:rotate(14deg);transform-origin:50% 0}.mast{filter:drop-shadow(0 0 10px rgba(255,248,210,.75));height:51px;position:absolute;top:6px;width:46px}.mast-r{right:calc(6% + 52px)}.mast-l{left:calc(6% + 52px)}.stadium{background:radial-gradient(ellipse 55% 60% at 22% -8%,#fffceb6b,#0000 70%),radial-gradient(ellipse 55% 60% at 78% -8%,#fffceb61,#0000 70%),linear-gradient(180deg,#071b27,#0b2a3a 38%,#0d4a3a 70%,#1d7a3e);background:radial-gradient(ellipse 55% 60% at 22% -8%,#fffceb6b,#0000 70%),radial-gradient(ellipse 55% 60% at 78% -8%,#fffceb61,#0000 70%),linear-gradient(180deg,var(--night) 0,var(--navy) 38%,var(--pitch) 70%,var(--grass) 100%);color:#fff;height:196px;isolation:isolate;overflow:hidden;position:relative}.stadium-sky{inset:0;position:absolute;z-index:-1}.stands{background:radial-gradient(circle at 50% 50%,#ffffff38 0 1px,#0000 1.6px) 0 0 /7px 6px,linear-gradient(180deg,#04101800,#0410188c);height:30px;-webkit-mask:linear-gradient(180deg,#0000,#000 40%,#000 80%,#0000);mask:linear-gradient(180deg,#0000,#000 40%,#000 80%,#0000);opacity:.7;top:74px}.grass,.stands{left:0;position:absolute;right:0}.grass{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.055) 0 34px,#0000 34px 68px),linear-gradient(180deg,#1d7a3e00,#1d7a3ea6 45%,#1b7a3c);bottom:0;height:92px}.pitch-lines{fill:none;stroke:#ffffff8c;stroke-width:1.6;vector-effect:non-scaling-stroke;bottom:0;height:86px;left:0;position:absolute;width:100%}.pitch-lines ellipse{fill:#ffffffb3;stroke:none}.hero-ball{bottom:22px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));height:58px;left:22px;position:absolute;transform:rotate(-12deg);width:58px}.ball-shadow{background:radial-gradient(ellipse,#00000080,#0000 70%);border-radius:50%;bottom:16px;height:10px;left:26px;position:absolute;width:54px}.stadium-top{align-items:flex-start;display:flex;justify-content:space-between;left:16px;position:absolute;right:16px;top:14px}.hero-logo{height:54px;width:54px}.logout{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-height:36px;padding:0 16px}.logout:focus-visible,.logout:hover{background:#ffffff38}.stadium-hello{bottom:26px;left:96px;position:absolute;right:18px;text-shadow:0 2px 10px #00000073}.stadium-hello h1{font-size:23px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stadium-hello p{color:#ffd08a;color:var(--gold);font-size:13px;font-weight:600;margin-top:3px}.content{padding:4px 16px 8px}.flip-wrap{background:radial-gradient(ellipse 70% 55% at 50% 42%,#1d7a3e29,#0000 70%);padding:18px 0 4px}.flip,.flip-wrap{position:relative}.flip{-webkit-tap-highlight-color:transparent;cursor:pointer;height:392px;margin:0 auto;max-width:340px;outline:none;perspective:1100px;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:100%}.flip:focus-visible .flip-in{border-radius:20px;outline:3px solid #f7941d;outline:3px solid var(--orange);outline-offset:6px}.flip-in{height:100%;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1);width:100%}.flip.on .flip-in{transform:rotateY(180deg)}.face{backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;inset:0;place-items:center;position:absolute;transform:rotateY(0deg)}.face-back{transform:rotateY(180deg)}.flip-hint{align-items:center;color:#5f7480;color:var(--muted);display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:10px}.flip-hint svg{fill:none;stroke:#f7941d;stroke:var(--orange);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}@media (prefers-reduced-motion:reduce){.flip-in{transition:none}}.fifa{filter:drop-shadow(0 16px 24px rgba(7,27,39,.45));height:384px;position:relative;width:264px}.fifa-body{color:#fff;overflow:hidden}.fifa-bg,.fifa-body{inset:0;position:absolute}.fifa-bg{background:radial-gradient(ellipse 60% 40% at 24% 0,#fffceb61,#0000 70%),radial-gradient(ellipse 60% 40% at 78% 0,#fffceb4d,#0000 70%),repeating-linear-gradient(90deg,hsla(0,0%,100%,.035) 0 24px,#0000 24px 48px),linear-gradient(172deg,#0a2333,#0b2a3a 30%,#0d4a3a 62%,#17693a);background:radial-gradient(ellipse 60% 40% at 24% 0,#fffceb61,#0000 70%),radial-gradient(ellipse 60% 40% at 78% 0,#fffceb4d,#0000 70%),repeating-linear-gradient(90deg,hsla(0,0%,100%,.035) 0 24px,#0000 24px 48px),linear-gradient(172deg,#0a2333 0,var(--navy) 30%,var(--pitch) 62%,#17693a 100%)}.fifa-pitch{fill:none;stroke:#ffffff17;stroke-width:1.5;height:100%;inset:0;position:absolute;width:100%}.fifa-pitch circle:last-child{fill:#ffffff1f}.fifa-shine{background:linear-gradient(115deg,#0000 28%,#ffffff1f 40%,#0000 52%)}.fifa-frame,.fifa-shine{inset:0;position:absolute}.fifa-frame{height:100%;pointer-events:none;width:100%}.fifa-side{align-items:center;display:flex;flex-direction:column;position:absolute;right:22px;text-align:center;top:32px;width:64px}.fifa-num{background:linear-gradient(180deg,#fff 10%,#ffd08a 90%);background:linear-gradient(180deg,#fff 10%,var(--gold) 90%);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));font-size:50px;font-weight:900;letter-spacing:-1px;line-height:.95}.fifa-pos{color:#ffd08a;color:var(--gold);font-size:14px;font-weight:800;margin-top:4px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fifa-num.none{font-size:38px;line-height:1.2}.fifa-rule{background:#f7941d;background:var(--orange);border-radius:2px;display:block;height:2px;margin:7px 0 8px;width:30px}.fifa-logo{height:38px;width:38px}.fifa-sport{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));font-size:18px;line-height:1;margin-top:7px}.fifa-photo{align-items:flex-end;display:flex;height:160px;justify-content:center;left:26px;-webkit-mask:linear-gradient(180deg,#000 72%,#0000);mask:linear-gradient(180deg,#000 72%,#0000);position:absolute;top:32px;width:144px}.fifa-img{height:100%;object-fit:cover;object-position:50% 20%;width:100%}img.fifa-img{-webkit-mask:radial-gradient(ellipse 58% 60% at 50% 42%,#000 55%,#0000 100%);mask:radial-gradient(ellipse 58% 60% at 50% 42%,#000 55%,#0000 100%)}.fifa-name{font-size:22px;font-weight:900;left:30px;overflow:hidden;padding-bottom:6px;position:absolute;right:30px;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 6px #0006;top:192px;white-space:nowrap}.fifa-name:after{background:linear-gradient(90deg,#0000,#f7941d 20%,#f7941d 80%,#0000);background:linear-gradient(90deg,#0000,var(--orange) 20%,var(--orange) 80%,#0000);border-radius:2px;bottom:0;content:"";height:2px;left:10%;position:absolute;right:10%}.fifa-stats{grid-column-gap:14px;grid-row-gap:5px;column-gap:14px;display:grid;grid-template-columns:1fr 1fr;left:20px;position:absolute;right:20px;row-gap:5px;top:240px}.fifa-stats:before{background:linear-gradient(180deg,#0000,#ffd08a8c,#0000);bottom:2px;content:"";left:50%;position:absolute;top:2px;width:1px}.fifa-stats div{align-items:baseline;display:flex;gap:5px;min-width:0}.fifa-stats b{color:#ffd08a;color:var(--gold);flex:none;font-size:17px;font-weight:900;min-width:24px;text-align:right}.fifa-stats span{font-size:11px;font-weight:600;opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fifa-foot{align-items:center;bottom:40px;color:#ffffffd9;display:flex;font-size:10px;font-weight:800;gap:8px;justify-content:center;left:0;letter-spacing:3px;position:absolute;right:0}.fifa-foot:after,.fifa-foot:before{background:#f7941d;background:var(--orange);content:"";height:1px;width:22px}.idcard{background:radial-gradient(ellipse 50% 70% at 0 0,#fffceb38,#0000 70%),repeating-linear-gradient(90deg,#ffffff08 0 26px,#0000 26px 52px),linear-gradient(120deg,#0a2333,#0d4a3a 60%,#1d7a3e);background:radial-gradient(ellipse 50% 70% at 0 0,#fffceb38,#0000 70%),repeating-linear-gradient(90deg,#ffffff08 0 26px,#0000 26px 52px),linear-gradient(120deg,#0a2333 0,var(--pitch) 60%,var(--grass) 100%);border-radius:18px;box-shadow:0 16px 30px #071b2766,inset 0 0 0 1px #ffffff1f;color:#fff;height:214px;max-width:340px;overflow:hidden;position:relative;width:100%}.idcard:after{background:linear-gradient(115deg,#0000 35%,#ffffff1a 48%,#0000 60%);content:"";pointer-events:none}.id-pitch,.idcard:after{inset:0;position:absolute}.id-pitch{fill:none;stroke:#ffffff12;stroke-width:1.5;height:100%;width:100%}.id-bar{align-items:center;background:linear-gradient(90deg,#f7941d,#ffc061);background:linear-gradient(90deg,var(--orange),#ffc061);color:#0b2a3a;color:var(--navy);display:flex;font-size:14px;font-weight:900;height:40px;justify-content:space-between;padding:0 14px;position:relative}.id-logo{box-shadow:0 0 0 2px #fff,0 2px 6px #00000040;height:30px;width:30px}.id-main{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 94px;padding:12px 16px 0;position:relative;z-index:1}.id-info{font-size:12px;line-height:1.75;min-width:0}.id-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-info span{color:#ffffff9e}.id-name{color:#ffd08a;color:var(--gold);font-size:18px;font-weight:900;line-height:1.25;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-photo{align-items:flex-end;background:#ffffff1a;border:2px solid #f7941d;border:2px solid var(--orange);border-radius:12px;display:flex;height:150px;justify-content:center;max-height:150px;overflow:hidden;width:94px}.id-img{height:100%;object-fit:cover;width:100%}svg.id-img{height:86%}.id-num{bottom:-6px;color:#fff;font-size:76px;font-weight:900;left:122px;line-height:1;opacity:.1;pointer-events:none;position:absolute}.panel{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 2px #1028330f,0 6px 18px #1028330f;margin:14px 0 0;padding:14px 16px}.panel-title{align-items:center;color:#0b2a3a;color:var(--navy);display:flex;font-size:15px;font-weight:800;gap:8px;margin-bottom:10px}.panel-title:before{background:#f7941d;background:var(--orange);border-radius:2px;content:"";height:16px;width:4px}.muted{color:#5f7480;color:var(--muted);font-size:14px}.pill{background:#fff1df;border-radius:999px;color:#a85a00;flex:none;font-size:12.5px;font-weight:800;padding:5px 11px;white-space:nowrap}.next{align-items:flex-start;display:flex;gap:12px}.next-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.next-icon{background:linear-gradient(160deg,#0b2a3a,#1d7a3e);background:linear-gradient(160deg,var(--navy),var(--grass));border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff1a;display:grid;flex:none;height:46px;place-items:center;width:46px}.next-icon svg{fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;height:24px;width:24px}.next-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.next-body h2{color:#5f7480;color:var(--muted);font-size:12.5px;font-weight:700}.next-body b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-body small{color:#5f7480;color:var(--muted);font-size:12.5px}.history,.lesson-list{list-style:none;margin:0;padding:0}.lesson-list li{align-items:center;display:flex;gap:12px;padding:10px 0}.lesson-list li+li{border-top:1px solid #e3eaee;border-top:1px solid var(--line)}.lesson-list div{display:flex;flex:1 1;flex-direction:column;min-width:0}.lesson-list b{font-size:15px}.lesson-list small{color:#5f7480;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-ball{background:linear-gradient(160deg,#0b2a3a,#1d7a3e);background:linear-gradient(160deg,var(--navy),var(--grass));border-radius:12px;display:grid;flex:none;font-size:18px;height:38px;place-items:center;width:38px}.chips{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.chip{border-radius:14px;display:flex;flex-direction:column;gap:2px;padding:10px 6px;text-align:center}.chip b{font-size:20px;font-weight:900;line-height:1.2}.chip span{font-size:12px;font-weight:700}.chip-rate{background:linear-gradient(160deg,#0b2a3a,#1d7a3e);background:linear-gradient(160deg,var(--navy),var(--grass));color:#fff}.chip-rate b{color:#ffd08a;color:var(--gold)}.chip-bad{background:#fdeceb;color:#a83232}.chip-late{background:#fff3df;color:#9a5d00}.history li{align-items:center;background:#f6f9f9;border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 12px}.history li+li{margin-top:6px}.history i{background:#9fb2bb;border-radius:50%;flex:none;height:10px;width:10px}.history span{flex:1 1;min-width:0}.history small{color:#5f7480;color:var(--muted);flex:none;font-size:12px;font-weight:500;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history .ok{background:#ecf8f0}.history .ok i{background:#1f9d55;background:var(--ok);box-shadow:0 0 0 3px #1f9d552e}.history .bad{background:#fdeeed}.history .bad i{background:#d64545;background:var(--bad);box-shadow:0 0 0 3px #d645452e}.history .late{background:#fff5e3}.history .late i{background:#e08a00;background:var(--late);box-shadow:0 0 0 3px #e08a0033}.tabs{background:linear-gradient(180deg,#0d2f40,#071b27);background:linear-gradient(180deg,#0d2f40,var(--night));border-top:1px solid #ffffff14;bottom:0;box-shadow:0 -6px 20px #071b272e;display:flex;left:50%;max-width:480px;padding:0 0 env(safe-area-inset-bottom);position:fixed;transform:translateX(-50%);width:100%;z-index:10}.tabs button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:0;color:#ffffff9e;cursor:pointer;display:flex;flex:1 1 50%;flex-direction:column;font-size:12.5px;font-weight:700;gap:3px;justify-content:center;min-height:60px;padding:7px 0;position:relative;touch-action:manipulation;width:50%}.tabs button>*{pointer-events:none}.tabs svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;height:23px;width:23px}.tabs button.on{color:#f7941d;color:var(--orange)}.tabs button.on:before{background:#f7941d;background:var(--orange);border-radius:0 0 3px 3px;box-shadow:0 0 12px #f7941dcc;content:"";height:3px;left:30%;position:absolute;right:30%;top:0}.tabs button:focus-visible{outline:2px solid #f7941d;outline:2px solid var(--orange);outline-offset:-4px}.login{background:radial-gradient(ellipse 60% 35% at 20% -4%,#fffceb66,#0000 70%),radial-gradient(ellipse 60% 35% at 80% -4%,#fffceb57,#0000 70%),linear-gradient(180deg,#071b27,#0b2a3a 30%,#0d4a3a 65%,#1d7a3e);background:radial-gradient(ellipse 60% 35% at 20% -4%,#fffceb66,#0000 70%),radial-gradient(ellipse 60% 35% at 80% -4%,#fffceb57,#0000 70%),linear-gradient(180deg,var(--night) 0,var(--navy) 30%,var(--pitch) 65%,var(--grass) 100%);color:#fff;margin:0 auto;max-width:480px;min-height:100vh;overflow:hidden;position:relative}.login:before{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.045) 0 40px,#0000 40px 80px);content:"";inset:0;-webkit-mask:linear-gradient(180deg,#0000 30%,#000 70%);mask:linear-gradient(180deg,#0000 30%,#000 70%);pointer-events:none;position:absolute}.login-hero{height:220px;inset:0 0 auto;position:absolute}.login-inner{padding:96px 22px 40px;position:relative;text-align:center}.login-logo{box-shadow:0 0 0 4px #f7941d,0 10px 26px #00000073;box-shadow:0 0 0 4px var(--orange),0 10px 26px #00000073;height:96px;width:96px}.login h1{font-size:27px;font-weight:900;margin-top:16px;text-shadow:0 2px 10px #0006}.login-sub{color:#ffd08a;color:var(--gold);font-size:14px;font-weight:600;margin-top:4px}.login-panel{background:#fff;border-radius:20px;box-shadow:0 18px 40px #00000059;color:#102833;color:var(--ink);margin-top:26px;padding:20px 18px;text-align:right}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label{color:#0b2a3a;color:var(--navy);font-size:14px;font-weight:800}.login-form input{background:#f7fafb;border:2px solid #d3dee3;border-radius:12px;color:#102833;color:var(--ink);direction:ltr;font-size:21px;letter-spacing:4px;padding:13px;text-align:center;width:100%}.login-form input:focus{background:#fff;border-color:#f7941d;border-color:var(--orange);box-shadow:0 0 0 4px #f7941d2e;outline:none}.btn{background:linear-gradient(180deg,#ffa53a,#f7941d);background:linear-gradient(180deg,#ffa53a,var(--orange));border:0;border-radius:12px;box-shadow:0 6px 16px #f7941d59;color:#fff;cursor:pointer;font-size:16px;font-weight:800;min-height:50px;padding:12px}.btn:disabled{box-shadow:none;cursor:default;opacity:.5}.btn:focus-visible{outline:3px solid #0b2a3a;outline:3px solid var(--navy);outline-offset:2px}.note{background:#e9f6ef;border-radius:12px;color:#17603a;padding:10px 12px}.error,.note{font-size:14px}.error{color:#d64545;color:var(--bad);font-weight:700;margin-top:12px}.login-ball{filter:drop-shadow(0 8px 10px rgba(0,0,0,.4));height:64px;margin-top:30px;width:64px}.center-note{align-items:center;color:#5f7480;color:var(--muted);display:flex;flex-direction:column;gap:14px;padding:80px 24px;text-align:center}.center-note .btn{padding:12px 24px}.loading-ball{animation:spin 1.2s linear infinite;height:46px;width:46px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-ball{animation:none}}
/*# sourceMappingURL=main.558ea430.css.map*/