:root {
    --bs-body-bg: #0f1117;
    --card-bg: #1a1d27;
    --card-border: #2a2d3a;
    --accent: #f0a500;
}

body { background: var(--bs-body-bg); }

.card {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

.card-header {
    background: rgba(255,255,255,0.04) !important;
    border-bottom-color: var(--card-border) !important;
}

.stat-card {
    border-left: 3px solid var(--accent);
    transition: transform .15s;
}
.stat-card:hover { transform: translateY(-2px); }

.stat-value {
    font-size: 2rem;
    font-weight: 700;
    color: var(--accent);
}

.stat-label {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #888;
}

.table-dark {
    --bs-table-bg: var(--card-bg);
    --bs-table-striped-bg: rgba(255,255,255,0.03);
    --bs-table-hover-bg: rgba(240,165,0,0.08);
    --bs-table-border-color: var(--card-border);
}

.navbar { box-shadow: 0 2px 10px rgba(0,0,0,.5); }

.badge-umsatz {
    background: rgba(240,165,0,.15);
    color: var(--accent);
    border: 1px solid rgba(240,165,0,.3);
}

.period-badge {
    background: rgba(255,255,255,.08);
    border: 1px solid var(--card-border);
    border-radius: 6px;
    padding: 2px 10px;
    font-size: .85rem;
}

.chart-container { position: relative; height: 300px; }

.progress { background: rgba(255,255,255,.08); height: 8px; }

.form-control, .form-select {
    color: #e0e0e0 !important;
}
.form-control:focus, .form-select:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 .2rem rgba(240,165,0,.25) !important;
}

a { color: var(--accent); }
a:hover { color: #ffc633; }

.nav-link.active {
    color: var(--accent) !important;
    border-bottom: 2px solid var(--accent);
}

.btn-warning { color: #000 !important; font-weight: 600; }

.text-accent { color: var(--accent); }