.acceso-body{min-height:100vh;background:#0A0A12;color:#E2E4EE;font-size:17px;-webkit-tap-highlight-color:transparent}.acceso-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#12121C;border-bottom:1px solid #262638;position:sticky;top:0;z-index:10}.acceso-topbar-title{font-size:18px;font-weight:700}.acceso-topbar-sub{font-size:13px;color:#8A8CA0}.acceso-topbar-actions{display:flex;gap:10px}.acceso-btn-ghost{background:#181824;color:#E2E4EE;border:1px solid #262638;border-radius:10px;padding:10px 14px;font-size:14px;cursor:pointer}.acceso-login-main{min-height:100vh;display:flex;align-items:center;justify-content:center}.acceso-login-card{text-align:center;padding:24px;width:100%;max-width:420px}.acceso-logo{font-size:26px;font-weight:800;letter-spacing:.5px}.acceso-login-subtitle{color:#8A8CA0;margin:8px 0 20px}.acceso-main{padding:16px;max-width:1100px;margin:0 auto}.acceso-search{width:100%;padding:14px 16px;font-size:17px;border-radius:12px;background:#12121C;border:1px solid #262638;color:#E2E4EE;margin-bottom:14px}.acceso-section-title{font-size:14px;color:#8A8CA0;text-transform:uppercase;letter-spacing:1px;margin:18px 0 10px}.acceso-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.acceso-card{display:flex;align-items:center;gap:14px;padding:14px;background:#12121C;border:1px solid #262638;border-radius:14px;cursor:pointer;text-align:left;width:100%;color:inherit}.acceso-card:active{background:#181824}.acceso-card--alert{border-color:#E10915}.acceso-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#262638;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#8A8CA0}.acceso-card-name{font-weight:700;font-size:16px}.acceso-card-pos{font-size:13px;color:#8A8CA0}.acceso-card-status{margin-top:4px;font-size:13px;display:flex;flex-wrap:wrap;gap:6px}.acceso-badge{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.acceso-badge--pending{background:#2A2A1A;color:#E8C547}.acceso-badge--checked{background:#1A2438;color:#6EA8FE}.acceso-badge--ok{background:#16301F;color:#4ADE80}.acceso-badge--reject{background:#3A1114;color:#FF6B70}.acceso-badge--flag{background:#3A2A11;color:#FFB454}.acceso-form{display:flex;flex-direction:column;gap:16px;padding-bottom:40px}.acceso-form-header{display:flex;align-items:center;gap:16px;padding:6px 0 2px}.acceso-form-header .acceso-avatar{width:68px;height:68px}.acceso-banner-nocheck{background:#3A1114;border:1px solid #e10915;color:#FF6B70;padding:14px 16px;border-radius:12px;font-weight:700}.acceso-banner-edit{background:#2A2A1A;border:1px solid #e8c547;color:#E8C547;padding:12px 16px;border-radius:12px;font-size:14px}.acceso-field{background:#12121C;border:1px solid #262638;border-radius:14px;padding:14px 16px}.acceso-field-label{font-size:13px;color:#8A8CA0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.acceso-input{width:100%;padding:12px 14px;font-size:22px;border-radius:10px;background:#0A0A12;border:1px solid #262638;color:#E2E4EE}.acceso-input--text{font-size:16px}.acceso-delta{margin-top:8px;font-size:14px}.acceso-delta--ok{color:#4ADE80}.acceso-delta--bad{color:#FF6B70;font-weight:700}.acceso-toggle-row{display:flex;gap:10px}.acceso-toggle{flex:1;padding:14px;border-radius:10px;font-size:16px;font-weight:600;background:#0A0A12;border:1px solid #262638;color:#8A8CA0;cursor:pointer}.acceso-toggle--on-ok{background:#16301F;border-color:#4ADE80;color:#4ADE80}.acceso-toggle--on-bad{background:#3A1114;border-color:#FF6B70;color:#FF6B70}.acceso-direction-toggle{display:flex;gap:8px}.acceso-direction-toggle .acceso-toggle--active{background:#1A2438;border-color:#6EA8FE;color:#6EA8FE}.acceso-actions{display:flex;gap:12px;margin-top:6px}.acceso-btn-big{flex:1;padding:20px;border-radius:14px;font-size:19px;font-weight:800;border:none;cursor:pointer;letter-spacing:.5px}.acceso-btn-autorizar{background:#14532D;color:#BBF7D0}.acceso-btn-rechazar{background:#7F1D1D;color:#FECACA}.acceso-btn-big:disabled{opacity:.45}.acceso-table-wrap{overflow-x:auto}.acceso-table{width:100%;border-collapse:collapse;font-size:14px}.acceso-table td,.acceso-table th{padding:10px 12px;border-bottom:1px solid #262638;text-align:left;white-space:nowrap}.acceso-table th{color:#8A8CA0;font-weight:600;font-size:12px;text-transform:uppercase}.acceso-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.acceso-kpi{background:#12121C;border:1px solid #262638;border-radius:14px;padding:14px}.acceso-kpi-value{font-size:26px;font-weight:800}.acceso-kpi-label{font-size:12px;color:#8A8CA0;text-transform:uppercase}.acceso-error{color:#FF6B70;padding:12px 0}.acceso-loading{color:#8A8CA0;padding:24px 0;text-align:center}.acceso-body .pin-dots{display:flex;justify-content:center;gap:16px;margin-bottom:28px}.acceso-body .pin-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid #262638;background:transparent;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.acceso-body .pin-dot-filled{background:#E10915;border-color:#E10915;transform:scale(1.15);box-shadow:0 0 12px rgba(225,9,21,.14)}.acceso-body .pin-pad-shake{animation:accesoPinShake .4s cubic-bezier(.16,1,.3,1)}@keyframes accesoPinShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.acceso-body .pin-error{color:#FF6B70;font-size:14px;margin-bottom:16px;min-height:20px;letter-spacing:-.01em}.acceso-body .pin-loading{color:#8A8CA0;font-size:14px;margin-bottom:16px;min-height:20px}.acceso-body .pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.acceso-body .pin-key{height:76px;font-size:28px;font-weight:500;font-family:inherit;background:#12121C;border:1px solid #262638;border-radius:12px;color:#E2E4EE;cursor:pointer;touch-action:manipulation;transition:background .15s cubic-bezier(.16,1,.3,1),transform .1s}.acceso-body .pin-key:active:not(:disabled){background:#181824;transform:scale(.94)}.acceso-body .pin-key-empty{visibility:hidden;pointer-events:none}.acceso-body .pin-key:disabled{opacity:.4;cursor:not-allowed}.acceso-body .pin-key svg{width:22px;height:22px}.acceso-body .pin-key.acceso-pin-enter{background:#16301F;border-color:#4ADE80;color:#4ADE80;font-size:32px;font-weight:700}.acceso-body .pin-key.acceso-pin-enter:active:not(:disabled){background:#1B3A26}