.payment-selector{background:var(--bg-secondary,#1a1a1a);direction:rtl;border-radius:24px;width:100%;max-width:520px;padding:32px}.payment-header{text-align:center;margin-bottom:24px}.payment-header h2{color:var(--text-primary,#fff);margin-bottom:8px;font-size:24px;font-weight:700}.payment-header p{color:var(--text-secondary,#fff9);font-size:14px}.course-summary{background:#ffffff0d;border-radius:16px;gap:16px;margin-bottom:24px;padding:16px;display:flex}.course-summary img{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:60px}.course-summary-thumb-fallback{background:linear-gradient(135deg,#ffffff1a,#ffffff08);border-radius:8px;flex-shrink:0;width:80px;height:60px}.course-details{flex:1;min-width:0}.course-details h3{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:600;overflow:hidden}.course-details>p{color:var(--text-secondary,#fff9);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;display:-webkit-box;overflow:hidden}.course-meta{color:var(--text-tertiary,#ffffff80);gap:12px;font-size:12px;display:flex}.course-price{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.price-value{color:#d4af37;font-size:24px;font-weight:700}.price-currency{color:var(--text-secondary,#fff9);font-size:12px}.payment-methods{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.payment-method-card{cursor:pointer;text-align:right;background:#ffffff0d;border:2px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.payment-method-card:hover{background:#ffffff14}.payment-method-card.selected{border-color:var(--method-color);background:#ffffff1a}.method-icon{background:#ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.method-icon img{object-fit:contain;width:32px;height:32px}.method-icon-fallback{font-size:20px;line-height:1}.method-info{flex:1}.method-info h4{color:var(--text-primary,#fff);margin-bottom:2px;font-size:16px;font-weight:600}.method-info p{color:var(--text-secondary,#fff9);font-size:13px}.method-check{border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.payment-method-card.selected .method-check{background:var(--method-color);border-color:var(--method-color);color:#fff}.payment-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.payment-actions{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.pay-button{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.pay-button:hover:not(:disabled){background:#22c55e;transform:translateY(-2px)}.pay-button:disabled{color:#fff6;cursor:not-allowed;background:#ffffff1a}.pay-button .spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cancel-button{color:var(--text-secondary,#fff9);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:500;transition:all .2s}.cancel-button:hover{color:var(--text-primary,#fff);background:#ffffff0d}.trust-badges{border-top:1px solid #ffffff1a;justify-content:center;gap:24px;padding-top:16px;display:flex}.trust-badge{color:var(--text-tertiary,#ffffff80);align-items:center;gap:6px;font-size:12px;display:flex}.trust-badge svg{opacity:.7}.payment-success{text-align:center}.success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:40px;display:flex}.payment-success h2{color:var(--text-primary,#fff);margin-bottom:8px;font-size:24px;font-weight:700}.order-id{color:#d4af37;margin-bottom:24px;font-family:SF Mono,Roboto Mono,monospace;font-size:14px}.success-message{background:#ffffff0d;border-radius:12px;margin-bottom:24px;padding:16px}.success-message p{color:var(--text-secondary,#ffffffb3);margin-bottom:8px;font-size:14px}.success-message .note{color:var(--text-tertiary,#ffffff80);font-size:13px}.whatsapp-button{color:#fff;background:#25d366;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.whatsapp-button:hover{background:#22c55e;transform:translateY(-2px)}.next-steps{text-align:right;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:24px;padding:16px}.next-steps h4{color:#fff;margin-bottom:12px;font-size:14px;font-weight:600}.next-steps ol{margin:0;padding-right:20px}.next-steps li{color:var(--text-secondary,#ffffffb3);margin-bottom:8px;font-size:13px}.next-steps li:last-child{margin-bottom:0}.close-button{color:var(--text-primary,#fff);cursor:pointer;background:#ffffff1a;border:none;border-radius:12px;padding:12px 32px;font-size:15px;font-weight:500;transition:all .2s}.close-button:hover{background:#ffffff26}@media (max-width:480px){.payment-selector{border-radius:16px;padding:24px 16px}.course-summary{flex-direction:column}.course-summary img{width:100%;height:120px}.course-price{flex-direction:row;align-items:baseline;gap:8px}.trust-badges{flex-wrap:wrap;gap:16px}}
.admin-dashboard{direction:rtl;background:0 0;max-width:1600px;min-height:100vh;margin:0 auto;padding:28px}.admin-dashboard.loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:135vh;display:flex}.admin-dashboard.loading:after{content:"جاري تحميل لوحة التحكم...";color:var(--text-muted);font-size:14px;animation:2s infinite fadeInOut}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.admin-dashboard.error{text-align:center;color:var(--error);background:linear-gradient(145deg,#f43f5e0d,#0000);border:1px solid #f43f5e26;border-radius:24px;padding:48px}.dashboard-header{border-bottom:1px solid #8b5cf614;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.header-info h1{background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:28px;font-weight:800}.last-updated{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.live-indicator{color:#10b981;align-items:center;gap:6px;margin-right:8px;animation:2s infinite pulse;display:flex}.live-indicator:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #10b98180}.header-actions{align-items:center;gap:12px;display:flex}.date-selector,.province-selector{color:var(--text-primary);cursor:pointer;background:linear-gradient(145deg,#1e1e1efa,#282828f2);border:1px solid #8b5cf626;border-radius:14px;padding:12px 18px;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #8b5cf614}.date-selector:hover,.province-selector:hover{border-color:#8b5cf64d;box-shadow:0 4px 16px #8b5cf61f}.export-buttons{gap:8px;display:flex}.export-buttons .btn{padding:10px 16px;font-size:13px}section{margin-bottom:40px}section h2{color:#1e293b;align-items:center;gap:12px;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}section h2:before{content:"";background:linear-gradient(#8b5cf6,#d946ef);border-radius:2px;width:4px;height:24px}.section-header{border-bottom:1px solid #8b5cf614;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.realtime-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#8b5cf6,#d946ef,#22d3ee);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--glass-border-strong);background:var(--glass-bg-strong);transform:translateY(-5px);box-shadow:0 8px 32px #00000080}.stat-card:hover:before{opacity:1}.stat-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(5deg)}.stat-gold .stat-icon{color:#8b5cf6;background:linear-gradient(145deg,#8b5cf640,#8b5cf614);box-shadow:0 4px 16px #8b5cf640,inset 0 1px #ffffff80}.stat-blue .stat-icon{color:#22d3ee;background:linear-gradient(145deg,#22d3ee40,#22d3ee14);box-shadow:0 4px 16px #22d3ee40,inset 0 1px #ffffff80}.stat-green .stat-icon{color:#10b981;background:linear-gradient(145deg,#10b98140,#10b98114);box-shadow:0 4px 16px #10b98140,inset 0 1px #ffffff80}.stat-red .stat-icon{color:#f43f5e;background:linear-gradient(145deg,#f43f5e40,#f43f5e14);box-shadow:0 4px 16px #f43f5e40,inset 0 1px #ffffff80}.stat-purple .stat-icon{color:#a855f7;background:linear-gradient(145deg,#a855f740,#a855f714);box-shadow:0 4px 16px #a855f740,inset 0 1px #ffffff80}.live-badge{color:#10b981;align-items:center;gap:4px;font-size:11px;font-weight:600;animation:2s infinite pulse;display:flex}.live-badge:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b98199}.stat-value{background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:32px;font-weight:800;display:block}.stat-label{color:var(--text-muted);letter-spacing:.2px;font-size:14px;font-weight:500}.stat-trend{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:4px;margin-top:10px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.stat-trend.positive{color:#10b981;background:linear-gradient(135deg,#10b98133,#10b98114);box-shadow:0 2px 8px #10b98126}.stat-trend.negative{color:#f43f5e;background:linear-gradient(135deg,#f43f5e33,#f43f5e14);box-shadow:0 2px 8px #f43f5e26}.revenue-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.revenue-total-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--glass-shadow);padding:32px}.revenue-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.revenue-value{color:var(--gold);font-size:36px;font-weight:700}.payment-methods-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:24px}.payment-methods-card h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.payment-method-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.payment-method-row:last-child{border-bottom:none}.method-name{color:var(--text-primary);font-weight:500}.method-count{color:var(--text-secondary);margin-right:8px;font-size:13px}.method-revenue{color:var(--gold);font-weight:600}.location-revenue-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:24px}.location-revenue-card h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.location-table,.courses-table{width:100%}.courses-table{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:24px}.table-header{border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff0d;grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:16px;margin-bottom:8px;padding:12px 16px;font-size:13px;font-weight:600;display:grid}.courses-table .table-header{grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr}.table-row{border-radius:var(--radius-md);transition:background var(--transition-fast);grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:16px;padding:16px;display:grid}.courses-table .table-row{grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr}.table-row:hover{background:#9333ea1a}.table-row span{align-items:center;display:flex}.location-name,.course-name{font-weight:500}.rank{width:28px;height:28px;color:var(--gold);background:#9333ea33;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.percentage-cell,.completion-cell{align-items:center;gap:12px;display:flex}.percentage-bar,.completion-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.percentage-fill{background:var(--gold);border-radius:3px;height:100%}.completion-fill{background:var(--success);border-radius:3px;height:100%}.action-btn.view{color:#fff;background:#ffffff1a}.action-btn.view:hover{color:#000;background:#fff}@media (max-width:1024px){.realtime-grid{grid-template-columns:repeat(2,1fr)}.revenue-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard{padding:16px}.dashboard-header{flex-direction:column}.header-actions{flex-wrap:wrap;width:100%}.realtime-grid{grid-template-columns:1fr}.table-header,.table-row{gap:8px;padding:12px;font-size:12px}.table-header{display:none}.table-row{border:1px solid #ffffff0d;flex-direction:column;gap:8px;margin-bottom:8px;display:flex}}