:root,[data-theme=dark],body.dark-theme{--bg-main: #0c0e12;--bg-card: #151821;--bg-card-hover: #1c202c;--bg-card-gradient: linear-gradient(145deg, #151821 0%, #1a1e2b 100%);--bg-hero-gradient: linear-gradient(135deg, rgba(69, 26, 3, .95) 0%, rgba(21, 24, 33, .95) 60%, rgba(12, 14, 18, 1) 100%);--bg-glass: rgba(21, 24, 33, .88);--bg-subtle: rgba(0, 0, 0, .3);--bg-item: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(245, 158, 11, .4);--primary: #f59e0b;--primary-hover: #d97706;--primary-glow: rgba(245, 158, 11, .25);--secondary: #10b981;--secondary-glow: rgba(16, 185, 129, .25);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dark: #111827;--accent-coffee: #78350f;--accent-espresso: #451a03;--input-bg: rgba(0, 0, 0, .4);--shadow-main: 0 10px 30px -10px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}[data-theme=light],body.light-theme{--bg-main: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-card-gradient: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--bg-hero-gradient: linear-gradient(135deg, #fef3c7 0%, #ffffff 60%, #f1f5f9 100%);--bg-glass: rgba(255, 255, 255, .92);--bg-subtle: #e2e8f0;--bg-item: #f8fafc;--border-color: #cbd5e1;--border-highlight: #d97706;--primary: #d97706;--primary-hover: #b45309;--primary-glow: rgba(217, 119, 6, .2);--secondary: #059669;--secondary-glow: rgba(5, 150, 105, .2);--text-main: #0f172a;--text-muted: #475569;--text-dark: #f8fafc;--accent-coffee: #92400e;--accent-espresso: #78350f;--input-bg: #ffffff;--shadow-main: 0 10px 25px -5px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Cairo,Readex Pro,system-ui,-apple-system,sans-serif;background-color:#08090c!important;color:var(--text-main)!important;direction:rtl;min-height:100vh;overflow-x:hidden;line-height:1.6;transition:background-color .3s ease,color .3s ease;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-glass)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color)!important;transition:background .3s ease,border-color .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff!important;font-weight:700;border:none;padding:.75rem 1.5rem;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:.5rem;transition:all .25s ease;box-shadow:0 4px 15px #d977064d;touch-action:manipulation}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d9770673}.btn-secondary{background:var(--bg-subtle)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;padding:.75rem 1.5rem;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:.5rem;font-weight:600;transition:all .25s ease;touch-action:manipulation}.btn-secondary:hover{border-color:var(--primary)!important;transform:translateY(-2px)}.badge{padding:.35rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.badge-amber{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}[data-theme=dark] .badge-amber{color:#fbbf24}.badge-emerald{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}[data-theme=dark] .badge-emerald{color:#34d399}.badge-blue{background:#3b82f626;color:#2563eb;border:1px solid rgba(59,130,246,.3)}[data-theme=dark] .badge-blue{color:#60a5fa}.badge-purple{background:#a855f726;color:#9333ea;border:1px solid rgba(168,85,247,.3)}[data-theme=dark] .badge-purple{color:#c084fc}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;transition:all .25s ease}.card:hover{border-color:var(--border-highlight)}.input-field{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-main);font-size:.9rem;outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}