*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#172033}button,input,select,textarea{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071b35,#164b78)}.login-card{width:min(430px,92vw);background:#fff;border-radius:22px;padding:34px;box-shadow:0 24px 70px #0005}.brand{font-size:26px;font-weight:800;color:#123b60}.muted{color:#718096}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d7deea;border-radius:10px;padding:11px;background:#fff}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700}.primary{background:#0d5b91;color:white}.danger{background:#b42318;color:white}.ghost{background:#edf3f8;color:#173b5b}.layout{display:flex;min-height:100vh}.side{width:245px;background:#09233d;color:#dcecff;padding:20px;position:fixed;inset:0 auto 0 0}.side h2{margin:0 0 24px;color:#fff}.nav button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#cbd8e6;padding:12px;border-radius:9px;margin:4px 0}.nav button.active,.nav button:hover{background:#174d78;color:#fff}.main{margin-left:245px;width:calc(100% - 245px);padding:25px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card{background:#fff;border-radius:16px;padding:19px;box-shadow:0 5px 20px #1c38550d;border:1px solid #e8edf4}.num{font-size:28px;font-weight:800;margin-top:6px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.table-wrap{overflow:auto;background:#fff;border-radius:15px;border:1px solid #e6ebf2}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}.table th{background:#f8fafc;font-size:13px}.badge{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eaf1f7}.section{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:20px;margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.full{grid-column:1/-1}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check{border:1px solid #e0e7ef;border-radius:10px;padding:10px;display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:#07182788;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;width:min(760px,96vw);max-height:92vh;overflow:auto;border-radius:18px;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#edf1f5;border-radius:8px;padding:7px 10px}.empty{padding:35px;text-align:center;color:#77869a}@media(max-width:800px){.side{width:75px;padding:12px}.side h2{font-size:0}.side h2:after{content:"AM";font-size:20px}.nav button{font-size:0;text-align:center}.nav button:before{content:"•";font-size:22px}.main{margin-left:75px;width:calc(100% - 75px);padding:15px}.form-grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr}}
.sos-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.sos-critical{border-left:5px solid #b42318}.sos-high{border-left:5px solid #d97706}.sos-due{border-left:5px solid #ca8a04}.sos-overdue{border-left:5px solid #b42318}.sos-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.sos-badge.critical{background:#fee4e2;color:#b42318}.sos-badge.high{background:#ffedd5;color:#9a3412}.sos-badge.medium{background:#fef3c7;color:#92400e}.sos-badge.low{background:#e0f2fe;color:#075985}@media(max-width:800px){.sos-head{align-items:flex-start;flex-direction:column}}
/* ===== AQUIL MOTORS DASHBOARD UI V2 ===== */

.grid2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.dashboard-root{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.dashboard-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.dashboard-title{
  margin:0 0 4px;
  font-size:24px;
  font-weight:700;
}

.dashboard-cards{
  grid-template-columns:repeat(7,minmax(130px,1fr));
}

.dashboard-card{
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}

.dashboard-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.dashboard-card:active{
  transform:scale(.98);
}
.dashboard-card{
  min-height:108px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  border-left:4px solid transparent;
}

.dashboard-card-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
}

.dashboard-card .num{
  font-size:30px;
  font-weight:800;
}

.dashboard-card.hot{
  border-left-color:#d93025;
}

.dashboard-card.maybe{
  border-left-color:#f59e0b;
}

.dashboard-card.lost{
  border-left-color:#7c3aed;
}

.dashboard-card.service{
  border-left-color:#2563eb;
}

.dashboard-card.pending{
  border-left-color:#0891b2;
}

.dashboard-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.summary-box{
  background:#fff;
  border:1px solid #e4e9f1;
  border-radius:12px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.summary-box span{
  font-size:13px;
  color:#64748b;
  font-weight:600;
}

.summary-box strong{
  font-size:24px;
}

.dashboard-panel{
  min-width:0;
}

.panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.panel-head h3{
  margin:0;
}

.metric-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.metric-row{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.metric-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:13px;
}

.metric-track{
  height:8px;
  background:#edf1f7;
  border-radius:20px;
  overflow:hidden;
}

.metric-fill{
  height:100%;
  border-radius:20px;
  background:#2563eb;
  transition:width .25s ease;
}

.dashboard-team td{
  vertical-align:middle;
}

.dashboard-team .badge{
  white-space:nowrap;
}

.dashboard-error{
  border:1px solid #fecaca;
  background:#fff5f5;
}

@media(max-width:1200px){
  .dashboard-cards{
    grid-template-columns:repeat(4,minmax(140px,1fr));
  }
}

@media(max-width:800px){
  .grid2,
  .dashboard-summary{
    grid-template-columns:1fr;
  }

  .dashboard-cards{
    grid-template-columns:repeat(2,minmax(140px,1fr));
  }

  .dashboard-head{
    align-items:flex-start;
  }
}

@media(max-width:520px){
  .dashboard-cards{
    grid-template-columns:1fr;
  }
}



/* SERVICE PRIORITY BADGES */

.priority-due{
 background:#fee2e2;
 color:#b91c1c;
 border:1px solid #ef4444;
}

.priority-soon{
 background:#ffedd5;
 color:#c2410c;
 border:1px solid #f97316;
}

.priority-upcoming{
 background:#dcfce7;
 color:#166534;
 border:1px solid #22c55e;
}

.priority-pending{
 background:#f1f5f9;
 color:#475569;
 border:1px solid #94a3b8;
}