:root.light-theme{--primary-bg-color: #ffffff;--secondary-bg-color: #f8fafc;--surface-color: #ffffff;--surface-hover-color: #f1f5f9;--card-bg-color: #ffffff;--primary-text-color: #1a202c;--secondary-text-color: #4a5568;--muted-text-color: #718096;--accent-text-color: #2b6cb0;--border-color: #e2e8f0;--border-hover-color: #cbd5e0;--divider-color: #f1f5f9;--success-color: #38a169;--success-bg-color: #f0fff4;--error-color: #e53e3e;--error-bg-color: #fed7d7;--warning-color: #d69e2e;--warning-bg-color: #fefcbf;--info-color: #3182ce;--info-bg-color: #ebf8ff;--brand-primary: #9ECC64;--brand-secondary: #C4CF4F;--brand-gradient: linear-gradient(135deg, #9ECC64 0%, #C4CF4F 100%);--shadow-color: rgba(0, 0, 0, .1);--shadow-hover-color: rgba(0, 0, 0, .15);--shadow-active-color: rgba(0, 0, 0, .2);--input-bg-color: #ffffff;--input-border-color: #e2e8f0;--input-focus-color: #9ECC64;--input-placeholder-color: #a0aec0;--sidebar-bg-color: #ffffff;--sidebar-border-color: #e2e8f0;--sidebar-text-color: #4a5568;--sidebar-active-color: var(--brand-gradient);--sidebar-hover-color: #f7fafc}:root.dark-theme{--primary-bg-color: #1a202c;--secondary-bg-color: #2d3748;--surface-color: #2d3748;--surface-hover-color: #374151;--card-bg-color: #2d3748;--primary-text-color: #ffffff;--secondary-text-color: #e2e8f0;--muted-text-color: #a0aec0;--accent-text-color: #63b3ed;--border-color: #4a5568;--border-hover-color: #6b7280;--divider-color: #374151;--success-color: #48bb78;--success-bg-color: #1a2e1a;--error-color: #f56565;--error-bg-color: #2d1b1b;--warning-color: #ed8936;--warning-bg-color: #2d2416;--info-color: #4299e1;--info-bg-color: #1a2332;--brand-primary: #9ECC64;--brand-secondary: #C4CF4F;--brand-gradient: linear-gradient(135deg, #9ECC64 0%, #C4CF4F 100%);--shadow-color: rgba(0, 0, 0, .3);--shadow-hover-color: rgba(0, 0, 0, .4);--shadow-active-color: rgba(0, 0, 0, .5);--input-bg-color: #374151;--input-border-color: #4a5568;--input-focus-color: #9ECC64;--input-placeholder-color: #9ca3af;--sidebar-bg-color: #1a2332;--sidebar-border-color: #2d3748;--sidebar-text-color: #a0aec0;--sidebar-active-color: var(--brand-gradient);--sidebar-hover-color: #2d3748}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.theme-switching *{transition:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover-color)}body{background-color:var(--primary-bg-color);color:var(--primary-text-color);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--card-bg-color);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color)}.card:hover{box-shadow:0 4px 16px var(--shadow-hover-color)}.btn{background-color:var(--surface-color);color:var(--primary-text-color);border:1px solid var(--border-color)}.btn:hover{background-color:var(--surface-hover-color);border-color:var(--border-hover-color)}.btn.btn-primary{background:var(--brand-gradient);color:#fff;border:none}.btn.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.form-control{background-color:var(--input-bg-color);color:var(--primary-text-color);border:1px solid var(--input-border-color)}.form-control::placeholder{color:var(--input-placeholder-color)}.form-control:focus{border-color:var(--input-focus-color);box-shadow:0 0 0 3px #9ecc641a}.alert.alert-success{background-color:var(--success-bg-color);color:var(--success-color);border-color:var(--success-color)}.alert.alert-error{background-color:var(--error-bg-color);color:var(--error-color);border-color:var(--error-color)}.alert.alert-warning{background-color:var(--warning-bg-color);color:var(--warning-color);border-color:var(--warning-color)}.alert.alert-info{background-color:var(--info-bg-color);color:var(--info-color);border-color:var(--info-color)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#fff;color:#333;line-height:1.6}body{margin:0;padding:0;overflow-x:hidden}app-root{display:block;min-height:100vh;background-color:#fff}