:root {
    --teal: #1FB89A;
    --dark: #111827;
    --muted: #6B7280;
}

body { background: #f5f7fa; min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }

.btn-primary, .btn-primary:focus { background: var(--teal); border-color: var(--teal); }
.btn-primary:hover { background: #17a085; border-color: #17a085; }
.btn-dark { background: var(--dark); }

.text-teal { color: var(--teal) !important; }
.bg-teal { background: var(--teal) !important; }

.card { border: none; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.card-header { background: var(--dark); color: #fff; font-weight: 600; }

table thead { background: var(--teal); color: #fff; }
table thead th { font-weight: 600; text-transform: uppercase; font-size: .85rem; }

.stat-card { padding: 20px; border-radius: 8px; }
.stat-card .stat-value { font-size: 2rem; font-weight: 700; }
.stat-card .stat-label { color: var(--muted); text-transform: uppercase; font-size: .8rem; letter-spacing: .5px; }

.invoice-form .row-line { background: #fff; border: 1px solid #e5e7eb; border-radius: 4px; padding: 10px; margin-bottom: 8px; }
.invoice-form .totals-box { background: var(--dark); color: #fff; padding: 20px; border-radius: 8px; }
.invoice-form .totals-box .row { padding: 4px 0; }