*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#f1f5f9;-webkit-font-smoothing:antialiased}:root{--sidebar-width: 240px;--header-h: 60px;--color-primary: #3b82f6;--color-bg: #f1f5f9;--radius: 12px}.page-content{padding:20px 24px}@media (max-width: 768px){.sidebar{position:fixed!important;left:-100%!important;top:0;height:100vh;z-index:1000;transition:left .25s ease;box-shadow:4px 0 20px #00000026}.sidebar.sidebar-open{left:0!important}.hamburger{display:flex!important}.main-content{margin-left:0!important;width:100%!important}.sidebar-overlay{display:block!important}.page-content{padding:12px 14px}.toolbar-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.toolbar-row input,.toolbar-row select{width:100%!important;flex:none!important}.page-header-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.page-header-row button{align-self:flex-start}.stats-row{grid-template-columns:repeat(2,1fr)!important}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table-wrap table{min-width:600px}.modal-box{width:100%!important;max-width:100%!important;min-height:60vh!important;margin:auto 0 0!important;border-radius:20px 20px 0 0!important}.modal-form-grid{grid-template-columns:1fr!important}.pagination-wrap{flex-direction:column;gap:8px}}@media (max-width: 1024px) and (min-width: 769px){:root{--sidebar-width: 200px}.stats-row{grid-template-columns:repeat(2,1fr)!important}}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;z-index:1100}.hamburger span{display:block;width:22px;height:2px;background:#1e293b;border-radius:2px;transition:all .2s}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}