.vet-dashboard{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.vet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}
.vet-header h2{margin:0;font-size:28px;color:#2c3e50}
.vet-header p{margin:5px 0 0;color:#666}
.vet-btn{padding:12px 24px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .3s}
.vet-btn-add{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}
.vet-btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}
.vet-btn-primary{background:#667eea;color:#fff}
.vet-btn-primary:hover{background:#5568d3}
.vet-btn-cancel{background:#6c757d;color:#fff}
.vet-btn-cancel:hover{background:#5a6268}
.vet-btn-danger{background:#dc3545;color:#fff}
.vet-btn-danger:hover{background:#c82333}
.vet-btn-sm{padding:6px 12px;font-size:13px;margin-right:5px}
.vet-form{background:#fff;padding:25px;border-radius:10px;margin-bottom:25px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.vet-form h3{margin:0 0 20px;font-size:20px;color:#2c3e50}
.vet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}
.vet-grid input,.vet-grid select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px}
.vet-grid input:focus,.vet-grid select:focus{outline:none;border-color:#667eea}
.vet-actions{display:flex;gap:10px}
.vet-users{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.vet-users h3{margin:0 0 20px;font-size:20px;color:#2c3e50}
#vet-search{width:100%;max-width:400px;padding:12px;margin-bottom:20px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px}
#vet-search:focus{outline:none;border-color:#667eea}
.vet-table{width:100%;border-collapse:collapse;margin-top:15px}
.vet-table thead{background:#f8f9fa}
.vet-table th{padding:15px;text-align:left;font-weight:600;font-size:13px;color:#555;text-transform:uppercase;border-bottom:2px solid #e0e0e0}
.vet-table td{padding:15px;border-bottom:1px solid #f0f0f0;font-size:14px}
.vet-table tr:hover{background:#f8f9fa}
.vet-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:500;border-radius:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}
.vet-message{position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:6px;font-weight:500;z-index:9999;display:none}
.vet-success{background:#d4edda;color:#155724;border-left:4px solid #28a745}
.vet-error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}
@media (max-width:768px){
.vet-header{flex-direction:column;align-items:flex-start;gap:15px}
.vet-grid{grid-template-columns:1fr}
.vet-table{font-size:12px}
.vet-table th,.vet-table td{padding:10px 8px}
}
.vet-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin-top: 15px;
}

.vet-table {
    min-width: 700px; /* Adjust based on your content width */
    width: 100%;
}

/* Optional: Style the scrollbar for better UX */
.vet-table-wrapper::-webkit-scrollbar {
    height: 8px;
}

.vet-table-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.vet-table-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.vet-table-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}