:root{--color-primary:#e30613;--color-primary-hover:#c4000b;--color-primary-light:#ff2a38;--color-primary-bg:#fff1f2;--color-primary-border:#fecdd3;--color-gold:#d97706;--color-gold-bg:#fffbeb;--color-gold-border:#fde68a;--color-bg-main:#fff;--color-bg-subtle:#f8fafc;--color-bg-card:#fff;--color-bg-card-alt:#f1f5f9;--color-bg-nav:#fffffff2;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-text-main:#0f172a;--color-text-muted:#475569;--color-text-dim:#64748b;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-full:6px;--shadow-sm:0 1px 3px #0000000d;--shadow-card:0 4px 20px -2px #0000000d, 0 2px 6px -1px #00000005;--shadow-hover:0 12px 30px -4px #00000014, 0 4px 10px -2px #00000008}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--color-bg-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-main);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}@media (width<=640px){.container{padding-left:1.1rem;padding-right:1.1rem}}.clean-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .25s}.clean-card:hover{box-shadow:var(--shadow-hover);border-color:#cbd5e1}.btn-primary{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.6rem;min-height:44px;padding:.75rem 1.6rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #e3061340}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #e3061359}.btn-secondary{color:var(--color-text-main);border-radius:var(--radius-sm);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background-color:#fff;justify-content:center;align-items:center;gap:.6rem;min-height:44px;padding:.75rem 1.6rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--color-bg-subtle);border-color:#cbd5e1;transform:translateY(-1px)}.badge-red{background-color:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.badge-gold{background-color:var(--color-gold-bg);color:var(--color-gold);border:1px solid var(--color-gold-border);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.section-title-wrap{text-align:center;margin-bottom:3rem}.section-title-wrap .sub-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:inline-block}.section-title-wrap h2{letter-spacing:-.02em;color:var(--color-text-main);font-size:2.1rem}@media (width<=640px){.section-title-wrap{margin-bottom:2rem}.section-title-wrap h2{font-size:1.65rem}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}::-webkit-scrollbar{width:8px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-subtle)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (width<=768px){.admin-workspace{flex-direction:column!important;overflow-y:auto!important}.admin-sidebar{border-right:none!important;border-bottom:1px solid var(--color-border)!important;white-space:nowrap!important;flex-direction:row!important;gap:.35rem!important;width:100%!important;padding:.6rem!important;overflow-x:auto!important}.admin-sidebar button{flex-shrink:0!important;padding:.5rem .85rem!important;font-size:.82rem!important}.admin-content{padding:1rem!important;overflow-y:visible!important}}.desktop-nav{align-items:center;gap:1.75rem;display:flex}.mobile-menu-btn{color:var(--color-text-main);background:0 0;border:none;padding:.4rem;display:none}@media (width<=900px){.desktop-nav{display:none!important}.mobile-menu-btn{justify-content:center;align-items:center;display:flex!important}.brand-logo-text{font-size:1.15rem!important}}@media (width<=640px){.kader-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.filter-pills-bar::-webkit-scrollbar{display:none}.filter-pills-bar{-ms-overflow-style:none;scrollbar-width:none}.modal-container{border-radius:var(--radius-sm)!important;max-height:96vh!important}}