*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{font-family:DM Sans,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input:focus,select:focus,textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a;outline:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout{display:flex;height:100vh;overflow:hidden}.app-sidebar{flex-shrink:0;transition:width .25s ease,transform .25s ease;overflow:hidden;display:flex;flex-direction:column;z-index:200}.app-main{flex:1;min-width:0;overflow:auto;display:flex;flex-direction:column}.app-topbar{flex-shrink:0}.app-content{flex:1;overflow:auto}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rw-grid{display:grid;gap:8px}.rw-1{grid-template-columns:1fr}.rw-2{grid-template-columns:repeat(2,1fr)}.rw-3{grid-template-columns:repeat(3,1fr)}.rw-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){input,select,textarea{font-size:16px!important}}@media (max-width: 768px){.app-sidebar{position:fixed!important;top:0;left:0;height:100%!important;width:220px!important;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000004d}.sidebar-backdrop.visible{display:block}.app-main{width:100%}.app-topbar{padding:8px 10px!important}.app-content{padding:10px!important}.rw-2,.rw-3,.rw-4{grid-template-columns:1fr!important}.modal-box{max-width:100%!important;margin:0!important;border-radius:12px 12px 0 0!important;max-height:92vh!important;position:fixed!important;bottom:0;left:0;right:0;width:100%!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.topbar-search,.topbar-user-name{display:none}.btn-hamburger{display:flex!important}}@media (min-width: 769px) and (max-width: 1024px){.app-sidebar{width:56px!important}.app-content{padding:12px!important}.rw-3,.rw-4{grid-template-columns:repeat(2,1fr)!important}.topbar-search{width:120px!important}.btn-hamburger{display:none!important}}@media (min-width: 1025px){.btn-hamburger,.sidebar-backdrop{display:none!important}}@media (max-width: 500px){[style*=auto-fill]{grid-template-columns:1fr!important}}