@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&family=Cairo:wght@400;600;700;800;900&display=swap";:root{--bg-primary:#0b0f19;--bg-secondary:#131b2e;--bg-card:#161f35cc;--bg-card-hover:#1c2844f2;--bg-input:#1a243b;--border-color:#ffffff14;--border-highlight:#10b9814d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-light:#cbd5e1;--primary:#10b981;--primary-hover:#059669;--primary-light:#10b98126;--amber:#f59e0b;--amber-light:#f59e0b26;--cyan:#06b6d4;--cyan-light:#06b6d426;--rose:#f43f5e;--rose-light:#f43f5e26;--shadow-sm:0 2px 8px #0003;--shadow-lg:0 12px 32px #0006;--glass-backdrop:blur(12px);--font-family:"Alexandria", "Cairo", system-ui, -apple-system, sans-serif}[data-theme=light]{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#f1f5f9;--border-color:#e2e8f0;--border-highlight:#10b981;--text-main:#0f172a;--text-muted:#64748b;--text-light:#334155;--shadow-sm:0 2px 8px #0000000d;--shadow-lg:0 12px 24px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-main);-webkit-tap-highlight-color:transparent;direction:rtl;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-gradient{background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes pulseGlow{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-badge{animation:2s infinite pulseGlow}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bounce-icon{animation:1.5s ease-in-out infinite bounceSubtle}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{box-shadow:var(--shadow-lg);border-color:#10b98140}.btn{font-family:var(--font-family);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.btn-primary:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-amber{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px #f59e0b4d}.btn-amber:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.btn-secondary{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.btn-outline-primary{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline-primary:hover{background:var(--primary-light)}.btn-danger{color:var(--rose);background:#f43f5e26;border:1px solid #f43f5e4d}.btn-danger:hover{background:#f43f5e40}.btn-sm{border-radius:8px;padding:6px 12px;font-size:.85rem}.btn-lg{border-radius:14px;padding:14px 24px;font-size:1.1rem}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-emerald{background:var(--primary-light);color:#34d399;border:1px solid #10b9814d}.badge-amber{background:var(--amber-light);color:#fbbf24;border:1px solid #f59e0b4d}.badge-cyan{background:var(--cyan-light);color:#38bdf8;border:1px solid #06b6d44d}.badge-rose{background:var(--rose-light);color:#fda4af;border:1px solid #f43f5e4d}.input-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.input-label{color:var(--text-light);font-size:.875rem;font-weight:600}.input-field{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-family);border-radius:10px;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #10b98126}textarea.input-field{resize:vertical;min-height:80px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:20px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.super-admin-gradient{background:linear-gradient(135deg,#8b5cf626 0%,#6366f126 50%,#3b82f61a 100%);border:1px solid #8b5cf64d}.team-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:default;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-purple{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 4px 14px #8b5cf659}.btn-purple:hover{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.badge-purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.status-dot{border-radius:50%;width:10px;height:10px;margin-inline-end:6px;display:inline-block}.status-dot.active{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.suspended{background:#f43f5e;box-shadow:0 0 8px #f43f5e66}.status-dot.archived{background:#64748b}.text-gradient-purple{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 50%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.viewing-banner{background:linear-gradient(135deg,#f59e0b1a 0%,#8b5cf61a 100%);border:1px solid #f59e0b4d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.glass-panel{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-color);border-radius:16px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;border-radius:16px 16px 0 0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-card.stat-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-card.stat-emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.stat-cyan:before{background:linear-gradient(90deg,#06b6d4,#38bdf8)}.stat-card.stat-rose:before{background:linear-gradient(90deg,#f43f5e,#fda4af)}.stat-card.stat-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card:hover.stat-purple{border-color:#8b5cf666}.stat-card:hover.stat-emerald{border-color:#10b98166}.stat-card:hover.stat-cyan{border-color:#06b6d466}.stat-card:hover.stat-rose{border-color:#f43f5e66}.stat-card:hover.stat-amber{border-color:#f59e0b66}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}@media (width<=768px){.teams-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.team-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:default;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.team-card:after{content:"";opacity:0;background:linear-gradient(90deg,#8b5cf6,#06b6d4);height:3px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.team-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf626}.team-card:hover:after{opacity:1}.team-card.team-suspended{opacity:.65;border-color:#f43f5e4d}.team-card.team-suspended:hover{opacity:.85;border-color:#f43f5e80;box-shadow:0 8px 24px #f43f5e1a}.search-bar{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-family);border-radius:14px;padding:12px 42px 12px 16px;font-size:.95rem;transition:all .2s}.search-bar:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #10b98126}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.emoji-btn{background:var(--bg-input);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:10px;padding:8px;font-size:1.5rem;transition:all .15s}.emoji-btn:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:scale(1.1)}.emoji-btn.selected{border-color:var(--primary);background:var(--primary-light)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--bg-input) 25%, var(--bg-card-hover) 50%, var(--bg-input) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.role-card{cursor:pointer;border:2px solid var(--border-color);background:var(--bg-card);-webkit-user-select:none;user-select:none;border-radius:18px;align-items:center;gap:14px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.role-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.role-card.role-super-admin:hover{background:#8b5cf614;border-color:#8b5cf680}.role-card.role-team-admin:hover{background:#f59e0b14;border-color:#f59e0b80}.role-card.role-driver:hover{background:#10b98114;border-color:#10b98180}