:root {
    --orange: #fd7e14;
    --orange-dark: #e06b00;
    --sidebar-width: 240px;
}

body {
    background: #f5f6f8;
    font-family: system-ui, sans-serif;
}

.sidebar {
    width: var(--sidebar-width);
    transition: all 0.3s;
    overflow-y: auto;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background: rgba(253,126,20,0.15);
    color: var(--orange) !important;
}

.text-orange { color: var(--orange) !important; }

.btn-orange {
    background: var(--orange);
    border-color: var(--orange);
    color: white;
}
.btn-orange:hover {
    background: var(--orange-dark);
    border-color: var(--orange-dark);
}

.table th, .table td { vertical-align: middle; }

.modal-header.bg-orange {
    background: var(--orange) !important;
}