/* Mobile First Responsive */
@media(max-width:1200px){
  .grid-4{grid-template-columns:repeat(3,1fr)}
  .stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
}
@media(max-width:992px){
  .grid-3,.grid-4{grid-template-columns:1fr 1fr}
  .detail-grid,.form-row{grid-template-columns:1fr}
  .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0)}
  .main-content{margin-left:0}
  .menu-toggle{display:block}
  .page-header{flex-direction:column;align-items:flex-start}
}
@media(max-width:768px){
  html{font-size:13px}
  .content-body{padding:16px}
  .top-header{padding:0 16px}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .stat-card{padding:14px}
  .stat-info .stat-value{font-size:22px}
  .stat-icon{width:42px;height:42px;font-size:18px}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .filter-bar .form-control{width:100%;min-width:auto}
  .filter-bar{flex-direction:column}
  .login-box{padding:30px 24px}
  .card{padding:16px}
  .header-search{display:none}
  .admin-profile .profile-info{display:none}
  .logout-btn{padding:4px 10px;font-size:11px}
  .data-table{font-size:12px}
  .data-table th,.data-table td{padding:8px 10px}
  .form-row{grid-template-columns:1fr}
  .modal-container{width:95%;margin:16px}
}
@media(max-width:480px){
  .stats-grid{grid-template-columns:1fr 1fr;gap:8px}
  .stat-card{padding:12px}
  .stat-info .stat-value{font-size:18px}
  .stat-icon{width:36px;height:36px;font-size:16px}
  .content-body{padding:12px}
  .page-header h2{font-size:18px}
  .admin-profile .profile-name{font-size:12px}
  .tabs{overflow-x:auto;white-space:nowrap}
  .tab-item{padding:8px 14px;font-size:12px}
}
@media(max-width:360px){
  .stats-grid{grid-template-columns:1fr;gap:8px}
}