:root{--brand-dark:#073942;--brand-mid:#0a5866;--brand-light:#0d8191;--brand-bright:#13a5b8;--brand-soft:#0739421a}.app-root{align-items:center;background:linear-gradient(135deg,#073942,#0a5866 50%,#0d8191);background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand-mid) 50%,var(--brand-light) 100%);direction:rtl;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Cairo,sans-serif;justify-content:center;min-height:100vh;padding:20px}.phone-frame{background:#fff;border-radius:32px;box-shadow:0 20px 60px #0000004d,0 0 0 8px #ffffff1a;max-width:100%;overflow:hidden;position:relative;width:380px}.top-bar{background:linear-gradient(135deg,#073942,#0a5866 50%,#0d8191);background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand-mid) 50%,var(--brand-light) 100%);border-bottom:1px solid #0000000f;box-shadow:0 2px 10px #0000001a;color:#fff;padding:16px 20px}.top-bar,.top-bar-title{align-items:center;display:flex}.top-bar-title{flex:1 1;font-size:18px;font-weight:800;gap:10px;justify-content:center;letter-spacing:.5px}.top-bar-logo{height:48px;object-fit:contain;width:75px}.screen{background:#0739421a;background:var(--brand-soft);min-height:calc(100vh - 70px);padding:20px 20px 24px}.screen-title{color:#1a1a1a;font-size:24px;font-weight:800;letter-spacing:-.3px;margin-bottom:20px}.applepay-button,.primary-button,.secondary-button{border:none;border-radius:14px;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:16px;font-weight:700;padding:14px 20px;transition:all .3s ease}.primary-button{background:linear-gradient(135deg,#073942,#0a5866 50%,#0d8191);background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand-mid) 50%,var(--brand-light) 100%);color:#fff;width:100%}.primary-button:hover{box-shadow:0 6px 20px #07394266;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.secondary-button{background-color:#fff;border:2px solid #0d8191;border:2px solid var(--brand-light);color:#0d8191;color:var(--brand-light)}.secondary-button:hover{background-color:#f7f9ff;transform:translateY(-2px)}.applepay-button{background-color:#000;color:#fff;width:100%}.applepay-button:hover{background-color:#1a1a1a;transform:translateY(-2px)}.button-row{display:flex;gap:12px;margin-top:20px}.button-row .primary-button,.button-row .secondary-button{flex:1 1}.field-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-size:15px;margin-bottom:12px;padding:12px 16px;transition:all .3s ease;width:100%}.input:last-of-type{margin-bottom:16px}.input:focus{border-color:#0d8191;border-color:var(--brand-light);box-shadow:0 0 0 3px #07394226;outline:none}.input:hover{border-color:#cbd5e0}select.input{cursor:pointer}.landing-screen{align-items:center;background:linear-gradient(150deg,#0739421a,#0d819126);display:flex;justify-content:center}.landing-card{background:#fff;border-radius:24px;box-shadow:0 18px 40px #0000001f;padding:32px 24px;text-align:center}.landing-logo{height:120px;margin-bottom:20px;object-fit:contain;width:120px}.landing-title{font-size:24px;font-weight:800;margin:0 0 8px}.landing-description{color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:20px}.nafath-screen{background:#eef3f7;display:flex;flex-direction:column;gap:12px}.nafath-back{align-self:flex-start;background:none;border:none;color:#1f2937;cursor:pointer;font-weight:600;margin-bottom:4px}.nafath-card{background:#fff;border-radius:24px;box-shadow:0 14px 30px #00000014;padding:24px}.nafath-header{margin-bottom:18px;text-align:center}.nafath-header p{color:#4a5568;font-size:13px;margin:8px 0 0}.nafath-logo-word{color:#00796b;font-size:32px;font-weight:900}.nafath-subtitle{font-size:16px;font-weight:700;margin-bottom:4px;margin-top:4px}.nafath-section-title{color:#1f2937;font-size:17px;font-weight:800;margin-bottom:12px}.nafath-label{color:#4a5568;display:block;font-size:13px;margin-bottom:6px}.nafath-input{background:#f8fafc;border:1px solid #d1d5db;border-radius:14px;padding:12px 14px}.nafath-input,.nafath-login-button{font-size:16px;margin-bottom:16px;width:100%}.nafath-login-button{background:#00897b;border:none;border-radius:14px;box-shadow:0 8px 18px #00897b4d;color:#fff;cursor:pointer;font-weight:700;padding:14px}.nafath-divider{color:#94a3b8;font-size:13px;margin-bottom:12px;text-align:center}.nafath-secondary-button{background:none;border:2px solid #d1d5db;border-radius:14px;cursor:pointer;font-weight:600;padding:12px;width:100%}.hint-text{color:#718096;font-size:13px;line-height:1.6;margin-top:16px;text-align:center}.match-list{gap:14px}.match-card,.match-list{display:flex;flex-direction:column}.match-card{align-items:center;background:linear-gradient(135deg,#073942,#0a5866 50%,#0d8191);background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand-mid) 50%,var(--brand-light) 100%);border:none;border-radius:20px;box-shadow:0 8px 25px #07394259;color:#fff;cursor:pointer;overflow:hidden;padding:20px 16px;position:relative;transition:all .3s ease}.match-time{color:#ffffffe6;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:16px}.match-card-content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:16px;width:100%}.match-team-section{align-items:center;display:flex;flex-direction:column;gap:8px}.team-logo{background:#ffffff1a;border-radius:50%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:70px;object-fit:contain;padding:8px;transition:transform .3s ease,filter .3s ease;width:70px}.match-vs-section{align-items:center;display:flex;justify-content:center}.match-card:before{background:#ffffff4d;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.match-card:hover{background:linear-gradient(135deg,#0a5866,#0d8191 50%,#13a5b8);background:linear-gradient(135deg,var(--brand-mid) 0,var(--brand-light) 50%,var(--brand-bright) 100%);box-shadow:0 12px 35px #07394273;transform:translateY(-4px)}.match-card:hover:before{transform:scaleX(1)}.match-card:hover .team-logo{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));transform:scale(1.1)}.team-row{align-items:center;display:flex;gap:8px;justify-content:center;margin:2px 0}.team-name{color:#fff;font-size:15px;font-weight:700;text-align:center;text-shadow:0 2px 4px #0003}.team-icon{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:24px}.team-icon-large{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));font-size:32px}.team-logo-large{background:#ffffffe6;border-radius:50%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:80px;object-fit:contain;padding:8px;transition:transform .3s ease;width:80px}.team-icon-small{display:inline-block;font-size:18px}.vs-text{background:#ffffff26;border-radius:12px;color:#ffffffe6;font-size:16px;font-weight:800;letter-spacing:3px;padding:8px 12px;text-shadow:0 2px 4px #0003}.match-meta{border-top:1px solid #fff3;color:#ffffffd9;font-size:12px;font-weight:500;gap:12px;justify-content:center;margin-top:8px;padding-top:12px;width:100%}.match-meta,.match-meta span{align-items:center;display:flex}.match-meta span{gap:6px}.match-meta span:before{content:"📍";filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:14px}.stadium-map{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:center;margin-bottom:20px;overflow:hidden;padding:12px}.stadium-image{border-radius:8px;display:block;height:auto;object-fit:contain;width:100%}.seat-form{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:16px;padding:18px}.seat-row{display:flex;gap:12px;margin-top:8px}.seat-form .field-label:first-child{margin-top:0}.seat-form .seat-field .field-label{margin-bottom:6px}.seat-field{flex:1 1}.price-row{align-items:center;background:linear-gradient(135deg,#f7f9ff,#eef2ff);border:2px solid #e1e8ed;border-radius:16px;display:flex;justify-content:space-between;margin:16px 0 20px;padding:14px 18px}.price-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#073942,#0a5866 50%,#0d8191);background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand-mid) 50%,var(--brand-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.ticket-icon{font-size:28px}.ticket-icon,.ticket-icon-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ticket-icon-large{font-size:36px}.info-box{background:#fff;border:2px solid #e1e8ed;border-radius:14px;box-shadow:0 2px 8px #0000000d;margin-bottom:10px;padding:14px 16px;transition:all .3s ease}.info-box:hover{border-color:#0d8191;border-color:var(--brand-light);box-shadow:0 4px 12px #07394233;transform:translateX(-4px)}.info-label{color:#718096;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#1a1a1a;font-size:16px;font-weight:700}.payment-screen{text-align:center}.payment-price{align-items:center;background:linear-gradient(135deg,#f7f9ff,#eef2ff);border-radius:20px;box-shadow:0 8px 20px #07394233;display:flex;gap:16px;justify-content:center;margin:24px 0;padding:20px}.payment-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#073942,#0a5866 50%,#0d8191);background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand-mid) 50%,var(--brand-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900}.payment-methods{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:center;margin-bottom:24px;padding:18px}.payment-methods span{background:#f7f9ff;border:2px solid #e1e8ed;border-radius:10px;color:#0d8191;color:var(--brand-light);font-weight:600;padding:10px 16px;transition:all .2s ease}.payment-methods span:hover{background:#0d8191;background:var(--brand-light);box-shadow:0 4px 12px #07394240;color:#fff;transform:translateY(-2px)}.success-screen{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 70px);text-align:center}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#073942,#0a5866 50%,#0d8191);background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand-mid) 50%,var(--brand-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900;margin-bottom:8px;margin-top:0}.success-emoji{animation:bounce 1s ease infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:80px;margin:20px 0 24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ticket-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.ticket-card{background:linear-gradient(145deg,#fff,#f7fbff);border-radius:22px;box-shadow:0 14px 30px #00000014;overflow:hidden;padding:20px;position:relative}.ticket-card:before{background:linear-gradient(135deg,#07394214,#0d81911a);content:"";inset:0;pointer-events:none;position:absolute}.ticket-card-content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:16px;position:relative;z-index:1}.ticket-card-team{align-items:center;display:flex;flex-direction:column;gap:8px}.ticket-team-logo{background:#fff;border-radius:50%;box-shadow:0 8px 18px #0000001f;height:70px;object-fit:contain;padding:8px;width:70px}.ticket-team-name{color:#1a1a1a;font-size:15px;font-weight:700;text-align:center}.ticket-card-vs{background:#fff;border:2px solid #07394233;border-radius:999px;box-shadow:0 6px 12px #07394226;color:#0d8191;color:var(--brand-light);font-size:16px;font-weight:800;padding:6px 18px;position:relative;z-index:1}.ticket-meta{color:#4a5568;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:6px;position:relative;z-index:1}.ticket-meta span{align-items:center;display:flex;gap:4px}.ticket-seat-info{color:#718096;font-size:13px;margin-bottom:12px;position:relative;z-index:1}.ticket-actions{border-top:1px solid #e1e8ed;display:flex;gap:10px;margin-top:12px;padding-top:12px;position:relative;z-index:1}.secondary-button.small{flex:1 1;font-size:13px;padding:8px 12px}.profile-card{background:linear-gradient(135deg,#fff,#f7fbff);border-radius:24px;box-shadow:0 10px 25px #00000014;margin-bottom:20px;padding:24px;text-align:center}.profile-avatar{align-items:center;background:#0d8191;background:var(--brand-light);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:800;height:88px;justify-content:center;margin:0 auto 12px;width:88px}.profile-name{font-size:20px;font-weight:800;margin-bottom:4px}.profile-email{color:#64748b;font-size:14px}.profile-info-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.profile-info-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;gap:6px;padding:14px;text-align:right}.profile-info-label{color:#94a3b8;display:block;font-size:12px;margin-bottom:4px}.profile-info-value{color:#1f2937;font-weight:400;word-break:break-word}.profile-info-status{color:#0d8191;font-weight:700}.profile-info-email{direction:ltr}.profile-section{background:#fff;border-radius:20px;box-shadow:0 6px 16px #0000000f;margin-bottom:20px;padding:18px}.profile-section-title{font-size:16px;font-weight:800;margin-bottom:12px}.profile-preference{align-items:center;border-bottom:1px solid #f1f5f9;color:#334155;display:flex;font-weight:600;justify-content:space-between;padding:10px 0}.profile-preference:last-child{border-bottom:none}.profile-tag{background:#0739421a;border-radius:999px;color:#0d8191;color:var(--brand-light);font-size:12px;padding:4px 12px}.profile-actions{display:flex;flex-direction:column;gap:12px}.ticket-details-card{background:#fff;border-radius:24px;box-shadow:0 12px 30px #00000014;display:flex;flex-direction:column;gap:16px;padding:20px}.ticket-details-match{align-items:center;display:flex;gap:20px;justify-content:center}.ticket-detail-info{border-bottom:1px solid #f1f5f9;color:#475569;display:flex;font-size:14px;justify-content:space-between;padding-bottom:8px}.ticket-detail-info strong{color:#111827}.ticket-qr{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;display:flex;flex-direction:column;gap:12px;padding:18px;text-align:center}.ticket-qr-grid{grid-gap:2px;background:#fff;border-radius:12px;box-shadow:inset 0 0 0 2px #0f172a;display:grid;gap:2px;grid-template-columns:repeat(12,12px);padding:12px}.qr-cell{background:#0000;height:12px;width:12px}.qr-cell.filled{background:#0f172a}.ticket-qr-id{font-family:Courier New,Courier,monospace;font-size:16px;letter-spacing:4px}.side-menu-overlay{background:#00000059;display:flex;inset:0;justify-content:flex-start;position:absolute;z-index:100}.side-menu{background-color:#fff;height:100%;max-width:260px;padding:16px 14px;width:70%}.side-menu,.side-menu-header{display:flex;flex-direction:column;gap:8px}.side-menu-header{align-items:center;border-bottom:1px solid #e1e8ed;margin-bottom:12px;padding-bottom:12px}.side-menu-profile-block{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.side-menu-avatar{align-items:center;background:#0d8191;background:var(--brand-light);border-radius:50%;color:#fff;display:flex;font-weight:800;height:60px;justify-content:center;width:60px}.side-menu-user-name{font-weight:700;text-align:center}.side-menu-user-email{color:#6b7280;font-size:12px;text-align:center}.side-menu-close{align-self:flex-start;font-size:22px}.side-menu-profile-button{background:none;border:1px solid #07394233;border-radius:999px;cursor:pointer;font-weight:600;padding:6px 16px}.icon-button{background:none;border:none;cursor:pointer;font-size:20px}.side-menu-item{background-color:#f3f4f6;border:none;border-radius:12px;cursor:pointer;font-size:15px;margin-bottom:4px;padding:12px 16px;text-align:right;transition:all .2s ease}.side-menu-item:hover{background-color:#e5e7eb;transform:translateX(-4px)}.side-menu-icon{height:28px;object-fit:contain;width:28px}.screen-header-with-back{align-items:center;display:flex;gap:12px;margin-bottom:20px}.back-button-icon{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:50%;box-shadow:0 2px 6px #00000014;color:#0d8191;color:var(--brand-light);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.back-button-icon:hover{background:#f7f9ff;border-color:#0d8191;border-color:var(--brand-light);box-shadow:0 4px 12px #07394233;transform:scale(1.05)}.back-button-icon:active{transform:scale(.95)}.screen-header-with-back .screen-title{flex:1 1;margin:0}.match-header{align-items:center;background:linear-gradient(135deg,#f7f9ff,#eef2ff);border-radius:20px;box-shadow:0 4px 15px #00000014;display:flex;gap:16px;justify-content:center;margin-bottom:24px;padding:20px}.match-header-team{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.team-name-large{color:#1a1a1a;font-size:20px;font-weight:700;text-align:center}.vs-inline-large{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#073942,#0a5866 50%,#0d8191);background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand-mid) 50%,var(--brand-light) 100%);-webkit-background-clip:text;background-clip:text;color:#0d8191;color:var(--brand-light);font-size:18px;font-weight:700}.match-info{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.match-info-item{align-items:center;display:flex;gap:12px;padding:8px 0}.match-info-icon{align-items:center;display:flex;font-size:20px}.match-info-label{color:#718096;font-size:14px;font-weight:600;min-width:60px}.match-info-value{color:#1a1a1a;flex:1 1;font-size:15px;font-weight:700}.info-team-row{gap:10px}.info-team-row,.info-team-row-logos{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.info-team-row-logos{gap:14px}.info-team{align-items:center;color:#1a1a1a;display:flex;font-weight:700;gap:8px}.info-team-logo{background:#fff;border-radius:50%;box-shadow:0 4px 10px #0000001f;height:40px;object-fit:contain;padding:6px;width:40px}.vs-inline{color:#777;font-size:13px;font-weight:600}
/*# sourceMappingURL=main.77415c60.css.map*/