:root {
    --primary: #0d6efd;
    --hospital-green: #198754;
}
body { background: #f4f6f9; }
.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.login-container { max-width: 400px; }
.card { border-radius: 12px; }
.navbar-brand { font-weight: 600; }
.table-actions .btn { padding: 0.25rem 0.5rem; }
.bill-receipt {
    max-width: 400px;
    margin: 0 auto;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1.5rem;
    font-size: 0.9rem;
}
.bill-receipt .hospital-name { font-size: 1.25rem; font-weight: 700; }
.bill-receipt .hospital-address { color: #6c757d; font-size: 0.85rem; }
.receipt-table { width: 100%; }
.receipt-table th, .receipt-table td { padding: 0.35rem 0; border-bottom: 1px solid #eee; }
.receipt-table .text-end { text-align: right; }
.receipt-total { font-weight: 700; font-size: 1.1rem; border-top: 2px solid #333 !important; }
.stat-card {
    border-radius: 10px;
    transition: transform 0.2s;
}
.stat-card:hover { transform: translateY(-2px); }
.min-qty { color: #dc3545; }
.btn-whatsapp { background: #25D366; color: #fff; border-color: #25D366; }
.btn-whatsapp:hover { background: #1da851; color: #fff; border-color: #1da851; }

@media print {
    .navbar, .btn, footer, .d-print-none, .card-footer button, main .btn { display: none !important; }
    body { background: #fff; }
    .bill-receipt { border: none; box-shadow: none; max-width: 100%; }
}