:root{--primary: #2D6A4F;--primary-light: #40916C;--primary-dark: #1B4332;--primary-bg: #D8F3DC;--secondary: #457B9D;--secondary-light: #A8DADC;--accent: #E76F51;--bg: #F8F9FA;--bg-dark: #1D3557;--text-primary: #212529;--text-secondary: #6C757D;--text-light: #ADB5BD;--border: #DEE2E6;--white: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none;font-family:inherit}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn-white{background:var(--white);color:var(--primary)}.btn-white:hover{background:var(--primary-bg);transform:translateY(-1px)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body.dark-mode{--bg: #111827;--bg-dark: #0F172A;--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-light: #6B7280;--border: #374151;--white: #1F2937;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--primary-bg: #1B3A2D;color:var(--text-primary);background:var(--bg)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#1f2937;color:#e5e7eb;border-color:#374151}body.dark-mode table thead{background:#1f2937}body.dark-mode table td{border-color:#374151}body.dark-mode tr:hover td{background:#2d6a4f14}