body{font-family:Cairo,sans-serif;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.toast-container{font-family:Cairo,sans-serif!important}.header-scroll::-webkit-scrollbar{height:4px}.header-scroll::-webkit-scrollbar-track{background:transparent}.header-scroll::-webkit-scrollbar-thumb{background-color:#475569;border-radius:20px}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:#fff!important}.no-print{display:none!important}.printable-area{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px;background-color:#fff!important;color:#000!important;--tw-prose-body: #374151;--tw-prose-headings: #111827}.printable-area .bg-slate-800,.printable-area .bg-slate-900{background-color:#f3f4f6!important;border:1px solid #e5e7eb!important}.printable-area .text-white,.printable-area .text-slate-200,.printable-area .text-slate-300{color:#1f2937!important}.printable-area .text-slate-400{color:#4b5563!important}.printable-area .text-cyan-400{color:#0891b2!important}.recharts-wrapper .recharts-surface,.recharts-wrapper .recharts-surface *{fill:#000!important;stroke:#374151!important}.recharts-wrapper .recharts-polar-grid-concentric-polygon{stroke:#e5e7eb!important}.recharts-wrapper .recharts-radar,.recharts-wrapper .recharts-radar-polygon{stroke:#0891b2!important;fill:#0891b2!important}.recharts-wrapper .recharts-polar-angle-axis-tick-value tspan{fill:#374151!important;font-family:Cairo,sans-serif!important}.training-section-title{font-size:1.25rem;font-weight:700;color:#0891b2;border-bottom:2px solid #0e7490;padding-bottom:5px;margin-bottom:15px}.step-card{border:1px solid #e5e7eb;border-radius:8px;padding:15px;margin-bottom:15px;background-color:#f9fafb;break-inside:avoid}.feedback{padding:10px;margin-top:10px;border-radius:6px}.feedback.correct{background-color:#d1fae5;border:1px solid #6ee7b7}.feedback.incorrect{background-color:#fee2e2;border:1px solid #fca5a5}}@keyframes pulse-slow{50%{transform:scale(1.05);box-shadow:0 0 0 10px #38bdf84d}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-in-up{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.animate-pulse-slow{animation:pulse-slow 3s infinite}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}.animate-fade-in-down{animation:fade-in-down .3s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.animate-scale-in-up{animation:scale-in-up .3s ease-out forwards}.recharts-polar-angle-axis-tick-value tspan{font-family:Cairo,sans-serif!important}.prose-invert{--tw-prose-body: #d1d5db;--tw-prose-headings: #ffffff;--tw-prose-lead: #e5e7eb;--tw-prose-links: #38bdf8;--tw-prose-bold: #ffffff;--tw-prose-counters: #9ca3af;--tw-prose-bullets: #6b7280;--tw-prose-hr: #4b5563;--tw-prose-quotes: #f9fafb;--tw-prose-quote-borders: #4b5563;--tw-prose-captions: #9ca3af;--tw-prose-code: #ffffff;--tw-prose-pre-code: #d1d5db;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #4b5563;--tw-prose-td-borders: #374151}details .details-arrow{transition:transform .2s}details[open] .details-arrow{transform:rotate(180deg)}.training-section-title{font-size:1.1rem;font-weight:700;color:#22d3ee;border-bottom:1px solid #334155;padding-bottom:8px;margin-bottom:12px}