/*css/main.css*/
/* Main Styles */
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-bottom: 1rem; }

.mt-1 { margin-top: 0.5rem; } .mt-2 { margin-top: 1rem; } .mt-3 { margin-top: 1.5rem; } .mt-4 { margin-top: 2rem; } .mt-5 { margin-top: 3rem; }
.mb-1 { margin-bottom: 0.5rem; } .mb-2 { margin-bottom: 1rem; } .mb-3 { margin-bottom: 1.5rem; } .mb-4 { margin-bottom: 2rem; } .mb-5 { margin-bottom: 3rem; }

.text-primary { color: #667eea !important; }
.text-success { color: #10b981 !important; }
.text-danger { color: #ef4444 !important; }
.text-warning { color: #f59e0b !important; }
.text-info { color: #3b82f6 !important; }

.bg-primary { background-color: #667eea !important; }
.bg-success { background-color: #10b981 !important; }
.bg-danger { background-color: #ef4444 !important; }
.bg-warning { background-color: #f59e0b !important; }
.bg-info { background-color: #3b82f6 !important; }

.badge { font-weight: 600; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #667eea; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #764ba2; }