*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f0e8;color:#3a2e28;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0e8dc;border-radius:3px}::-webkit-scrollbar-thumb{background:#d4c4b0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b8a898}@media print{.no-print{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease-out}input:focus,select:focus,textarea:focus{outline:none;border-color:#e8845a!important;box-shadow:0 0 0 3px #e8845a26}tbody tr:hover{background:#faf5ee!important}.hamburger{display:none;background:transparent;border:none;font-size:22px;cursor:pointer;color:#5c4a3a;padding:6px 10px;border-radius:8px;align-items:center}.hamburger:hover{background:#fdf0e6}.sidebar-overlay{display:none}.topbar-meta-mobile-hide{display:flex}@media (max-width: 900px){.app-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:260px!important;transform:translate(-100%);transition:transform .25s ease;z-index:100;box-shadow:0 4px 20px #00000026}.app-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:99}.hamburger{display:inline-flex}.app-topbar{padding:0 12px!important;height:54px!important;gap:10px}.app-content{padding:14px!important}.app-card{padding:14px!important;margin-bottom:14px!important}.modal-content{padding:18px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px!important}.topbar-meta-mobile-hide{display:none!important}.form-row-mobile-stack{flex-direction:column!important}.form-row-mobile-stack>*{width:100%!important;flex:1 1 100%!important}table{font-size:12px!important}th,td{padding:8px 10px!important}}@media (max-width: 500px){.login-card{padding:24px!important}.kpi-grid{grid-template-columns:1fr!important}.app-content{padding:10px!important}.app-card{padding:12px!important}}@media (max-width: 700px){input,select,textarea{font-size:16px!important}td>div[style*="display: flex"],td>div[style*="display:flex"]{flex-wrap:wrap!important;gap:4px!important;justify-content:flex-end!important}table{font-size:12px!important}th,td{padding:7px 8px!important}td button{min-height:30px}.app-card>div[style*="justify-content: space-between"]:first-child,.app-card>div[style*="justify-content:space-between"]:first-child{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.app-card>div[style*="justify-content: space-between"]:first-child>div:last-child,.app-card>div[style*="justify-content:space-between"]:first-child>div:last-child{width:100%}.login-card{padding:20px!important}.modal-content>div:first-child{font-size:15px!important}.app-topbar div[style*="fontSize: 18"],.app-topbar div[style*="fontSize:18"]{font-size:15px!important}}@media (max-width: 380px){.app-content{padding:8px!important}.app-card{padding:10px!important}table{font-size:11.5px!important}th,td{padding:6px!important}.modal-content{padding:14px!important}}@media (hover: none) and (pointer: coarse){button{min-height:32px}.hamburger{min-width:44px;min-height:44px}}
