.sidebar{position:fixed;top:0;right:0;width:240px;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:200;display:flex;flex-direction:column;}
.sidebar-link.active{background:var(--amber-12);color:var(--clr-amber-text);}
.main-content{margin-right:240px;min-height:100vh;}
/* ── Dashboard mobile drawer (overlay + header) ── */
.dashboard-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:199;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}
.dashboard-drawer-overlay.open{opacity:1;visibility:visible;}
.sidebar-mobile-header{display:none;}
.sidebar-mobile-close{background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--clr-muted);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;font-size:0.9rem;}
.sidebar-mobile-close:hover{background:rgba(255,255,255,0.1);color:var(--clr-on-surface);}
html[data-theme="light"] .sidebar-mobile-close{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08);}
html[data-theme="light"] .sidebar-mobile-close:hover{background:rgba(0,0,0,0.08);}
.glass-card{background:var(--clr-surface-glass);border:1px solid var(--border);border-radius:18px;padding:22px;backdrop-filter:blur(12px);}
.stat-card{background:var(--clr-surface-glass);border:1px solid var(--border);border-radius:14px;padding:16px;}
.form-control,.form-select{background:var(--clr-white-hover)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:10px!important;font-family:'Cairo',sans-serif!important;font-size:0.82rem!important;padding:8px 12px!important;}
.form-control:focus,.form-select:focus{box-shadow:0 0 0 3px rgba(245,158,11,0.1)!important;border-color:rgba(245,158,11,0.3)!important;}
.form-control::placeholder{color:var(--muted)!important;}
.emp-table{width:100%;border-collapse:collapse;}
.emp-table th{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;padding:10px 12px;border-bottom:1px solid var(--border);text-align:right;}
.emp-table td{padding:12px;border-bottom:1px solid var(--clr-grid-line);font-size:0.8rem;color:var(--clr-text);vertical-align:middle;}
.emp-table tr:hover td{background:var(--clr-white-hover);}
.level-badge{font-size:0.62rem;font-weight:800;padding:3px 8px;border-radius:50px;}
.progress-bar-custom{height:6px;border-radius:3px;background:var(--clr-grid-line);}
.progress-fill{height:100%;border-radius:3px;}
@media(max-width:991.98px){
    .sidebar{transform:translateX(100%);width:300px;max-width:85vw;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);box-shadow:-10px 0 40px rgba(0,0,0,0.3);overflow-y:auto;overscroll-behavior:contain;z-index:9999;}
    .sidebar.open{transform:translateX(0);}
    .main-content{margin-right:0;}
    .sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0;}
    .sidebar .sidebar-logo{display:none;}
    .topbar .user-avatar{cursor:pointer;}
    html[data-theme="light"] .sidebar{box-shadow:-10px 0 40px rgba(0,0,0,0.1);}
}
@media(min-width:992px){
    .dashboard-drawer-overlay{display:none!important;}
}
/* Buttons */
.btn-primary-custom{background:var(--gradient-primary);border:none;color:#fff;border-radius:10px;font-family:'Cairo',sans-serif;font-size:0.82rem;font-weight:700;padding:10px 20px;cursor:pointer;transition:all 0.2s;white-space:nowrap;}
.btn-primary-custom:hover{opacity:0.9;}
.btn-outline-custom{background:transparent;border:1px solid var(--primary-35);color:var(--p2);border-radius:10px;font-family:'Cairo',sans-serif;font-size:0.82rem;font-weight:700;padding:10px 20px;cursor:pointer;transition:all 0.2s;white-space:nowrap;}
.btn-outline-custom:hover{background:var(--primary-12);}
/* ── Light mode overrides ── */
html[data-theme="light"] .glass-card{box-shadow:0 2px 12px rgba(0,0,0,0.06);}
html[data-theme="light"] .stat-card{box-shadow:0 1px 6px rgba(0,0,0,0.04);}
html[data-theme="light"] .form-control,html[data-theme="light"] .form-select{background:var(--clr-surface)!important;}