@media (max-width: 640px){
  .shell{display:block;overflow-x:hidden}
  .sidebar{width:100%;min-height:0}
  .main{width:100%;max-width:100%;overflow:hidden}
  .topbar h1{font-size:29px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .date-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
  .date-filter input{width:100%}
  .table-wrap{max-width:100%}
}
@media (max-width: 430px){
  .stat-card{padding:13px 11px}
  .stat-label{font-size:11px}
  .stat-foot{font-size:10px}
  .stat-card strong{font-size:26px}
  .date-filter{grid-template-columns:1fr 1fr}
  .date-filter .button{grid-column:span 2}
  .employee-edit{grid-template-columns:1fr}
  .employee-edit .button{grid-column:auto}
  .form-grid{grid-template-columns:1fr}
  .form-grid .button{grid-column:auto}
}