* { font-family: 'Inter', sans-serif; margin: 0; padding: 0; box-sizing: border-box; }
:root {
    --primary: #ea2e2e;
    --primary-dark: #7f1a16;
    --primary-light: #e54e3e;
    --accent: #eb725b;
    --accent-light: #e79789;
    --bg: #e4dedd;
    --dark: #403e3d;
    --gray: #8e898a;
    --brown: #64302a;
}
.page { display: none; }
.page.active { display: block; }
.nav-link.active { background: var(--primary); color: white; box-shadow: 0 4px 12px rgba(234,46,46,0.3); }
.nav-link { transition: all 0.3s ease; }
.nav-link:hover:not(.active) { background: rgba(234,46,46,0.1); color: var(--primary); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.animate-fadeIn { animation: fadeIn 0.4s ease-out forwards; }
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.animate-slideDown { animation: slideDown 0.3s ease-out forwards; }
.card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(64,62,61,0.15); }
.stat-card { border-left: 4px solid var(--primary); }
.stat-card.green { border-left-color: #22c55e; }
.stat-card.amber { border-left-color: #f59e0b; }
.stat-card.blue { border-left-color: #3b82f6; }
.stat-card.red { border-left-color: var(--primary); }
.btn-primary { background: var(--primary); color: white; }
.btn-primary:hover { background: var(--primary-dark); }
.btn-outline { border: 2px solid var(--primary); color: var(--primary); }
.btn-outline:hover { background: var(--primary); color: white; }
.table-row:hover { background: rgba(234,46,46,0.05); }
.badge { padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; }
.badge-red { background: rgba(234,46,46,0.1); color: var(--primary); }
.badge-green { background: rgba(34,197,94,0.1); color: #16a34a; }
.badge-amber { background: rgba(245,158,11,0.1); color: #d97706; }
.badge-blue { background: rgba(59,130,246,0.1); color: #2563eb; }
input, select, textarea { background: white; border: 1.5px solid #d1d5db; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(234,46,46,0.1); }
.toast { position: fixed; bottom: 20px; right: 20px; z-index: 9999; }
.progress-bar { height: 6px; background: #e5e7eb; border-radius: 3px; overflow: hidden; }
.progress-bar-fill { height: 100%; border-radius: 3px; transition: width 0.5s ease; }
.lang-btn.active { background: var(--primary); color: white; }
@media (max-width: 1024px) {
    .nav-scroll { overflow-x: auto; scrollbar-width: none; }
    .nav-scroll::-webkit-scrollbar { display: none; }
}

.glass { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); }
.rounded-xl { border-radius: 1rem; }
.rounded-2xl { border-radius: 1.5rem; }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.text-white-80 { color: rgba(255, 255, 255, 0.8); }
.text-white-60 { color: rgba(255, 255, 255, 0.6); }
.text-white-40 { color: rgba(255, 255, 255, 0.4); }