.charger-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;padding-top:20px;display:grid}.charger-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;transition:all .3s;overflow:hidden;box-shadow:0 8px 25px #00000014}.charger-card:hover{box-shadow:0 18px 40px #00000026}.card-header{color:#fff;background:linear-gradient(135deg,#0f766e,#0891b2);justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.card-header h3{margin:0;font-size:22px}.location{opacity:.9;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.badge{border-radius:30px;padding:6px 14px;font-size:13px;font-weight:600}.online{color:#047857;background:#d1fae5}.offline{color:#b91c1c;background:#fee2e2}.card-body{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px;display:grid}.info-box{text-align:center;background:#f8fafc;border-radius:12px;padding:16px}.info-box span{color:#64748b;font-size:13px;display:block}.info-box strong{color:#0f172a;margin-top:8px;font-size:20px;display:block}.details-table{border-collapse:collapse;width:calc(100% - 40px);margin:0 20px 20px}.details-table td{border-bottom:1px solid #edf2f7;padding:10px 0}.details-table td:first-child{color:#64748b;width:110px}.details-table td:last-child{color:#1e293b;font-weight:600}.details-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#0891b2);border:none;border-radius:12px;width:calc(100% - 40px);margin:0 20px 20px;padding:14px;font-size:15px;font-weight:600;transition:all .3s}.details-btn:hover{opacity:.9}