:root {
    --navy: #1e293b;
    --primary: #2563eb;
    --success: #16a34a;
    --light-bg: #f8fafc;
}
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Tahoma, Helvetica, sans-serif;
    background-color: var(--light-bg);
    color: #334155;
}
.bg-navy { background-color: var(--navy) !important; }
.text-navy { color: var(--navy) !important; }
.card {
    border-radius: 16px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}
.form-control:focus, .form-select:focus {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
    background-color: #fff !important;
}
.table-responsive {
    border-radius: 16px;
    overflow: hidden;
}
.btn { border-radius: 8px; font-weight: 500; }
@media (max-width: 767.98px) {
    .card-mobile-invoice {
        background: white;
        border-radius: 14px;
        padding: 16px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.04);
        border: 1px solid #e2e8f0;
    }
}
@media print {
    body { background-color: #ffffff; color: #000000; }
    .navbar, .d-print-none, button, input, select, label { display: none !important; }
    #print-bill-area { display: block !important; }
}