@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary:#1e3a5f;--primary-light:#2a5080;--primary-hover:#163052;--secondary:#3b82a0;--secondary-light:#4a9bbd;--accent:#0ea5e9;--success:#16a34a;--success-light:#dcfce7;--success-dark:#15803d;--warning:#d97706;--warning-light:#fef3c7;--warning-dark:#b45309;--danger:#dc2626;--danger-light:#fee2e2;--danger-dark:#b91c1c;--bg-page:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-muted:#f8fafc;--border:#e2e8f0;--border-light:#f1f5f9;--border-focus:#3b82a0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--text-link:#3b82a0;--stat-all-accent:#64748b;--stat-all-text:#334155;--stat-pending-accent:#eab308;--stat-pending-text:#854d0e;--stat-approved-accent:#22c55e;--stat-approved-text:#166534;--stat-rejected-accent:#ef4444;--stat-rejected-text:#991b1b;--stat-archived-accent:#8b5cf6;--stat-archived-text:#5b21b6;--stat-archived-bg:#f5f3ff;--badge-pending-bg:#fef9c3;--badge-pending-text:#854d0e;--badge-approved-bg:#bbf7d0;--badge-approved-text:#166534;--badge-rejected-bg:#fecaca;--badge-rejected-text:#991b1b;--badge-archived-bg:#ede9fe;--badge-archived-text:#6d28d9;--sum-insured-bg:#f7fee7;--sum-insured-border:#d9f99d;--sum-insured-total-bg:#ecfccb;--gradient-header-dark:linear-gradient(135deg,#0f172a,#1e293b);--gradient-button:linear-gradient(135deg,#1e3a5f,#3b82a0);--gradient-button-hover:linear-gradient(135deg,#163052,#2a5080);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow-lg:0 4px 6px -1px #0f172a0f,0 2px 4px -2px #0f172a0a;--shadow-xl:0 10px 15px -3px #0f172a14,0 4px 6px -4px #0f172a0a;--shadow-card:0 1px 3px #0f172a0d,0 1px 2px #0f172a08;--shadow-card-hover:0 4px 12px #0f172a14,0 2px 4px #0f172a0a;--shadow-navbar:0 1px 3px #0f172a0f;--shadow-focus:0 0 0 3px #3b82a033;--hr-primary:#059669;--hr-primary-light:#10b981;--hr-primary-hover:#047857;--hr-secondary:#0d9488;--active-primary:var(--primary);--badge-draft-bg:#f1f5f9;--badge-draft-text:#475569;--badge-verified-bg:#d1fae5;--badge-verified-text:#065f46;--badge-changes-bg:#fef3c7;--badge-changes-text:#92400e;--badge-inactive-bg:#f1f5f9;--badge-inactive-text:#64748b;--transition-fast:150ms ease;--transition-base:200ms ease;--max-width-form:900px;--max-width-dashboard:1200px;--max-width-login:420px;--navbar-height:56px;--sidebar-width:380px}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;background-color:var(--bg-page);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-base);line-height:1.6;padding:0}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);margin:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}p{margin:0}a{color:#3b82a0;color:var(--text-link);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1e3a5f;color:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes subtlePulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.5rem 1.25rem;padding:var(--space-2) var(--space-5);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn:hover{box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(135deg,#1e3a5f,#3b82a0);background:var(--gradient-button);color:var(--text-inverse)}.btn-primary:hover{background:linear-gradient(135deg,#163052,#2a5080);background:var(--gradient-button-hover)}.btn-cancel{background:#f8fafc;background:var(--bg-muted);border:1px solid #e2e8f0;border:1px solid var(--border);color:#475569;color:var(--text-secondary)}.btn-cancel:hover{background:#e2e8f0;background:var(--border)}.btn-approve{background:#16a34a;background:var(--success);color:#fff;color:var(--text-inverse)}.btn-approve:hover{background:#15803d;background:var(--success-dark)}.btn-reject{background:#d97706;background:var(--warning);color:#fff;color:var(--text-inverse)}.btn-reject:hover{background:#b45309;background:var(--warning-dark)}.btn-delete{background:#dc2626;background:var(--danger);color:#fff;color:var(--text-inverse)}.btn-delete:hover{background:#b91c1c;background:var(--danger-dark)}.btn-danger{background:#dc2626;background:var(--danger);color:var(--text-inverse)}.btn-danger:hover{background:#b91c1c;background:var(--danger-dark)}.btn-outline-danger{background:#0000;border:1.5px solid #dc2626;border:1.5px solid var(--danger);color:#dc2626;color:var(--danger)}.btn-outline-danger:hover{background:#fee2e2;background:var(--danger-light);color:#b91c1c;color:var(--danger-dark)}.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.alert{align-items:center;animation:fadeInUp .4s ease-out both;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.alert-success{background:#dcfce7;background:var(--success-light);border:1px solid #16a34a33;color:#15803d;color:var(--success-dark)}.alert-error{background:#fee2e2;background:var(--danger-light);border:1px solid #dc262633;color:#b91c1c;color:var(--danger-dark)}.alert-warning{background:#fef3c7;background:var(--warning-light);border:1px solid #d9770633;color:#b45309;color:var(--warning-dark)}.status-badge{align-items:center;animation:badgePop .3s ease both;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.6875rem;font-weight:600;letter-spacing:.02em;padding:2px 10px;text-transform:uppercase;white-space:nowrap}.status-badge.large{font-size:.75rem;font-size:var(--text-xs);padding:.25rem 1rem;padding:var(--space-1) var(--space-4)}.status-badge.pending{background:#fef9c3;background:var(--badge-pending-bg);color:#854d0e;color:var(--badge-pending-text)}.status-badge.approved{background:#bbf7d0;background:var(--badge-approved-bg);color:#166534;color:var(--badge-approved-text)}.status-badge.rejected{background:#fecaca;background:var(--badge-rejected-bg);color:#991b1b;color:var(--badge-rejected-text)}[data-module=hr]{--active-primary:var(--hr-primary);--gradient-button:linear-gradient(135deg,#059669,#0d9488);--gradient-button-hover:linear-gradient(135deg,#047857,#0f766e);--border-focus:#0d9488;--shadow-focus:0 0 0 3px #05966933}[data-module=hr] .nav-links a.active,[data-module=hr] .navbar-brand{color:#059669;color:var(--hr-primary)}[data-module=hr] .nav-links a.active{background:#0596690f}[data-module=hr] .nav-links a.active:after{background:#059669;background:var(--hr-primary)}[data-module=hr] .nav-links a:hover{color:#059669;color:var(--hr-primary)}.status-badge.draft{background:#f1f5f9;background:var(--badge-draft-bg);color:#475569;color:var(--badge-draft-text)}.status-badge.verified{background:#d1fae5;background:var(--badge-verified-bg);color:#065f46;color:var(--badge-verified-text)}.status-badge.changes-requested{background:#fef3c7;background:var(--badge-changes-bg);color:#92400e;color:var(--badge-changes-text)}.status-badge.active-status{background:#d1fae5;color:#065f46}.status-badge.inactive-status{background:#f1f5f9;background:var(--badge-inactive-bg);color:#64748b;color:var(--badge-inactive-text)}.empty,.loading{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-size:var(--text-sm);padding:2.5rem;padding:var(--space-10);text-align:center}.toast-stack{display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);pointer-events:none;position:fixed;right:16px;top:72px;z-index:10000}.toast{align-items:center;animation:toast-in .18s cubic-bezier(.22,.61,.36,1);background:#fff;border:1px solid #e2e8f0;border-left-width:3px;border-radius:8px;box-shadow:0 8px 24px #0f172a26;color:#0f172a;display:inline-flex;font:500 13px Inter,sans-serif;gap:10px;max-width:420px;min-width:260px;padding:10px 14px;pointer-events:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left-color:#059669}.toast-success .toast-icon{color:#059669}.toast-warning{border-left-color:#d97706}.toast-warning .toast-icon{color:#d97706}.toast-error{border-left-color:#b91c1c}.toast-error .toast-icon{color:#b91c1c}.toast-info{border-left-color:#1e3a5f}.toast-info .toast-icon{color:#1e3a5f}.toast-text{flex:1 1}.toast-close{align-items:center;background:#0000;border:0;border-radius:4px;color:#94a3b8;cursor:pointer;display:inline-flex;padding:2px}.toast-close:hover{background:#f1f5f9;color:#0f172a}.login-page{align-items:center;background:#f0f2f5;display:flex;justify-content:center;min-height:calc(100vh - var(--navbar-height));padding:var(--space-6)}.login-card{animation:fadeInUp .5s ease-out both;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:var(--max-width-login);padding:40px;width:100%}.login-icon{align-items:center;animation:iconPop .6s ease .2s both;background:var(--gradient-button);border-radius:50%;color:var(--text-inverse);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-5);width:64px}.login-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1);text-align:center}.login-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8);text-align:center}.login-error{align-items:center;animation:fadeInUp .4s ease-out both;background:var(--danger-light);border:1px solid #dc262633;border-radius:var(--radius-md);color:var(--danger-dark);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.login-error,.login-field{margin-bottom:var(--space-5)}.login-field label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.login-field input{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all .2s ease;width:100%}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.login-btn{align-items:center;background:var(--gradient-button);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .15s ease;width:100%}.login-btn:hover{background:var(--gradient-button-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-btn:active{transform:scale(.97)}.login-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.login-btn .spinner{animation:spin 1s linear infinite}.forgot-password-link{margin-top:var(--space-4);text-align:center}.forgot-password-link a{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;transition:color .2s ease}.forgot-password-link a:hover{color:var(--secondary)}.fp-success{animation:fadeInUp .5s ease-out both;text-align:center}.fp-success-icon{align-items:center;animation:iconPop .6s ease .2s both;background:var(--success);border-radius:50%;color:var(--text-inverse);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-5);width:64px}.fp-success-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-6)}.fp-back-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--text-sm);gap:var(--space-1);text-decoration:none;transition:color .2s ease}.fp-back-link:hover{color:var(--secondary)}.rp-success{animation:fadeInUp .5s ease-out both;text-align:center}.rp-success-icon{align-items:center;animation:iconPop .6s ease .2s both;background:var(--success);border-radius:50%;color:var(--text-inverse);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-5);width:64px}.rp-success-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-6)}.modal-overlay{align-items:center;animation:fadeInUp .2s ease both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--space-8);text-align:center;width:90%}.modal-icon{align-items:center;background:var(--danger-light);border-radius:50%;color:var(--danger);display:flex;height:48px;justify-content:center;margin:0 auto var(--space-4);width:48px}.modal-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.modal-card p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.modal-actions{display:flex;gap:var(--space-3);justify-content:center}.modal-actions .btn{min-width:100px}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.manage-admins-container{margin:0 auto;max-width:var(--max-width-dashboard);padding:var(--space-6)}.manage-header{align-items:center;animation:fadeInUp .4s ease-out both;background:var(--gradient-header-dark);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-8)}.manage-header h1{color:var(--text-inverse);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.manage-header .header-subtitle{color:var(--text-muted);font-size:var(--text-sm)}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn-toggle-inactive{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.btn-toggle-inactive:hover{background:#ffffff2e;color:var(--text-inverse)}.btn-toggle-inactive.active{background:#fff3;border-color:#ffffff59;color:var(--text-inverse)}.btn-create{align-items:center;background:var(--success);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:all var(--transition-fast)}.btn-create:hover{background:var(--success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-create:active{transform:scale(.97)}.create-form-wrapper{animation:slideDown .3s ease-out both;overflow:hidden}.create-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-5);padding:var(--space-6)}.create-form-card h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-5)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--space-5)}.form-field label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.form-field input{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all .2s ease;width:100%}.form-field input::placeholder{color:var(--text-muted)}.form-field input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-actions-row{display:flex;gap:var(--space-3)}.admins-table-card{animation:fadeInUp .4s ease-out both;animation-delay:.16s;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.admins-table{border-collapse:collapse;width:100%}.admins-table thead th{background:var(--bg-muted);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;padding:var(--space-3) var(--space-5);text-align:left;text-transform:uppercase}.admins-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-4) var(--space-5);vertical-align:middle}.admins-table tbody tr{transition:background .2s ease,opacity .2s ease}.admins-table tbody tr:hover{background:var(--bg-muted)}.admins-table tbody tr:last-child td{border-bottom:none}.admins-table tbody tr.inactive-row{opacity:.5}.admins-table tbody tr.inactive-row:hover{opacity:.7}.name-cell{align-items:center;display:flex;font-weight:600;gap:var(--space-2)}.you-badge{animation:badgePulse .5s ease both;background:#3b82a01f;color:var(--secondary)}.inactive-badge,.you-badge{border-radius:var(--radius-full);font-size:.625rem;font-weight:700;letter-spacing:.03em;padding:1px 8px}.inactive-badge{background:#dc35451a;color:var(--danger);text-transform:uppercase}.no-action{color:var(--text-muted);font-size:var(--text-xs)}.action-buttons{align-items:center;display:flex;gap:var(--space-2)}.btn-resend-sm{align-items:center;background:#0000;border:1.5px solid var(--secondary);border-radius:var(--radius-sm);color:var(--secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.btn-resend-sm:hover{background:#3b82a014}.btn-resend-sm:disabled{cursor:not-allowed;opacity:.6}.btn-deactivate-sm{align-items:center;background:#0000;border:1.5px solid #e67e00;border:1.5px solid var(--warning-dark,#e67e00);border-radius:var(--radius-sm);color:#e67e00;color:var(--warning-dark,#e67e00);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.btn-deactivate-sm:hover{background:#e67e0014;color:#cc6e00;color:var(--warning-dark,#cc6e00)}.btn-reactivate-sm{align-items:center;background:#0000;border:1.5px solid var(--success);border-radius:var(--radius-sm);color:var(--success);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.btn-reactivate-sm:hover{background:#28a74514;color:var(--success-dark)}@media (max-width:768px){.form-row{grid-template-columns:1fr}.manage-header{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.header-actions{align-items:stretch;flex-direction:column;width:100%}.admins-table thead{display:none}.admins-table tbody td{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-5)}.admins-table tbody td:before{color:var(--text-muted);content:attr(data-label);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.admins-table tbody tr{border-bottom:1px solid var(--border);display:block;margin-bottom:var(--space-2)}}.form-field-checkbox{margin-top:var(--space-1)}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2)}.checkbox-label input[type=checkbox]{accent-color:var(--secondary);cursor:pointer;height:16px;width:16px}.checkbox-help{color:var(--text-muted);font-size:var(--text-xs);margin:var(--space-1) 0 0 24px}.permission-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px}.btn-permissions-sm{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:4px;padding:4px 10px;transition:background .15s}.btn-permissions-sm:hover{background:var(--bg-secondary)}.super-admin-badge{background:color-mix(in srgb,var(--primary) 10%,#0000);border-radius:var(--radius-sm);color:var(--primary);font-size:var(--text-xs);font-weight:600;padding:2px 8px}.permissions-panel-row td{background:var(--bg-secondary);padding:0!important}.permissions-panel{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4)}.permissions-panel-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.permission-toggle{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.permission-toggle input[type=checkbox]{accent-color:var(--secondary);cursor:pointer;height:16px;width:16px}.role-row{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.role-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.role-select{background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font:500 13px Inter,sans-serif;min-width:180px;padding:7px 10px}.role-select:focus{border-color:#1e3a5f;border-color:var(--primary,#1e3a5f);outline:none}.advanced-toggle{background:#0000;border:0;color:#1e3a5f;color:var(--primary,#1e3a5f);cursor:pointer;font:600 12px Inter,sans-serif;padding:4px 6px}.advanced-toggle:hover{text-decoration:underline}.permissions-advanced{border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3)}.permissions-group-title{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:var(--space-1);text-transform:uppercase}.capability-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px 14px}.capability-preview-title{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.capability-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0 0 6px;padding:0}.capability-list:last-child{margin-bottom:0}.capability-list li{align-items:flex-start;color:#0f172a;display:flex;font-size:12.5px;gap:8px;line-height:1.45}.capability-list.cannot li{color:#64748b}.capability-mark{flex-shrink:0;font-family:SF Mono,monospace;font-size:13px;font-weight:700;line-height:1.25}.capability-mark.ok{color:#059669}.capability-mark.no{color:#94a3b8}.role-badge-wrap{gap:6px;position:relative}.role-badge,.role-badge-wrap{align-items:center;display:inline-flex}.role-badge{background:#eef2ff;border:1px solid #0000;border-radius:12px;color:#4338ca;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:600;letter-spacing:.01em;padding:3px 10px;transition:border-color .12s,box-shadow .12s;white-space:nowrap}.role-badge:hover{box-shadow:0 0 0 3px #1e3a5f1f}.role-badge:focus-visible{border-color:#1e3a5f;box-shadow:0 0 0 2px #1e3a5f4d;outline:none}.role-badge.role-hr-analyst{background:#f0f9ff;color:#0369a1}.role-badge.role-hr-manager{background:#ecfdf5;color:#047857}.role-badge.role-payroll-admin{background:#fef3c7;color:#92400e}.role-badge.role-it-admin{background:#f1f5f9;color:#334155}.role-badge.role-custom{background:#fef2f2;color:#991b1b}.role-badge-info{align-items:center;background:#0000;border:0;border-radius:4px;color:#94a3b8;cursor:pointer;display:inline-flex;padding:2px}.role-badge-info:hover{background:#f1f5f9;color:#1e3a5f}.role-popover{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 32px #0f172a2e;color:#0f172a;max-width:360px;min-width:300px;padding:12px 14px;position:fixed;z-index:9999}.role-popover-title{color:#0f172a;font:600 13px Inter,sans-serif;margin-bottom:8px}.role-popover-empty{color:#64748b;font-size:12px}.pwd-modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pwd-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 40px #0f172a33;font-family:Inter,sans-serif;max-width:calc(100vw - 40px);padding:20px 22px;width:440px}.pwd-modal h3{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 6px}.pwd-modal-note{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 12px}.pwd-modal-label{color:#475569;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px}.pwd-modal-label input{border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font:400 13px Inter,sans-serif;padding:8px 10px}.pwd-modal-label input:focus{border-color:#1e3a5f;outline:none}.pwd-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:12px;margin-top:10px;padding:8px 10px}.pwd-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.pwd-modal-actions .btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font:600 13px Inter,sans-serif;padding:8px 14px}.pwd-modal-actions .btn-primary{background:#1e3a5f;border:1px solid #1e3a5f;border-radius:8px;color:#fff;cursor:pointer;font:600 13px Inter,sans-serif;padding:8px 14px}.pwd-modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.55}.admins-table-v2 .col-actions{text-align:right;width:48px}.identity-cell{align-items:center;display:flex;gap:12px;min-width:0}.identity-avatar{align-items:center;background:#1e3a5f;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font:700 12px Inter,sans-serif;height:34px;justify-content:center;letter-spacing:.02em;width:34px}.identity-main{flex:1 1;min-width:0}.identity-line1{align-items:center;color:#0f172a;display:flex;font:600 14px Inter,sans-serif;gap:6px;line-height:1.2}.identity-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-line2{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font:400 12.5px Inter,sans-serif;gap:6px;margin-top:3px}.identity-email{color:#475569}.identity-sep{color:#cbd5e1}.identity-meta{color:#64748b}.identity-inactive{color:#b91c1c;font-weight:500}.you-badge{background:#eef2ff;border-radius:999px;color:#4338ca;font:600 10px Inter,sans-serif;letter-spacing:.06em;padding:1px 7px;text-transform:uppercase}.role-cell,.you-badge{align-items:center;display:inline-flex}.role-cell{gap:6px}.role-edit-chevron{background:#0000;border:1px solid #0000;border-radius:4px;color:#94a3b8;cursor:pointer;font:600 12px Inter,sans-serif;padding:0 6px;transition:background .12s,color .12s,border-color .12s}.role-edit-chevron:hover{background:#f1f5f9;border-color:#e2e8f0;color:#1e3a5f}.admins-table-v2 .inactive-divider-row td{background:#0000;padding:20px 0 8px}.inactive-divider{border-top:1px dashed #e2e8f0;color:#94a3b8;font:600 11px Inter,sans-serif;letter-spacing:.08em;padding:10px 16px 4px;text-transform:uppercase}.admins-table-v2 .inactive-row .identity-avatar{filter:grayscale(1);opacity:.7}.admins-table-v2 .inactive-row .identity-email,.admins-table-v2 .inactive-row .identity-name{opacity:.75}.kebab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:background .12s,color .12s,border-color .12s;width:30px}.kebab-btn:hover{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.kebab-btn:focus-visible{border-color:#1e3a5f;box-shadow:0 0 0 2px #1e3a5f40;outline:none}.kebab-item:focus-visible{background:#eef2ff;outline:none}.kebab-menu-pop{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 32px #0f172a2e;display:flex;flex-direction:column;min-width:220px;padding:4px;position:fixed;z-index:9999}.kebab-item{align-items:center;background:#0000;border:0;border-radius:6px;color:#0f172a;cursor:pointer;display:inline-flex;font:500 13px Inter,sans-serif;gap:8px;padding:8px 10px;text-align:left}.kebab-item:hover{background:#f8fafc}.kebab-item:disabled{cursor:not-allowed;opacity:.55}.kebab-item.danger{color:#b91c1c}.kebab-item.danger:hover{background:#fef2f2}.kebab-divider{background:#f1f5f9;height:1px;margin:4px 0}.form-role-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:10px 12px}.form-role-preview-title{color:#64748b;font:600 11px Inter,sans-serif;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.pending-badge{background:#fef3c7;border:1px solid #fde68a;border-radius:999px;color:#92400e;font:600 10px Inter,sans-serif;letter-spacing:.06em;padding:1px 8px;text-transform:uppercase}.col-actions-wrap,.pending-badge{align-items:center;display:inline-flex}.col-actions-wrap{gap:6px;justify-content:flex-end;width:100%}.inline-resend-btn{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;cursor:pointer;display:inline-flex;font:600 12px Inter,sans-serif;gap:6px;padding:5px 10px;transition:background .12s,border-color .12s;white-space:nowrap}.inline-resend-btn:hover{background:#fde68a;border-color:#fcd34d}.inline-resend-btn:disabled{cursor:not-allowed;opacity:.55}.admins-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.admin-stat-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:14px 16px;text-align:left;transition:border-color .12s,box-shadow .12s}.admin-stat-tile:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0f172a0f}.admin-stat-tile.active{border-color:#1e3a5f;box-shadow:inset 0 0 0 1px #1e3a5f}.admin-stat-tile:focus-visible{border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f26;outline:none}.admin-stat-value{font-feature-settings:"tnum";font:700 24px Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.admin-stat-label{color:#64748b;font:600 11px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase}.admins-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.admins-search-wrap{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:inline-flex;flex:1 1;gap:8px;max-width:360px;padding:8px 12px;position:relative}.admins-search-wrap:focus-within{border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.admins-search-input{background:#0000;border:0;color:#0f172a;flex:1 1;font:400 13px Inter,sans-serif;outline:none}.admins-search-input::-webkit-search-cancel-button{display:none}.admins-search-clear{background:#0000;border:0;color:#94a3b8;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.admins-search-clear:hover{color:#0f172a}.admins-empty-row td{padding:0}.admins-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;font:500 13px Inter,sans-serif;gap:6px;padding:40px 20px;text-align:center}.admins-empty .btn-link{background:#0000;border:0;color:#1e3a5f;cursor:pointer;font:600 12.5px Inter,sans-serif;padding:0}.admins-empty .btn-link:hover{text-decoration:underline}.create-drawer-backdrop{animation:drawer-backdrop-fade .18s ease;background:#0f172a73;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:100}@keyframes drawer-backdrop-fade{0%{opacity:0}to{opacity:1}}.create-drawer{animation:drawer-slide-in .22s cubic-bezier(.22,.61,.36,1);background:#fff;border-left:1px solid #e2e8f0;box-shadow:-8px 0 24px #0f172a1f;display:flex;flex-direction:column;height:100vh;max-width:100vw;width:480px}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.create-drawer-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.create-drawer-header h2{color:#0f172a;font:700 16px Inter,sans-serif;margin:0}.create-drawer-close{align-items:center;background:#0000;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:22px;height:28px;justify-content:center;line-height:1;width:28px}.create-drawer-close:hover{background:#f1f5f9;color:#0f172a}.create-drawer-form{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px}.create-drawer-form .form-field{margin:0}.create-drawer-form .form-field select{background:#fff;border:1.5px solid var(--border);border-radius:8px;color:#0f172a;font:400 13.5px Inter,sans-serif;outline:none;padding:10px 12px;width:100%}.create-drawer-form .form-field select:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.create-drawer-footer{background:#fff;border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:10px;justify-content:flex-end;margin:0 -24px -20px;padding:14px 24px;position:-webkit-sticky;position:sticky}@media (max-width:640px){.create-drawer{width:100vw}}.admins-role-filter{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font:500 13px Inter,sans-serif;min-width:140px;padding:8px 12px}.admins-role-filter:focus-visible{border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.admins-filter-clear{background:#0000;border:0;border-radius:6px;color:#1e3a5f;cursor:pointer;font:600 12.5px Inter,sans-serif;padding:6px 10px}.admins-filter-clear:hover{background:#f1f5f9}.admin-skeleton-row td{border-bottom:1px solid #f1f5f9}.skeleton{animation:skeleton-shimmer 1.4s linear infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-avatar{border-radius:50%;flex-shrink:0;height:34px;width:34px}.skeleton-line{height:12px;margin-top:4px}.skeleton-line-sm{width:140px}.skeleton-line-md{width:220px}.skeleton-pill{border-radius:12px;height:22px;width:100px}.skeleton-kebab{border-radius:6px;height:30px;margin-left:auto;width:30px}.self-row-hint{align-items:center;border:1px dashed #e2e8f0;border-radius:6px;color:#94a3b8;cursor:help;display:inline-flex;font:500 11px Inter,sans-serif;gap:4px;padding:4px 8px}.self-row-hint:hover{background:#f8fafc;color:#64748b}.perm-drawer-backdrop{animation:drawer-backdrop-fade .18s ease;background:#0f172a73;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:100}.perm-drawer{animation:drawer-slide-in .22s cubic-bezier(.22,.61,.36,1);background:#fff;border-left:1px solid #e2e8f0;box-shadow:-8px 0 24px #0f172a1f;display:flex;flex-direction:column;height:100vh;max-width:100vw;width:520px}.perm-drawer-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.perm-drawer-crumb{color:#64748b;font:500 11px Inter,sans-serif;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.perm-drawer-header h2{color:#0f172a;font:700 16px Inter,sans-serif;margin:0}.perm-drawer-close{background:#0000;border:0;border-radius:6px;color:#64748b;cursor:pointer;font-size:22px;height:28px;line-height:1;width:28px}.perm-drawer-close:hover{background:#f1f5f9;color:#0f172a}.perm-drawer-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px}@media (max-width:640px){.perm-drawer{width:100vw}}.activity-log-container{margin:0 auto;max-width:var(--max-width-dashboard);padding:var(--space-6)}.activity-header{align-items:center;animation:fadeInUp .4s ease-out both;background:var(--gradient-header-dark);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-8)}.activity-header h1{color:var(--text-inverse);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.activity-header .header-subtitle{color:var(--text-muted);font-size:var(--text-sm)}.stat-pill{background:#ffffff1f;border-radius:var(--radius-full);color:#fffc;display:inline-flex;font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-4)}.filter-bar{animation:fadeInUp .4s ease-out both;animation-delay:80ms;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5)}.filter-bar,.filter-icon{align-items:center;display:flex}.filter-icon{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;gap:var(--space-2)}.filter-date,.filter-select{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:var(--space-2) var(--space-3);transition:border-color .2s ease}.filter-date:focus,.filter-select:focus{border-color:var(--border-focus)}.filter-date{min-width:130px}.btn-clear-filters{align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.btn-clear-filters:hover{border-color:var(--danger);color:var(--danger)}.timeline-wrapper{animation:fadeInUp .4s ease-out both;animation-delay:.16s}.timeline{padding-left:32px;position:relative}.timeline:before{background:var(--border);border-radius:1px;bottom:0;content:"";left:11px;position:absolute;top:0;width:2px}.timeline-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-4) var(--space-5);position:relative;transition:all .2s ease}.timeline-item:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.timeline-item.critical{border-left:3px solid var(--danger)}.timeline-icon{align-items:center;border-radius:50%;color:var(--text-inverse);display:flex;height:24px;justify-content:center;left:-32px;position:absolute;top:var(--space-4);width:24px;z-index:1}.timeline-icon.success{background:var(--success)}.timeline-icon.danger{background:var(--danger)}.timeline-icon.warning{background:#f0ad4e;background:var(--warning,#f0ad4e)}.timeline-icon.info{background:var(--secondary)}.timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.action-badge{border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;padding:2px 10px;text-transform:uppercase}.action-badge.success{background:#28a7451a;color:#1e7e34;color:var(--success-dark,#1e7e34)}.action-badge.danger{background:#dc35451a;color:#bd2130;color:var(--danger-dark,#bd2130)}.action-badge.warning{background:#ffc1071f;color:#e67e00;color:var(--warning-dark,#e67e00)}.action-badge.info{background:#3b82a01a;color:var(--secondary)}.critical-badge{background:#dc354514;border:1px solid #dc354533;border-radius:var(--radius-full);color:var(--danger);font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:1px 8px;text-transform:uppercase}.timeline-details{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-2)}.timeline-changes{margin:var(--space-2) 0 var(--space-3)}.timeline-changes-toggle{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:6px;padding:4px 10px;transition:background .12s ease,border-color .12s ease,color .12s ease}.timeline-changes-toggle:hover{border-color:#cbd5e1;border-color:var(--border-strong,#cbd5e1);color:var(--text-primary)}.timeline-changes-table,.timeline-changes-toggle:hover{background:#f8fafc;background:var(--surface-muted,#f8fafc)}.timeline-changes-table{border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-collapse:collapse;border-radius:6px;border-radius:var(--radius-md,6px);font-size:var(--text-xs);margin-top:var(--space-2);overflow:hidden;width:100%}.timeline-changes-table thead th{background:#1e3a5f0a;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.04em;padding:6px 10px;text-align:left;text-transform:uppercase}.timeline-changes-table tbody td{border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--border-light,#eef2f7);padding:6px 10px;vertical-align:top;word-break:break-word}.timeline-changes-table tbody tr:last-child td{border-bottom:none}.timeline-changes-table .change-field{color:var(--text-primary);font-weight:600;white-space:nowrap;width:28%}.timeline-changes-table .change-before{background:#fee2e259;color:#b91c1c;width:36%}.timeline-changes-table .change-after{background:#dcfce759;color:#15803d;width:36%}.timeline-changes-table em{color:var(--text-muted);font-size:11px;font-style:italic}.timeline-meta{align-items:center;gap:var(--space-4)}.timeline-admin{font-weight:600}.timeline-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty-state{color:var(--text-muted);padding:var(--space-12) var(--space-6);text-align:center}.empty-state svg{margin-bottom:var(--space-4);opacity:.4}.empty-state p{font-size:var(--text-sm)}.pagination-bar{align-items:center;animation:fadeInUp .4s ease-out both;animation-delay:.24s;display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6)}.btn-page{align-items:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-1);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.btn-page:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-page:disabled{cursor:not-allowed;opacity:.4}.page-info{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}@media (max-width:768px){.activity-header{align-items:flex-start;flex-direction:column;padding:var(--space-5)}.filter-bar{align-items:stretch;flex-direction:column}.filter-date,.filter-select{width:100%}.timeline{padding-left:28px}.timeline:before{left:9px}.timeline-icon{height:20px;left:-28px;width:20px}.timeline-icon svg{height:10px;width:10px}.category-pills{gap:6px}.category-pill{font-size:12px;padding:5px 12px}}.category-pills{animation:fadeInUp .4s ease-out both;animation-delay:60ms;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.category-pill{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;padding:6px 14px;transition:all var(--transition-fast)}.category-pill:hover{border-color:#cbd5e1;color:var(--text-primary)}.category-pill.active{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.category-pill:focus-visible{outline:2px solid #1e3a5f;outline-offset:2px}.action-filter-wrapper{display:inline-block;position:relative}.action-trigger{align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-2);justify-content:space-between;min-width:200px;text-align:left}.action-trigger.open{border-color:#1e3a5f;border-color:var(--border-focus,#1e3a5f)}.action-trigger-label{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-trigger svg{color:var(--text-muted);flex-shrink:0;transition:transform .16s ease}.action-trigger.open svg{transform:rotate(180deg)}.action-picker{animation:action-picker-in .16s ease;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0f172a2e;display:flex;flex-direction:column;font-family:var(--font-sans);max-height:440px;overflow:hidden;position:fixed;width:320px;z-index:9999}@keyframes action-picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-picker-search-wrap{align-items:center;border-bottom:1px solid var(--border);display:flex;position:relative}.action-picker-search-icon{color:var(--text-muted);left:14px;pointer-events:none;position:absolute}.action-picker-search{background:#0000;border:0;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;outline:none;padding:12px 14px 12px 36px;width:100%}.action-picker-search::placeholder{color:var(--text-muted);font-weight:400}.action-picker-list{flex:1 1;overflow-y:auto;padding:6px 0}.action-picker-section+.action-picker-section{border-top:1px solid #eef2f7;border-top:1px solid var(--border-light,#eef2f7);margin-top:4px;padding-top:4px}.action-picker-section-title{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;padding:8px 16px 4px;text-transform:uppercase}.action-picker-item{align-items:center;background:#0000;border:0;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:10px;padding:8px 16px;text-align:left;transition:background .12s ease;width:100%}.action-picker-item:hover{background:#f1f5f9;background:var(--surface-muted,#f1f5f9)}.action-picker-item.active{background:#1e3a5f14;color:#1e3a5f;font-weight:600}.action-picker-item .action-picker-item-icon{color:var(--text-muted);flex-shrink:0}.action-picker-item.active .action-picker-item-icon{color:#1e3a5f}.action-picker-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-picker-item .check{color:#1e3a5f;flex-shrink:0}.action-picker-item.all-row{border-bottom:1px solid #eef2f7;border-bottom:1px solid var(--border-light,#eef2f7);font-weight:600;margin-bottom:4px;padding:10px 16px}.action-picker-empty{color:var(--text-muted);font-size:var(--text-sm);padding:24px 16px;text-align:center}@keyframes cakeWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes badgePop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes countPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes confettiDrop{0%{opacity:1;transform:translateY(-20px) rotate(0deg)}to{opacity:0;transform:translateY(60px) rotate(30deg)}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.birthdays-container{margin:0 auto;max-width:var(--max-width-dashboard);padding:var(--space-6)}.birthday-banner{align-items:center;animation:fadeInUp .4s ease-out both;background:var(--gradient-button);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-8);position:relative}.birthday-banner:before{background:#ffffff0f;border-radius:50%;content:"";height:120px;position:absolute;right:-30px;top:-30px;width:120px}.birthday-banner-left{align-items:center;display:flex;gap:var(--space-5);z-index:1}.birthday-banner-icon{align-items:center;animation:cakeWiggle 2s ease-in-out infinite;background:#ffffff26;border-radius:var(--radius-lg);color:#fff;display:flex;height:52px;justify-content:center;width:52px}.birthday-banner h1{color:var(--text-inverse);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.birthday-banner p{color:#ffffffb3;font-size:var(--text-sm)}.birthday-search{position:relative;z-index:1}.birthday-search input{background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:var(--radius-full);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);height:40px;outline:none;padding:10px 16px 10px 36px;transition:all var(--transition-base);width:240px}.birthday-search input::placeholder{color:#ffffff80}.birthday-search input:focus{background:#ffffff2e;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.birthday-search svg{color:#ffffff80;height:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:15px}.birthday-stats{animation:fadeInUp .4s ease-out both;animation-delay:.1s;flex-wrap:wrap;margin-bottom:var(--space-6)}.birthday-stat,.birthday-stats{display:flex;gap:var(--space-4)}.birthday-stat{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex:1 1;min-width:140px;padding:var(--space-4) var(--space-5);transition:box-shadow var(--transition-base)}.birthday-stat:hover{box-shadow:var(--shadow-card-hover)}.birthday-stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.birthday-stat.stat-today .birthday-stat-icon{background:var(--warning-light);color:var(--warning)}.birthday-stat.stat-tomorrow .birthday-stat-icon{background:#dbeafe;color:#2563eb}.birthday-stat.stat-upcoming .birthday-stat-icon{background:var(--success-light);color:var(--success)}.birthday-stat-num{animation:countPop .4s ease-out both;color:var(--text-primary);font-size:var(--text-2xl);font-weight:700}.birthday-stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.birthday-section{margin-bottom:var(--space-8)}.birthday-section-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.birthday-section-header:after{background:var(--border);content:"";flex:1 1;height:1px}.birthday-section-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.birthday-section-label{font-size:var(--text-base);font-weight:600;white-space:nowrap}.birthday-section-count{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;padding:2px 8px;white-space:nowrap}.section-today .birthday-section-icon{background:var(--warning-light);color:var(--warning)}.section-today .birthday-section-label{color:#92400e}.section-today .birthday-section-count{background:var(--warning-light);color:#92400e}.section-tomorrow .birthday-section-icon{background:#dbeafe;color:#2563eb}.section-tomorrow .birthday-section-label{color:#1e40af}.section-tomorrow .birthday-section-count{background:#dbeafe;color:#1e40af}.section-upcoming .birthday-section-icon{background:var(--success-light);color:var(--success)}.section-upcoming .birthday-section-label{color:#166534}.section-upcoming .birthday-section-count{background:var(--success-light);color:#166534}.birthday-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.birthday-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-5);position:relative;transition:box-shadow var(--transition-base)}.birthday-card:hover{box-shadow:var(--shadow-card-hover)}.birthday-card.today-card{background:linear-gradient(135deg,#fffbeb,#fefce8);border-color:#f59e0b}.birthday-card.today-card:before{background:linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6,#22c55e,#3b82f6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.birthday-card.tomorrow-card{border-color:#93c5fd}.birthday-avatar{align-items:center;background:linear-gradient(135deg,#1e3a5f,#3b82a0);border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.birthday-avatar span{color:#fff;font-size:var(--text-base);font-weight:700;letter-spacing:.02em}.birthday-card.today-card .birthday-avatar{box-shadow:0 0 0 3px #f59e0b,0 0 0 5px #f59e0b26}.birthday-content{flex:1 1;min-width:0}.birthday-type-badge{align-items:center;background:#dcfce7;border-radius:var(--radius-sm);color:#166534;display:inline-flex;font-size:.625rem;font-weight:700;gap:3px;letter-spacing:.06em;margin-bottom:var(--space-2);padding:1px 6px;text-transform:uppercase}.birthday-name{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin-bottom:2px}.birthday-sub{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.birthday-age{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:4px;margin-top:var(--space-2)}.birthday-age .age-number{color:var(--text-primary);font-weight:700}.date-tag{background:var(--bg-muted);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;padding:2px 8px;position:absolute;right:var(--space-3);top:var(--space-3)}.birthday-card.today-card .date-tag{background:var(--warning-light);color:#92400e}.confetti-container{height:40px;pointer-events:none;position:absolute;right:var(--space-4);top:0;width:40px}.confetti{animation:confettiDrop 1.5s ease-out both;border-radius:1px;height:6px;opacity:0;position:absolute;width:6px}.birthday-empty{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.birthday-empty-icon{animation:gentleBounce 2s ease-in-out infinite;color:var(--text-muted);margin-bottom:var(--space-3)}.birthday-empty p{color:var(--text-muted);font-size:var(--text-sm)}.birthday-empty strong{color:var(--text-secondary)}.birthday-loading{color:var(--text-muted);padding:var(--space-8);text-align:center}.birthday-loading-more{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;padding:var(--space-4)}.birthday-by-month{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2)}.birthday-month-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);contain-intrinsic-size:auto 600px;content-visibility:auto;overflow:hidden}.birthday-month-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.birthday-month-name{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.birthday-month-year{color:var(--text-muted);font-size:var(--text-sm)}.birthday-month-list{display:flex;flex-direction:column}.birthday-month-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.birthday-month-row:last-child{border-bottom:none}.birthday-month-row:hover{background:var(--bg-secondary)}.birthday-month-avatar{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:40px;justify-content:center;width:40px}.birthday-month-info{flex:1 1;min-width:0}.birthday-month-name-text{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.birthday-month-name-text,.birthday-month-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birthday-month-sub{color:var(--text-muted);font-size:var(--text-xs)}.birthday-month-date{color:var(--text-secondary);flex-shrink:0;font-size:var(--text-sm);font-weight:500;white-space:nowrap}.birthday-month-placeholder{background:var(--bg-secondary)}@media (max-width:900px){.birthday-stats{flex-wrap:wrap}.birthday-stat{min-width:calc(50% - var(--space-4))}.birthday-banner{gap:var(--space-4);text-align:center}.birthday-banner,.birthday-banner-left{flex-direction:column}}@media (max-width:768px){.birthday-grid{grid-template-columns:1fr}}.md-overlay{animation:mdFadeIn .2s ease-out;background:#0f172a66;inset:0;position:fixed;z-index:200}@keyframes mdFadeIn{0%{opacity:0}to{opacity:1}}.md-sheet{animation:mdSlideIn .25s ease-out;background:var(--bg-card);box-shadow:-8px 0 30px #0f172a1f;display:flex;flex-direction:column;height:100vh;max-width:100vw;position:fixed;right:0;top:0;width:420px;z-index:201}@keyframes mdSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.md-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.md-header h2{font-size:var(--text-lg);font-weight:700}.md-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.md-close:hover{background:var(--bg-muted);color:var(--text-primary)}.md-tabs{border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:4px;padding:var(--space-3) var(--space-6)}.md-tab{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;padding:5px 12px;transition:all var(--transition-fast);white-space:nowrap}.md-tab:hover{background:var(--bg-muted);color:var(--text-secondary)}.md-tab.active{background:#0596691a;color:var(--hr-primary);font-weight:600}.md-add-form{border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-6)}.md-add-form input{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:8px 12px;transition:border-color var(--transition-fast)}.md-add-form input:focus{border-color:var(--hr-primary)}.md-add-form button{align-items:center;background:var(--hr-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;gap:4px;padding:8px 14px;transition:all var(--transition-fast);white-space:nowrap}.md-add-form button:hover:not(:disabled){background:var(--hr-primary-hover)}.md-add-form button:disabled{cursor:not-allowed;opacity:.5}.md-error{color:var(--danger);font-size:var(--text-xs);font-weight:500;padding:var(--space-2) var(--space-6)}.md-filter{display:flex;gap:6px;padding:var(--space-2) var(--space-6) 0}.md-filter-chip{align-items:center;background:#0000;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-full,999px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:6px;padding:4px 10px;transition:background .15s ease,border-color .15s ease,color .15s ease}.md-filter-chip:hover{border-color:var(--primary);color:var(--text-primary)}.md-filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.md-filter-count{background:#0000000f;border-radius:8px;font-weight:500;opacity:.75;padding:0 4px}.md-filter-chip.active .md-filter-count{background:#fff3}.md-list{flex:1 1;overflow-y:auto;padding:var(--space-2) 0}.md-list::-webkit-scrollbar{width:4px}.md-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.md-empty,.md-loading{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-8);text-align:center}.md-item{align-items:center;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-6);transition:background var(--transition-fast)}.md-item:hover{background:var(--bg-muted)}.md-item.inactive{opacity:.5}.md-item-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.md-item-actions{align-items:center;display:flex;gap:var(--space-2)}.md-inactive-badge{background:var(--bg-muted);border-radius:var(--radius-full);color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase}.md-btn-edit,.md-btn-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.md-btn-edit:hover{background:#0596691a;color:var(--hr-primary)}.md-btn-toggle:hover{background:var(--bg-muted);color:var(--text-secondary)}.md-item-edit{align-items:center;display:flex;gap:var(--space-2);width:100%}.md-item-edit input{border:1px solid var(--hr-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px #0596691a;color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:6px 10px}.md-btn-cancel,.md-btn-save{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.md-btn-save{background:var(--hr-primary);color:#fff}.md-btn-save:hover{background:var(--hr-primary-hover)}.md-btn-cancel{background:var(--bg-muted);color:var(--text-muted)}.md-btn-cancel:hover{background:var(--border);color:var(--text-secondary)}@media (max-width:480px){.md-sheet{width:100vw}}.md-type-list{gap:14px;padding:16px}.md-type-group,.md-type-list{display:flex;flex-direction:column}.md-type-group{gap:4px}.md-type-group-title{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.md-type-row{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font:500 13px Inter,sans-serif;gap:10px;justify-content:space-between;padding:10px 12px;text-align:left;transition:border-color .12s,background .12s;width:100%}.md-type-row:hover{background:#f8fafc;border-color:#cbd5e1}.md-type-label{flex:1 1}.md-type-meta{align-items:center;color:var(--text-muted);display:inline-flex;gap:8px}.md-type-count{font-feature-settings:"tnum";background:#f1f5f9;border-radius:10px;color:var(--text-secondary);font-family:SF Mono,monospace;font-size:11px;font-variant-numeric:tabular-nums;padding:2px 8px}.md-back{align-items:center;background:#0000;border:0;color:#1e3a5f;color:var(--hr-primary,#1e3a5f);cursor:pointer;display:inline-flex;font:600 12px Inter,sans-serif;gap:4px;padding:12px 16px 4px}.md-back:hover{text-decoration:underline}.md-current-title{color:var(--text-primary);font-size:15px;font-weight:700;padding:4px 16px 10px}.md-specs-overlay{align-items:center;background:#0f172a59;display:flex;inset:0;justify-content:center;position:fixed;z-index:60}.md-specs-panel{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px #0f172a33;display:flex;flex-direction:column;max-height:85vh;max-width:calc(100vw - 40px);overflow:hidden;width:480px}.md-specs-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 18px}.md-specs-crumb{color:var(--text-muted);font-size:11px;margin-bottom:2px}.md-specs-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.md-specs-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:14px 18px}.md-specs-hint{color:var(--text-muted);font-size:12px;margin:0 0 6px}.md-specs-row{align-items:center;display:flex;gap:8px}.md-specs-row input{border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font:400 13px Inter,sans-serif;padding:7px 10px}.md-specs-row input:focus{border-color:#1e3a5f;border-color:var(--hr-primary,#1e3a5f);outline:none}.md-specs-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:12px 18px}.md-btn-primary{align-items:center;background:#1e3a5f;background:var(--hr-primary,#1e3a5f);border:1px solid #1e3a5f;border:1px solid var(--hr-primary,#1e3a5f);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font:600 13px Inter,sans-serif;gap:6px;padding:8px 14px}.md-btn-primary:disabled{cursor:not-allowed;opacity:.6}.md-btn-secondary{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font:600 13px Inter,sans-serif;gap:6px;padding:8px 14px}.md-btn-secondary:hover{background:#f8fafc}.export-modal-overlay{align-items:center;animation:exportOverlayIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.export-modal-overlay.closing{animation:exportOverlayOut .15s ease-in forwards}@keyframes exportOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes exportOverlayOut{0%{opacity:1}to{opacity:0}}.export-modal{animation:exportModalIn .25s ease-out;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;max-height:90vh;max-width:620px;overflow-y:auto;width:95%}.export-modal-overlay.closing .export-modal{animation:exportModalOut .15s ease-in forwards}@keyframes exportModalIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes exportModalOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.97)}}.export-modal::-webkit-scrollbar{width:6px}.export-modal::-webkit-scrollbar-track{background:#0000}.export-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.export-modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.export-modal-header{align-items:flex-start;display:flex;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4)}.export-modal-header-left{align-items:center;display:flex;gap:var(--space-3)}.export-modal-icon{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--radius-md);color:var(--success);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.export-modal-title{color:var(--text-primary)!important;font-size:var(--text-xl)!important;font-weight:700!important;margin:0!important}.export-modal-subtitle{color:var(--text-muted)!important;font-size:var(--text-sm)!important;margin-top:2px!important}.export-modal-header-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:8px;gap:var(--space-2,8px)}.export-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.export-modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.export-btn-download-sm{border-radius:var(--radius-sm);font-size:12.5px;gap:6px;height:32px;padding:0 12px}.export-btn-download-sm.done{height:32px}.export-modal-body{padding:0 var(--space-6) var(--space-4)}.export-section-card-header{align-items:center;display:flex;justify-content:space-between}.export-section-card-header .export-section-label{margin-bottom:0!important}.export-filter-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-5)}@media (max-width:500px){.export-filter-row{grid-template-columns:1fr}}.export-section-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.export-section-label{color:var(--text-muted)!important;font-size:var(--text-xs)!important;font-weight:600!important;letter-spacing:.05em;margin-bottom:var(--space-3)!important;text-transform:uppercase}.export-radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.export-radio-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:6px var(--space-2);transition:background var(--transition-fast)}.export-radio-item:hover{background:#00000008}.export-radio-input{-webkit-appearance:none;appearance:none;border:2px solid var(--border);border-radius:50%;cursor:pointer;flex-shrink:0;height:16px;position:relative;transition:all var(--transition-fast);width:16px}.export-radio-input:checked{border-color:var(--secondary)}.export-radio-input:checked:after{animation:exportRadioCheck .15s ease;background:var(--secondary);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:8px}@keyframes exportRadioCheck{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.export-radio-label{color:var(--text-primary)!important;cursor:pointer;font-size:var(--text-sm)!important}.export-checkbox-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:6px var(--space-2);transition:background var(--transition-fast)}.export-checkbox-item:hover{background:#00000008}.export-checkbox-input{-webkit-appearance:none;appearance:none;border:2px solid var(--border);border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;position:relative;transition:all var(--transition-fast);width:16px}.export-checkbox-input:checked{background:var(--secondary);border-color:var(--secondary)}.export-checkbox-input:checked:after{animation:exportCheckIn .15s ease;border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scale(1);width:5px}@keyframes exportCheckIn{0%{opacity:0;transform:rotate(45deg) scale(.5)}to{opacity:1;transform:rotate(45deg) scale(1)}}.export-checkbox-label{color:var(--text-primary)!important;cursor:pointer;font-size:var(--text-sm)!important}.export-columns-section{margin-bottom:var(--space-5)}.export-columns-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.export-columns-header .export-section-label{margin-bottom:0!important}.export-select-all{background:none;border:none;border-radius:var(--radius-sm);color:var(--secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;padding:4px 8px;transition:all var(--transition-fast)}.export-select-all:hover{background:#3b82a014}.export-columns-grid{grid-gap:2px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:2px;grid-template-columns:repeat(3,1fr);padding:var(--space-2)}@media (max-width:500px){.export-columns-grid{grid-template-columns:repeat(2,1fr)}}.export-preview-bar{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-md);display:flex;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.export-preview-icon{color:var(--secondary);flex-shrink:0}.export-preview-text{color:var(--text-secondary)!important;font-size:var(--text-sm)!important}.export-preview-text strong{color:var(--text-primary);font-weight:600}.export-preview-sep{color:var(--text-muted);margin:0 4px}.export-modal-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6) var(--space-6)}.export-btn-cancel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;padding:.55rem 1.25rem;transition:all var(--transition-fast)}.export-btn-cancel:hover{background:var(--bg-muted);border-color:var(--text-muted);color:var(--text-primary)}.export-btn-download{align-items:center;background:var(--gradient-button);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:.55rem 1.5rem;transition:all var(--transition-fast)}.export-btn-download:hover:not(:disabled){background:var(--gradient-button-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.export-btn-download:active:not(:disabled){transform:scale(.97)}.export-btn-download:disabled{cursor:not-allowed;opacity:.6}.export-btn-download.done{background:var(--success)}.export-spinner{animation:exportSpin 1s linear infinite}@keyframes exportSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hr-export-filter-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:10px}.hr-export-filter-field{display:flex;flex-direction:column;gap:4px}.hr-export-filter-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hr-export-filter-field input,.hr-export-filter-field select{background:var(--bg-card);background:var(--bg-input,var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s ease,box-shadow .15s ease}.hr-export-filter-field input:focus,.hr-export-filter-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f}.hr-import-banner{align-items:flex-start;border-radius:var(--radius-md);display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 12px}.hr-import-banner-error{background:#dc262614;border:1px solid #dc262640;color:#dc2626;color:var(--destructive,#dc2626)}.hr-import-banner-info{background:#3b82f614;border:1px solid #3b82f640;color:#1e40af}.hr-import-upload-zone{align-items:center;border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;flex-direction:column;gap:14px;justify-content:center;padding:48px 24px;text-align:center}.hr-import-upload-hint{font-size:13px;line-height:1.6;margin:0}.hr-import-selected{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);display:inline-flex;font-size:12px;gap:6px;padding:6px 12px}.hr-import-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:16px;justify-content:center;padding:64px 24px}.hr-import-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:14px}.hr-import-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.hr-import-summary-card.kind-success{background:#22c55e0f;border-color:#22c55e66}.hr-import-summary-card.kind-info{background:#3b82f60f;border-color:#3b82f666}.hr-import-summary-card.kind-warning{background:#eab30814;border-color:#eab30880}.hr-import-summary-card.kind-muted{background:var(--bg-card);background:var(--bg-muted,var(--bg-card))}.hr-import-summary-value{color:var(--text);font-size:22px;font-weight:700;line-height:1}.hr-import-summary-label{color:var(--text-muted);font-size:11px;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.hr-import-filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.hr-import-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s ease}.hr-import-chip:hover{color:var(--text)}.hr-import-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.hr-import-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;max-height:360px;overflow:auto}.hr-import-table{border-collapse:collapse;font-size:12px;width:100%}.hr-import-table td,.hr-import-table th{border-bottom:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}.hr-import-table thead th{background:#1f2937;color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.hr-import-mono{font-family:ui-monospace,monospace;font-family:var(--font-mono,ui-monospace,monospace)}.hr-import-notes{color:var(--text-muted)}.hr-import-badge{border-radius:999px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase}.hr-import-badge.badge-new{background:#22c55e26;color:#15803d}.hr-import-badge.badge-match{background:#3b82f626;color:#1e40af}.hr-import-badge.badge-conflict{background:#eab3082e;color:#92400e}.hr-import-badge.badge-skipped{background:#6b728026;color:#4b5563}.hr-import-action-badge{border-radius:999px;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.hr-import-action-badge.action-created{background:#22c55e26;color:#15803d}.hr-import-action-badge.action-updated{background:#3b82f626;color:#1e40af}.hr-import-action-badge.action-skipped{background:#6b728026;color:#4b5563}.hr-import-action-badge.action-failed{background:#dc262626;color:#b91c1c}.hr-import-confirm-block{background:var(--bg-card);background:var(--bg-muted,var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px 14px}.hr-import-checkbox{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:8px}.hr-import-template-link{align-items:center;background:#0000;border:none;color:var(--primary);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;margin-top:4px;padding:4px 8px;text-decoration:underline}.hr-import-template-link:hover{color:var(--text)}.upload-loader-overlay{align-items:center;background:#ffffffd9;border-radius:inherit;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:5}.upload-loader-overlay .upload-spinner{animation:exportSpin 1s linear infinite}.upload-loader-overlay .upload-label{color:#b8860b;color:var(--primary,#b8860b);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hr-files-zip-progressbar{background:var(--bg-card);background:var(--bg-muted,var(--bg-card));border:1px solid var(--border);border-radius:4px;height:8px;overflow:hidden;width:100%}.hr-files-zip-progress-fill{background:#b8860b;background:var(--primary,#b8860b);height:100%;transition:width .2s ease}.hr-dashboard{margin:0 auto;max-width:var(--max-width-dashboard);padding:var(--space-6)}.hr-page-header{align-items:flex-start;animation:fadeInUp .3s ease-out;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-6)}.hr-page-header h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:4px}.hr-page-header p{color:var(--text-muted);font-size:var(--text-sm)}.hr-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.hr-toolbar-group{align-items:center;display:flex;gap:var(--space-2)}.hr-toolbar-divider{background:var(--border);flex-shrink:0;height:28px;width:1px}.hr-dropdown{position:relative}.hr-dropdown .btn-masters{padding-right:var(--space-3)}.hr-dropdown-chevron{margin-left:var(--space-1);opacity:.7;transition:transform var(--transition-fast)}.hr-dropdown.open .hr-dropdown-chevron{transform:rotate(180deg)}.hr-dropdown-menu{animation:hr-dropdown-in .18s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;padding:var(--space-1);position:absolute;right:0;top:calc(100% + 6px);z-index:30}@keyframes hr-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hr-dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;transition:background var(--transition-fast);width:100%}.hr-dropdown-item:hover{background:var(--bg-muted)}.hr-dropdown-item svg{color:var(--text-secondary);flex-shrink:0}.hr-dropdown-label{flex:1 1;font-weight:500}.hr-dropdown-hint{color:var(--text-muted);font-size:var(--text-xs)}.btn-add-emp{align-items:center;background:var(--hr-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:9px 18px;transition:all var(--transition-fast)}.btn-add-emp:hover{background:var(--hr-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-export,.btn-masters{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:9px 18px;transition:all var(--transition-fast)}.btn-export:hover,.btn-masters:hover{background:var(--bg-muted);border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hr-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(5,1fr);margin-bottom:var(--space-6)}@media (max-width:900px){.hr-stats{grid-template-columns:repeat(2,1fr)}}.hr-stat-card{animation:fadeInUp .3s ease-out backwards;background:var(--bg-card);border:2px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;padding:var(--space-5);transition:all var(--transition-base)}.hr-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.hr-stat-card.active{border-color:var(--hr-primary)}.hr-stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;margin-bottom:var(--space-3);width:40px}.hr-stat-value{font-size:var(--text-2xl);font-weight:700;line-height:1;margin-bottom:4px}.hr-stat-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.hr-toolbar{align-items:center;animation:fadeInUp .3s ease-out .1s backwards;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.hr-search-wrap{flex:1 1;min-width:220px;position:relative}.hr-search-icon{color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hr-search-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:9px 12px 9px 38px;transition:all var(--transition-fast);width:100%}.hr-search-input:focus{border-color:var(--hr-primary);box-shadow:0 0 0 3px #05966926}.hr-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.hr-filters select{-webkit-appearance:none;appearance:none;background:var(--bg-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);outline:none;padding:8px 28px 8px 10px;transition:border-color var(--transition-fast)}.hr-filters select:focus{border-color:var(--hr-primary)}.btn-clear-filters{background:#0000;border:none;border-radius:var(--radius-md);color:var(--danger);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;padding:7px 14px;transition:background var(--transition-fast)}.btn-clear-filters:hover{background:var(--danger-light)}.hr-table-card{animation:fadeInUp .3s ease-out .2s backwards;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.hr-table-wrap{overflow-x:auto}.hr-table{border-collapse:collapse;width:100%}.hr-table th{background:var(--bg-muted);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.hr-table td,.hr-table th{padding:var(--space-3) var(--space-4)}.hr-table td{border-bottom:1px solid var(--border-light);font-size:var(--text-sm);vertical-align:middle}.hr-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.hr-table tbody tr:hover{background:var(--bg-muted)}.hr-table tbody tr:last-child td{border-bottom:none}.hr-table tbody tr.inactive-row{opacity:.55}.td-employee{gap:var(--space-3);min-width:200px}.emp-avatar,.td-employee{align-items:center;display:flex}.emp-avatar{background:linear-gradient(135deg,#059669,#10b981);border-radius:var(--radius-full);color:#fff;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:36px;justify-content:center;width:36px}.emp-name{color:var(--text-primary);font-weight:600;white-space:nowrap}.emp-email{color:var(--text-muted)}.emp-email,.td-mono{font-size:var(--text-xs)}.td-mono{color:var(--text-secondary);font-family:JetBrains Mono,monospace}.td-date{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.td-actions{text-align:center;width:40px}.btn-copy-link{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.btn-copy-link:hover{background:#0596690d;border-color:var(--hr-primary);color:var(--hr-primary)}.hr-pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.hr-pagination-info{color:var(--text-muted);font-size:var(--text-xs)}.hr-pagination-btns{align-items:center;display:flex;gap:2px}.hr-pagination-btns button{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 var(--space-2);transition:all var(--transition-fast)}.hr-pagination-btns button:hover:not(:disabled){border-color:var(--hr-primary);color:var(--hr-primary)}.hr-pagination-btns button.active{background:var(--hr-primary);border-color:var(--hr-primary);color:#fff}.hr-pagination-btns button:disabled{cursor:not-allowed;opacity:.4}.hr-page-dots{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--text-xs);height:32px;justify-content:center;min-width:32px}@media (max-width:768px){.hr-dashboard{padding:var(--space-4)}.hr-page-header,.hr-toolbar{flex-direction:column}.hr-toolbar{gap:var(--space-3)}.hr-search-wrap{min-width:100%}.hr-filters{width:100%}.hr-filters select{flex:1 1;min-width:0}}.hr-results-summary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);font:500 13px Inter,sans-serif;margin-bottom:16px;padding:10px 14px}.hr-results-summary strong{font-feature-settings:"tnum";color:#0f172a;color:var(--text-primary,#0f172a);font-variant-numeric:tabular-nums;font-weight:700}.emp-detail{margin:0 auto;max-width:var(--max-width-dashboard);padding:var(--space-6)}.emp-back{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:6px;margin-bottom:var(--space-4);padding:6px 12px;transition:all var(--transition-fast)}.emp-back:hover{background:#0596690f;color:var(--hr-primary)}.emp-profile-banner{animation:fadeInUp .3s ease-out;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-6);overflow:hidden}.emp-profile-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.emp-profile-left{align-items:center;display:flex;gap:var(--space-5)}.emp-profile-avatar{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:64px;justify-content:center;overflow:hidden;width:64px}.emp-profile-avatar-img{height:100%;object-fit:cover;width:100%}.emp-profile-name{font-size:var(--text-xl);font-weight:700;margin-bottom:2px}.emp-profile-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.emp-profile-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.emp-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:5px;padding:3px 10px}.badge-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.badge-active{background:var(--badge-verified-bg);color:var(--badge-verified-text)}.badge-inactive{background:var(--badge-inactive-bg);color:var(--badge-inactive-text)}.badge-verified{background:var(--badge-verified-bg);color:var(--badge-verified-text)}.badge-pending{background:#d977061a;color:#d97706}.badge-draft{background:var(--badge-draft-bg);color:var(--badge-draft-text)}.badge-changes{background:var(--badge-changes-bg);color:var(--badge-changes-text)}.emp-profile-actions{display:flex;gap:var(--space-2)}.btn-edit-emp{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:6px;padding:8px 18px;transition:all var(--transition-fast)}.btn-edit-emp:hover{background:var(--bg-muted);border-color:var(--hr-primary);box-shadow:var(--shadow-md);color:var(--hr-primary);transform:translateY(-1px)}.emp-deleted-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:12px;padding:12px 20px}.emp-deleted-banner svg{color:#dc2626;flex-shrink:0}.emp-quick-info{background:var(--bg-muted);border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap}.quick-item{border-right:1px solid var(--border-light);flex:1 1;min-width:140px;padding:var(--space-4) var(--space-5)}.quick-item:last-child{border-right:none}.quick-label{color:var(--text-muted);font-size:10px;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.quick-label,.quick-value{display:block;font-weight:600}.quick-value{color:var(--text-primary);font-size:var(--text-sm)}.emp-section-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr)}.emp-section-card{animation:fadeInUp .3s ease-out backwards;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.emp-section-card.section-full{grid-column:1/-1}.emp-section-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.emp-section-icon{align-items:center;background:#05966914;border-radius:var(--radius-md);color:var(--hr-primary);display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.emp-section-title{flex:1 1;font-size:var(--text-base);font-weight:600}.emp-section-count{font-size:var(--text-xs);padding:2px 8px}.emp-admin-badge,.emp-section-count{background:var(--bg-muted);border-radius:var(--radius-full);color:var(--text-muted);font-weight:600}.emp-admin-badge{align-items:center;display:inline-flex;font-size:10px;gap:4px;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.emp-detail-grid{grid-gap:var(--space-3) var(--space-5);display:grid;gap:var(--space-3) var(--space-5);grid-template-columns:repeat(2,1fr)}.emp-detail-field{display:flex;flex-direction:column;gap:3px}.emp-detail-field.full-width{grid-column:1/-1}.emp-detail-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.emp-detail-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:500;word-break:break-word}.emp-detail-value.masked{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);letter-spacing:.02em}.emp-reveal-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--hr-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:11px;font-weight:600;gap:4px;margin-top:2px;padding:2px 8px;transition:background var(--transition-fast)}.emp-reveal-btn:hover{background:#05966914}.emp-family-table-wrap{overflow-x:auto}.emp-family-table{border-collapse:collapse;width:100%}.emp-family-table th{background:var(--bg-muted);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.04em;padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase;white-space:nowrap}.emp-family-table td{border-bottom:1px solid var(--border-light);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);vertical-align:middle}.emp-family-table tbody tr:last-child td{border-bottom:none}.fm-name{color:var(--text-primary);font-weight:600}.fm-dep-badge{border-radius:var(--radius-full);display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.fm-dep-badge.yes{background:var(--badge-verified-bg);color:var(--badge-verified-text)}.fm-dep-badge.no{background:var(--bg-muted);color:var(--text-muted)}.emp-edu-exp-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}.emp-sub-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.emp-edu-card,.emp-exp-card{background:var(--bg-muted);border-radius:var(--radius-md);margin-bottom:var(--space-2);padding:var(--space-3)}.edu-degree,.exp-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;margin-bottom:2px}.edu-institution,.exp-company{color:var(--text-muted);font-size:var(--text-xs)}.edu-year,.exp-dates{color:var(--text-muted);font-size:11px;margin-top:2px}.emp-timeline{padding-left:var(--space-5);position:relative}.emp-timeline:before{background:var(--border-light);border-radius:1px;bottom:4px;content:"";left:7px;position:absolute;top:4px;width:2px}.timeline-entry{display:flex;gap:var(--space-3);padding-bottom:var(--space-4);position:relative}.timeline-entry:last-child{padding-bottom:0}.timeline-dot{background:var(--hr-primary);border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 0 0 2px var(--border-light);flex-shrink:0;height:10px;left:calc(var(--space-5)*-1 + 3px);position:absolute;top:5px;width:10px}.timeline-content{flex:1 1}.timeline-action{color:var(--text-primary);font-size:var(--text-sm);font-weight:500;margin-bottom:2px}.timeline-meta{color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-3)}.emp-empty-msg{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4);text-align:center}@media (max-width:900px){.emp-edu-exp-grid,.emp-section-grid{grid-template-columns:1fr}}@media (max-width:768px){.emp-detail{padding:var(--space-4)}.emp-profile-left,.emp-profile-top{flex-direction:column}.emp-profile-left{align-items:flex-start;gap:var(--space-3)}.emp-quick-info{flex-direction:column}.quick-item{border-bottom:1px solid var(--border-light);border-right:none}.quick-item:last-child{border-bottom:none}.emp-detail-grid{grid-template-columns:1fr}}.emp-doc-view-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;transition:all .15s}.emp-doc-view-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.emp-assets-list{display:flex;flex-direction:column;gap:8px}.emp-asset-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:inherit;display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:background .12s,border-color .12s}.emp-asset-row:hover{background:#fff;border-color:#cbd5e1}.emp-asset-past{opacity:.85}.emp-asset-icon{align-items:center;background:#e2e8f0;border-radius:6px;color:#475569;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.emp-asset-main{flex:1 1;min-width:0}.emp-asset-title{color:#0f172a;font-size:13px}.emp-asset-id{color:#64748b;font-family:SF Mono,monospace;font-size:11px;margin-right:4px}.emp-asset-sep{color:#94a3b8;margin:0 4px}.emp-asset-model{font-weight:600}.emp-asset-meta{color:#64748b;font-size:11px;margin-top:2px}.emp-asset-history-toggle{align-items:center;background:#0000;border:0;color:#475569;cursor:pointer;display:inline-flex;font:600 12px Inter,sans-serif;gap:6px;padding:8px 0 0}.emp-asset-history-toggle:hover{color:#1e3a5f}.emp-assets-history{border-top:1px dashed #e2e8f0;margin-top:8px;padding-top:8px}.emp-detail-shell{margin:0 auto;max-width:1400px;padding:var(--space-6)}.emp-sticky-header{background:var(--bg-card);position:-webkit-sticky;position:sticky;top:56px;z-index:10}.emp-profile-empno{background:#f8fafc;background:var(--bg-muted,#f8fafc);border-radius:4px;color:var(--text-muted);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px;margin-right:4px;padding:1px 6px}.badge-archived{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.emp-detail-body{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:240px 1fr;margin-top:var(--space-4)}.emp-tab-rail{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm,0 1px 3px #0000000a);display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 120px);overflow-y:auto;padding:8px;position:-webkit-sticky;position:sticky;top:72px}.emp-tab-rail-item{align-items:center;background:#0000;border:0;border-left:2px solid #0000;border-radius:6px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font:500 13px/1.2 Inter,sans-serif;gap:8px;padding:8px 10px;text-align:left;transition:background .12s,color .12s,border-color .12s;width:100%}.emp-tab-rail-item:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc);color:#0f172a;color:var(--text-primary,#0f172a)}.emp-tab-rail-item.active{background:#f1f5f9;border-left-color:#1e3a5f;color:#1e3a5f;font-weight:600}.emp-tab-rail-item svg{flex-shrink:0}.emp-tab-pane{min-width:0}@media (max-width:768px){.emp-detail-shell{padding:var(--space-4)}.emp-sticky-header{top:0}.emp-sticky-header .emp-profile-top{gap:var(--space-3)}.emp-sticky-header .emp-profile-actions{flex-wrap:wrap;width:100%}.emp-detail-body{gap:12px;grid-template-columns:1fr}.emp-tab-rail{-webkit-overflow-scrolling:touch;flex-direction:row;gap:4px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:6px;position:-webkit-sticky;position:sticky;scroll-snap-type:x mandatory;top:0}.emp-tab-rail::-webkit-scrollbar{height:4px}.emp-tab-rail::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border,#e2e8f0);border-radius:2px}.emp-tab-rail-item{border-bottom:2px solid #0000;border-left:0;flex-shrink:0;padding:8px 12px;scroll-snap-align:start;white-space:nowrap}.emp-tab-rail-item.active{border-bottom-color:#1e3a5f;border-left:0}}.ee-page{margin:0 auto;max-width:var(--max-width-dashboard);padding:var(--space-6);padding-bottom:100px}.ee-header{animation:fadeInUp .3s ease-out;margin-bottom:var(--space-5)}.ee-title{font-size:var(--text-xl);font-weight:700;margin-top:var(--space-2)}.ee-inactive-banner{align-items:center;background:#ef44440f;border:1px solid #ef444433;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.ee-inactive-info{align-items:center;color:var(--danger);display:flex;font-size:var(--text-sm);gap:var(--space-3)}.btn-reactivate{align-items:center;background:var(--hr-primary);border:1px solid var(--hr-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;gap:6px;padding:7px 16px;transition:all var(--transition-fast)}.btn-reactivate:hover:not(:disabled){background:var(--hr-primary-hover)}.btn-reactivate:disabled{cursor:not-allowed;opacity:.5}.ee-alert{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.ee-alert-error{background:#ef444414;border:1px solid #ef444426;color:var(--danger)}.ee-alert-success{background:#05966914;border:1px solid #05966926;color:var(--hr-primary)}.ee-alert-info{background:#6366f114;border:1px solid #6366f126;color:#6366f1}.ee-sections{display:flex;flex-direction:column;gap:var(--space-5)}.ee-section{animation:fadeInUp .3s ease-out backwards;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.ee-section-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.ee-section-icon{align-items:center;background:#05966914;border-radius:var(--radius-md);color:var(--hr-primary);display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.ee-section-title{flex:1 1;font-size:var(--text-base);font-weight:600}.ee-sub-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);margin-top:var(--space-3)}.ee-field-grid{grid-gap:var(--space-3) var(--space-4);display:grid;gap:var(--space-3) var(--space-4);grid-template-columns:repeat(2,1fr)}.ee-field{display:flex;flex-direction:column;gap:4px}.ee-field.full-width{grid-column:1/-1}.ee-field-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.ee-field-input,.ee-field-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ee-field-input:focus,.ee-field-select:focus{border-color:var(--hr-primary);box-shadow:0 0 0 3px #0596691a}.ee-field-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:28px}.ee-checkbox-row{padding:var(--space-2) 0}.ee-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2)}.ee-checkbox-label input[type=checkbox]{accent-color:var(--hr-primary);height:16px;width:16px}.ee-repeater-card{background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-4)}.ee-repeater-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.ee-repeater-num{color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.ee-btn-add{align-items:center;background:#0000;border:1px dashed var(--hr-primary);border-radius:var(--radius-md);color:var(--hr-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;gap:4px;padding:5px 12px;transition:all var(--transition-fast)}.ee-btn-add:hover{background:#0596690f}.ee-btn-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--danger);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:background var(--transition-fast)}.ee-btn-remove:hover{background:#ef44440f}.ee-empty-msg{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4);text-align:center}.ee-section-danger{border:1px solid #ef444426}.ee-icon-danger{background:#ef444414!important;color:var(--danger)!important}.btn-deactivate-trigger{align-items:center;background:#0000;border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:6px;padding:8px 18px;transition:all var(--transition-fast)}.btn-deactivate-trigger:hover{background:#ef44440f}.ee-deactivate-form{margin-top:var(--space-3)}.ee-deactivate-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.btn-deactivate-confirm{align-items:center;background:var(--danger);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:6px;padding:8px 18px;transition:all var(--transition-fast)}.btn-deactivate-confirm:hover:not(:disabled){opacity:.9}.btn-deactivate-confirm:disabled{cursor:not-allowed;opacity:.5}.btn-deactivate-cancel{background:#0000;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;padding:8px 18px;transition:all var(--transition-fast)}.btn-deactivate-cancel:hover{background:var(--bg-muted)}.ee-sticky-footer{align-items:center;background:var(--bg-card);border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 12px #0f172a0f;display:flex;justify-content:space-between;left:0;padding:var(--space-3) var(--space-6);position:fixed;right:0;z-index:100}.ee-footer-left,.ee-footer-right{display:flex;gap:var(--space-3)}.btn-save-emp{align-items:center;background:var(--hr-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:6px;padding:9px 22px;transition:all var(--transition-fast)}.btn-save-emp:hover:not(:disabled){background:var(--hr-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-save-emp:disabled{cursor:not-allowed;opacity:.5}.btn-request-changes{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:6px;padding:9px 18px;transition:all var(--transition-fast)}.btn-request-changes:hover:not(:disabled){background:#d977060a;border-color:#d97706;color:#d97706}.btn-request-changes:disabled{cursor:not-allowed;opacity:.5}.btn-verify-emp{align-items:center;background:#0000;border:1px solid var(--hr-primary);border-radius:var(--radius-md);color:var(--hr-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:6px;padding:9px 18px;transition:all var(--transition-fast)}.btn-verify-emp:hover:not(:disabled){background:var(--hr-primary);color:#fff}.btn-verify-emp:disabled{cursor:not-allowed;opacity:.5}.ee-modal-overlay{animation:mdFadeIn .2s ease-out;background:#0f172a66;inset:0;position:fixed;z-index:300}.ee-modal{animation:fadeInUp .25s ease-out;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);left:50%;max-width:90vw;padding:var(--space-6);position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:301}.ee-modal h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.ee-modal-desc{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.ee-modal-textarea{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:var(--space-3);resize:vertical;transition:border-color var(--transition-fast);width:100%}.ee-modal-textarea:focus{border-color:var(--hr-primary)}.ee-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.btn-modal-cancel{background:#0000;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;padding:8px 18px;transition:all var(--transition-fast)}.btn-modal-cancel:hover{background:var(--bg-muted)}.btn-modal-confirm{align-items:center;background:#d97706;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:6px;padding:8px 18px;transition:all var(--transition-fast)}.btn-modal-confirm:hover:not(:disabled){background:#b45309}.btn-modal-confirm:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.ee-page{padding:var(--space-4);padding-bottom:100px}.ee-field-grid{grid-template-columns:1fr}.ee-sticky-footer{flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.ee-footer-left,.ee-footer-right{justify-content:stretch;width:100%}.ee-footer-left button,.ee-footer-right button{flex:1 1;justify-content:center}.ee-inactive-banner{align-items:flex-start;flex-direction:column}}.ee-photo-section{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.ee-photo-preview{background:var(--bg-muted);border:3px solid var(--border);border-radius:50%;flex-shrink:0;height:72px;overflow:hidden;width:72px}.ee-photo-img{height:100%;object-fit:cover;width:100%}.ee-photo-placeholder{align-items:center;color:var(--text-muted);display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.ee-photo-actions{display:flex;flex-direction:column;gap:4px}.ee-photo-upload-btn{align-items:center;background:#0000;border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 14px;transition:background .15s}.ee-photo-upload-btn:hover{background:#0000000d;background:rgba(var(--primary-rgb,0,0,0),.05)}.ee-photo-remove-btn{align-items:center;background:#0000;border:none;color:var(--danger);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:3px 10px}.ee-photo-remove-btn:hover{text-decoration:underline}.ee-photo-hint{color:var(--text-muted);font-size:11px}.ee-doc-table-wrap{overflow-x:auto}.ee-doc-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.ee-doc-table th{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.03em;padding:8px 12px;text-align:left;text-transform:uppercase}.ee-doc-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:8px 12px}.ee-doc-actions{display:flex;gap:6px}.ee-doc-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;transition:all .15s}.ee-doc-btn-view{color:var(--primary)}.ee-doc-btn-view:hover{background:var(--primary);border-color:var(--primary);color:#fff}.ee-doc-btn-delete{color:var(--danger)}.ee-doc-btn-delete:hover{background:var(--danger);border-color:var(--danger);color:#fff}.ee-file-input{font-size:13px;padding:6px!important}.ee-file-selected{color:var(--success);font-size:11px;margin-top:2px}.ee-btn-upload-docs{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:6px;margin-top:var(--space-3);padding:8px 18px;transition:all .15s}.ee-btn-upload-docs:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ee-btn-upload-docs:disabled{cursor:not-allowed;opacity:.5}.oc-page{background:#f8f9fb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:calc(100vh - 56px);height:calc(100vh - var(--navbar-height, 56px));overflow:hidden;position:relative;width:100%}.oc-svg{cursor:grab;height:100%;padding-top:52px;width:100%}.oc-svg:active{cursor:grabbing}.oc-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e8eaed;gap:10px;left:0;padding:10px 20px;position:absolute;right:0;top:0;z-index:10}.oc-brand,.oc-toolbar{align-items:center;display:flex}.oc-brand{color:#1e3a5f;font-size:14px;font-weight:600;gap:6px;letter-spacing:-.01em;margin-right:4px;white-space:nowrap}.oc-brand:before{background:linear-gradient(135deg,#1e3a5f,#3b82a0);border-radius:5px;content:"";display:inline-block;flex-shrink:0;height:18px;width:18px}.oc-search-wrap{flex:1 1;max-width:320px;position:relative}.oc-search-wrap svg{color:#94a3b8;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.oc-search-wrap input{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:13px;outline:none;padding:7px 12px 7px 34px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.oc-search-wrap input:focus{background:#fff;border-color:#3b82a0;box-shadow:0 0 0 3px #3b82a01a}.oc-search-wrap input::placeholder{color:#94a3b8}.oc-search-results{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;left:0;margin-top:4px;max-height:320px;overflow-y:auto;position:absolute;right:0;top:100%}.oc-search-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:10px 14px;transition:background .1s}.oc-search-item:hover{background:#f8fafc}.oc-search-item:last-child{border-bottom:none}.oc-search-name{color:#0f172a;font-size:13px;font-weight:600}.oc-search-meta{color:#94a3b8;font-size:11px;margin-top:2px}.oc-dept-filter{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font-size:13px;outline:none;padding:7px 12px;transition:border-color .15s}.oc-dept-filter:focus{border-color:#3b82a0}.oc-stats{font-feature-settings:"tnum";color:#94a3b8;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}.oc-zoom-controls{align-items:center;display:flex;gap:2px;margin-left:auto}.oc-zoom-controls button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;transition:background .1s,border-color .1s,color .1s;width:30px}.oc-zoom-controls button:hover{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a}.oc-zoom-label{font-feature-settings:"tnum";color:#94a3b8;font-size:11px;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.oc-node{cursor:pointer}.oc-node:hover{filter:none}.oc-card-bg{fill:#fff;stroke:#e2e8f0;stroke-width:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.06));transition:stroke .15s,filter .15s}.oc-node:hover .oc-card-bg{stroke:#3b82a0;filter:drop-shadow(0 2px 8px rgba(59,130,160,.15))}.oc-card-bg.oc-highlighted{stroke:#f59e0b!important;stroke-width:2!important;filter:drop-shadow(0 2px 12px rgba(245,158,11,.25))!important}.oc-dept-bar{opacity:.9}.oc-avatar{fill:#f1f5f9;stroke:#e2e8f0;stroke-width:1}.oc-avatar-text{fill:#475569;text-anchor:middle;dominant-baseline:central;font-weight:700}.oc-avatar-text,.oc-name{font-family:Inter,sans-serif;font-size:12px}.oc-name{fill:#0f172a;font-weight:600}.oc-title{fill:#64748b}.oc-dept,.oc-title{font-family:Inter,sans-serif;font-size:10px}.oc-dept{font-weight:500}.oc-code{fill:#94a3b8;font-feature-settings:"tnum";font-family:Inter,sans-serif;font-size:9px;font-variant-numeric:tabular-nums}.oc-badge{cursor:pointer}.oc-badge circle{fill:#1e3a5f;transition:r .15s,fill .15s}.oc-badge:hover circle{r:12;fill:#3b82a0}.oc-badge text{fill:#fff;text-anchor:middle;dominant-baseline:central;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.oc-link{fill:none;stroke:#cbd5e1;stroke-width:1.2}.oc-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;font-size:12px;min-width:220px;padding:12px 16px;pointer-events:none;position:fixed;z-index:200}.oc-tooltip-name{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;font-weight:700;margin-bottom:8px;padding-bottom:6px}.oc-tooltip-row{display:flex;gap:16px;justify-content:space-between;margin-top:4px}.oc-tooltip-row span:first-child{color:#94a3b8;font-size:11px;min-width:80px}.oc-tooltip-row span:last-child{color:#0f172a;font-weight:500;text-align:right}.oc-loading{align-items:center;background:#f8f9fb;color:#94a3b8;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.oc-spinner{animation:ocspin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e3a5f;height:36px;width:36px}@keyframes ocspin{to{transform:rotate(1turn)}}.hra-page{margin:0 auto;max-width:1400px;padding:24px 32px}.hra-loading{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;flex-direction:column;gap:14px;height:60vh;justify-content:center}.hra-spin{animation:hra-spin .9s linear infinite}@keyframes hra-spin{to{transform:rotate(1turn)}}.hra-error{color:#dc2626;color:var(--danger,#dc2626)}.hra-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.hra-header h1{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.hra-header p{color:#475569;color:var(--text-secondary,#475569);font-size:13px;margin:0}.hra-header-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:10px}.hra-btn,.hra-btn-primary{align-items:center;appearance:none;-webkit-appearance:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font:600 13px/1 Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:6px;height:38px;justify-content:center;margin:0;padding:0 16px;transition:background .15s,border-color .15s;vertical-align:middle;white-space:nowrap}.hra-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a)}.hra-btn:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc);border-color:#94a3b8;border-color:var(--text-muted,#94a3b8)}.hra-btn-primary{background:#1e3a5f;background:var(--primary,#1e3a5f);border:1px solid #1e3a5f;border:1px solid var(--primary,#1e3a5f);color:#fff}.hra-btn-primary:hover{background:#163052;background:var(--primary-hover,#163052)}.hra-section-title{color:#475569;color:var(--text-secondary,#475569);font-size:13px;font-weight:700;letter-spacing:.04em;margin:28px 0 14px;text-transform:uppercase}.hra-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:8px}.hra-stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a;gap:14px;padding:16px 18px}.hra-stat-card,.hra-stat-icon{align-items:center;display:flex}.hra-stat-icon{background:#eff6ff;border-radius:10px;color:#1e3a5f;flex-shrink:0;height:40px;justify-content:center;width:40px}.hra-stat-icon-muted{background:#f1f5f9;color:#64748b}.hra-stat-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hra-stat-value{font-feature-settings:"tnum";color:#0f172a;color:var(--text-primary,#0f172a);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.hra-action-grid{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hra-tile{--tone-strong:#475569;--tone-ink:#0f172a;--tone-wash:#f8fafc;--tone-edge:#e2e8f0;background:#fff;border:1px solid var(--tone-edge);border-radius:12px;box-shadow:0 1px 2px #0f172a0a;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:16px 18px 14px;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}.hra-tile:before{background:var(--tone-strong);content:"";height:3px;inset:0 0 auto 0;opacity:.9;position:absolute}.hra-tile.ok{--tone-strong:#16a34a;--tone-ink:#14532d;--tone-wash:#f0fdf4;--tone-edge:#dcfce7}.hra-tile.warn{--tone-strong:#d97706;--tone-ink:#78350f;--tone-wash:#fffbeb;--tone-edge:#fef3c7}.hra-tile.danger{--tone-strong:#dc2626;--tone-ink:#7f1d1d;--tone-wash:#fef2f2;--tone-edge:#fecaca}.hra-tile-clickable{cursor:pointer}.hra-tile-clickable:hover{border-color:var(--tone-strong);box-shadow:0 4px 14px #0f172a0f;transform:translateY(-1px)}.hra-tile-clickable:focus-visible{outline:2px solid var(--tone-strong);outline-offset:2px}.hra-tile-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.hra-tile-meta{gap:8px;min-width:0}.hra-tile-icon,.hra-tile-meta{align-items:center;display:inline-flex}.hra-tile-icon{background:var(--tone-wash);border-radius:5px;color:var(--tone-strong);flex-shrink:0;height:22px;justify-content:center;width:22px}.hra-tile-label{color:#475569;color:var(--text-secondary,#475569);font-size:11.5px;font-weight:600;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hra-tile-view{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:inline-flex;font-size:11px;font-weight:600;gap:1px;letter-spacing:.01em;opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s,color .15s}.hra-tile-clickable:focus-visible .hra-tile-view,.hra-tile-clickable:hover .hra-tile-view{color:var(--tone-strong);opacity:1;transform:translateX(0)}.hra-tile-figure{align-items:baseline;display:flex;gap:10px;line-height:1}.hra-tile-count{font-feature-settings:"tnum";color:var(--tone-ink);font-size:34px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.025em}.hra-tile-ratio{font-feature-settings:"tnum";color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11.5px;font-variant-numeric:tabular-nums}.hra-tile-empty{align-items:flex-start;border-top:1px dashed #f1f5f9;border-top:1px dashed var(--border-light,#f1f5f9);color:#475569;color:var(--text-secondary,#475569);display:flex;flex:1 1;font-size:12.5px;line-height:1.5;padding:16px 0 2px}.hra-tile-compact{gap:6px;min-height:auto;padding:10px 12px}.hra-tile-compact .hra-tile-figure{gap:8px}.hra-tile-compact .hra-tile-count{font-size:22px;letter-spacing:-.02em}.hra-tile-compact .hra-tile-ratio{font-size:10.5px}.hra-tile-compact .hra-tile-empty{border-top:0;color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;padding:4px 0 0}.hra-tile-compact .hra-tile-label{font-size:10.5px;letter-spacing:.05em}.hra-tile-compact .hra-tile-view{font-size:10.5px}.hra-tile-compact .hra-tile-icon{height:18px;width:18px}.hra-breakdown-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.hra-breakdown-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:16px 18px}.hra-breakdown-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.hra-breakdown-icon{align-items:center;background:#eff6ff;border-radius:8px;color:#1e3a5f;display:flex;height:32px;justify-content:center;width:32px}.hra-breakdown-header h3{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:700;margin:0}.hra-breakdown-list{display:flex;flex-direction:column;gap:8px}.hra-donut{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:160px 1fr}.hra-donut-svg{flex-shrink:0}.hra-donut-slice{transition:opacity .12s ease}.hra-donut-slice-clickable{cursor:pointer}.hra-donut-slice-clickable:hover{opacity:.82}.hra-donut-total{fill:#0f172a;fill:var(--text-primary,#0f172a);font-feature-settings:"tnum";font:700 22px Inter,sans-serif;font-variant-numeric:tabular-nums}.hra-donut-total-label{fill:#94a3b8;fill:var(--text-muted,#94a3b8);font:600 9px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.hra-donut-legend{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:160px;overflow-y:auto;padding:0}.hra-donut-legend li{display:flex}.hra-donut-legend-btn{align-items:center;background:#0000;border:0;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin:0 -6px;padding:4px 6px;text-align:left;transition:background .12s ease;width:100%}.hra-donut-legend-btn:hover{background:#f1f5f9}.hra-donut-legend li>span{align-items:center;display:flex;gap:8px;padding:4px 6px;width:100%}.hra-donut-swatch{border-radius:2px;flex-shrink:0;height:10px;width:10px}.hra-donut-legend-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hra-donut-legend-count,.hra-donut-legend-label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:12px}.hra-donut-legend-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.hra-breakdown-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:110px 1fr 40px}.hra-breakdown-row-clickable{background:#0000;border:none;border-radius:4px;cursor:pointer;margin:0;padding:4px 6px;text-align:left;transition:background .12s ease;width:100%}.hra-breakdown-row-clickable:hover{background:#f1f5f9;background:var(--bg-muted,#f1f5f9)}.hra-breakdown-row-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.hra-breakdown-label{color:#475569;color:var(--text-secondary,#475569);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hra-breakdown-count{font-feature-settings:"tnum";color:#0f172a;color:var(--text-primary,#0f172a);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.hra-bar-track{background:#f1f5f9;background:var(--bg-muted,#f1f5f9);border-radius:4px;height:8px;overflow:hidden}.hra-bar-fill{background:#3b82a0;background:var(--primary,#3b82a0);border-radius:4px;height:100%;transition:width .4s ease}.hra-empty{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:12px;font-style:italic;margin:0}@media (max-width:640px){.hra-page{padding:16px}.hra-header{flex-direction:column}.hra-breakdown-row{grid-template-columns:80px 1fr 30px}}.hra-today{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.hra-today-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#475569;cursor:pointer;display:inline-flex;font:500 13px Inter,sans-serif;font-family:inherit;gap:8px;padding:10px 14px;transition:border-color .12s,box-shadow .12s}.hra-today-chip:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0f172a0f}.hra-today-chip.hra-today-chip-static{cursor:default}.hra-today-chip.hra-today-chip-static:hover{border-color:#e2e8f0;box-shadow:none}.hra-today-chip strong{font-feature-settings:"tnum";color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700}.hra-today-chip .hra-today-label{color:#64748b}.hra-today-chip .hra-today-names{color:#94a3b8;font-size:12.5px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-page{margin:0 auto;max-width:1200px;padding:24px 32px}.cf-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.cf-header h1{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-weight:700;margin:0 0 4px}.cf-header p{color:#475569;color:var(--text-secondary,#475569);font-size:13px;margin:0}.cf-header-actions{align-items:center;display:flex;gap:12px}.cf-toggle{color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:12px}.cf-btn,.cf-toggle{align-items:center;cursor:pointer;gap:6px}.cf-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);display:inline-flex;font-size:13px;font-weight:600;padding:8px 14px;transition:background .15s,border-color .15s}.cf-btn:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc);border-color:#94a3b8;border-color:var(--text-muted,#94a3b8)}.cf-btn-primary{background:#1e3a5f;background:var(--primary,#1e3a5f);border-color:#1e3a5f;border-color:var(--primary,#1e3a5f);color:#fff}.cf-btn-primary:hover{background:#163052;background:var(--primary-hover,#163052)}.cf-btn-sm{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.cf-btn-sm:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc)}.cf-btn-danger{border-color:#fecaca;color:#b91c1c}.cf-btn-danger:hover{background:#fef2f2}.cf-form-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:20px 24px}.cf-form-card h3{color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;font-weight:700;margin:0 0 16px}.cf-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:2fr 1fr 1fr}.cf-form-grid label{color:#475569;color:var(--text-secondary,#475569);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;letter-spacing:.04em;text-transform:uppercase}.cf-form-grid input,.cf-form-grid select,.cf-form-grid textarea{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:400;letter-spacing:normal;padding:8px 12px;text-transform:none}.cf-form-grid input:focus,.cf-form-grid select:focus,.cf-form-grid textarea:focus{border-color:#3b82a0;border-color:var(--primary,#3b82a0);outline:none}.cf-form-grid textarea{font-family:inherit;resize:vertical}.cf-form-full{grid-column:1/-1}.cf-form-checkbox{align-items:center;color:#0f172a!important;color:var(--text-primary,#0f172a)!important;flex-direction:row!important;font-size:12px!important;font-weight:500!important;letter-spacing:normal!important;text-transform:none!important}.cf-form-actions{display:flex;gap:10px;margin-top:18px}.cf-table-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.cf-table{border-collapse:collapse;width:100%}.cf-table td,.cf-table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);font-size:12px;padding:12px 14px;text-align:left}.cf-table th{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cf-table tbody tr:hover,.cf-table th{background:#f8fafc;background:var(--bg-muted,#f8fafc)}.cf-row-inactive{opacity:.55}.cf-label-cell{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:600}.cf-help-cell{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;margin-top:2px}.cf-table code{background:#f1f5f9;background:var(--bg-muted,#f1f5f9);border-radius:4px;color:#475569;color:var(--text-secondary,#475569);font-family:JetBrains Mono,monospace;font-size:11px;padding:2px 6px}.cf-options-cell{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;margin-top:2px}.cf-status{border-radius:10px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.cf-status.active{background:#dcfce7;color:#15803d}.cf-status.inactive{background:#f1f5f9;color:#64748b}.cf-actions{display:flex;gap:6px}.cf-empty{font-size:13px;padding:40px 20px;text-align:center}.cf-empty,.cf-footnote{color:#94a3b8;color:var(--text-muted,#94a3b8)}.cf-footnote{align-items:center;display:flex;font-size:11px;gap:8px;margin-top:16px}.cf-required-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-weight:400;letter-spacing:normal;text-transform:none}.cf-rules{background:#f8fafc;background:var(--bg-muted,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;margin-top:18px;padding:16px}.cf-rules-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.cf-rules-header h4{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:700;margin:0}.cf-rules-hint{font-size:11px}.cf-rules-empty,.cf-rules-hint{color:#94a3b8;color:var(--text-muted,#94a3b8)}.cf-rules-empty{border:1px dashed #e2e8f0;border:1px dashed var(--border,#e2e8f0);border-radius:6px;font-size:12px;padding:10px 12px}.cf-rule,.cf-rules-empty{background:#fff;margin-bottom:10px}.cf-rule{grid-gap:10px;align-items:end;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;display:grid;gap:10px;grid-template-columns:1.2fr 1.6fr auto auto;padding:10px}.cf-rule-part{color:#475569;color:var(--text-secondary,#475569);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;letter-spacing:.04em;text-transform:uppercase}.cf-rule-part input[type=text],.cf-rule-part select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:400;letter-spacing:normal;padding:7px 10px;text-transform:none}.cf-rule-required{align-items:center;color:#0f172a!important;color:var(--text-primary,#0f172a)!important;flex-direction:row!important;font-size:12px!important;font-weight:500!important;gap:6px!important;letter-spacing:normal!important;padding-bottom:8px;text-transform:none!important;white-space:nowrap}.cf-rule-remove{align-self:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;padding:8px}.cf-rule-remove:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.cf-btn-ghost{background:#0000!important;border:1px dashed #cbd5e1!important;border:1px dashed var(--border,#cbd5e1)!important;color:#475569!important;color:var(--text-secondary,#475569)!important}.cf-btn-ghost:hover{background:#fff!important;border-color:#1e3a5f!important;border-color:var(--primary,#1e3a5f)!important;color:#1e3a5f!important;color:var(--primary,#1e3a5f)!important}.cf-preview{background:#fff;border:1px dashed #cbd5e1;border:1px dashed var(--border,#cbd5e1);border-radius:8px;margin-top:14px;padding:12px 14px}.cf-preview-header{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.cf-preview-body{display:flex;flex-direction:column;gap:8px}.cf-preview-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.cf-preview-row label{color:#475569;color:var(--text-secondary,#475569);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;letter-spacing:.04em;min-width:220px;text-transform:uppercase}.cf-preview-row label select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#0f172a;color:var(--text-primary,#0f172a);font-size:12px;font-weight:400;letter-spacing:normal;padding:6px 10px;text-transform:none}.cf-chip{border-radius:10px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.02em;padding:3px 9px}.cf-chip-primary{background:#dbeafe;color:#1e40af}.cf-chip-muted{background:#f1f5f9;color:#64748b}.cf-cond-none{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px}.cf-cond-list{display:flex;flex-wrap:wrap;gap:4px}.hrc-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:24px 32px}.hrc-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.hrc-header h1{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.hrc-header p{color:#475569;color:var(--text-secondary,#475569);font-size:13px;margin:0}.hrc-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:inline-flex;font:600 13px/1 Inter,sans-serif;gap:8px;padding:9px 14px;transition:background .15s,border-color .15s}.hrc-btn:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc);border-color:#94a3b8;border-color:var(--text-muted,#94a3b8)}.hrc-btn:disabled{cursor:not-allowed;opacity:.45}.hrc-btn-primary{background:#1e3a5f;background:var(--primary,#1e3a5f);border-color:#1e3a5f;border-color:var(--primary,#1e3a5f);color:#fff}.hrc-btn-primary:hover{background:#163052;background:var(--primary-hover,#163052);border-color:#163052;border-color:var(--primary-hover,#163052)}.hrc-link-btn{align-items:center;background:#0000;border:0;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:inline-flex;font:600 11px/1 Inter,sans-serif;gap:4px;letter-spacing:.04em;padding:0;text-transform:uppercase}.hrc-link-btn:hover{color:#1e3a5f;color:var(--primary,#1e3a5f)}.hrc-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:360px 1fr}.hrc-picker{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;height:calc(100vh - 170px);overflow:hidden;position:-webkit-sticky;position:sticky;top:80px}.hrc-picker-head{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);flex-shrink:0;padding:14px 16px 10px}.hrc-search{align-items:center;background:#f8fafc;background:var(--bg-muted,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;gap:8px;padding:8px 12px;position:relative}.hrc-search:focus-within{background:#fff;border-color:#1e3a5f;border-color:var(--primary,#1e3a5f)}.hrc-search input{background:#0000;border:0;color:#0f172a;color:var(--text-primary,#0f172a);flex:1 1;font:400 13px Inter,sans-serif;outline:none}.hrc-search input::placeholder,.hrc-search-clear{color:#94a3b8;color:var(--text-muted,#94a3b8)}.hrc-search-clear{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-flex;padding:2px}.hrc-search-clear:hover{color:#0f172a;color:var(--text-primary,#0f172a)}.hrc-picker-summary{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.hrc-selected-count{color:#94a3b8;color:var(--text-muted,#94a3b8);font:600 11px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase}.hrc-picker-summary-actions{align-items:center;display:flex;gap:6px}.hrc-groups{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:8px}.hrc-groups::-webkit-scrollbar{width:6px}.hrc-groups::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border,#e2e8f0);border-radius:3px}.hrc-group{border-radius:8px}.hrc-group-header{align-items:center;background:#0000;border:0;border-radius:6px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;gap:8px;padding:9px 10px;transition:background .12s;width:100%}.hrc-group-header:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc)}.hrc-group-label{color:#0f172a;color:var(--text-primary,#0f172a);flex:1 1;font:600 12px Inter,sans-serif;text-align:left}.hrc-group-count{font-feature-settings:"tnum";background:#1e3a5f;background:var(--primary,#1e3a5f);border-radius:10px;color:#fff;font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.02em;padding:2px 7px}.hrc-group-body{padding:2px 0 6px}.hrc-group-actions{padding:4px 10px 6px 34px}.hrc-field-list{list-style:none;margin:0;padding:0}.hrc-field-row{align-items:center;border-radius:4px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:flex;font-size:12.5px;gap:10px;padding:6px 10px 6px 34px;position:relative;-webkit-user-select:none;user-select:none}.hrc-field-row:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc)}.hrc-field-row.checked{color:#1e3a5f;color:var(--primary,#1e3a5f);font-weight:500}.hrc-field-row input[type=checkbox]{height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px}.hrc-check{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:inline-flex}.hrc-field-row.checked .hrc-check{color:#1e3a5f;color:var(--primary,#1e3a5f)}.hrc-field-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrc-picker-footer{align-items:center;background:#fafbfc;background:var(--bg-muted,#fafbfc);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light,#f1f5f9);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:12px 16px}.hrc-hint{font-feature-settings:"tnum";color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:10.5px;font-variant-numeric:tabular-nums}.hrc-muted{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:13px;padding:16px 14px}.hrc-error,.hrc-muted{align-items:center;display:flex;gap:8px}.hrc-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:12px;margin:8px;padding:12px 14px}.hrc-spin{animation:hrc-spin .9s linear infinite}@keyframes hrc-spin{to{transform:rotate(1turn)}}.hrc-results{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;min-height:420px}.hrc-results-clean,.hrc-results-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:14px;justify-content:center;padding:80px 40px;text-align:center}.hrc-clean-glyph,.hrc-empty-glyph{align-items:center;background:#f1f5f9;background:var(--bg-muted,#f1f5f9);border-radius:50%;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;height:60px;justify-content:center;width:60px}.hrc-clean-glyph{background:#dcfce7;color:#15803d}.hrc-results-clean h2,.hrc-results-empty h2{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.hrc-results-clean p,.hrc-results-empty p{color:#475569;color:var(--text-secondary,#475569);font-size:13px;line-height:1.55;margin:0;max-width:380px}.hrc-results-error{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b;display:flex;font-size:13px;gap:10px;padding:16px 20px}.hrc-summary{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);padding:20px 24px;position:relative}.hrc-btn-export{align-items:center;background:#1e3a5f;background:var(--primary,#1e3a5f);border:1px solid #1e3a5f;border:1px solid var(--primary,#1e3a5f);border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:20px;top:16px;transition:background .12s ease,transform .12s ease}.hrc-btn-export:hover{background:#17304e;transform:translateY(-1px)}.hrc-btn-export:active{transform:translateY(0)}.hrc-summary-main{align-items:baseline;display:flex;gap:12px;margin-bottom:10px}.hrc-summary-number{font-feature-settings:"tnum";color:#1e3a5f;color:var(--primary,#1e3a5f);font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.015em}.hrc-summary-label{color:#475569;color:var(--text-secondary,#475569);font-size:13px;line-height:1.5}.hrc-summary-chips{display:flex;flex-wrap:wrap;gap:6px}.hrc-chip{align-items:center;background:#f1f5f9;background:var(--bg-muted,#f1f5f9);border-radius:12px;color:#475569;color:var(--text-secondary,#475569);display:inline-flex;font-size:11px;font-weight:500;padding:3px 10px;white-space:nowrap}.hrc-chip-more{color:#94a3b8;color:var(--text-muted,#94a3b8);font-weight:400}.hrc-table-wrap{overflow-x:auto}.hrc-table{border-collapse:collapse;width:100%}.hrc-table td,.hrc-table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light,#f1f5f9);font-size:13px;padding:14px 20px;text-align:left;vertical-align:top}.hrc-table th{background:#fafbfc;background:var(--bg-muted,#fafbfc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.hrc-table tbody tr:last-child td{border-bottom:0}.hrc-table tbody tr:hover{background:#fafbfc;background:var(--bg-muted,#fafbfc)}.hrc-name-cell{display:flex;flex-direction:column;gap:2px}.hrc-name{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:600}.hrc-code{font-feature-settings:"tnum";color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;font-variant-numeric:tabular-nums}.hrc-missing-pills{display:flex;flex-wrap:wrap;gap:5px}.hrc-missing-pill{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:inline-flex;font-size:11px;font-weight:500;padding:3px 9px;white-space:nowrap}.hrc-action-cell{text-align:right;width:50px}.hrc-row-open{align-items:center;border-radius:6px;color:#94a3b8;color:var(--text-muted,#94a3b8);display:inline-flex;height:28px;justify-content:center;text-decoration:none;transition:background .12s,color .12s;width:28px}.hrc-row-open:hover{background:#1e3a5f;background:var(--primary,#1e3a5f);color:#fff}@media (max-width:900px){.hrc-layout{grid-template-columns:1fr}.hrc-picker{max-height:none;position:static}}.assets-page{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:24px 32px}.assets-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.assets-header h1{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.assets-header p{color:#475569;font-size:13px;margin:0 0 4px}.assets-summary{color:#64748b;font-size:12px}.assets-header-actions{display:flex;gap:10px}.btn-ghost,.btn-primary{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font:600 13px Inter,sans-serif;gap:8px;padding:9px 14px;transition:all .12s}.btn-ghost{background:#fff;border:1px solid #e2e8f0;color:#0f172a}.btn-ghost:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:#1e3a5f;border:1px solid #1e3a5f;color:#fff}.btn-primary:hover{background:#163052}.assets-body{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:260px 1fr}.assets-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;position:-webkit-sticky;position:sticky;top:80px}.assets-sidebar-title{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.04em;padding:10px 10px 6px;text-transform:uppercase}.assets-sidebar-filtered{background:#dcfce7;border-radius:10px;color:#166534;font-size:9.5px;font-weight:700;letter-spacing:.05em;line-height:1.3;padding:2px 8px;text-transform:uppercase}.assets-sidebar ul{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.assets-sidebar li{align-items:center;border-left:2px solid #0000;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px}.assets-sidebar li:hover{background:#f8fafc}.assets-sidebar li.active{background:#f1f5f9;border-left-color:#1e3a5f;color:#1e3a5f;font-weight:600}.cat-label{flex:1 1}.cat-count{font-feature-settings:"tnum";color:#94a3b8;font-family:SF Mono,monospace;font-size:11px;font-variant-numeric:tabular-nums}.assets-sidebar li.active .cat-count{color:#1e3a5f}.assets-dashboard{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.assets-dash-tiles{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.assets-dash-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:14px 16px;transition:border-color .12s,box-shadow .12s,transform .12s}.assets-dash-tile:hover{border-color:#1e3a5f;box-shadow:0 1px 3px #0000000f;transform:translateY(-1px)}.assets-dash-tile.active{border-color:#1e3a5f;box-shadow:inset 0 0 0 1px #1e3a5f}.assets-dash-tile-icon{align-items:center;border-radius:8px;display:inline-flex;height:36px;justify-content:center;margin-bottom:8px;width:36px}.assets-dash-tile-value{font-feature-settings:"tnum";font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.assets-dash-tile-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.assets-dash-breakdowns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:900px){.assets-dash-breakdowns{grid-template-columns:1fr}}.assets-dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.assets-dash-card.alert{background:#fef2f2;border-color:#fecaca}.assets-dash-card.alert h3{color:#991b1b}.assets-dash-card h3{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.assets-dash-card h3 .hint{font-weight:400;letter-spacing:0;opacity:.7;text-transform:none}.assets-dash-card ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.assets-dash-card ul li{border-radius:4px;cursor:pointer;padding:4px 6px;transition:background .12s}.assets-dash-card ul li:hover{background:#f8fafc}.assets-dash-card ul li.active{background:#f1f5f9}.assets-dash-card:not(.alert) ul li:not(:has(.line1)){grid-gap:10px;align-items:center;display:grid;font-size:13px;gap:10px;grid-template-columns:110px 1fr 36px}.assets-dash-card .bar-name{color:#0f172a;font-weight:500}.assets-dash-card .bar-track{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden;position:relative}.assets-dash-card .bar-fill{background:#1e3a5f;border-radius:3px;bottom:0;left:0;position:absolute;top:0}.assets-dash-card .bar-count{font-feature-settings:"tnum";color:#64748b;font-family:SF Mono,monospace;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.assets-dash-actionable{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.assets-dash-card .dash-list li{padding:6px 8px}.assets-dash-card .dash-list .line1{color:#0f172a;font-size:12.5px;font-weight:500}.assets-dash-card.alert .dash-list .line1{color:#991b1b}.assets-dash-card .dash-list .line2{color:#64748b;font-size:11px;margin-top:2px}.assets-dash-card.alert .dash-list .line2{color:#7f1d1d}.assets-list-pane{background:#fff;border:1px solid #e2e8f0;border-radius:12px}.assets-filter-bar{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}.assets-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;display:flex;flex:1 1;gap:8px;padding:8px 12px;position:relative}.assets-search input{background:#0000;border:0;color:#0f172a;flex:1 1;font:400 13px Inter,sans-serif;outline:none}.assets-filter-bar select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font:500 12.5px Inter,sans-serif;padding:8px 10px}.assets-filter-holder{min-width:200px;position:relative}.assets-filter-holder input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font:500 12.5px Inter,sans-serif;outline:none;padding:8px 10px;width:100%}.assets-filter-holder input:focus{border-color:#94a3b8}.assets-filter-holder-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 6px 20px #0f172a14;left:0;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.assets-filter-holder-dropdown li{align-items:baseline;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12.5px;gap:6px;padding:6px 10px}.assets-filter-holder-dropdown li:hover{background:#f1f5f9;color:#0f172a}.assets-filter-holder-dropdown li strong{color:#0f172a;font-weight:600}.assets-filter-holder-count{color:#94a3b8;font-size:11px;font-style:italic;margin-left:auto}.assets-filter-chip{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;color:#166534;display:inline-flex;font:600 12px Inter,sans-serif;gap:6px;padding:6px 10px}.assets-filter-chip-x{background:#0000;border:0;color:#166534;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.assets-filter-chip-x:hover{color:#14532d}.assets-more-filters{position:relative}.assets-more-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font:600 12.5px Inter,sans-serif;gap:6px;padding:8px 12px;transition:border-color .12s ease,color .12s ease}.assets-more-btn:hover{border-color:#94a3b8;color:#0f172a}.assets-more-btn.active{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.assets-more-btn-count{align-items:center;background:#2563eb;border-radius:9px;color:#fff;display:inline-flex;font-size:10.5px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.assets-more-popover{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 32px #0f172a1a;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 140px);overflow-y:auto;padding:12px;position:absolute;right:0;top:calc(100% + 6px);width:320px;z-index:40}.assets-more-field{display:flex;flex-direction:column;gap:3px}.assets-more-field>label{color:#64748b;font:600 10.5px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase}.assets-more-field .assets-filter-holder input,.assets-more-field select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font:500 12.5px Inter,sans-serif;outline:none;padding:7px 9px;width:100%}.assets-more-field .assets-filter-holder input:focus,.assets-more-field select:focus{border-color:#94a3b8}.assets-active-filters{background:#fafafa;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px}.assets-chip{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font:500 11.5px Inter,sans-serif;gap:4px;padding:4px 4px 4px 10px}.assets-chip,.assets-chip button{align-items:center;display:inline-flex}.assets-chip button{background:#0000;border:0;border-radius:50%;color:#94a3b8;cursor:pointer;height:18px;justify-content:center;padding:0;width:18px}.assets-chip button:hover{background:#fee2e2;color:#991b1b}.assets-card-list{display:flex;flex-direction:column}.asset-card{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:14px 16px}.asset-card:hover{background:#f8fafc}.asset-icon{align-items:center;background:#f1f5f9;border-radius:8px;color:#475569;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.asset-main{flex:1 1;min-width:0}.asset-row-1{color:#0f172a;font-size:13px}.asset-id{color:#64748b;font-family:SF Mono,monospace;font-size:11px;margin-right:4px}.asset-sep{color:#94a3b8;margin:0 4px}.asset-model{font-weight:600}.asset-specs{color:#475569;font-size:12px;margin-top:2px}.asset-serial{color:#94a3b8;font-family:SF Mono,monospace;font-size:11px;margin-top:2px}.pill{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.pill-assigned{background:#dcfce7;color:#166534}.pill-stock{background:#f1f5f9;color:#475569}.asset-holder{align-items:baseline;color:#64748b;cursor:pointer;display:flex;flex-wrap:wrap;font-size:11.5px;gap:4px;line-height:1.3;margin-top:4px}.asset-holder-arrow{color:#94a3b8}.asset-holder-name{color:#0f172a;font-weight:600;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:color .12s ease,-webkit-text-decoration-color .12s ease;transition:text-decoration-color .12s ease,color .12s ease;transition:text-decoration-color .12s ease,color .12s ease,-webkit-text-decoration-color .12s ease}.asset-holder:hover .asset-holder-name{color:#166534;-webkit-text-decoration-color:currentColor;text-decoration-color:initial}.asset-holder-number{font-feature-settings:"tnum";color:#94a3b8;font-variant-numeric:tabular-nums}.asset-holder-date{color:#94a3b8;font-size:11px;font-style:italic;white-space:nowrap}.asset-chev{color:#94a3b8;flex-shrink:0}.assets-pagination{align-items:center;border-top:1px solid #f1f5f9;color:#64748b;display:flex;font-size:12px;gap:12px;justify-content:center;padding:14px}.assets-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px}.assets-pagination button:disabled{cursor:not-allowed;opacity:.5}.assets-empty,.assets-error,.assets-loading{color:#64748b;font-size:13px;padding:40px 20px;text-align:center}.assets-error{background:#fef2f2;color:#991b1b}.btn-link{background:0;border:0;color:#1e3a5f;cursor:pointer;font-weight:600;margin-left:6px}@media (max-width:900px){.assets-body{grid-template-columns:1fr}.assets-sidebar{position:static}}.aset-modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.aset-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0f172a33;display:flex;flex-direction:column;max-height:90vh;max-width:calc(100vw - 40px);overflow:hidden;width:560px}.aset-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.aset-modal-header h2{color:#0f172a;font-size:16px;font-weight:700;margin:0}.aset-close{background:#0000;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;padding:4px}.aset-close:hover{background:#f1f5f9;color:#0f172a}.aset-modal-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px}.aset-modal-body label{color:#475569;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px}.aset-modal-body input,.aset-modal-body select,.aset-modal-body textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font:400 13px Inter,sans-serif;padding:8px 10px}.aset-modal-body input:focus,.aset-modal-body select:focus,.aset-modal-body textarea:focus{border-color:#1e3a5f;outline:none}.aset-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.aset-specs-block{border-top:1px solid #f1f5f9;padding-top:12px}.aset-specs-title{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.aset-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:12px;padding:8px 10px}.aset-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.asset-actions{display:flex;flex-shrink:0;gap:4px;margin-left:6px}.icon-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .12s;width:28px}.icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.icon-btn.danger:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.aset-asset-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:10px 12px}.aset-asset-summary .aset-id-line{color:#64748b;font-family:SF Mono,monospace;font-size:11px}.aset-asset-summary .aset-model-line{color:#0f172a;font-size:13px;font-weight:600}.aset-asset-summary .aset-serial-line{color:#94a3b8;font-family:SF Mono,monospace;font-size:11px}.aset-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:flex;font-size:12px;padding:8px 10px}.aset-warning,.btn-danger{align-items:center;gap:8px}.btn-danger{background:#b91c1c;border:1px solid #b91c1c;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font:600 13px Inter,sans-serif;padding:9px 14px;transition:all .12s}.btn-danger:hover{background:#991b1b}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.asset-detail-page{color:#0f172a;font-family:Inter,sans-serif;margin:0 auto;max-width:1000px;padding:24px 32px}.asset-detail-back{align-items:center;background:#0000;border:0;color:#1e3a5f;cursor:pointer;display:inline-flex;font:600 13px Inter,sans-serif;gap:6px;margin-bottom:12px;padding:0}.asset-detail-back:hover{text-decoration:underline}.asset-detail-header{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px;padding:20px 24px}.asset-detail-title{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.asset-detail-sub{color:#475569;font-size:13px;margin:0 0 8px}.asset-detail-chips{display:flex;flex-wrap:wrap;gap:6px}.asset-detail-chip{background:#f1f5f9;border-radius:12px;color:#475569;font-size:11px;font-weight:500;padding:3px 10px}.asset-detail-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.asset-status-line{color:#475569;font-size:13px;margin:0 0 12px}.asset-status-line strong{color:#0f172a}.asset-card-block{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:18px 22px}.asset-card-block h3{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.asset-specs-grid{grid-gap:10px 20px;display:grid;font-size:13px;gap:10px 20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.asset-spec-row{display:flex;gap:10px;justify-content:space-between}.asset-spec-key{color:#64748b}.asset-spec-val{color:#0f172a;font-weight:500}.asset-timeline{display:flex;flex-direction:column;gap:10px}.asset-timeline-row{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.asset-timeline-row.open{background:#dcfce7;border-color:#bbf7d0}.asset-timeline-dates{color:#64748b;font-family:SF Mono,monospace;font-size:11px;white-space:nowrap}.asset-timeline-name{color:#0f172a;font-size:13px;font-weight:600}.asset-timeline-emp{color:#64748b;font-family:SF Mono,monospace;font-size:11px;margin-left:6px}.asset-timeline-reason{color:#475569;font-size:12px;margin-top:2px}.asset-timeline-pill{background:#166534;border-radius:10px;color:#fff;font-size:10px;font-weight:600;margin-left:auto;padding:2px 8px}.asset-empty-history{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#94a3b8;font-size:13px;padding:24px;text-align:center}.aset-modal-wide{width:720px}.aset-cat-card{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;overflow:hidden}.aset-cat-header{align-items:center;background:#f8fafc;border:0;color:#0f172a;cursor:pointer;display:flex;font:600 13px Inter,sans-serif;gap:8px;padding:10px 12px;text-align:left;width:100%}.aset-cat-header:hover{background:#f1f5f9}.aset-cat-name{flex:1 1}.aset-cat-count{font-feature-settings:"tnum";color:#64748b;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500}.aset-cat-body{background:#fff;display:flex;flex-direction:column;gap:8px;padding:12px}.aset-cat-empty{color:#94a3b8;font-size:12px;padding:4px 0}.aset-key-row{align-items:center;display:flex;gap:8px}.aset-key-row input{border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;flex:1 1;font:400 13px Inter,sans-serif;padding:7px 10px}.aset-key-row input:focus{border-color:#1e3a5f;outline:none}.aset-cat-actions{display:flex;gap:8px;justify-content:space-between;margin-top:4px}.mdp-page{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1200px;padding:24px 32px}.mdp-header{margin-bottom:20px}.mdp-header h1{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.mdp-header p{color:#475569;font-size:13px;margin:0}.mdp-groups{display:flex;flex-direction:column;gap:20px}.mdp-group h2{color:#94a3b8;font:600 11px Inter,sans-serif;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}.mdp-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mdp-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:12px;padding:14px 16px;text-align:left;transition:border-color .12s,box-shadow .12s,transform .12s}.mdp-card:hover{border-color:#1e3a5f;box-shadow:0 1px 3px #0000000d;transform:translateY(-1px)}.mdp-card-icon{align-items:center;background:#1e3a5f14;border-radius:8px;color:#1e3a5f;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mdp-card-main{flex:1 1;min-width:0}.mdp-card-label{color:#0f172a;font-size:14px;font-weight:600}.mdp-card-meta{color:#64748b;font-size:11px;margin-top:2px}.mdp-card-chev{color:#94a3b8;flex-shrink:0}.navbar{background:var(--bg-card);box-shadow:var(--shadow-navbar);height:var(--navbar-height);position:-webkit-sticky;position:sticky;top:0;transition:box-shadow var(--transition-base);z-index:50}.navbar-inner{height:100%;justify-content:space-between;margin:0 auto;max-width:var(--max-width-dashboard);padding:0 var(--space-6)}.navbar-inner,.navbar-left{align-items:center;display:flex}.navbar-left{gap:var(--space-4)}.navbar-brand{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.navbar-brand,.navbar-brand:hover{color:var(--primary);text-decoration:none}.nav-links{align-items:center;display:flex;gap:var(--space-2)}.nav-links a{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-links a:hover{background:var(--bg-muted);color:var(--primary);text-decoration:none}.nav-links a.active{background:#1e3a5f0f;color:var(--primary)}.nav-links a.active:after{background:var(--primary);border-radius:1px;bottom:-1px;content:"";height:2px;left:var(--space-3);position:absolute;right:var(--space-3)}.nav-btn-logout{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--danger);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:4px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.nav-btn-logout:hover{background:var(--danger-light)}.main-content{min-height:calc(100vh - var(--navbar-height))}.admin-shell{background:#f8fafc;display:grid;grid-template-columns:240px 1fr;grid-template-columns:var(--sidebar-w,240px) 1fr;grid-template-rows:56px 1fr;min-height:100vh}.admin-shell.collapsed{--sidebar-w:60px}.admin-shell .admin-topbar{grid-column:2/3;grid-row:1/2}.admin-shell .admin-sidebar{grid-column:1/2;grid-row:1/-1}.admin-shell .admin-main{grid-column:2/3;grid-row:2/3;overflow-x:auto;padding:0}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;transition:width .18s ease}.admin-sidebar.collapsed{width:60px}.admin-sidebar .sidebar-brand{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:8px;height:56px;padding:0 12px 0 16px}.admin-sidebar .sidebar-brand-collapse{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#94a3b8;cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;margin-left:auto;transition:background .12s,color .12s,border-color .12s;width:24px}.admin-sidebar .sidebar-brand-collapse:hover{background:#f1f5f9;border-color:#e2e8f0;color:#1e3a5f}.admin-sidebar .sidebar-brand a{align-items:center;color:#0f172a;display:inline-flex;flex:1 1;font:700 15px Inter,sans-serif;gap:10px;letter-spacing:-.01em;min-width:0;text-decoration:none}.admin-sidebar .brand-mark{align-items:center;aspect-ratio:1/1;background:#1e3a5f;border-radius:6px;color:#fff;display:inline-flex;flex-shrink:0;font:700 13px Inter,sans-serif;height:28px;justify-content:center;min-height:28px;min-width:28px;width:28px}.admin-sidebar .brand-text{white-space:nowrap}.admin-sidebar.collapsed .sidebar-brand{flex-direction:column;gap:4px;height:auto;padding:8px 0 6px}.admin-sidebar.collapsed .sidebar-brand a{flex:0 1;justify-content:center}.admin-sidebar.collapsed .sidebar-brand-collapse{margin-left:0}.admin-sidebar .sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:12px 8px 4px}.admin-sidebar .sidebar-group{display:flex;flex-direction:column;gap:2px}.admin-sidebar .sidebar-group-label{color:#94a3b8;font:600 10.5px Inter,sans-serif;letter-spacing:.06em;padding:4px 10px 2px;text-transform:uppercase}.admin-sidebar.collapsed .sidebar-group-label{display:none}.admin-sidebar .sidebar-nav ul{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.admin-sidebar .sidebar-nav li a{align-items:center;border-left:2px solid #0000;border-radius:6px;color:#475569;display:flex;font:500 13px Inter,sans-serif;gap:10px;padding:8px 10px;text-decoration:none;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.admin-sidebar .sidebar-nav li a:hover{background:#f8fafc;color:#0f172a}.admin-sidebar .sidebar-nav li a.active{background:#f1f5f9;border-left-color:#1e3a5f;color:#1e3a5f;font-weight:600}.admin-sidebar .sidebar-icon{color:inherit;display:inline-flex;flex-shrink:0}.admin-sidebar .sidebar-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.admin-sidebar .sidebar-lock{color:#94a3b8;font-size:10px;margin-left:auto}.admin-sidebar.collapsed .sidebar-nav li a{justify-content:center;padding:9px 0}.admin-sidebar .sidebar-collapse-toggle{align-items:center;background:#0000;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font:500 12px Inter,sans-serif;gap:6px;justify-content:flex-start;margin:8px;padding:7px 10px;transition:background .12s}.admin-sidebar .sidebar-collapse-toggle:hover{background:#f8fafc;color:#0f172a}.admin-sidebar.collapsed .sidebar-collapse-toggle{justify-content:center}.sidebar-backdrop{background:#0f172a66;inset:0;position:fixed;z-index:50}.admin-sidebar.mobile{bottom:0;box-shadow:0 8px 24px #0f172a26;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .18s ease;width:260px;z-index:60}.admin-sidebar.mobile.mobile-open{transform:translateX(0)}.admin-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;height:56px;padding:0 16px}.topbar-hamburger{align-items:center;background:#0000;border:0;border-radius:6px;color:#475569;cursor:pointer;display:none;height:32px;justify-content:center;width:32px}.topbar-hamburger:hover{background:#f1f5f9}.topbar-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:not-allowed;display:inline-flex;flex:1 1;font:400 13px Inter,sans-serif;gap:8px;max-width:360px;opacity:.85;padding:6px 12px}.topbar-right{align-items:center;display:flex;gap:10px;margin-left:auto}.topbar-user{background:#0000;border-radius:24px;gap:8px;padding:4px 10px 4px 4px}.topbar-avatar,.topbar-user{align-items:center;display:inline-flex}.topbar-avatar{background:#1e3a5f;border-radius:50%;color:#fff;font:700 11px Inter,sans-serif;height:30px;justify-content:center;letter-spacing:.02em;width:30px}.topbar-user-meta{display:flex;flex-direction:column;line-height:1.15}.topbar-user-name{color:#0f172a;font:600 12.5px Inter,sans-serif}.topbar-user-role{color:#94a3b8;font:500 10.5px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase}.topbar-logout{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .12s,color .12s,border-color .12s;width:32px}.topbar-logout:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.topbar-login{border:1px solid #e2e8f0;border-radius:8px;color:#1e3a5f;font:600 13px Inter,sans-serif;padding:6px 12px;text-decoration:none}@media (max-width:1023.98px){.admin-shell{grid-template-columns:1fr}.admin-shell .admin-sidebar{grid-column:unset;grid-row:unset}.admin-shell .admin-main,.admin-shell .admin-topbar{grid-column:1/-1}.topbar-hamburger{display:inline-flex}.topbar-user-meta{display:none}}