:root {
    --color-success: #27ae60;
    --color-warning: #f39c12;
    --color-danger:  #e74c3c;
}

body { background: #f8f9fa; }

.stat-card {
    border-radius: 12px;
    padding: 1.5rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    transition: transform .15s;
}
.stat-card:hover { transform: translateY(-2px); }
.stat-card .label { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: #6c757d; }
.stat-card .value { font-size: 1.8rem; font-weight: 700; }
.stat-card .sub   { font-size: .9rem; color: #6c757d; }

.status-green  { color: var(--color-success); }
.status-yellow { color: var(--color-warning); }
.status-red    { color: var(--color-danger);  }

.expense-row:hover { background: #f8f9fa; }

.category-dot {
    display: inline-block;
    width: 10px; height: 10px;
    border-radius: 50%;
    margin-right: 6px;
}

.progress { height: 8px; border-radius: 4px; }

.page-header {
    background: white;
    border-bottom: 1px solid #dee2e6;
    padding: 1rem 0;
    margin-bottom: 2rem;
}