.staff-body { --header-height: 72px; background: #eef2f6; }
.staff-header { position: sticky; z-index: 120; top: 0; color: #fff; background: #07101e; border-bottom: 1px solid rgba(255, 255, 255, .09); }
.staff-header-inner { min-height: 72px; display: flex; align-items: center; gap: 26px; }
.staff-brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; }
.staff-brand:hover { color: #fff; }
.staff-brand-mark { width: 38px; height: 38px; display: grid; place-items: center; color: #07101e; background: #d6ad68; border-radius: 8px; font-family: Georgia, serif; font-size: 1.25rem; font-weight: 700; }
.staff-brand-copy { display: grid; line-height: 1.12; }
.staff-brand-copy strong { color: #fff; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.staff-brand-copy small { margin-top: 4px; color: #98a6ba; font-size: .65rem; letter-spacing: .05em; text-transform: uppercase; }
.staff-nav { min-width: 0; flex: 1; display: flex; align-items: center; gap: 3px; }
.staff-nav a { padding: 9px 10px; color: #c8d0db; border-radius: 6px; font-size: .79rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.staff-nav a:hover, .staff-nav a.is-active { color: #fff; background: rgba(255, 255, 255, .07); }
.staff-nav a.is-active { box-shadow: inset 0 -2px 0 #c49752; }
.staff-header-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.staff-header-actions form { margin: 0; }
.staff-header .language-switcher { display: flex; }
.staff-menu-toggle { display: none; margin-left: auto; }
.staff-main { flex: 1; padding: 44px 0 76px; }
.staff-page-head { margin-bottom: 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.staff-page-head h1 { margin-bottom: 7px; font-size: clamp(2rem, 4vw, 3rem); }
.staff-page-head p { max-width: 720px; margin: 0; color: #526176; }
.staff-kpi-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.staff-kpi { min-height: 142px; padding: 21px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; border: 1px solid #d8e0e8; border-radius: 12px; box-shadow: 0 8px 24px rgba(7, 16, 30, .04); }
.staff-kpi:first-child { color: #fff; background: #0b1424; border-color: #0b1424; }
.staff-kpi-label { color: #65748a; font-size: .7rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.staff-kpi:first-child .staff-kpi-label { color: #b9c4d3; }
.staff-kpi-value { color: #07101e; font-size: 2rem; font-weight: 700; letter-spacing: -.04em; }
.staff-kpi:first-child .staff-kpi-value { color: #fff; }
.staff-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.staff-card { min-width: 0; padding: 25px; background: #fff; border: 1px solid #d8e0e8; border-radius: 12px; box-shadow: 0 8px 24px rgba(7, 16, 30, .04); }
.staff-card + .staff-card-stack, .staff-card-stack + .staff-card { margin-top: 20px; }
.staff-card-head { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.staff-card-head h2, .staff-card-head h3 { margin: 0; font-size: 1.25rem; }
.staff-toolbar { margin-bottom: 20px; padding: 18px; background: #fff; border: 1px solid #d8e0e8; border-radius: 12px; }
.staff-filter-grid { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(150px, 1fr)) auto; align-items: end; gap: 13px; }
.staff-table-wrap { width: 100%; overflow-x: auto; background: #fff; border: 1px solid #d8e0e8; border-radius: 12px; box-shadow: 0 8px 24px rgba(7, 16, 30, .04); }
.staff-table { width: 100%; border-collapse: collapse; font-size: .84rem; }
.staff-table th, .staff-table td { padding: 13px 15px; text-align: left; vertical-align: middle; white-space: nowrap; }
.staff-table th { color: #5d6c81; background: #f5f7f9; border-bottom: 1px solid #d8e0e8; font-size: .66rem; font-weight: 780; letter-spacing: .07em; text-transform: uppercase; }
.staff-table td { color: #334158; border-bottom: 1px solid #e9edf2; }
.staff-table tbody tr:last-child td { border-bottom: 0; }
.staff-table tbody tr:hover td { background: #fbfcfd; }
.staff-link { color: #142137; font-weight: 680; }
.staff-muted { color: #718096; font-size: .78rem; }
.staff-badge { display: inline-flex; align-items: center; padding: 4px 8px; color: #20314c; background: #edf1f5; border: 1px solid #d8e0e8; border-radius: 999px; font-size: .68rem; font-weight: 720; }
.staff-badge-approved, .staff-badge-active, .staff-badge-normal { color: #176b52; background: #e4f4ee; border-color: #b6ddcf; }
.staff-badge-rejected, .staff-badge-suspended, .staff-badge-restricted, .staff-badge-urgent { color: #953434; background: #fbeaea; border-color: #e9bcbc; }
.staff-badge-pending, .staff-badge-review, .staff-badge-in_review, .staff-badge-high { color: #865d1f; background: #fbf5e9; border-color: #ead8b5; }
.staff-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #d8e0e8; border-radius: 10px; overflow: hidden; }
.staff-detail { min-width: 0; padding: 17px 18px; background: #fff; border-right: 1px solid #e1e7ed; border-bottom: 1px solid #e1e7ed; }
.staff-detail:nth-child(3n) { border-right: 0; }
.staff-detail-label { display: block; margin-bottom: 5px; color: #718096; font-size: .65rem; font-weight: 760; letter-spacing: .07em; text-transform: uppercase; }
.staff-detail-value { color: #142137; font-size: .92rem; font-weight: 620; overflow-wrap: anywhere; }
.staff-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.staff-form-grid .field-full { grid-column: 1 / -1; }
.staff-form-actions { margin-top: 20px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.staff-pagination { margin-top: 18px; display: flex; align-items: center; justify-content: center; gap: 6px; }
.staff-pagination a, .staff-pagination span { min-width: 36px; height: 36px; display: grid; place-items: center; color: #20314c; background: #fff; border: 1px solid #c8d0db; border-radius: 7px; font-size: .78rem; text-decoration: none; }
.staff-pagination .is-current { color: #fff; background: #0b1424; border-color: #0b1424; }
.staff-auth { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; padding: 34px 16px; color: #fff; background: radial-gradient(circle at 75% 15%, rgba(196, 151, 82, .16), transparent 34%), #07101e; }
.staff-auth-shell { min-width: 0; width: min(100%, 490px); }
.staff-auth-brand { margin-bottom: 24px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #fff; text-decoration: none; }
.staff-auth-brand strong, .staff-auth-card h1 { min-width: 0; overflow-wrap: anywhere; }
.staff-auth-card { padding: clamp(26px, 6vw, 42px); color: #0b1424; background: #fff; border: 1px solid rgba(255, 255, 255, .25); border-radius: 16px; box-shadow: 0 28px 80px rgba(0, 0, 0, .28); }
.staff-auth-card h1 { margin-bottom: 9px; font-size: 2rem; }
.staff-auth-card > p { margin-bottom: 24px; color: #617086; }
.staff-security-note { margin: 22px 0 0; padding-top: 18px; color: #718096; border-top: 1px solid #e1e7ed; font-size: .76rem; text-align: center; }
.staff-empty { padding: 35px 20px; color: #718096; text-align: center; }
.staff-inline { display: flex; align-items: center; gap: 8px; }
.staff-danger-zone { border-color: #e9bcbc; }
.verification-review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.verification-review-card { min-width: 0; padding: 14px; border: 1px solid #d8e0e8; border-radius: 10px; background: #f8fafc; }
.verification-review-head { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.verification-preview summary { display: grid; gap: 9px; color: #20314c; font-size: .78rem; font-weight: 700; cursor: pointer; list-style: none; }
.verification-preview summary::-webkit-details-marker { display: none; }
.verification-preview summary img, .verification-preview-large { width: 100%; display: block; object-fit: contain; background: #e9eef4; border: 1px solid #d8e0e8; border-radius: 8px; }
.verification-preview summary img { height: 150px; object-fit: cover; }
.verification-preview-large { max-height: 520px; margin-top: 12px; }
.verification-pdf { height: 150px; display: grid; place-items: center; color: #fff; background: #26364e; border-radius: 8px; font-size: 1.3rem; }
.verification-decision-form, .verification-data-review { margin-top: 14px; display: grid; gap: 12px; }
.verification-decision-form textarea, .verification-data-review textarea { width: 100%; }
.verification-decision-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.button-danger { color: #8b2525; background: #fff; border-color: #d9a4a4; }
.button-danger:hover { color: #fff; background: #8b2525; border-color: #8b2525; }
.verification-data-review { padding: 16px; border: 1px solid #d8e0e8; border-radius: 10px; }

@media (max-width: 1120px) {
    .staff-brand-copy { display: none; }
    .staff-nav a { padding-inline: 7px; font-size: .72rem; }
    .staff-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .staff-menu-toggle { display: inline-flex; }
    .staff-body { --header-height: 68px; }
    .staff-body.nav-open::after { inset: 68px 0 0; }
    .staff-header-inner { min-height: 68px; }
    .staff-nav-panel { top: 76px; right: 12px; bottom: auto; left: 12px; padding: 18px; flex-direction: column; background: #07101e; }
    .staff-nav { align-items: stretch; flex-direction: column; }
    .staff-nav a { padding: 13px 14px; font-size: .92rem; }
    .staff-header-actions { margin-top: 14px; padding-top: 16px; align-items: stretch; flex-wrap: wrap; border-top: 1px solid rgba(255, 255, 255, .1); }
    .staff-header-actions .language-switcher { width: 100%; }
    .staff-header-actions .language-switcher a { flex: 1; }
    .staff-header-actions form, .staff-header-actions .button { flex: 1; }
    .staff-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .staff-filter-grid .field:first-child { grid-column: 1 / -1; }
    .staff-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .staff-detail:nth-child(3n) { border-right: 1px solid #e1e7ed; }
    .staff-detail:nth-child(2n) { border-right: 0; }
    .verification-review-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 680px) {
    .staff-main { padding: 32px 0 56px; }
    .staff-page-head { align-items: stretch; flex-direction: column; gap: 15px; }
    .staff-page-head .button { width: 100%; }
    .staff-kpi-grid, .staff-grid-2, .staff-filter-grid, .staff-form-grid, .staff-detail-grid { grid-template-columns: minmax(0, 1fr); }
    .staff-filter-grid .field:first-child, .staff-form-grid .field-full { grid-column: auto; }
    .staff-detail, .staff-detail:nth-child(2n), .staff-detail:nth-child(3n) { border-right: 0; }
    .staff-form-actions { align-items: stretch; flex-direction: column; }
    .staff-form-actions .button { width: 100%; }
}