:root{--color-primary:#e91e8c;--color-secondary:#1b2d5b;--color-accent:#4ba8ff;--color-background:#f5f6fa;--color-white:#fff;--color-text-dark:#1a2a53;--color-text-medium:#6b7a99;--color-text-light:#a0aec0;--color-border:#e2e8f0;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--color-background);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none}input:focus,select:focus,textarea:focus,button:focus{outline:none}a{color:inherit;text-decoration:none}.bo-layout{height:100vh;display:flex;overflow:hidden}.bo-sidebar{background:#1a1a2e;border-radius:0 30px 30px 0;flex-direction:column;flex-shrink:0;width:220px;display:flex}.bo-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;padding:20px;display:flex}.bo-sidebar-header img{width:80px;height:auto}.bo-nav-section{flex:1;padding:16px 0}.bo-nav-item{color:#ffffffa6;text-align:left;background:0 0;border-left:3px solid #0000;width:100%;padding:11px 20px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.bo-nav-item:hover{color:#fff;background:#ffffff14}.bo-nav-item.active{color:#fff;background:#e91e8c26;border-left-color:#e91e8c}.bo-sidebar-bottom{border-top:1px solid #ffffff1a;padding:16px 20px}.bo-user-info{align-items:center;gap:10px;margin-bottom:12px;display:flex}.bo-avatar{color:#fff;background:#e91e8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.bo-user-text{min-width:0}.bo-user-name,.bo-user-position{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bo-user-name{color:#fff;font-size:13px;font-weight:600}.bo-user-position{color:#ffffff80;font-size:11px}.bo-logout-btn{color:#e91e8c;background:0 0;border:1px solid #e91e8c80;border-radius:8px;width:100%;padding:9px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.bo-logout-btn:hover{color:#fff;background:#e91e8c}.bo-content{background:#f5f6fa;flex:1;padding:28px;overflow-y:auto}.bo-language-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;width:100%;margin-bottom:12px;padding:8px;font-size:12px;font-weight:700}.bo-rtl .bo-sidebar{border-radius:30px 0 0 30px}.bo-rtl .bo-nav-item{text-align:right;border-left:0;border-right:3px solid #0000}.bo-rtl .bo-nav-item.active{border-right-color:#e91e8c}.bo-rtl .bo-user-info{text-align:right;flex-direction:row-reverse}.dashboard-page{flex-direction:column;gap:20px;display:flex}.dashboard-welcome{color:#fff;background:linear-gradient(135deg,#e91e8c 0%,#1b2d5b 100%);border-radius:14px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.dashboard-welcome h1{margin-bottom:6px;font-size:22px;font-weight:700;line-height:1.2}.dashboard-welcome p{color:#ffffffbf;font-size:14px}.dashboard-loading{color:#6b7a99;text-align:center;padding:40px}.dashboard-panel,.dashboard-chart-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 1px 4px #0000000f}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi-card{background:#f8f9fa;border-top:3px solid #e91e8c;border-radius:10px;padding:18px 20px}.kpi-card.accent-pink{border-top-color:#e91e8c}.kpi-card.accent-purple{border-top-color:#7c3aed}.kpi-card.accent-amber{border-top-color:#d97706}.kpi-card.accent-navy{border-top-color:#1b2d5b}.kpi-card span{color:#6b7a99;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.kpi-card strong{color:#1b2d5b;font-size:30px;font-weight:700}.dashboard-charts{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.dashboard-chart-card h2{color:#1b2d5b;margin-bottom:4px;font-size:15px;font-weight:700}.dashboard-chart-card p{color:#6b7a99;margin-bottom:20px;font-size:12px}.empty-chart{color:#6b7a99;justify-content:center;align-items:center;height:210px;font-size:13px;display:flex}.department-empty{height:160px}.dashboard-legend-label{color:#1b2d5b;font-size:12px}@media (width<=1100px){.kpi-grid,.dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.dashboard-welcome,.dashboard-charts,.kpi-grid{grid-template-columns:1fr}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:16px}}.departments-page{flex-direction:column;gap:18px;display:flex}.departments-header h1{color:#1b2d5b;margin:0 0 4px;font-size:22px}.departments-header p{color:#6b7a99;margin:0;font-size:14px}.department-create-card,.departments-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f}.department-create-card{padding:22px}.department-create-card h2{color:#1b2d5b;margin:0 0 14px;font-size:16px}.department-create-row{grid-template-columns:1fr auto;gap:10px;display:grid}.department-create-row input,.inline-edit input{color:#1b2d5b;border:1px solid #e2e8f0;border-radius:8px;height:40px;padding:0 13px;font-size:14px}.departments-table-card{overflow:hidden}.departments-table{border-collapse:collapse;width:100%}.departments-table thead{background:#f5f6fa}.departments-table th,.departments-table td{color:#1b2d5b;text-align:left;border-top:1px solid #f0f0f0;padding:13px 15px;font-size:13px}.departments-table th{color:#6b7a99;letter-spacing:.5px;text-transform:uppercase;border-top:0;font-size:11px;font-weight:700}.inline-edit,.row-actions,.modal-actions{align-items:center;gap:8px;display:flex}.heads-list{flex-wrap:wrap;gap:6px;display:flex}.head-chip{color:#1b2d5b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:700;display:inline-flex}.head-chip small{color:#6b7a99;text-transform:uppercase;font-size:10px;font-weight:700}.status-pill{border-radius:999px;justify-content:center;min-width:70px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.primary-button,.secondary-button,.soft-button,.danger-button,.success-button,.primary-small,.secondary-small{cursor:pointer;border-radius:8px;font-size:13px;font-weight:700}.primary-button{color:#fff;background:#e91e8c;border:0;padding:10px 18px}.soft-button,.danger-button,.success-button,.primary-small,.secondary-small{border:0;padding:7px 11px}.primary-small{color:#fff;background:#e91e8c}.secondary-small{color:#1b2d5b;background:#fff;border:1px solid #e2e8f0}.heads-modal{width:min(520px,100vw - 32px)}.modal-actions{justify-content:flex-end;margin-top:22px}.modal-heads-list{flex-direction:column;gap:9px;margin-top:18px;display:flex}.modal-head-row{border:1px solid #edf2f7;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.modal-head-row div{flex-direction:column;gap:3px;display:flex}.modal-head-row span{color:#6b7a99;font-size:12px}.assign-head-row{grid-template-columns:1fr auto;gap:10px;margin-top:16px;display:grid}.assign-head-row select{color:#1b2d5b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:40px;padding:0 13px;font-size:14px}.empty-state.small{padding:18px}.employee-form-page{flex-direction:column;gap:18px;display:flex}.employee-form-header{align-items:center;gap:14px;display:flex}.employee-form-header h1,.employee-form-success h1{color:#1b2d5b;margin:0;font-size:22px}.employee-form-card,.employee-form-success{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f}.employee-form-card{padding:28px}.employee-form-card section{margin-bottom:28px}.employee-form-card section:last-of-type{margin-bottom:0}.employee-form-card h2{color:#e91e8c;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #f0f0f0;margin:0 0 16px;padding-bottom:8px;font-size:13px;font-weight:800}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.form-grid label{color:#6b7a99;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.form-grid input,.form-grid select{color:#1b2d5b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:42px;padding:0 13px;font-size:14px}.form-grid input:disabled,.form-grid select:disabled{color:#a0aec0;cursor:not-allowed;background:#f5f6fa}.employee-form-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.employee-form-success{text-align:center;max-width:460px;margin:70px auto;padding:38px}.employee-form-success p{color:#6b7a99;margin:8px 0 22px;font-size:14px}.password-box{color:#e91e8c;letter-spacing:1px;background:#fdf2f8;border:2px dashed #e91e8c;border-radius:12px;margin-bottom:24px;padding:18px;font-size:24px;font-weight:800}.employees-page{flex-direction:column;gap:18px;display:flex}.employees-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.employees-header h1{color:#1b2d5b;margin:0 0 4px;font-size:22px}.employees-header p{color:#6b7a99;margin:0;font-size:14px}.employees-filters{grid-template-columns:1fr 220px;gap:12px;display:grid}.employees-filters input,.employees-filters select{color:#1b2d5b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:42px;padding:0 14px;font-size:14px}.table-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.employees-table{border-collapse:collapse;width:100%}.employees-table thead{background:#f5f6fa}.employees-table th,.employees-table td{color:#1b2d5b;text-align:left;vertical-align:middle;border-top:1px solid #f0f0f0;padding:12px 14px;font-size:13px}.employees-table th{color:#6b7a99;letter-spacing:.5px;text-transform:uppercase;border-top:0;font-size:11px;font-weight:700}.employees-table td strong,.employees-table td span{display:block}.employees-table td span{color:#6b7a99;margin-top:3px;font-size:12px}.inactive-row{opacity:.48}.approvers-list{flex-direction:column;gap:4px;display:flex}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-width:70px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.active{color:#16a34a;background:#dcfce7}.status-pill.inactive{color:#6b7280;background:#f3f4f6}.row-actions{gap:8px;display:flex}.primary-button,.secondary-button,.soft-button,.danger-button,.success-button{cursor:pointer;border:0;border-radius:8px;font-size:13px;font-weight:700}.primary-button{color:#fff;background:#e91e8c;padding:10px 18px}.secondary-button{color:#1b2d5b;background:#fff;border:1px solid #e2e8f0;padding:10px 18px}.soft-button,.danger-button,.success-button{padding:7px 11px}.soft-button{color:#2563eb;background:#eff6ff}.danger-button{color:#dc2626;background:#fee2e2}.success-button{color:#16a34a;background:#dcfce7}.modal-card .modal-note{color:#1b2d5b;background:#fff1f8;border-left:3px solid #e91e8c;border-radius:8px;margin-top:12px;padding:10px 12px;line-height:1.5}.parameters-page{flex-direction:column;gap:18px;display:flex}.parameters-header h1{color:#1b2d5b;margin:0 0 4px;font-size:22px}.parameters-header p{color:#6b7a99;margin:0;font-size:14px}.parameters-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0000000f}.parameters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.parameter-item{background:#f5f6fa;border-radius:10px;flex-direction:column;gap:14px;padding:18px;display:flex}.parameter-item h2{color:#1b2d5b;margin:0 0 4px;font-size:15px}.parameter-updated{color:#6b7a99;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.parameter-updated span:after{color:#a0aec0;content:"|";margin-left:8px}.parameter-updated strong{color:#1b2d5b;font-weight:700}.parameter-control{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.parameter-control input{color:#1b2d5b;border:1px solid #e2e8f0;border-radius:8px;height:40px;padding:0 12px;font-size:14px}.parameter-control span{color:#6b7a99;font-size:13px;font-weight:700}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700}.primary-button{color:#fff;background:#e91e8c;border:0}.secondary-button{color:#1b2d5b;background:#fff;border:1px solid #e2e8f0}.alert-success{color:#16a34a;background:#dcfce7}.modal-overlay{z-index:30;background:#00000061;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:12px;width:390px;padding:26px;box-shadow:0 8px 32px #00000038}.modal-card h2{color:#1b2d5b;margin:0 0 10px;font-size:18px}.modal-card p{color:#6b7a99;margin:0;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.forgot-page{background:linear-gradient(135deg,#e91e8c 0%,#1b2d5b 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.forgot-language-selector{z-index:5;position:absolute;top:18px;right:18px}.forgot-language-selector select{color:#e91e8c;cursor:pointer;background:#fff1f8;border:1px solid #fbcfe8;border-radius:10px;outline:none;padding:7px 28px 7px 10px;font-size:12px;font-weight:700}.forgot-card{background:#fff;border-radius:16px;width:420px;padding:40px;box-shadow:0 8px 32px #0003}.forgot-back-btn{color:#1b2d5b;background:0 0;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-size:14px;font-weight:600;display:flex}.forgot-logo-container{justify-content:center;margin-bottom:24px;display:flex}.forgot-logo{width:100px;height:auto}.forgot-title{color:#1b2d5b;text-align:center;margin-bottom:28px;font-size:22px;font-weight:700}.forgot-error{color:#ef4444;background:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.forgot-page[dir=rtl] .forgot-error{border-left:0;border-right:4px solid #ef4444}.forgot-form{flex-direction:column;gap:16px;display:flex}.forgot-input-group{flex-direction:column;gap:8px;display:flex}.forgot-label{color:#1b2d5b;font-size:14px;font-weight:600}.forgot-input-wrapper{background:#f5f6fa;border:1px solid #e2e8f0;border-radius:12px;align-items:center;height:52px;padding:0 14px;display:flex}.forgot-input-wrapper input{color:#1b2d5b;background:0 0;border:none;flex:1;height:100%;font-size:15px}.forgot-submit{color:#fff;background:#e91e8c;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700}.forgot-submit:disabled{opacity:.7}@media (width<=520px){.forgot-card{width:calc(100% - 32px);padding:32px 24px}}.login-page{background:linear-gradient(135deg,#e91e8c 0%,#1b2d5b 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-language-selector{z-index:5;position:absolute;top:18px;right:18px}.login-language-selector select{color:#e91e8c;cursor:pointer;background:#fff1f8;border:1px solid #fbcfe8;border-radius:10px;outline:none;padding:7px 28px 7px 10px;font-size:12px;font-weight:700}.login-card{background:#fff;border-radius:16px;width:420px;padding:40px;box-shadow:0 8px 32px #0003}.login-logo-container{justify-content:center;margin-bottom:24px;display:flex}.login-logo{width:100px;height:auto}.login-title{color:#1b2d5b;text-align:center;margin-bottom:6px;font-size:22px;font-weight:700}.login-subtitle{color:#6b7a99;text-align:center;margin-bottom:28px;font-size:14px}.login-error{color:#ef4444;background:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.login-page[dir=rtl] .login-error{border-left:0;border-right:4px solid #ef4444}.login-form{flex-direction:column;gap:16px;display:flex}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-label{color:#1b2d5b;font-size:14px;font-weight:600}.login-input-wrapper{background:#f5f6fa;border:1px solid #e2e8f0;border-radius:12px;align-items:center;height:52px;padding:0 14px;display:flex}.login-input-wrapper input{color:#1b2d5b;background:0 0;border:none;flex:1;height:100%;font-size:15px}.login-eye-btn{color:#e91e8c;background:0 0;padding:0;font-size:13px;font-weight:600}.login-forgot{justify-content:flex-end;display:flex}.login-page[dir=rtl] .login-forgot{justify-content:flex-start}.login-forgot a{color:#e91e8c;font-size:13px;font-weight:600}.login-submit{color:#fff;background:#e91e8c;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:700}.login-submit:disabled{opacity:.7}@media (width<=520px){.login-card{width:calc(100% - 32px);padding:32px 24px}}.reset-page{background:linear-gradient(135deg,#e91e8c 0%,#1b2d5b 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.reset-card{background:#fff;border-radius:16px;width:420px;padding:40px;box-shadow:0 8px 32px #0003}.reset-back-btn{color:#1b2d5b;background:0 0;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-size:14px;font-weight:600;display:flex}.reset-title{color:#1b2d5b;text-align:center;margin-bottom:6px;font-size:22px;font-weight:700}.reset-subtitle{color:#6b7a99;text-align:center;margin-bottom:28px;font-size:14px}.reset-error{color:#ef4444;background:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.reset-form{flex-direction:column;gap:16px;display:flex}.reset-input-group{flex-direction:column;gap:8px;display:flex}.reset-label{color:#1b2d5b;font-size:14px;font-weight:600}.reset-input-wrapper{background:#f5f6fa;border:1px solid #e2e8f0;border-radius:12px;align-items:center;height:52px;padding:0 14px;display:flex}.reset-input-wrapper input{color:#1b2d5b;background:0 0;border:none;flex:1;height:100%;font-size:15px}.reset-eye-btn{color:#e91e8c;background:0 0;padding:0;font-size:13px;font-weight:600}.reset-submit{color:#fff;background:#e91e8c;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700}.reset-submit:disabled{opacity:.7}@media (width<=520px){.reset-card{width:calc(100% - 32px);padding:32px 24px}}.records-page,.approved-records{flex-direction:column;gap:18px;display:flex}.records-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.records-header h1{color:#1b2d5b;margin:0 0 4px;font-size:22px}.records-header p{color:#6b7a99;margin:0;font-size:14px}.records-tabs{background:#fff;border-radius:10px;gap:4px;padding:4px;display:flex;box-shadow:0 1px 4px #0000000f}.records-tabs button{color:#6b7a99;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700}.records-tabs button.active{color:#e91e8c;background:#fdf2f8}.records-filter-card{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex;box-shadow:0 1px 4px #0000000f}.records-filter-card select,.records-filter-card input{color:#1b2d5b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:170px;height:40px;padding:0 12px;font-size:14px}.records-filter-card input{min-width:220px}.records-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.records-card h2{color:#1b2d5b;border-bottom:1px solid #f0f0f0;margin:0;padding:18px 20px;font-size:16px}.records-table{border-collapse:collapse;table-layout:auto;width:100%}.request-records-table{table-layout:auto;width:auto;min-width:100%}.request-records-table th,.request-records-table td{padding-right:18px}.records-table thead{background:#f5f6fa}.records-table th,.records-table td{color:#1b2d5b;text-align:left;vertical-align:middle;border-top:1px solid #f0f0f0;padding:10px 12px;font-size:12px}.records-table th{color:#6b7a99;letter-spacing:.5px;text-transform:uppercase;border-top:0;font-size:11px;font-weight:700}.request-records-table th:first-child,.request-records-table td:first-child{white-space:nowrap;width:96px}.request-records-table th:nth-child(2),.request-records-table td:nth-child(2){width:170px}.request-records-table th:nth-child(3),.request-records-table td:nth-child(3){width:190px}.request-records-table th:nth-child(4),.request-records-table td:nth-child(4){width:90px}.request-records-table th:nth-child(5),.request-records-table td:nth-child(5){width:120px}.request-records-table th:nth-child(6),.request-records-table td:nth-child(6){white-space:nowrap;width:120px}.request-records-table th:nth-child(7),.request-records-table td:nth-child(7){width:140px}.request-records-table th:nth-child(8),.request-records-table td:nth-child(8){width:250px}.request-records-table th:nth-child(9),.request-records-table td:nth-child(9){width:120px}.primary-button{color:#fff;cursor:pointer;background:#e91e8c;border:0;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700}.record-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pdf-form-button,.inspect-document-button{color:#e91e8c;white-space:nowrap;cursor:pointer;background:#fdf2f8;border:1px solid #f4bfd9;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.pdf-form-button{color:#1b2d5b;background:#eef2ff;border-color:#c7d2fe}.pdf-form-button:hover{background:#e0e7ff}.inspect-document-button:hover{background:#fce7f3}.date-time-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.decision-cell{flex-direction:column;gap:5px;min-width:0;display:flex}.date-time-cell strong{color:#6b7a99;font-size:12px}.decision-step{white-space:nowrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.decision-step+.decision-step{border-top:1px solid #f0f0f0;padding-top:5px}.decision-step span{color:#1b2d5b;text-overflow:ellipsis;font-weight:600;overflow:hidden}.decision-step strong{text-transform:capitalize;border-radius:999px;flex:none;padding:3px 8px;font-size:11px}.decision-step strong.approved{color:#16a34a;background:#dcfce7}.decision-step strong.rejected{color:#dc2626;background:#fee2e2}.alert{border-radius:8px;padding:12px 14px;font-size:13px;font-weight:600}.alert-error{color:#dc2626;background:#fee2e2}.empty-state{color:#6b7a99;text-align:center;padding:42px;font-size:14px}.admin-page{flex-direction:column;gap:18px;display:flex}.admin-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-header h1,.admin-denied-card h1{color:var(--admin-secondary);margin:0;font-size:22px}.admin-tabs{border:1px solid var(--admin-border);background:var(--admin-white);border-radius:10px;gap:8px;padding:5px;display:inline-flex}.admin-tabs button{min-width:110px;color:var(--admin-text-medium);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:800}.admin-tabs button.active{background:var(--admin-primary);color:var(--admin-white)}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-summary-card,.admin-table-card,.admin-log-card,.admin-denied-card{background:var(--admin-white);border-radius:12px;box-shadow:0 1px 4px #0000000f}.admin-summary-card{border:1px solid var(--admin-border);padding:18px}.admin-summary-card span{color:var(--admin-text-medium);font-size:12px;font-weight:700;display:block}.admin-summary-card strong{color:var(--admin-secondary);margin-top:8px;font-size:24px;display:block}.admin-filters input{border:1px solid var(--admin-border);background:var(--admin-white);width:100%;height:42px;color:var(--admin-secondary);border-radius:8px;padding:0 14px;font-size:14px}.admin-table-card{overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:var(--admin-background)}.admin-table th,.admin-table td{color:var(--admin-secondary);text-align:left;vertical-align:middle;border-top:1px solid #f0f0f0;padding:12px 14px;font-size:13px}.admin-table th{color:var(--admin-text-medium);letter-spacing:.5px;text-transform:uppercase;border-top:0;font-size:11px;font-weight:800}.admin-balance-list{color:var(--admin-text-medium);gap:4px;font-size:12px;display:grid}.admin-pill{color:#6b7280;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:74px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.admin-pill.active{color:var(--admin-primary);background:#fce7f3}.admin-row-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-primary-button,.admin-secondary-button,.admin-soft-button,.admin-danger-button,.admin-primary-small{cursor:pointer;border-radius:8px;font-size:13px;font-weight:800}.admin-primary-button,.admin-primary-small{background:var(--admin-primary);color:var(--admin-white);border:0}.admin-primary-button,.admin-secondary-button{padding:10px 18px}.admin-primary-small,.admin-soft-button,.admin-danger-button{padding:7px 11px}.admin-secondary-button{border:1px solid var(--admin-border);background:var(--admin-white);color:var(--admin-secondary)}.admin-soft-button{color:#2563eb;background:#eff6ff;border:0}.admin-danger-button{color:#dc2626;background:#fee2e2;border:0}.admin-alert{border-radius:8px;padding:12px 14px;font-size:13px;font-weight:700}.admin-alert-error{color:var(--admin-error);background:#fee2e2}.admin-alert-success{color:var(--admin-success);background:#dcfce7}.admin-empty-state{color:var(--admin-text-medium);text-align:center;padding:42px;font-size:14px}.admin-empty-state.compact{padding:18px}.admin-log-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-log-card,.admin-denied-card{padding:18px}.admin-denied-card p{color:var(--admin-text-medium);margin:8px 0 0}.admin-log-card h2{color:var(--admin-secondary);margin:0 0 14px;font-size:16px}.admin-log-list{flex-direction:column;gap:10px;display:flex}.admin-log-item{border:1px solid var(--admin-border);background:#fbfcff;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.admin-log-item strong{color:var(--admin-secondary);font-size:13px}.admin-log-item span,.admin-log-item em,.admin-log-item small{color:var(--admin-text-medium);font-size:12px}.admin-log-item em{font-style:normal}.admin-modal-overlay{z-index:30;background:#00000061;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal-card{background:var(--admin-white);border-radius:12px;width:min(430px,100vw - 32px);padding:26px;box-shadow:0 8px 32px #00000038}.admin-modal-card h2{color:var(--admin-secondary);margin:0 0 8px;font-size:18px}.admin-modal-card p{color:var(--admin-text-medium);margin:0 0 18px;font-size:14px}.admin-modal-card label{color:var(--admin-secondary);margin:12px 0 6px;font-size:13px;font-weight:800;display:block}.admin-modal-card input,.admin-modal-card select,.admin-modal-card textarea{border:1px solid var(--admin-border);background:var(--admin-white);width:100%;color:var(--admin-secondary);border-radius:8px;font-size:14px}.admin-modal-card input,.admin-modal-card select{height:42px;padding:0 12px}.admin-modal-card textarea{resize:vertical;min-height:86px;padding:10px 12px}.admin-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (width<=1100px){.admin-summary-grid,.admin-log-grid{grid-template-columns:1fr}.admin-table-card{overflow-x:auto}.admin-table{min-width:960px}}@media (width<=760px){.admin-header{flex-direction:column;align-items:stretch}.admin-tabs{width:100%}.admin-tabs button{flex:1}}.admin-summary-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-section-title h2{color:var(--admin-secondary);margin:0;font-size:16px}.admin-filters.split{grid-template-columns:1fr 220px;gap:12px;display:grid}.admin-filters select{border:1px solid var(--admin-border);background:var(--admin-white);height:42px;color:var(--admin-secondary);border-radius:8px;padding:0 14px;font-size:14px}@media (width<=760px){.admin-summary-grid.two,.admin-filters.split{grid-template-columns:1fr}}.admin-kpi-card{border-top:3px solid var(--admin-primary);background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);position:relative;overflow:hidden}.admin-kpi-card:after{content:"";background:#e91e8c14;border-radius:999px;width:96px;height:96px;position:absolute;top:-34px;right:-34px}.admin-kpi-card.navy{border-top-color:var(--admin-secondary)}.admin-kpi-card.navy:after{background:#1b2d5b14}.admin-kpi-card.pink{border-top-color:var(--admin-primary)}.admin-kpi-card strong,.admin-kpi-card span{z-index:1;position:relative}.admin-section-title{align-items:center;gap:10px;display:flex}.admin-section-title:before{content:"";background:var(--admin-primary);border-radius:999px;flex:none;width:4px;height:32px}.admin-section-title h2{color:var(--admin-primary);font-weight:800}.admin-filters.access-history-filters{grid-template-columns:1fr 210px 180px 160px;gap:12px;display:grid}@media (width<=1100px){.admin-filters.access-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-filters.access-history-filters{grid-template-columns:1fr}}.admin-kpi-card.soft-navy{background:linear-gradient(135deg,#fff 0%,#f3f6ff 58%,#eaf0ff 100%);border-top-color:#2f4a86}.admin-kpi-card.soft-navy:after{background:linear-gradient(135deg,#2f4a862e,#4ba8ff1a)}.admin-filters.admin-history-filters{grid-template-columns:1fr 210px 180px 160px;gap:12px;display:grid}@media (width<=1100px){.admin-filters.admin-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-filters.admin-history-filters{grid-template-columns:1fr}}
