.nav-item{display:flex;align-items:center;gap:12px;padding:11px 24px;color:rgba(255,255,255,.7);text-decoration:none;font-size:13px;font-weight:500;transition:all .15s}
.page-title{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:4px}

body{font-family:'Lato',sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh}
.btn-upload{padding:12px 28px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Lato',sans-serif;margin-top:16px;display:inline-flex;align-items:center;gap:8px}
.btn-upload:hover{background:#152448}
.btn-confirm{flex:2;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Lato',sans-serif}
.btn-cancel{flex:1;padding:10px;border:1.5px solid var(--border);background:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Lato',sans-serif}
.modal-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary);
}
.btn-save{padding:11px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Lato',sans-serif;display:inline-flex;align-items:center;gap:8px}
.topbar-brand {
    font-weight: 700;
    font-size: 16px;
    color: var(--primary);
}
.sidebar {
    width: var(--sidebar);
    background: #22316b;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    overflow-y: auto;
}
.nav-label {    font-family: 'Lato' !important;}
/* Flash message alerts (success / error / warning) */
.alert{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px;border:1px solid transparent}
.alert-success{background:#dcfce7;border-color:#16a34a;color:#166534}
.alert-error{background:#fee2e2;border-color:#dc2626;color:#991b1b}
.alert-danger{background:#fee2e2;border-color:#dc2626;color:#991b1b}
.alert-warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}
.alert-info{background:#dbeafe;border-color:#3b82f6;color:#1e40af}