:root {
    --bg: #0b0f14;
    --panel: #121821;
    --input: #1a2230;
    --electric: #1e90ff;
}

body { background: var(--bg); }
.bg-panel { background: var(--panel); color: #fff; }
.bg-input { background: var(--input); }
.form-control, .form-select, textarea {
    color: #f4f8ff !important;
}
.form-control::placeholder, textarea::placeholder {
    color: #8aa0bd !important;
    opacity: 1;
}
.form-control:focus, .form-select:focus, textarea:focus {
    color: #ffffff !important;
    background: var(--input) !important;
}
.input-group-text {
    color: #f4f8ff !important;
}
.force-light-input,
.force-light-input:-webkit-autofill,
.force-light-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    transition: background-color 9999s ease-in-out 0s;
}
.login-logo {
    width: 110px;
    height: 110px;
    object-fit: contain;
}
.text-electric { color: var(--electric); }
.btn-electric { background: var(--electric); color: #fff; border: none; }
.btn-electric:hover { background: #1877d6; color: #fff; }
.brand-logo { width: 36px; height: 36px; object-fit: contain; background: #fff; border-radius: 6px; padding: 2px; }
.list-group-item { background: transparent; color: #d7d7d7; border: 0; }
.list-group-item.active { background: var(--electric); border-radius: 8px; }
.table-dark { --bs-table-bg: #121821; --bs-table-striped-bg: #161f2c; }
.product-thumb {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid #2f3e55;
}
.chart-bars {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.chart-row {
    display: grid;
    grid-template-columns: 100px 1fr 90px;
    align-items: center;
    gap: 10px;
}
.chart-label {
    color: #c8d8eb;
    font-size: 0.9rem;
}
.chart-track {
    height: 12px;
    background: #1a2536;
    border-radius: 999px;
    overflow: hidden;
}
.chart-fill {
    height: 100%;
    background: linear-gradient(90deg, #1e90ff, #2fafff);
    border-radius: 999px;
}
.chart-value {
    text-align: right;
    color: #eff7ff;
    font-size: 0.88rem;
}
@media print {
    nav, .list-group, .btn, form, #globalSearch { display: none !important; }
    body { background: #fff !important; color: #000 !important; }
    .card, .bg-panel { background: #fff !important; color: #000 !important; }
}