*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#1a1a1a;background:#f4f4f6;height:100%;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:.875rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a52020}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid-responsive{gap:1rem;display:grid}.card-base{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.sidebar-mobile-open{transform:translate(0)!important}.bottom-nav{z-index:100;padding:.5rem 0 env(safe-area-inset-bottom,.5rem);background:#1c1c1e;border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0}input:focus,select:focus,textarea:focus{outline:none;border-color:#a52020!important;box-shadow:0 0 0 3px #a520201f!important}.btn-acc{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a52020,#7d1a1a);border:none;border-radius:10px;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .2s,transform .1s}.btn-acc:hover{opacity:.9;transform:translateY(-1px)}.btn-acc:active{transform:translateY(0)}.btn-outline-acc{color:#a52020;cursor:pointer;background:0 0;border:1.5px solid #a52020;border-radius:10px;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.btn-outline-acc:hover{color:#fff;background:#a52020}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s fadeIn}@media (width<=1024px){.sidebar-desktop-label,.sidebar-brand-text,.topbar-profil-info{display:none!important}.search-input{width:160px!important}}@media (width<=768px){.sidebar-desktop{z-index:100;top:0;bottom:0;left:0;transform:translate(-100%);width:260px!important;transition:transform .28s!important;position:fixed!important}.sidebar-desktop.open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar-overlay:not(.active){display:none}.bottom-nav,.topbar-hamburger{display:flex!important}.main-content{padding-bottom:70px!important}.login-panel-left{display:none!important}.login-form-panel{background:linear-gradient(160deg,#a52020 0%,#7d1a1a 40%,#1c1c1e 100%)!important;padding:1rem!important}.login-card{margin-top:2rem}.login-mobile-logo{display:block!important}.dashboard-banner{padding:1.5rem!important}.banner-logo{display:none!important}.banner-title{font-size:1.3rem!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.grid-2col{grid-template-columns:1fr!important}.page-content{padding:1rem!important}.search-wrap{display:none!important}.topbar-page-title{font-size:.9rem!important}h1{font-size:1.25rem!important}h2{font-size:1rem!important}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr 1fr!important}.card-base{padding:1rem!important}}