*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #008751;--green-dark: #006B3C;--green-light: #E8F5EE;--white: #ffffff;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-400: #9CA3AF;--gray-600: #4B5563;--gray-800: #1F2937;--gray-900: #111827;--red: #EF4444;--yellow: #F59E0B;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--radius: 12px;--radius-sm: 8px}body{font-family:Inter,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;transition:all .2s;cursor:pointer}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--green);border:1.5px solid var(--green)}.btn-outline:hover{background:var(--green-light)}.btn-lg{padding:14px 28px;font-size:16px}.btn-sm{padding:7px 14px;font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-red{background:#fee2e2;color:var(--red)}.badge-yellow{background:#fef3c7;color:#92400e}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:300px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}