:root{--turq: #1e95c0;--turq-dark: #0d5f80;--orange: #f7941d;--ink: #16323f;--bg: #f2f7fa}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{direction:rtl;font-family:Segoe UI,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}button,input{font:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;padding-bottom:76px}.topbar{background:linear-gradient(135deg,var(--turq),var(--turq-dark));color:#fff;padding:12px 14px 10px;display:flex;align-items:center;gap:10px}.topbar img{width:36px;height:36px;border-radius:50%;background:#fff;padding:2px;object-fit:contain}.topbar-title{flex:1;min-width:0}.topbar-title b{font-size:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-title span{font-size:12px;opacity:.85}.link-btn{background:none;border:0;color:#fff;font-size:13px;padding:8px;cursor:pointer;text-decoration:underline}.content{padding:8px 0 0}.box{margin:10px 14px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #00000012}.box h4{margin:0 0 8px;font-size:14px;color:var(--turq-dark)}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.pill{font-size:12px;background:#fff1e0;color:#b4630a;padding:3px 9px;border-radius:10px;font-weight:700;white-space:nowrap}.muted{color:#6b8592;margin:0;font-size:14px}.pad{padding:20px 14px}.coaches{margin:0 0 8px;font-size:13px;color:#6b8592}.members{list-style:none;margin:0;padding:0;font-size:14px}.members li{padding:6px 0;border-top:1px solid #eef3f6}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #dde7ec;display:flex;padding:0 0 env(safe-area-inset-bottom)}.tabs button{background:none;border:0;flex:1 1 50%;width:50%;min-height:56px;font-size:12px;color:#6b8592;padding:6px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tabs button>*{pointer-events:none}.tabs button.on{color:var(--orange);font-weight:800}.tabs i{display:block;font-style:normal;font-size:20px}.cards-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 0 24px}.cards-row::-webkit-scrollbar{display:none}.card-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center}.dots{display:flex;justify-content:center;gap:6px;padding:4px 0 2px}.dots span{width:8px;height:8px;border-radius:50%;background:#c5d4dc}.dots span.on{background:var(--orange)}.card-shadow{filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.pcard{--accent: var(--orange);width:250px;height:355px;position:relative;color:#fff;overflow:hidden;clip-path:polygon(50% 0,100% 7%,100% 88%,50% 100%,0 88%,0 7%)}.pcard .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#4cc3e6,#1e95c0 45%,#0d5f80)}.pcard .arc{position:absolute;width:300px;height:300px;border-radius:50%;left:-150px;top:120px;opacity:.22;border:16px solid var(--orange)}.pcard .shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 45%,transparent 60%)}.pcard .bignum{position:absolute;left:12px;top:150px;font-size:110px;font-weight:900;opacity:.08;line-height:1}.pcard .frame{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--accent);clip-path:polygon(50% 0,100% 7%,100% 88%,50% 100%,0 88%,0 7%)}.pcard .sport{position:absolute;top:14px;left:0;right:0;text-align:center;font-size:12px;font-weight:800}.pcard .num{position:absolute;top:34px;right:24px;font-size:44px;font-weight:900;line-height:1;color:var(--accent)}.pcard .logo{position:absolute;top:90px;right:16px;width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 3px var(--accent)}.pcard .logo img{width:88%;height:88%;object-fit:contain}.pcard .ph{position:absolute;top:34px;left:22px;width:125px;height:125px}.pcard .avatar,.pcard .photo{width:100%;height:100%}.pcard .photo{object-fit:cover;border-radius:50%;border:3px solid var(--accent)}.pcard .name{position:absolute;top:172px;left:0;right:0;text-align:center;font-size:20px;font-weight:800;margin:0 28px;padding-bottom:5px;border-bottom:2px solid var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard .sub{position:absolute;top:206px;left:0;right:0;text-align:center;font-size:12px;font-weight:700}.pcard .stats{position:absolute;top:232px;left:28px;right:28px;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px}.pcard .stats b{font-size:15px;margin-left:6px;color:var(--accent)}.pcard .foot{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px;opacity:.75}.login{max-width:480px;margin:0 auto;padding:40px 24px;text-align:center}.login-logo{width:96px;height:96px;object-fit:contain}.login h1{color:var(--turq-dark);margin:8px 0 24px;font-size:24px}.login-form{display:flex;flex-direction:column;gap:10px;text-align:right}.login-form label{font-weight:700;font-size:14px}.login-form input{padding:12px;font-size:20px;letter-spacing:3px;text-align:center;border:2px solid #c5d4dc;border-radius:10px;direction:ltr}.login-form input:focus{outline:none;border-color:var(--turq)}.btn{background:var(--orange);color:#fff;border:0;border-radius:10px;padding:13px;font-size:16px;font-weight:800;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.note{background:#e6f7fd;color:var(--turq-dark);padding:10px;border-radius:10px;font-size:14px;margin:0}.error{color:#d0473f;font-weight:700;margin-top:14px}.center-note{padding:60px 24px;text-align:center;color:#6b8592}