:root{--primary-blue: #1D3557;--primary-red: #E63946;--secondary-blue: #457B9D;--light-blue: #A8DADC;--bg-color: #F8FAFC;--sidebar-bg: #FFFFFF;--text-dark: #1e293b;--text-light: #64748b;--white: #FFFFFF;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--sidebar-width: 280px;--header-height: 70px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-dark);line-height:1.6}h1{font-family:Outfit,sans-serif;font-weight:700;color:var(--primary-blue);line-height:1.3;font-size:2.25rem}h2{font-family:Outfit,sans-serif;font-weight:700;color:var(--primary-blue);line-height:1.3;font-size:1.75rem}h3{font-family:Outfit,sans-serif;font-weight:600;color:var(--primary-blue);line-height:1.4;font-size:1.25rem}h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;color:var(--primary-blue);line-height:1.4}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px #1d355740}.btn-primary:hover{background:#162a45;transform:translateY(-2px);box-shadow:0 6px 16px #1d355759}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #1d355733}.btn-outline{background:#fff;border:1px solid #e2e8f0;color:var(--text-dark)}.btn-outline:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-outline-primary{background:transparent;border:1px solid var(--primary-blue);color:var(--primary-blue)}.btn-outline-primary:hover{background:var(--primary-blue);color:#fff}.card{background:#fff;border-radius:var(--radius-lg);padding:28px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;border:1px solid #f1f5f9;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f,0 4px 8px #00000014}.progress-bar{height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,#34d399 100%);border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.text-muted{color:var(--text-light)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-primary{color:var(--primary-blue)}.bg-light{background-color:#f8fafc!important}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:1rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}