*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;font-family:DM Sans,sans-serif}@media (width<=768px){.sidebar{transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important}.main-content{margin-left:0!important}.menu-btn{display:flex!important}.form-grid-4,.form-grid-3{grid-template-columns:repeat(2,1fr)!important}.form-grid-2{grid-template-columns:1fr!important}.stats-row{grid-template-columns:repeat(2,1fr)!important}.action-bar{flex-direction:column}.action-bar button{justify-content:center;width:100%}.eye-table-wrap{overflow-x:auto}.modal-box{max-height:95vh;margin:10px}.modal-header{flex-direction:column;align-items:flex-start!important}}@media (width<=480px){.form-grid-4{grid-template-columns:1fr!important}.topbar-date{display:none}}