:root,[data-theme=light]{--brand-navy: #25214C;--brand-blue: #397498;--brand-gray: #E3E3E3;--brand-mauve: #6A475A;--brand-red: #9A191C;--brand-navy-mid: #2F4B72;--brand-blue-light: #8EABBE;--brand-lavender: #848298;--brand-burgundy: #601D34;--color-primary: #25214C;--color-primary-dark: #1B1838;--color-primary-hover: #2F4B72;--color-primary-active: #397498;--color-accent: #9A191C;--color-accent-hover: #7A1316;--color-accent-light: rgba(154, 25, 28, .08);--color-bg-light: #F5F6F8;--color-bg-white: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-text-dark: #20213D;--color-text-secondary: #74758B;--color-text-muted: #9899AA;--color-border-light: #E4E5E9;--color-border-input: #D6D7DD;--color-action: #397498;--bg-page: #F5F6F8;--bg-topbar: #FFFFFF;--bg-surface: #FFFFFF;--bg-surface-secondary: #F7F7F9;--bg-elevated: #FFFFFF;--brand-primary: #6754E8;--brand-primary-hover: #5A4BD6;--brand-primary-active: #4C3EC5;--brand-vsp-red: #9A191C;--success: #19B95A;--warning: #E59B22;--danger: #D64545;--info: #3389B6;--color-cta: #6754E8;--color-cta-hover: #5A4BD6;--color-cta-active: #4C3EC5;--color-cta-light: rgba(103, 84, 232, .1);--color-overlay: rgba(0, 0, 0, .45);--toast-success-bg: #FFFFFF;--toast-success-border: #22C55E;--toast-error-bg: #FFFFFF;--toast-error-border: #EF4444;--toast-info-bg: #FFFFFF;--toast-info-border: #3B82F6;--bg-sidebar: #FFFFFF;--sidebar-text: #20213D;--sidebar-text-muted: #74758B;--sidebar-active-bg: rgba(154, 25, 28, .07);--sidebar-active-text: #9A191C;--sidebar-hover-bg: rgba(32, 33, 61, .04);--sidebar-border: #E4E5E9;--sidebar-section-color: #9899AA;--topbar-text: #20213D;--topbar-text-muted: #74758B;--topbar-border: #E4E5E9;--topbar-hover-bg: rgba(32, 33, 61, .05);--topbar-chip-bg: rgba(32, 33, 61, .05);--table-header-bg: var(--color-primary);--table-header-text: #FFFFFF;--table-row-hover: rgba(103, 84, 232, .06);--table-divider: #ECEDF1;--bg-light: var(--bg-page);--bg-white: var(--bg-surface);--bg-card: var(--bg-surface);--text-dark: var(--color-text-dark);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-on-dark: #FFFFFF;--text-on-dark-muted: rgba(255, 255, 255, .55);--border-light: var(--color-border-light);--border-sidebar: var(--sidebar-border);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-size-page-title: 1.875rem;--font-weight-page-title: 600;--font-size-section-title: 1.25rem;--font-weight-section-title: 600;--font-size-body: 14px;--font-weight-body: 400;--font-size-label: .8125rem;--font-weight-label: 500;--font-size-small: .75rem;--font-weight-small: 400;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 32px;--spacing-8: 40px;--spacing-9: 48px;--spacing-10: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--radius-input: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--bp-mobile: 768px;--bp-tablet: 1024px;--bp-desktop-lg: 1280px;--status-success-bg: rgba(34, 197, 94, .12);--status-success-text: #166534;--status-warning-bg: rgba(245, 158, 11, .12);--status-warning-text: #92400e;--status-error-bg: rgba(239, 68, 68, .12);--status-error-text: #991b1b;--status-neutral-bg: rgba(107, 114, 128, .12);--status-neutral-text: #374151;--status-info-bg: rgba(59, 130, 246, .12);--status-info-text: #1e40af;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--sidebar-collapsed-width: 68px;--header-height: 56px}[data-theme=dark]{--color-primary: #8C80FF;--color-primary-dark: #171D3A;--color-primary-hover: #6754E8;--color-primary-active: #8C80FF;--color-accent: #E65762;--color-accent-hover: #D64550;--color-accent-light: rgba(230, 87, 98, .16);--color-bg-light: #171D3A;--color-bg-white: #202A4D;--color-bg-elevated: #29355D;--color-text-dark: #F4F5F8;--color-text-secondary: #B8BFD0;--color-text-muted: #8892A8;--color-border-light: rgba(255, 255, 255, .08);--color-border-input: rgba(255, 255, 255, .14);--color-action: #8C80FF;--bg-page: #171D3A;--bg-topbar: #2E527C;--bg-surface: #202A4D;--bg-surface-secondary: #29244E;--bg-elevated: #29355D;--brand-primary: #8C80FF;--brand-primary-hover: #6754E8;--brand-primary-active: #5A4BD6;--brand-vsp-red: #E65762;--success: #27C46B;--warning: #E9A825;--danger: #E65762;--info: #55A7DA;--topbar-text: #F4F5F8;--topbar-text-muted: #C7D0E0;--topbar-border: rgba(255, 255, 255, .08);--topbar-hover-bg: rgba(255, 255, 255, .1);--topbar-chip-bg: rgba(255, 255, 255, .1);--table-header-bg: #29355D;--table-header-text: #E7EBF4;--table-row-hover: rgba(255, 255, 255, .05);--table-divider: rgba(255, 255, 255, .07);--color-cta: #8C80FF;--color-cta-hover: #7A6CF0;--color-cta-active: #6754E8;--color-cta-light: rgba(140, 128, 255, .16);--color-overlay: rgba(8, 11, 25, .62);--toast-success-bg: #263354;--toast-success-border: #22C55E;--toast-error-bg: #263354;--toast-error-border: #EF4444;--toast-info-bg: #263354;--toast-info-border: #3B82F6;--bg-sidebar: #28234F;--sidebar-text: #F4F5F8;--sidebar-text-muted: rgba(255, 255, 255, .6);--sidebar-active-bg: rgba(230, 87, 98, .18);--sidebar-active-text: #FF8A93;--sidebar-hover-bg: rgba(255, 255, 255, .07);--sidebar-border: rgba(255, 255, 255, .08);--sidebar-section-color: rgba(255, 255, 255, .5);--bg-light: var(--bg-page);--bg-white: var(--bg-surface);--bg-card: var(--bg-surface);--text-dark: var(--color-text-dark);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-on-dark: #F0F0F4;--text-on-dark-muted: rgba(255, 255, 255, .55);--border-light: var(--color-border-light);--border-sidebar: var(--sidebar-border);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-card: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--status-success-bg: rgba(34, 197, 94, .15);--status-success-text: #6ee7b7;--status-warning-bg: rgba(245, 158, 11, .15);--status-warning-text: #fbbf24;--status-error-bg: rgba(239, 68, 68, .15);--status-error-text: #fca5a5;--status-neutral-bg: rgba(142, 171, 190, .12);--status-neutral-text: #8EABBE;--status-info-bg: rgba(59, 130, 246, .15);--status-info-text: #93c5fd}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{height:100%;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-dark);background-color:var(--bg-page);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{height:100%}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-dark)}h1{font-size:1.875rem;letter-spacing:-.025em}h2{font-size:1.5rem;letter-spacing:-.02em}h3{font-size:1.25rem;letter-spacing:-.015em}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{line-height:1.6;color:var(--text-secondary)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.sidebar-nav{scrollbar-color:rgba(255,255,255,.15) transparent}.text-left{text-align:left}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--color-accent)}.text-primary{color:var(--color-primary)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-in{animation:slideInLeft .25s ease forwards}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.page-container{width:100%;max-width:1600px;margin:0 auto;padding:clamp(16px,2vw,32px)}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(12px,1.5vw,24px)}.responsive-grid--sm{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hide-mobile{display:initial}.show-mobile{display:none}@media (max-width: 767px){.hide-mobile{display:none!important}.show-mobile{display:initial!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:44px;padding:0 var(--spacing-5);border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:var(--font-size-label);font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn--sm{min-height:34px;padding:0 var(--spacing-4);font-size:var(--font-size-small)}.btn--block{width:100%}.btn--primary{background-color:var(--color-cta);color:#fff;border-color:var(--color-cta)}.btn--primary:hover{background-color:var(--color-cta-hover);border-color:var(--color-cta-hover)}.btn--primary:active{background-color:var(--color-cta-active)}.btn--secondary{background-color:var(--bg-surface);color:var(--color-text-dark);border-color:var(--color-border-input)}.btn--secondary:hover{background-color:var(--bg-surface-secondary);border-color:var(--color-text-muted)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover{background-color:var(--sidebar-hover-bg);color:var(--color-text-dark)}.btn--danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover{filter:brightness(.94)}.input,.field-input{width:100%;min-height:42px;padding:0 var(--spacing-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--color-text-dark);font-family:var(--font-sans);font-size:var(--font-size-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder,.field-input::placeholder{color:var(--color-text-muted)}.input:focus,.field-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--color-cta-light)}textarea.input,textarea.field-input{min-height:84px;padding:var(--spacing-3);resize:vertical}.form-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-field label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-dark);line-height:1.4}.form-field label .required,.form-field label.required:after{color:var(--color-accent);font-weight:var(--font-weight-label)}.form-field label.required:after{content:" *"}.form-field label .required{margin-left:2px}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-input);padding:var(--spacing-2) var(--spacing-3);min-height:40px;font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text-dark);background-color:var(--color-bg-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-field input::placeholder,.form-field select::placeholder,.form-field textarea::placeholder{color:var(--color-text-muted)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-action);box-shadow:0 0 0 3px #3974981f}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background-color:var(--color-bg-light);color:var(--color-text-muted);cursor:not-allowed}.form-field textarea{min-height:80px;resize:vertical}.form-field--error input,.form-field--error select,.form-field--error textarea,.form-field input[aria-invalid=true],.form-field select[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:var(--color-accent)}.form-field--error input:focus,.form-field--error select:focus,.form-field--error textarea:focus,.form-field input[aria-invalid=true]:focus,.form-field select[aria-invalid=true]:focus,.form-field textarea[aria-invalid=true]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-field__error-message{font-size:var(--font-size-small);font-weight:var(--font-weight-small);color:var(--color-accent);margin-top:var(--spacing-1);line-height:1.4}.form-field-checkbox{flex-direction:row;align-items:center;gap:var(--spacing-2)}.form-field-checkbox label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.form-field-checkbox input[type=checkbox],.form-field-checkbox input[type=radio]{min-height:auto;width:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4) var(--spacing-6)}.form-grid--3-cols{grid-template-columns:repeat(3,1fr)}.form-grid .form-field--full-width{grid-column:1 / -1}@media (max-width: 767px){.form-grid,.form-grid--3-cols{grid-template-columns:1fr;gap:var(--spacing-4)}}.vsp-logo{display:block;width:100%;height:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-select:none;user-select:none}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-primary-hover) 100%);padding:var(--spacing-6);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:var(--radius-full);background:radial-gradient(circle,var(--color-accent-light) 0%,transparent 70%);pointer-events:none}.login-screen:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none}.login-container{width:min(420px,calc(100vw - 32px));background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-9) var(--spacing-8);position:relative;z-index:1;animation:fadeInUp .5s ease forwards}.login-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-7)}.login-logo img{width:100%;max-width:280px;height:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast}.login-header{text-align:center;margin-bottom:var(--spacing-7)}.login-header h1{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-1);letter-spacing:-.5px}.login-header p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.error-message{background:var(--status-error-bg);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-5);font-size:var(--font-size-label);color:var(--status-error-text);text-align:center;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-5);border:1px solid var(--color-border-input);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--color-text-dark);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;min-height:48px}.google-login-btn:hover:not(:disabled){border-color:var(--brand-primary);background:var(--bg-surface-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.google-login-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.google-login-btn:active:not(:disabled){transform:translateY(0)}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.google-login-btn .google-icon{width:20px;height:20px;flex-shrink:0}.login-hint{font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center;margin:0}.login-footer{margin-top:var(--spacing-7);padding-top:var(--spacing-5);border-top:1px solid var(--color-border-light);text-align:center}.login-footer p{font-size:var(--font-size-small);color:var(--color-text-muted);margin:0}@media (max-width: 480px){.login-screen{padding:var(--spacing-4)}.login-container{padding:var(--spacing-8) var(--spacing-5);border-radius:var(--radius-xl)}.login-logo{margin-bottom:var(--spacing-6)}.login-logo .vsp-logo{max-width:220px;margin:0 auto}.google-login-btn{min-height:48px}}.security-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-primary-hover) 100%);padding:24px;position:relative;overflow:hidden}.security-page:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,42,.08) 0%,transparent 70%);pointer-events:none}.security-card{width:100%;max-width:460px;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d,0 10px 20px #00000026;padding:48px 40px;position:relative;z-index:1;text-align:center;animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.security-icon{font-size:64px;margin-bottom:24px;line-height:1}.security-card h1{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0 0 12px;letter-spacing:-.5px}.security-card p{font-size:.9375rem;color:var(--color-text-secondary);margin:0 0 8px;line-height:1.5}.security-card p:last-of-type{margin-bottom:0}.security-link{display:inline-block;margin-top:28px;padding:12px 24px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s ease}.security-link:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,#4a4c8e 100%);box-shadow:0 4px 12px #2b2d6b4d;transform:translateY(-1px)}.security-link:focus-visible{outline:3px solid rgba(43,45,107,.4);outline-offset:2px}.security-contact{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-bg-light)}.security-contact p{font-size:.8125rem;color:var(--color-text-muted)}@media (max-width: 480px){.security-card{padding:36px 24px;border-radius:16px}.security-icon{font-size:48px}.security-card h1{font-size:1.25rem}}.icon-selector{border:1px solid var(--color-border-light);border-radius:12px;background:#fff;overflow:hidden}.icon-selector__search{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg-light)}.icon-selector__search-icon{font-size:20px;color:var(--color-text-muted)}.icon-selector__input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--color-text-dark);outline:none}.icon-selector__input::placeholder{color:var(--color-text-muted)}.icon-selector__clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--color-text-secondary);transition:background .15s ease}.icon-selector__clear:hover{background:var(--color-border-light)}.icon-selector__clear .material-icons{font-size:16px}.icon-selector__catalog{max-height:360px;overflow-y:auto;padding:12px 16px}.icon-selector__empty{text-align:center;color:var(--color-text-muted);font-size:.875rem;padding:24px 0;margin:0}.icon-selector__category{margin-bottom:16px}.icon-selector__category:last-child{margin-bottom:0}.icon-selector__category-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--color-bg-light)}.icon-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.icon-selector__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:2px solid transparent;border-radius:8px;background:var(--color-bg-light);cursor:pointer;transition:all .15s ease}.icon-selector__item:hover{background:#eef2ff;border-color:#c7d2fe}.icon-selector__item:focus-visible{outline:3px solid rgba(43,45,107,.4);outline-offset:2px}.icon-selector__item--selected{background:#eef2ff;border-color:var(--color-primary);box-shadow:0 2px 4px #2b2d6b26}.icon-selector__item--selected .icon-selector__icon{color:var(--color-primary)}.icon-selector__icon{font-size:24px;color:#4b5563;line-height:1}.icon-selector__label{font-size:.625rem;color:var(--color-text-secondary);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-selector__catalog::-webkit-scrollbar{width:6px}.icon-selector__catalog::-webkit-scrollbar-track{background:transparent}.icon-selector__catalog::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.icon-selector__catalog::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width: 480px){.icon-selector__grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.icon-selector__catalog{max-height:280px}}.security-admin{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.security-admin__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.security-admin__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1.4}.btn-icon{font-size:18px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,#4a4c8e 100%);box-shadow:0 4px 12px #2b2d6b4d}.btn-secondary{background:var(--color-bg-light);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.btn-secondary:hover:not(:disabled){background:var(--color-border-light)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.security-admin__error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:16px}.security-admin__error .material-icons{font-size:20px}.security-admin__error-close{margin-left:auto;background:none;border:none;cursor:pointer;color:#dc2626;padding:2px;border-radius:4px}.security-admin__error-close:hover{background:#dc26261a}.security-admin__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--color-text-secondary);font-size:.9375rem}.security-admin__spinner{width:24px;height:24px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-admin__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;text-align:center;color:var(--color-text-secondary)}.security-admin__empty .material-icons{font-size:48px;color:var(--color-border-light)}.security-admin__empty p{margin:0;font-size:.9375rem}.security-admin__badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.security-admin__badge--success{background:#dcfce7;color:#166534}.security-admin__badge--muted{background:var(--color-bg-light);color:var(--color-text-secondary)}.security-admin__badge--info{background:#dbeafe;color:#1e40af}.security-admin__table-container{border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden;background:#fff}.security-admin__drag-hint{display:flex;align-items:center;gap:6px;padding:10px 16px;margin:0;font-size:.8125rem;color:var(--color-text-muted);background:var(--color-bg-light);border-bottom:1px solid var(--color-border-light)}.security-admin__drag-hint .material-icons{font-size:16px}.security-admin__table{width:100%;border-collapse:collapse}.security-admin__table thead{background:var(--color-bg-light)}.security-admin__table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-light)}.security-admin__table td{padding:12px 16px;font-size:.875rem;color:var(--color-text-dark);border-bottom:1px solid var(--color-bg-light);vertical-align:middle}.security-admin__table tbody tr:last-child td{border-bottom:none}.security-menu-row{transition:background .15s ease,opacity .15s ease;cursor:grab}.security-menu-row:hover{background:var(--color-bg-light)}.security-menu-row--inactive{opacity:.65}.security-menu-row--dragging{opacity:.4;background:#eef2ff}.security-menu-row--drag-over{background:#eef2ff;box-shadow:inset 0 -2px 0 var(--color-primary)}.security-menu-row__drag-handle{cursor:grab;color:var(--color-border-light);text-align:center}.security-menu-row__drag-handle .material-icons{font-size:20px}.security-menu-row:hover .security-menu-row__drag-handle{color:var(--color-text-secondary)}.security-menu-row__order{font-weight:600;color:var(--color-text-secondary);text-align:center}.security-menu-row__icon{text-align:center}.security-menu-row__icon .material-icons{font-size:22px;color:var(--color-primary)}.security-menu-row__name{font-weight:500}.security-menu-row__count{text-align:center}.security-menu-row__actions{display:flex;gap:6px}.security-admin__action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.security-admin__action-btn .material-icons{font-size:18px}.security-admin__action-btn--edit{background:#eef2ff;color:var(--color-primary)}.security-admin__action-btn--edit:hover{background:#c7d2fe}.security-admin__action-btn--danger{background:#fef2f2;color:#dc2626}.security-admin__action-btn--danger:hover{background:#fecaca}.security-admin__action-btn--activate{background:#dcfce7;color:#166534}.security-admin__action-btn--activate:hover{background:#bbf7d0}.security-admin__dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.security-admin__dialog{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:440px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.security-admin__dialog-icon{margin-bottom:16px}.security-admin__dialog-icon .material-icons{font-size:48px;color:#f59e0b}.security-admin__dialog h3{margin:0 0 12px;font-size:1.125rem;font-weight:700;color:#1f2937}.security-admin__dialog p{margin:0 0 8px;font-size:.875rem;color:#4b5563;line-height:1.5}.security-admin__dialog-note{font-size:.8125rem!important;color:var(--color-text-muted)!important;font-style:italic}.security-admin__dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.security-admin__modal{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease}.security-admin__modal h2{margin:0 0 20px;font-size:1.25rem;font-weight:700;color:var(--color-primary)}.security-admin__form{display:flex;flex-direction:column;gap:20px}.security-admin__field{display:flex;flex-direction:column;gap:6px}.security-admin__field label{font-size:.8125rem;font-weight:600;color:var(--color-text-dark)}.security-admin__field input[type=text],.security-admin__field input[type=number]{padding:10px 14px;border:1px solid var(--color-border-light);border-radius:8px;font-size:.875rem;color:#1f2937;transition:border-color .15s ease,box-shadow .15s ease}.security-admin__field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b2d6b1a}.security-admin__icon-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#eef2ff;border-radius:8px;margin-bottom:8px}.security-admin__icon-preview .material-icons{font-size:24px;color:var(--color-primary)}.security-admin__icon-preview span:last-child{font-size:.8125rem;color:#4b5563}.security-admin__form-error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.8125rem;margin-bottom:4px}.security-admin__form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--color-bg-light)}@media (max-width: 768px){.security-admin{padding:16px}.security-admin__header{flex-direction:column;gap:12px;align-items:flex-start}.security-admin__table-container{overflow-x:auto}.security-admin__modal,.security-admin__dialog{max-width:calc(100vw - 32px);padding:24px}}.security-matrix{display:flex;flex-direction:column;gap:16px}.security-matrix__admin-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.875rem;font-weight:500}.security-matrix__admin-notice .material-icons{font-size:20px;color:#2563eb}.security-matrix__table-container{border:1px solid var(--color-border-light);border-radius:12px;overflow-x:auto;background:#fff}.security-matrix__table{width:100%;border-collapse:collapse;min-width:600px}.security-matrix__table thead{background:var(--color-bg-light);position:sticky;top:0;z-index:1}.security-matrix__th-option{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-light);min-width:200px}.security-matrix__th-perm{padding:12px 8px;text-align:center;font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--color-border-light);min-width:70px;white-space:nowrap}.security-matrix__th-actions{padding:12px 8px;text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-light);min-width:80px}.security-matrix__group-row{background:var(--color-bg-light)}.security-matrix__group-cell{padding:10px 16px;font-size:.8125rem;font-weight:700;color:var(--color-text-dark);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:8px}.security-matrix__group-icon{font-size:18px;color:var(--color-text-secondary)}.security-matrix__row{transition:background .1s ease}.security-matrix__row:hover{background:var(--color-bg-light)}.security-matrix__cell-option{padding:10px 16px;font-size:.8125rem;color:var(--color-text-dark);border-bottom:1px solid var(--color-bg-light);vertical-align:middle}.security-matrix__option-code{display:block;font-size:.6875rem;color:var(--color-text-muted);margin-top:2px;font-family:Fira Code,Consolas,monospace}.security-matrix__cell-check{padding:8px;text-align:center;border-bottom:1px solid var(--color-bg-light);vertical-align:middle}.security-matrix__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);border-radius:4px}.security-matrix__checkbox:disabled{cursor:not-allowed;opacity:.7}.security-matrix__cell-actions{padding:8px;text-align:center;border-bottom:1px solid var(--color-bg-light);vertical-align:middle;white-space:nowrap}.security-matrix__row-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;background:#eef2ff;color:var(--color-primary);transition:all .15s ease;margin:0 2px}.security-matrix__row-btn:hover{background:#c7d2fe}.security-matrix__row-btn--clear{background:#fef2f2;color:#dc2626}.security-matrix__row-btn--clear:hover{background:#fecaca}.security-matrix__row-btn .material-icons{font-size:16px}.security-matrix__footer{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--color-border-light)}.security-admin__alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:.875rem}.security-admin__alert--error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.security-admin__alert--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.security-admin__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1.4}.security-admin__btn:disabled{opacity:.6;cursor:not-allowed}.security-admin__btn .material-icons{font-size:18px}.security-admin__btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff}.security-admin__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,#4a4c8e 100%);box-shadow:0 4px 12px #2b2d6b4d}.security-admin__btn--secondary{background:var(--color-bg-light);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.security-admin__btn--secondary:hover:not(:disabled){background:var(--color-border-light)}.security-admin__btn--danger{background:#dc2626;color:#fff}.security-admin__btn--danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.security-admin__header-left{display:flex;align-items:center;gap:12px}.security-admin__back-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border-light);border-radius:8px;background:#fff;cursor:pointer;color:var(--color-text-dark);transition:all .15s ease}.security-admin__back-btn:hover{background:var(--color-bg-light);border-color:var(--color-text-muted)}.security-admin__back-btn .material-icons{font-size:20px}.security-admin__status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.security-admin__status--active{background:#dcfce7;color:#166534}.security-admin__status--inactive{background:var(--color-bg-light);color:var(--color-text-secondary)}.security-admin__badge--admin{background:#fef3c7;color:#92400e}.security-admin__badge--standard{background:#dbeafe;color:#1e40af}.security-admin__cell--name{font-weight:500}.security-admin__cell--desc{color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-admin__cell--count{text-align:center;font-weight:600;color:var(--color-text-secondary)}.security-admin__actions{display:flex;gap:4px}.security-admin__action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;background:var(--color-bg-light);color:var(--color-text-dark);transition:all .15s ease}.security-admin__action-btn:hover{background:var(--color-border-light)}.security-admin__action-btn--danger{color:#dc2626}.security-admin__action-btn--danger:hover{background:#fef2f2}.security-admin__action-btn--success{color:#166534}.security-admin__action-btn--success:hover{background:#dcfce7}.security-admin__pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.security-admin__pagination-info{font-size:.8125rem;color:var(--color-text-secondary)}.security-admin__pagination-controls{display:flex;align-items:center;gap:8px}.security-admin__pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border-light);border-radius:6px;background:#fff;cursor:pointer;color:var(--color-text-dark);transition:all .15s ease}.security-admin__pagination-btn:hover:not(:disabled){background:var(--color-bg-light)}.security-admin__pagination-btn:disabled{opacity:.4;cursor:not-allowed}.security-admin__pagination-btn .material-icons{font-size:18px}.security-admin__pagination-current{font-size:.8125rem;font-weight:600;color:var(--color-text-dark);min-width:60px;text-align:center}.security-admin__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.security-admin__dialog-warning{color:#dc2626;font-weight:500}.security-admin__form.card{background:#fff;border:1px solid var(--color-border-light);border-radius:12px;padding:24px;margin-bottom:24px}.security-admin__form-title{margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--color-primary)}.security-admin__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.security-admin__field--checkbox label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-dark);cursor:pointer}.security-admin__required{color:#dc2626}.security-admin__field-error{font-size:.75rem;color:#dc2626}.security-admin__field-hint{font-size:.75rem;color:var(--color-text-muted)}@media (max-width: 768px){.security-matrix__table-container{border-radius:8px}.security-matrix__th-perm{font-size:.625rem;padding:8px 4px;min-width:50px}.security-matrix__cell-option{padding:8px 12px;font-size:.75rem}.security-admin__form-grid{grid-template-columns:1fr}}.security-admin__field select,.security-option-admin__filter select{padding:10px 14px;border:1px solid var(--color-border-light);border-radius:8px;font-size:.875rem;color:#1f2937;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.security-admin__field select:focus,.security-option-admin__filter select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b2d6b1a}.security-admin__field select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-light)}.security-admin__field input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-light)}.security-option-admin__filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.security-option-admin__filter{display:flex;flex-direction:column;gap:4px;min-width:180px}.security-option-admin__filter label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.security-option-admin__filter select{width:100%}.security-option-admin__code{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.8125rem;color:#4b5563}.security-option-admin__route{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.8125rem;color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-option-admin__pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px;border-top:1px solid var(--color-border-light)}.security-option-admin__page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--color-border-light);border-radius:8px;background:#fff;color:var(--color-text-dark);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.security-option-admin__page-btn:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-border-light)}.security-option-admin__page-btn:disabled{opacity:.4;cursor:not-allowed}.security-option-admin__page-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.security-option-admin__page-btn--active:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.security-option-admin__page-btn .material-icons{font-size:20px}.security-option-admin__page-info{margin-left:12px;font-size:.8125rem;color:var(--color-text-muted)}@media (max-width: 768px){.security-option-admin__filters{flex-direction:column}.security-option-admin__filter{min-width:100%}.security-option-admin__route{max-width:120px}}.security-admin__filters{margin-bottom:20px;padding:16px;background:#1e1f3b;border-radius:8px;border:1px solid #2d2f5e}.security-admin__filter-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.security-admin__filter-row .security-admin__field{flex:1;min-width:140px}.security-admin__filter-row .security-admin__field label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:4px}.security-admin__filter-row .security-admin__field input,.security-admin__filter-row .security-admin__field select{width:100%;padding:6px 10px;font-size:.8125rem;background:#161729;border:1px solid var(--color-primary-hover);border-radius:6px;color:var(--color-border-light)}.security-admin__filter-row .security-admin__field input:focus,.security-admin__filter-row .security-admin__field select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.security-admin__audit-action{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem}.security-admin__audit-action .material-icons{font-size:16px;color:var(--color-text-muted)}.security-admin__change-summary{font-size:.8125rem;color:var(--color-border-light);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.security-admin__filter-row{flex-direction:column}.security-admin__filter-row .security-admin__field{min-width:100%}.security-admin__change-summary{max-width:160px}}.security-list-page{padding:var(--spacing-6);width:100%;font-family:var(--font-sans)}.security-admin__user-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4)}.security-admin__user-card-info{display:flex;align-items:center;gap:var(--spacing-3)}.security-admin__user-card-info .material-icons{font-size:28px;color:var(--color-primary)}.security-admin__user-card-info div{display:flex;flex-direction:column;gap:2px}.security-admin__user-card-info strong{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark)}.security-admin__user-card-info span:not(.material-icons):not(.status-badge){font-size:var(--font-size-label);color:var(--color-text-secondary)}.security-admin__assign-bar{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);background:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.security-admin__assign-bar .filter-panel__select{flex:1;max-width:400px}.security-admin__inline-assign{display:inline-flex;align-items:center;gap:var(--spacing-2)}@media (max-width: 768px){.security-admin__user-card{flex-direction:column;align-items:flex-start}.security-admin__assign-bar{flex-direction:column;align-items:stretch}.security-admin__assign-bar .filter-panel__select{max-width:100%}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-6) 0}.page-header__content{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.page-header .page-header__title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--color-text-dark);line-height:1.25;margin:0}.page-header .page-header__description{font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text-secondary);line-height:1.5;margin:0}.page-header__action{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);font-size:var(--font-size-body);font-weight:600;color:#fff;background-color:var(--color-cta);border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),transform var(--transition-fast);min-height:40px}.page-header__action:hover{background-color:var(--color-cta-hover)}.page-header__action:active{background-color:var(--color-cta-active);transform:scale(.97)}.page-header__action:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.page-header__action-icon{display:inline-flex;align-items:center;font-size:1.1rem;font-weight:700}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.page-header__action{align-self:flex-start}}.filter-panel{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) 0;flex-wrap:wrap}.filter-panel__header{display:flex;align-items:center;flex-shrink:0}.filter-panel__label{font-size:var(--font-size-small);font-weight:700;color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.filter-panel__fields{display:flex;flex-wrap:wrap;gap:var(--spacing-3);flex:1;min-width:0;align-items:center}.filter-panel__field{position:relative;min-width:160px;max-width:240px;flex:1}.filter-panel__field--has-icon{position:relative}.filter-panel__field--has-icon .filter-panel__input{padding-left:34px}.filter-panel__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.filter-panel__input,.filter-panel__select{height:36px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text-dark);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.filter-panel__input:focus,.filter-panel__select:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 2px var(--color-cta-light)}.filter-panel__input::placeholder{color:var(--color-text-muted)}.filter-panel__daterange{display:flex;align-items:center;gap:var(--spacing-2)}.filter-panel__daterange-separator{color:var(--color-text-muted);font-size:var(--font-size-body);flex-shrink:0}.filter-panel__daterange .filter-panel__input{flex:1;min-width:0}.filter-panel__clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer;flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast)}.filter-panel__clear-btn:hover{color:var(--color-text-dark);background-color:var(--color-bg-light)}@media (min-width: 768px) and (max-width: 1023px){.filter-panel__fields{gap:var(--spacing-2)}.filter-panel__field{min-width:140px}}@media (max-width: 767px){.filter-panel{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.filter-panel__fields{flex-direction:column;gap:var(--spacing-2)}.filter-panel__field{max-width:none;min-width:0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-9) var(--spacing-6);text-align:center}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--spacing-5);color:var(--color-text-muted);font-size:2rem}.empty-state__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin-bottom:var(--spacing-2)}.empty-state__description{font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text-secondary);max-width:360px;margin-bottom:var(--spacing-5)}.empty-state__action{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-body);font-weight:500;color:var(--color-bg-white);background-color:var(--color-action);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.empty-state__action:hover{background-color:var(--color-primary-hover)}.empty-state__action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.loading-skeleton{width:100%;padding:var(--spacing-4)}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.loading-skeleton__line{background-color:var(--color-border-light);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite;animation-duration:1.5s}.loading-skeleton--table .loading-skeleton__header{display:grid;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:.3}.loading-skeleton--table .loading-skeleton__header .loading-skeleton__line{height:16px;background-color:var(--color-bg-white);opacity:.5}.loading-skeleton--table .loading-skeleton__row{display:grid;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.loading-skeleton--table .loading-skeleton__row .loading-skeleton__line{height:14px}.loading-skeleton--card .loading-skeleton__card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-4)}.loading-skeleton--card .loading-skeleton__card-item{padding:var(--spacing-5);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-white)}.loading-skeleton--card .loading-skeleton__card-item .loading-skeleton__line{margin-bottom:var(--spacing-3)}.loading-skeleton--card .loading-skeleton__card-item .loading-skeleton__line:last-child{margin-bottom:0}.loading-skeleton--card .loading-skeleton__line--title{height:18px;width:60%}.loading-skeleton--card .loading-skeleton__line--text{height:14px;width:80%}.loading-skeleton--card .loading-skeleton__line--short{height:14px;width:40%}.loading-skeleton--form .loading-skeleton__field{margin-bottom:var(--spacing-5)}.loading-skeleton--form .loading-skeleton__line--label{height:13px;width:30%;margin-bottom:var(--spacing-2)}.loading-skeleton--form .loading-skeleton__line--input{height:40px;width:100%}.loading-skeleton--detail .loading-skeleton__section{margin-bottom:var(--spacing-6)}.loading-skeleton--detail .loading-skeleton__line--heading{height:20px;width:40%;margin-bottom:var(--spacing-4)}.loading-skeleton--detail .loading-skeleton__detail-row{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.loading-skeleton--detail .loading-skeleton__line--key{height:14px;width:120px;flex-shrink:0}.loading-skeleton--detail .loading-skeleton__line--value{height:14px;width:60%}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-9) var(--spacing-6);text-align:center}.error-state__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--spacing-4);color:var(--color-accent);font-size:2rem}.error-state__icon svg{width:40px;height:40px}.error-state__message{font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text-dark);max-width:400px;margin-bottom:var(--spacing-5);line-height:1.5}.error-state__retry{padding:var(--spacing-2) var(--spacing-5);font-size:var(--font-size-body);font-weight:500;color:var(--color-bg-white);background-color:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.error-state__retry:hover{background-color:var(--color-accent-hover)}.error-state__retry:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.status-badge{display:inline-block;text-transform:capitalize;font-size:11px;font-weight:700;padding:5px 12px;border-radius:var(--radius-full);line-height:1.3;white-space:nowrap;letter-spacing:.03em}.status-badge--success{background-color:#22c55e;color:#fff}.status-badge--warning{background-color:#f59e0b;color:#fff}.status-badge--error{background-color:#ef4444;color:#fff}.status-badge--neutral{background-color:#9ca3af;color:#fff}.status-badge--info{background-color:#3b82f6;color:#fff}.mobile-record-card{background-color:var(--color-bg-white, #ffffff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04));padding:var(--spacing-16, 16px);display:flex;flex-direction:column;gap:var(--spacing-12, 12px)}.mobile-record-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-8, 8px)}.mobile-record-card__title{font-size:var(--font-size-body, 14px);font-weight:600;color:var(--color-text-dark, #333333);margin:0;line-height:1.4;flex:1;min-width:0;word-break:break-word}.mobile-record-card__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8, 8px);margin:0;padding:0}.mobile-record-card__field{display:flex;flex-direction:column;gap:2px}.mobile-record-card__label{font-size:var(--font-size-small, .75rem);font-weight:500;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.02em}.mobile-record-card__value{font-size:var(--font-size-body, 14px);font-weight:400;color:var(--color-text-dark, #333333);margin:0}.mobile-record-card__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8, 8px);padding-top:var(--spacing-8, 8px);border-top:1px solid var(--color-border-light, #e5e7eb)}.mobile-record-card__primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:var(--spacing-8, 8px) var(--spacing-16, 16px);font-size:var(--font-size-label, .8125rem);font-weight:500;color:var(--color-bg-white, #ffffff);background-color:var(--color-action, #6678ea);border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:background-color .2s ease}.mobile-record-card__primary-action:hover{background-color:var(--color-primary-hover, #3a3c7e)}.mobile-record-card__primary-action:focus-visible{outline:2px solid var(--color-action, #6678ea);outline-offset:2px}.mobile-record-card__menu-container{position:relative}.mobile-record-card__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border-light, #e5e7eb);border-radius:var(--radius-sm, 6px);background-color:var(--color-bg-white, #ffffff);cursor:pointer;transition:background-color .2s ease}.mobile-record-card__menu-toggle:hover{background-color:var(--color-bg-light, #f7f8fa)}.mobile-record-card__menu-toggle:focus-visible{outline:2px solid var(--color-action, #6678ea);outline-offset:2px}.mobile-record-card__menu-dots{font-size:18px;line-height:1;color:var(--color-text-secondary, #6b7280)}.mobile-record-card__menu{position:absolute;right:0;bottom:calc(100% + 4px);min-width:160px;background-color:var(--color-bg-white, #ffffff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05));border:1px solid var(--color-border-light, #e5e7eb);z-index:10;overflow:hidden}.mobile-record-card__menu-item{display:block;width:100%;padding:var(--spacing-8, 8px) var(--spacing-12, 12px);font-size:var(--font-size-body, 14px);font-weight:400;color:var(--color-text-dark, #333333);background:none;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease}.mobile-record-card__menu-item:hover{background-color:var(--color-bg-light, #f7f8fa)}.mobile-record-card__menu-item:focus-visible{outline:2px solid var(--color-action, #6678ea);outline-offset:-2px}.context-menu-wrapper{position:relative;display:inline-flex}.context-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.context-menu-trigger:hover{background-color:var(--color-cta-light);color:var(--color-text-dark)}.context-menu-trigger:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.context-menu-trigger--active{background-color:var(--color-cta-light);color:var(--color-cta)}.context-menu-dots{font-size:16px;font-weight:700;letter-spacing:1px;line-height:1}.context-menu-dropdown{position:fixed;z-index:9999;min-width:160px;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;animation:contextMenuFadeIn .15s ease forwards}.context-menu-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text-dark);background:none;border:none;cursor:pointer;text-align:left;white-space:nowrap;transition:background-color var(--transition-fast)}.context-menu-item:hover{background-color:var(--color-bg-light)}.context-menu-item:focus-visible{outline:none;background-color:var(--color-bg-light)}.context-menu-item--danger{color:var(--color-accent)}.context-menu-item--danger:hover{background-color:var(--color-accent-light)}.context-menu-item__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:14px;flex-shrink:0;color:var(--color-text-muted)}.context-menu-item--danger .context-menu-item__icon{color:var(--color-accent)}.context-menu-divider{height:1px;background:var(--color-border-light);margin:var(--spacing-1) 0}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dt-wrapper{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);overflow:visible;display:flex;flex-direction:column}.dt-filters{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-5);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-light);flex-wrap:wrap}.dt-filters-label{font-size:var(--font-size-small);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dt-filters-row{display:flex;gap:10px;flex-wrap:wrap;flex:1}.dt-filter-item input,.dt-filter-item select{padding:7px 12px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-label);font-family:var(--font-sans);color:var(--color-text-dark);background:var(--color-bg-white);min-width:160px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dt-filter-item input::placeholder{color:var(--color-text-muted)}.dt-filter-item input:focus,.dt-filter-item select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--color-cta-light)}.dt-table-container{overflow-x:auto;overflow-y:visible;flex:1}.dt-table{width:100%;border-collapse:collapse;font-size:var(--font-size-label)}.dt-table thead tr{background:var(--table-header-bg)}.dt-table th{text-align:left;padding:11px 14px;font-weight:600;font-size:var(--font-size-small);color:var(--table-header-text);white-space:nowrap;text-transform:none;letter-spacing:.2px;border:none}.dt-table th:first-child{padding-left:var(--spacing-5)}.dt-table th:last-child{padding-right:var(--spacing-5)}.dt-table td{padding:11px 14px;border-bottom:1px solid var(--table-divider);color:var(--color-text-dark);vertical-align:middle}.dt-table td:first-child{padding-left:var(--spacing-5)}.dt-table td:last-child{padding-right:var(--spacing-5)}.dt-table tbody tr{transition:background-color var(--transition-fast)}.dt-table tbody tr:hover{background-color:var(--table-row-hover)}.dt-row-clickable{cursor:pointer}.dt-row-clickable:hover{background-color:var(--table-row-hover)!important}.dt-mobile-cards{display:none;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.dt-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--color-border-light);background:var(--color-bg-light);font-size:var(--font-size-label);color:var(--color-text-secondary);flex-wrap:wrap;gap:var(--spacing-3)}.dt-pagination-info{white-space:nowrap}.dt-pagination-controls{display:flex;align-items:center;gap:var(--spacing-4)}.dt-page-size-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-label);color:var(--color-text-secondary);white-space:nowrap}.dt-page-size-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-label);font-family:var(--font-sans);background:var(--color-bg-white);color:var(--color-text-dark);cursor:pointer}.dt-page-btn{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-white);color:var(--color-text-dark);font-size:var(--font-size-label);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dt-page-btn:hover:not(:disabled){background:var(--color-primary);color:var(--text-on-dark);border-color:var(--color-primary)}.dt-page-btn:disabled{opacity:.4;cursor:not-allowed}.dt-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:capitalize}.dt-badge-success{background-color:#22c55e;color:#fff}.dt-badge-warning{background-color:#f59e0b;color:#fff}.dt-badge-info{background-color:#3b82f6;color:#fff}.dt-badge-danger{background-color:#ef4444;color:#fff}.dt-badge-muted{background-color:var(--status-neutral-bg);color:var(--status-neutral-text)}.dt-action-btn{padding:var(--spacing-1) 10px;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast);font-family:var(--font-sans)}.dt-action-btn:hover{opacity:.8}.dt-action-btn-primary{background:var(--color-primary);color:var(--text-on-dark)}.dt-action-btn-secondary{background:var(--color-bg-light);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.dt-action-btn-danger{background:var(--color-accent);color:var(--text-on-dark)}.dt-col-actions{width:48px;min-width:48px;max-width:48px;text-align:center;padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.dt-table th.dt-col-actions{font-size:0;color:transparent}@media (min-width: 768px) and (max-width: 1023px){.dt-col-secondary{display:none}}@media (max-width: 767px){.dt-mobile-cards{display:flex}.dt-table-container--has-mobile{display:none}.dt-filters{flex-direction:column;align-items:flex-start;gap:10px}.dt-filters-row{flex-direction:column;width:100%}.dt-filter-item input,.dt-filter-item select{width:100%;min-width:unset}.dt-pagination{flex-direction:column;align-items:flex-start}.dt-pagination-controls{width:100%;justify-content:space-between}}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--border-light);background:var(--bg-light);font-size:var(--font-size-label);color:var(--color-text-secondary);flex-wrap:wrap;gap:var(--spacing-3)}.pagination-bar__info{white-space:nowrap;color:var(--color-text-secondary)}.pagination-bar__controls{display:flex;align-items:center;gap:var(--spacing-4)}.pagination-bar__size-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-label);color:var(--color-text-secondary);white-space:nowrap}.pagination-bar__size-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-label);font-family:var(--font-sans);background:var(--bg-white);color:var(--color-text-dark);cursor:pointer;transition:border-color var(--transition-fast)}.pagination-bar__size-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b2d6b1a}.pagination-bar__nav{display:flex;gap:var(--spacing-2)}.pagination-bar__btn{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--color-text-dark);font-size:var(--font-size-label);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-bar__btn:hover:not(:disabled){background:var(--color-primary);color:var(--text-on-dark);border-color:var(--color-primary)}.pagination-bar__btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-start}.pagination-bar__controls{flex-direction:column;align-items:flex-start;width:100%;gap:var(--spacing-3)}.pagination-bar__nav{width:100%;justify-content:space-between}.pagination-bar__btn{flex:1;text-align:center}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .2s ease forwards;padding:var(--spacing-6)}.modal-panel{position:relative;width:min(640px,calc(100vw - 48px));max-width:100%;max-height:calc(100vh - 48px);background:var(--bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .25s ease forwards}.modal-panel--sm{width:min(440px,calc(100vw - 48px))}.modal-panel--lg{width:min(900px,calc(100vw - 48px))}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);flex-shrink:0;border-bottom:1px solid var(--color-border-light);background:var(--bg-elevated)}.modal-header__content{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;flex:1}.modal-header__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin:0;line-height:1.3}.modal-header__subtitle{font-size:var(--font-size-body);color:var(--color-text-muted);margin:0;line-height:1.4}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-3)}.modal-close-btn:hover{background-color:var(--bg-surface-secondary);color:var(--color-text-dark)}.modal-close-btn:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-5) var(--spacing-6) var(--spacing-6)}.modal-footer{padding:var(--spacing-4) var(--spacing-6);flex-shrink:0;border-top:1px solid var(--color-border-light);background:var(--bg-elevated)}.modal-cta-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-3) var(--spacing-6);min-height:44px;font-size:var(--font-size-body);font-weight:600;color:#fff;background-color:var(--color-cta);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.modal-cta-btn:hover:not(:disabled){background-color:var(--color-cta-hover)}.modal-cta-btn:active:not(:disabled){background-color:var(--color-cta-active);transform:scale(.98)}.modal-cta-btn:disabled{opacity:.6;cursor:not-allowed}.modal-cta-btn:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4) var(--spacing-5)}.modal-form-grid .form-field--full-width{grid-column:1 / -1}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 767px){.modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.modal-panel,.modal-panel--sm,.modal-panel--lg{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:none;border-radius:0}.modal-form-grid{grid-template-columns:1fr}.modal-header,.modal-body,.modal-footer{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.modal-footer{padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom,0px))}}.theme-toggle{display:flex;align-items:center;background-color:var(--color-bg-light);border-radius:var(--radius-full);padding:3px;gap:2px;border:1px solid var(--color-border-light)}.theme-toggle__option{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:500;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex:1}.theme-toggle__option:hover{color:var(--color-text-dark)}.theme-toggle__option--active{background-color:var(--color-bg-white);color:var(--color-text-dark);box-shadow:var(--shadow-sm);font-weight:600}.theme-toggle__option-icon{font-size:12px;line-height:1}.theme-toggle__option-label{line-height:1}.theme-toggle__icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:var(--color-bg-light);border:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle__icon-btn:hover{background-color:var(--sidebar-hover-bg)}.theme-toggle__icon{font-size:16px;line-height:1}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:var(--bg-sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;transition:width var(--transition-base);z-index:50;overflow:hidden;border-right:1px solid var(--sidebar-border)}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar--mobile{width:var(--sidebar-width);box-shadow:var(--shadow-lg)}.sidebar__logo-area{padding:var(--spacing-6) var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar__logo-container{background-color:transparent;border-radius:14px;padding:var(--spacing-4) var(--spacing-5);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);width:85%;margin:0 auto}.sidebar--collapsed .sidebar__logo-container{padding:var(--spacing-2);width:44px}.sidebar__logo-img{width:100%;max-width:200px;height:auto;max-height:84px;object-fit:contain;image-rendering:-webkit-optimize-contrast;transition:max-height var(--transition-base),max-width var(--transition-base)}.sidebar__logo-img--collapsed,.sidebar--collapsed .sidebar__logo-img{max-width:30px;max-height:30px}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2) 0}.sidebar__nav-section{margin-bottom:var(--spacing-1)}.sidebar__section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--sidebar-section-color);padding:var(--spacing-3) var(--spacing-4) var(--spacing-2);white-space:nowrap;overflow:hidden}.sidebar__section-divider{height:1px;background-color:var(--sidebar-border);margin:var(--spacing-2) var(--spacing-3)}.sidebar__nav-link{display:flex;align-items:center;gap:10px;padding:9px var(--spacing-4);font-size:var(--font-size-label);text-decoration:none;transition:all .2s ease;cursor:pointer;white-space:nowrap;overflow:hidden;border-radius:0;margin:1px 0;border-left:3px solid transparent;color:var(--sidebar-text-muted);background-color:transparent;font-weight:400}.sidebar__nav-link:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text)}.sidebar__nav-link--active{background-color:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:var(--color-accent);padding-left:13px;font-weight:500}.sidebar__nav-link--collapsed{justify-content:center;padding:10px 0;margin:1px var(--spacing-2);border-radius:var(--radius-md);border-left:none}.sidebar__nav-link--collapsed:hover{background-color:var(--sidebar-hover-bg)}.sidebar__nav-link--collapsed.sidebar__nav-link--active{background-color:var(--sidebar-active-bg);padding-left:0}.sidebar__nav-icon{font-size:16px;line-height:1}.sidebar--collapsed .sidebar__nav-icon{font-size:18px}.sidebar__nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar__external-icon{font-size:12px;margin-left:auto;opacity:.5}.sidebar__theme-toggle{padding:var(--spacing-2) var(--spacing-3);border-top:1px solid var(--sidebar-border);flex-shrink:0;display:flex;justify-content:center}.sidebar__user-section{border-top:1px solid var(--sidebar-border);padding:var(--spacing-3);flex-shrink:0}.sidebar__user-info{display:flex;align-items:center;gap:10px;margin-bottom:10px;overflow:hidden}.sidebar__avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent) 0%,var(--brand-burgundy) 100%);border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.5px;overflow:hidden}.sidebar__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.sidebar__user-details{overflow:hidden;white-space:nowrap}.sidebar__user-name{font-size:var(--font-size-label);font-weight:600;color:var(--sidebar-text);overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar__user-role{font-size:11px;color:var(--sidebar-text-muted);line-height:1.3}.sidebar__logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.sidebar__logout-btn:hover{background-color:var(--color-accent-hover)}.sidebar__logout-btn--collapsed{padding:var(--spacing-2);border-radius:var(--radius-md)}.sidebar__logout-icon{font-size:14px;line-height:1}.notif-bell{position:relative;display:flex;align-items:center}.notif-bell__btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--topbar-border);background-color:transparent;color:var(--topbar-text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.notif-bell__btn:hover{background-color:var(--topbar-hover-bg);color:var(--topbar-text)}.notif-bell__badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background-color:var(--color-danger, #e5484d);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg-topbar)}.notif-bell__panel{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 32px);max-height:520px;display:flex;flex-direction:column;background-color:var(--bg-surface, #fff);border:1px solid var(--border-default, #e2e2e2);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 12px 32px rgba(0, 0, 0, .18));z-index:50;overflow:hidden}.notif-bell__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-default, #e2e2e2)}.notif-bell__title{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a1a)}.notif-bell__mark-all{background:none;border:none;color:var(--color-primary, #6d28d9);font-size:12px;font-weight:600;cursor:pointer;padding:0}.notif-bell__mark-all:hover{text-decoration:underline}.notif-bell__list{overflow-y:auto;flex:1}.notif-bell__empty{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--text-muted, #8a8a8a);font-size:13px}.notif-bell__item{display:flex;align-items:flex-start;gap:var(--spacing-2);width:100%;text-align:left;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;border-bottom:1px solid var(--border-subtle, #f0f0f0);cursor:default;transition:background-color .15s ease}.notif-bell__item--clickable{cursor:pointer}.notif-bell__item:hover{background-color:var(--bg-hover, #f6f6f6)}.notif-bell__item--unread{background-color:var(--bg-accent-subtle, rgba(109, 40, 217, .06))}.notif-bell__dot{margin-top:6px;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary, #6d28d9);flex-shrink:0}.notif-bell__item-body{flex:1;min-width:0}.notif-bell__item-title{font-size:13px;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:2px}.notif-bell__item-text{font-size:12.5px;color:var(--text-secondary, #555);line-height:1.4;margin-bottom:4px}.notif-bell__item-time{font-size:11px;color:var(--text-muted, #9a9a9a)}.notif-bell__item-chevron{font-size:18px;color:var(--text-muted, #9a9a9a);align-self:center;flex-shrink:0}.notif-bell__item:not(.notif-bell__item--unread) .notif-bell__item-body{margin-left:calc(8px + var(--spacing-2))}@media (max-width: 480px){.notif-bell__panel{position:fixed;top:var(--header-height);right:8px;left:8px;width:auto}}.topbar{height:var(--header-height);background-color:var(--bg-topbar);border-bottom:1px solid var(--topbar-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);position:sticky;top:0;z-index:30;flex-shrink:0}.topbar__left{display:flex;align-items:center;gap:var(--spacing-3)}.topbar__toggle-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--topbar-border);background-color:transparent;color:var(--topbar-text-muted);font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.topbar__toggle-btn:hover{background-color:var(--topbar-hover-bg);color:var(--topbar-text)}.topbar__title{font-size:16px;font-weight:600;color:var(--topbar-text);margin:0;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__right{display:flex;align-items:center;gap:var(--spacing-3)}.topbar__role-badge{font-size:var(--font-size-small);font-weight:var(--font-weight-label);color:var(--topbar-text-muted);background-color:var(--topbar-chip-bg);padding:var(--spacing-1) 10px;border-radius:var(--radius-full);border:1px solid var(--topbar-border);white-space:nowrap}@media (max-width: 1023px){.topbar{padding:0 var(--spacing-5)}}@media (max-width: 767px){.topbar{padding:0 var(--spacing-4);gap:var(--spacing-2)}.topbar__left{min-width:0;flex:1}.topbar__title{font-size:14px}.topbar__toggle-btn{width:40px;height:40px}}.toast-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:2000;display:flex;flex-direction:column-reverse;gap:var(--spacing-3);pointer-events:none;max-width:400px;width:calc(100% - 48px)}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--toast-success-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);border-left:4px solid var(--toast-success-border);pointer-events:auto;animation:toastSlideIn .25s ease forwards;min-height:48px}.toast--success{border-left-color:var(--toast-success-border);background:var(--toast-success-bg)}.toast--error{border-left-color:var(--toast-error-border);background:var(--toast-error-bg)}.toast--info{border-left-color:var(--toast-info-border);background:var(--toast-info-bg)}.toast--exiting{animation:toastSlideOut .2s ease forwards}.toast__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);flex-shrink:0;font-size:12px;font-weight:700;color:#fff}.toast--success .toast__icon{background-color:var(--toast-success-border)}.toast--error .toast__icon{background-color:var(--toast-error-border)}.toast--info .toast__icon{background-color:var(--toast-info-border)}.toast__message{flex:1;font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-text-dark);line-height:1.4}.toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.toast__close:hover{background-color:var(--color-bg-light);color:var(--color-text-dark)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@media (max-width: 767px){.toast-container{bottom:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4);max-width:none;width:auto}}.app-layout{display:flex;min-height:100vh;background-color:var(--color-bg-light)}.app-layout__main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base)}.app-layout__main--sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.app-layout__main--sidebar-hidden{margin-left:0}.app-layout__content{flex:1;min-width:0;padding:var(--spacing-6);overflow:auto}@media (min-width: 1024px) and (max-width: 1279px){.app-layout__main{margin-left:var(--sidebar-collapsed-width)}}@media (min-width: 768px) and (max-width: 1023px){.app-layout__main{margin-left:var(--sidebar-collapsed-width)}}@media (max-width: 767px){.app-layout__main{margin-left:0}.app-layout__content{padding:var(--spacing-4)}}.detail-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:detailDrawerFadeIn .2s ease forwards}.detail-drawer{display:flex;flex-direction:column;width:600px;min-width:520px;max-width:720px;height:100%;background:var(--color-bg-white);box-shadow:var(--shadow-lg);animation:detailDrawerSlideIn var(--transition-base) forwards;overflow:hidden}.detail-drawer__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);min-height:64px}.detail-drawer__header-content{display:flex;align-items:center;gap:var(--spacing-3);min-width:0;flex:1}.detail-drawer__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-drawer__close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.detail-drawer__close-btn:hover{background-color:var(--color-bg-light);color:var(--color-text-dark)}.detail-drawer__close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.detail-drawer__body{flex:1;overflow-y:auto;padding:var(--spacing-6)}.detail-drawer__section{border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-4)}.detail-drawer__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-drawer__section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2) 0;background:none;border:none;cursor:default;text-align:left}.detail-drawer__section-header--collapsible{cursor:pointer;border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-2);margin:0 calc(-1 * var(--spacing-2));width:calc(100% + var(--spacing-4));transition:background-color var(--transition-fast)}.detail-drawer__section-header--collapsible:hover{background-color:var(--color-bg-light)}.detail-drawer__section-title{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.detail-drawer__chevron{font-size:12px;color:var(--color-text-muted);transition:transform var(--transition-fast);transform:rotate(-90deg)}.detail-drawer__chevron--open{transform:rotate(0)}.detail-drawer__section-content{padding-top:var(--spacing-3);font-size:var(--font-size-body);color:var(--color-text-dark);line-height:1.6}@keyframes detailDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes detailDrawerFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 767px){.detail-drawer{width:100%;min-width:100%;max-width:100%}}.detail-drawer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.detail-drawer-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-drawer-label{font-size:var(--font-size-small);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.detail-drawer-value{font-size:var(--font-size-body);font-weight:400;color:var(--color-text-dark);line-height:1.5;word-break:break-word}.detail-page{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6) 0}.detail-page__back{margin-bottom:var(--spacing-2)}.detail-page__back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-action);text-decoration:none;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.detail-page__back-link:hover{color:var(--color-primary)}.detail-page__back-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.detail-page__back-icon{display:inline-flex;align-items:center;font-size:1rem}.detail-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.detail-page__header-content{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.detail-page__title-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.detail-page__title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--color-text-dark);line-height:1.25;margin:0}.detail-page__subtitle{font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text-secondary);line-height:1.5;margin:0}.detail-page__actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.detail-page__action{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-body);font-weight:var(--font-weight-label);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast);min-height:40px;border:none}.detail-page__action--primary{color:var(--color-bg-white);background-color:var(--color-primary)}.detail-page__action--primary:hover{background-color:var(--color-primary-hover)}.detail-page__action--primary:active{background-color:var(--color-primary-active)}.detail-page__action--secondary{color:var(--color-primary);background-color:var(--color-bg-white);border:1px solid var(--color-border-light)}.detail-page__action--secondary:hover{background-color:var(--color-bg-light)}.detail-page__action--secondary:active{background-color:var(--color-border-light)}.detail-page__action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.detail-page__sections{display:flex;flex-direction:column;gap:var(--spacing-6)}.detail-page__section{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);padding:var(--spacing-6)}.detail-page__section-title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.detail-page__section-content{font-size:var(--font-size-body);color:var(--color-text-dark);line-height:1.6}@media (max-width: 768px){.detail-page__header{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.detail-page__actions{flex-wrap:wrap}.detail-page__action{flex:1;justify-content:center}.detail-page__section{padding:var(--spacing-4)}}.form-card{background:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);padding:var(--spacing-6)}.form-section{margin-bottom:var(--spacing-6)}.form-section__title{font-size:15px;font-weight:600;color:var(--color-text-dark);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.form-section__content{display:flex;flex-direction:column;gap:var(--spacing-4)}.sticky-form-actions{position:sticky;bottom:0;left:0;right:0;z-index:10;background:var(--color-bg-white);border-top:1px solid var(--color-border-light);box-shadow:0 -2px 8px #0000000f;padding:var(--spacing-4) var(--spacing-6)}.sticky-form-actions__container{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-3)}.sticky-form-actions__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);font-size:var(--font-size-body);font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast);min-height:40px}.sticky-form-actions__btn:disabled{opacity:.6;cursor:not-allowed}.sticky-form-actions__btn--save{background-color:var(--color-primary);color:var(--color-bg-white)}.sticky-form-actions__btn--save:hover:not(:disabled){background-color:var(--color-primary-hover)}.sticky-form-actions__btn--cancel{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.sticky-form-actions__btn--cancel:hover:not(:disabled){background-color:var(--color-bg-light)}.sticky-form-actions__btn--discard{background-color:var(--color-accent);color:var(--color-bg-white)}.sticky-form-actions__btn--discard:hover:not(:disabled){background-color:var(--color-accent-hover)}.sticky-form-actions__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-bg-white);border-radius:var(--radius-full);animation:sticky-form-spin .6s linear infinite}@keyframes sticky-form-spin{to{transform:rotate(360deg)}}.sticky-form-actions__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sticky-form-actions__dialog{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-6);max-width:400px;width:90%}.sticky-form-actions__dialog-title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin-bottom:var(--spacing-2)}.sticky-form-actions__dialog-message{font-size:var(--font-size-body);color:var(--color-text-secondary);margin-bottom:var(--spacing-5)}.sticky-form-actions__dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}@media (max-width: 768px){.sticky-form-actions__container{flex-direction:column-reverse;gap:var(--spacing-2)}.sticky-form-actions__btn{width:100%}}.file-upload-box{display:flex;flex-direction:column;gap:var(--spacing-3)}.file-upload-box__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:var(--spacing-5);border:2px dashed var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-light);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.file-upload-box__dropzone:hover{border-color:var(--color-action);background:#6678ea0a}.file-upload-box__dropzone--active{border-color:var(--color-action);background:#6678ea14}.file-upload-box__dropzone--disabled{opacity:.6;cursor:not-allowed}.file-upload-box__dropzone--disabled:hover{border-color:var(--color-border-light);background:var(--color-bg-light)}.file-upload-box__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:var(--spacing-2);color:var(--color-text-muted);font-size:1.5rem}.file-upload-box__text{font-size:var(--font-size-body);color:var(--color-text-secondary);text-align:center}.file-upload-box__text strong{color:var(--color-action);font-weight:500}.file-upload-box__hint{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:var(--spacing-1);text-align:center}.file-upload-box__input{display:none}.file-upload-box__list{display:flex;flex-direction:column;gap:var(--spacing-2)}.file-upload-box__file{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm)}.file-upload-box__file-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.file-upload-box__file-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-box__file-size{font-size:var(--font-size-small);color:var(--color-text-muted)}.file-upload-box__file-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:var(--spacing-2);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.file-upload-box__file-remove:hover{color:var(--color-accent);background:var(--color-accent-light)}.file-upload-box__error{font-size:var(--font-size-small);color:var(--color-accent);margin-top:var(--spacing-1)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-4);width:100%}.summary-card{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5);background:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-fast)}.summary-card:hover{box-shadow:var(--shadow-md)}.summary-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-bg-light);color:var(--color-primary);font-size:1.25rem}.summary-card__content{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0}.summary-card__label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary);line-height:1.4}.summary-card__value{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);line-height:1.3}.summary-card__trend{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-small);font-weight:var(--font-weight-label);padding:2px var(--spacing-2);border-radius:var(--radius-full);white-space:nowrap;align-self:flex-start;margin-top:var(--spacing-1)}.summary-card__trend--up{color:var(--status-success-text);background:var(--status-success-bg)}.summary-card__trend--down{color:var(--status-error-text);background:var(--status-error-bg)}.summary-card__trend--neutral{color:var(--status-neutral-text);background:var(--status-neutral-bg)}.summary-card__trend-arrow{font-weight:700}.summary-card__trend-value{font-weight:var(--font-weight-label)}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr}}.map-card{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);overflow:hidden;width:100%}.map-card__container{width:100%;height:var(--map-card-height, 400px);position:relative}.map-card__container .leaflet-container{width:100%;height:100%;border-radius:0}@media (max-width: 767px){.map-card{border-radius:var(--radius-md);width:100%}}.timeline{display:flex;width:100%}.timeline--horizontal{flex-direction:row;align-items:flex-start}.timeline--vertical{flex-direction:column}.timeline-step{display:flex;position:relative}.timeline--horizontal .timeline-step{flex:1;flex-direction:column;align-items:center;text-align:center}.timeline--vertical .timeline-step{flex-direction:row;align-items:flex-start;gap:var(--spacing-3);padding-bottom:var(--spacing-6)}.timeline--vertical .timeline-step:last-child{padding-bottom:0}.timeline-step__track{display:flex;align-items:center;position:relative}.timeline--horizontal .timeline-step__track{width:100%;justify-content:center}.timeline--vertical .timeline-step__track{flex-direction:column;align-items:center;min-height:100%}.timeline-step__indicator{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0;position:relative;z-index:1;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.timeline-step__indicator--completed{background:var(--status-success-text);color:var(--color-bg-white)}.timeline-step__indicator--current{background:var(--color-bg-white);border:2px solid var(--color-primary)}.timeline-step__indicator--pending{background:var(--color-bg-white);border:2px solid var(--color-border-light)}.timeline-step__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-primary)}.timeline-step__connector{position:absolute;background:var(--color-border-light);transition:background-color var(--transition-fast)}.timeline-step__connector--active{background:var(--status-success-text)}.timeline--horizontal .timeline-step__connector{height:2px;top:50%;transform:translateY(-50%)}.timeline--horizontal .timeline-step__connector--before{right:calc(50% + 14px);left:0}.timeline--horizontal .timeline-step__connector--after{left:calc(50% + 14px);right:0}.timeline--vertical .timeline-step__connector{width:2px;left:50%;transform:translate(-50%)}.timeline--vertical .timeline-step__connector--before{bottom:calc(50% + 14px);top:0}.timeline--vertical .timeline-step__connector--after{top:calc(50% + 14px);bottom:0}.timeline-step__content{display:flex;flex-direction:column;gap:2px}.timeline--horizontal .timeline-step__content{margin-top:var(--spacing-2);align-items:center;padding:0 var(--spacing-1)}.timeline--vertical .timeline-step__content{padding-top:var(--spacing-1)}.timeline-step__label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-dark);line-height:1.4}.timeline-step--pending .timeline-step__label{color:var(--color-text-muted)}.timeline-step__description{font-size:var(--font-size-small);font-weight:var(--font-weight-small);color:var(--color-text-secondary);line-height:1.4}.timeline-step--pending .timeline-step__description{color:var(--color-text-muted)}@media (max-width: 768px){.timeline--horizontal{flex-direction:column}.timeline--horizontal .timeline-step{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--spacing-3);padding-bottom:var(--spacing-6)}.timeline--horizontal .timeline-step:last-child{padding-bottom:0}.timeline--horizontal .timeline-step__track{flex-direction:column;align-items:center;width:auto;min-height:100%}.timeline--horizontal .timeline-step__content{margin-top:0;align-items:flex-start;padding-top:var(--spacing-1)}.timeline--horizontal .timeline-step__connector{height:auto;width:2px;top:auto;left:50%;right:auto;transform:translate(-50%)}.timeline--horizontal .timeline-step__connector--before{bottom:calc(50% + 14px);top:0;right:auto;left:50%;transform:translate(-50%)}.timeline--horizontal .timeline-step__connector--after{top:calc(50% + 14px);bottom:0;left:50%;right:auto;transform:translate(-50%)}}.home-dash{padding:0;width:100%;font-family:var(--font-sans)}.home-dash__hero{position:relative;padding:var(--spacing-7) var(--spacing-6);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-cta) 50%,var(--brand-navy-mid) 100%);color:#fff;margin-bottom:var(--spacing-5);overflow:hidden}.home-dash__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(108,92,231,.3) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgba(57,116,152,.2) 0%,transparent 50%);pointer-events:none}.home-dash__greeting{font-size:var(--font-size-body);color:#ffffffe6;opacity:1;margin:0 0 var(--spacing-1);position:relative}.home-dash__name{font-size:28px;font-weight:700;color:#fff;margin:0 0 var(--spacing-2);position:relative}.home-dash__subtitle{font-size:var(--font-size-body);color:#ffffffd1;opacity:1;margin:0;position:relative}.home-dash__insights{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4);position:relative}.home-dash__insight-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:var(--font-size-small);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-dash__kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.home-kpi{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4) var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-bg-white);cursor:pointer;transition:box-shadow .2s,transform .15s}.home-kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.home-kpi__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2)}.home-kpi__icon svg{width:18px;height:18px}.home-kpi__icon--vacation{background:#6c5ce71f;color:var(--color-cta)}.home-kpi__icon--absences{background:#3b82f61f;color:#3b82f6}.home-kpi__icon--viaticals{background:#f59e0b1f;color:#f59e0b}.home-kpi__icon--activities{background:#22c55e1f;color:#22c55e}.home-kpi__icon--clients{background:#06b6d41f;color:#06b6d4}.home-kpi__icon--projects{background:#a855f71f;color:#a855f7}.home-kpi__icon--disabilities{background:#ef44441f;color:#ef4444}.home-kpi__value{font-size:24px;font-weight:700;color:var(--color-text-dark);line-height:1.1}.home-kpi__label{font-size:11px;color:var(--color-text-muted);margin-top:var(--spacing-1);font-weight:500}.home-dash__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-5);align-items:start}.home-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--spacing-5)}.home-card__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin:0 0 var(--spacing-4)}.home-card__empty{font-size:var(--font-size-body);color:var(--color-text-muted);margin:0;padding:var(--spacing-4) 0;text-align:center}.home-workday__body{display:flex;align-items:flex-start;gap:var(--spacing-5)}.home-workday__gauge{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100px;height:100px;border-radius:50%;flex-shrink:0}.home-workday__gauge--ok{background:radial-gradient(circle,#22c55e26,#22c55e0d 70%);border:3px solid #22c55e}.home-workday__gauge--warn{background:radial-gradient(circle,#f59e0b26,#f59e0b0d 70%);border:3px solid #f59e0b}.home-workday__gauge-label{font-size:12px;font-weight:700;color:var(--color-text-dark);text-align:center;line-height:1.2}.home-workday__gauge-sub{font-size:10px;color:var(--color-text-muted);margin-top:2px}.home-workday__checks{display:flex;flex-direction:column;gap:var(--spacing-2)}.home-workday__check{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-text-dark)}.home-workday__check-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.home-workday__check--ok .home-workday__check-icon{background:#22c55e26;color:#22c55e}.home-workday__check--warn .home-workday__check-icon{background:#f59e0b26;color:#f59e0b}.home-workday__message{margin-top:var(--spacing-4);font-size:var(--font-size-small);color:var(--color-text-muted);font-style:italic}.home-pending__list{display:flex;flex-direction:column;gap:0}.home-pending__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-2);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background .15s;border-radius:var(--radius-sm)}.home-pending__item:hover{background:var(--color-bg-light)}.home-pending__item:last-child{border-bottom:none}.home-pending__item-label{flex:1;font-size:var(--font-size-body);color:var(--color-text-dark)}.home-pending__item-count{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-body);font-weight:700;background:var(--color-bg-light);color:var(--color-text-muted)}.home-pending__item-count--active{background:#f59e0b26;color:#f59e0b}.home-pending__item-arrow{font-size:18px;color:var(--color-text-muted)}.home-actions__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.home-actions__btn{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-light);cursor:pointer;transition:background .15s,border-color .15s;font-size:var(--font-size-small);font-weight:500;color:var(--color-text-dark);text-align:left}.home-actions__btn:hover{background:var(--color-cta-light);border-color:var(--color-cta)}.home-actions__btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.home-actions__btn--disabled:hover{background:var(--color-bg-light);border-color:var(--color-border-light)}.home-actions__btn--vacation{border-left:3px solid var(--color-cta)}.home-actions__btn--permission{border-left:3px solid #3b82f6}.home-actions__btn--activity{border-left:3px solid #22c55e}.home-actions__btn--expense{border-left:3px solid #f59e0b}.home-actions__btn--credential{border-left:3px solid #a855f7}.home-actions__btn-label{flex:1}.home-actions__btn-arrow{font-size:18px;color:var(--color-text-muted);margin-left:var(--spacing-2)}.home-credential__body{display:flex;flex-direction:column;gap:var(--spacing-3)}.home-credential__header{display:flex;align-items:center;justify-content:space-between}.home-credential__logo{display:flex;align-items:center}.home-credential__logo-img{height:64px;width:auto}.home-credential__status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.home-credential__status--active{background:#22c55e26;color:#22c55e}.home-credential__status--expired{background:#ef444426;color:#ef4444}.home-credential__status--revoked{background:#6b728026;color:#6b7280}.home-credential__main{display:flex;align-items:center;gap:var(--spacing-3)}.home-credential__photo{flex-shrink:0;width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid var(--color-border-light)}.home-credential__photo-img{width:100%;height:100%;object-fit:cover}.home-credential__photo-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-cta-light);color:var(--color-cta);font-weight:700;font-size:16px}.home-credential__info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.home-credential__name{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-credential__position{font-size:var(--font-size-small);color:var(--color-text-muted)}.home-credential__number{font-size:11px;color:var(--color-text-muted)}.home-credential__qr{flex-shrink:0}.home-credential__view-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-cta-light);border:1px solid var(--color-cta);border-radius:var(--radius-sm);color:var(--color-cta);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background .15s;align-self:flex-start}.home-credential__view-btn:hover{background:var(--color-cta);color:#fff}.home-credential__dates{display:flex;gap:var(--spacing-4);font-size:10px;color:var(--color-text-muted);padding-top:var(--spacing-2);border-top:1px solid var(--color-border-light)}.home-summary__list{display:flex;flex-direction:column;gap:0}.home-summary__row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.home-summary__row:last-child{border-bottom:none}.home-summary__row-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-summary__row-icon--vacation{background:#6c5ce71f;color:var(--color-cta)}.home-summary__row-icon--viaticals{background:#f59e0b1f;color:#f59e0b}.home-summary__row-icon--projects{background:#a855f71f;color:#a855f7}.home-summary__row-icon--clients{background:#06b6d41f;color:#06b6d4}.home-summary__row-icon--absences{background:#3b82f61f;color:#3b82f6}.home-summary__row-icon--disabilities{background:#ef44441f;color:#ef4444}.home-summary__row-label{flex:1;font-size:var(--font-size-small);color:var(--color-text-dark)}.home-summary__row-value{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark)}.home-attention__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.home-attention__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);background:var(--color-bg-light);border:1px solid var(--color-border-light);cursor:pointer;transition:background .15s,border-color .15s}.home-attention__item:hover{border-color:var(--color-cta);background:var(--color-cta-light)}.home-attention__item-text{flex:1;display:flex;flex-direction:column;gap:2px}.home-attention__item-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark)}.home-attention__item-desc{font-size:var(--font-size-small);color:var(--color-text-muted)}.home-attention__item-arrow{font-size:20px;color:var(--color-text-muted);flex-shrink:0}@media (max-width: 1280px){.home-dash__kpis{grid-template-columns:repeat(4,1fr)}.home-dash__grid{grid-template-columns:1fr 1fr}}@media (max-width: 1024px){.home-dash__kpis{grid-template-columns:repeat(3,1fr)}.home-dash__grid{grid-template-columns:1fr}.home-actions__grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.home-dash__kpis{grid-template-columns:repeat(2,1fr)}.home-dash__hero{padding:var(--spacing-5) var(--spacing-4)}.home-dash__name{font-size:22px}.home-workday__body{flex-direction:column;align-items:center}.home-actions__grid{grid-template-columns:1fr}.home-credential__main{flex-direction:column;align-items:flex-start}.home-credential__dates{flex-direction:column;gap:var(--spacing-1)}}.employee-list-page,.employee-form-page,.employee-detail-page,.employee-profile-page,.assignment-history-page{padding:var(--spacing-6);width:100%;font-family:var(--font-sans)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.page-header h1{margin:0;font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--color-text-dark)}.btn{padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-label);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-1)}.btn-primary{background-color:var(--color-action);color:var(--color-bg-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-light);color:var(--color-text-dark)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border-light)}.btn-danger{background-color:var(--color-accent);color:var(--color-bg-white)}.btn-danger:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-link{background:none;color:var(--color-action);padding:var(--spacing-1) var(--spacing-2)}.btn-link:hover{text-decoration:underline}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-label)}.filters-section{margin-bottom:var(--spacing-6)}.search-row{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.search-input{flex:1;padding:10px 14px;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);font-size:var(--font-size-body)}.search-input:focus{outline:none;border-color:var(--color-action);box-shadow:0 0 0 3px #6678ea1a}.advanced-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.filter-group label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary)}.filter-group select{padding:var(--spacing-2);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);font-size:var(--font-size-body)}.filter-actions{display:flex;align-items:flex-end}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.data-table th{text-align:left;padding:var(--spacing-3);background:var(--color-bg-light);border-bottom:2px solid var(--color-border-light);font-weight:var(--font-weight-section-title);color:var(--color-text-secondary);white-space:nowrap}.data-table td{padding:var(--spacing-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text-dark)}.data-table tbody tr:hover{background-color:var(--color-bg-light)}.empty-state{text-align:center;color:var(--color-text-muted);padding:var(--spacing-6);font-style:italic}.employee-name-cell{display:flex;align-items:center;gap:var(--spacing-2)}.avatar-small{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}.emp-avatar-cell{display:flex;align-items:center;justify-content:center;width:34px;height:34px}.emp-avatar-cell__img{width:34px;height:34px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border-light)}.emp-avatar-cell__placeholder{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cta),var(--brand-navy));color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px}.emp-modal-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.emp-modal-header__photo{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-cta)}.emp-modal-header__placeholder{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cta),var(--brand-navy));color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.emp-modal-header__info{display:flex;flex-direction:column;gap:2px}.emp-modal-header__number{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted)}.emp-modal-header__position{font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-text-dark)}.emp-detail-hero{display:flex;align-items:center;gap:var(--spacing-5);padding:var(--spacing-5) var(--spacing-6);background:linear-gradient(135deg,var(--color-bg-white) 0%,var(--color-bg-light) 100%);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5)}.emp-detail-hero__photo{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-cta);flex-shrink:0}.emp-detail-hero__placeholder{width:80px;height:80px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cta),var(--brand-navy));color:#fff;font-size:24px;font-weight:700;letter-spacing:1px;flex-shrink:0}.emp-detail-hero__info{display:flex;flex-direction:column;gap:var(--spacing-1)}.emp-detail-hero__name{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--color-text-dark);margin:0;line-height:1.2}.emp-detail-hero__meta{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0}.emp-photo-upload{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--color-bg-light);border-radius:var(--radius-md)}.emp-photo-upload__preview{width:56px;height:56px;border-radius:var(--radius-full);overflow:hidden;cursor:pointer;border:2px dashed var(--color-border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition-fast)}.emp-photo-upload__preview:hover{border-color:var(--color-cta)}.emp-photo-upload__img{width:100%;height:100%;object-fit:cover}.emp-photo-upload__placeholder{font-size:24px;color:var(--color-text-muted);font-weight:300}.emp-photo-upload__info{display:flex;flex-direction:column;gap:var(--spacing-1)}.emp-photo-upload__btn{font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-cta);background:none;border:none;cursor:pointer;padding:0;text-align:left}.emp-photo-upload__btn:hover{text-decoration:underline}.emp-photo-upload__hint{font-size:var(--font-size-small);color:var(--color-text-muted)}.emp-modal-header__photo-wrapper{position:relative;width:56px;height:56px;border-radius:var(--radius-full);overflow:hidden;cursor:pointer;flex-shrink:0}.emp-modal-header__photo-wrapper:hover .emp-modal-header__photo-overlay{opacity:1}.emp-modal-header__photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:0;transition:opacity var(--transition-fast)}.status-badge{display:inline-block;padding:var(--spacing-1) 10px;border-radius:var(--radius-full);color:var(--color-bg-white);font-size:var(--font-size-small);font-weight:var(--font-weight-section-title)}.badge{display:inline-block;padding:2px var(--spacing-2);border-radius:10px;font-size:var(--font-size-small);font-weight:var(--font-weight-label)}.badge-success{background-color:var(--color-status-success-bg, #e8f5e9);color:var(--color-status-success-text, #2e7d32)}.badge-info{background-color:var(--color-status-info-bg, #e3f2fd);color:var(--color-status-info-text, #1565c0)}.badge-muted{background-color:var(--color-bg-light);color:var(--color-text-muted)}.badge-warning{background-color:var(--color-status-warning-bg, #fff3e0);color:var(--color-status-warning-text, #e65100)}.error-banner{background-color:var(--color-accent-light);border:1px solid var(--color-accent);color:var(--color-accent);padding:var(--spacing-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-5);font-size:var(--font-size-body)}.loading-indicator{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary);font-size:16px}.empty-hint{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-body)}.employee-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.employee-form .form-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.academic-record-row{padding:var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-3);position:relative}.academic-record-row .btn-danger{position:absolute;top:var(--spacing-3);right:var(--spacing-3)}.form-section__header-action{margin-bottom:var(--spacing-3)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-light)}.detail-header-info{display:flex;gap:var(--spacing-4);align-items:center}.avatar-large{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover}.detail-header-info h1{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-page-title)}.subtitle{margin:0 0 var(--spacing-2) 0;color:var(--color-text-secondary);font-size:var(--font-size-body)}.detail-header-actions{display:flex;gap:var(--spacing-2)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-light);margin-bottom:var(--spacing-6);overflow-x:auto}.tab{padding:var(--spacing-3) var(--spacing-5);border:none;background:none;font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text-dark)}.tab-active{color:var(--color-action);border-bottom-color:var(--color-action)}.tab-content{min-height:200px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-3)}.info-row{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2) 0}.info-label{font-size:var(--font-size-small);font-weight:var(--font-weight-section-title);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:var(--color-text-dark)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-3)}.skill-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-fast)}.skill-card:hover{box-shadow:var(--shadow-sm)}.skill-active{border-left:4px solid var(--status-success-text);background-color:var(--status-success-bg)}.skill-passive{border-left:4px solid var(--color-text-muted);background-color:var(--color-bg-light);opacity:.8}.skill-info{display:flex;flex-direction:column;gap:2px}.skill-name{font-weight:var(--font-weight-section-title);font-size:var(--font-size-body);color:var(--color-text-dark)}.skill-category{font-size:var(--font-size-small);color:var(--color-text-muted)}.skill-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1)}.inline-form{display:flex;gap:var(--spacing-3);align-items:flex-end;padding:var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.inline-form select,.inline-form input{padding:var(--spacing-2);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);font-size:var(--font-size-body)}.section-actions{margin:var(--spacing-3) 0}.card{padding:var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}.card h3{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-section-title);color:var(--color-text-dark)}.card p{margin:var(--spacing-1) 0;font-size:var(--font-size-body);color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.profile-page-title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--color-text-dark);margin-bottom:var(--spacing-6)}.profile-card{margin-bottom:var(--spacing-5)}.profile-card__header{display:flex;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-5)}.profile-card__avatar{width:100px;height:100px;min-width:100px;border-radius:var(--radius-full);overflow:hidden;border:3px solid var(--color-action);flex-shrink:0}.profile-card__avatar-img{width:100%;height:100%;object-fit:cover}.profile-card__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-action),var(--color-primary));color:var(--color-bg-white);font-size:var(--font-size-page-title);font-weight:var(--font-weight-section-title)}.profile-card__identity{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-card__name{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin:0}.profile-card__subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0}.profile-card__photo-upload{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.profile-academic-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.profile-academic-item{padding:var(--spacing-4)}.profile-academic-item h3{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-section-title);color:var(--color-text-dark)}.profile-academic-item p{margin:var(--spacing-1) 0;font-size:var(--font-size-body);color:var(--color-text-secondary)}.profile-table-container{overflow-x:auto}.profile-subsection-title{font-size:15px;font-weight:var(--font-weight-label);color:var(--color-text-secondary);margin:var(--spacing-4) 0 var(--spacing-2) 0}.profile-subsection-title:first-child{margin-top:0}.subordinates-list{list-style:none;padding:0;margin:0}.subordinates-list li{padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-body)}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--spacing-3)}.search-row{flex-direction:column}.advanced-filters,.employee-form .form-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;gap:var(--spacing-4)}.profile-card__header{flex-direction:column;align-items:center;text-align:center}.profile-card__identity{align-items:center}.tabs{flex-wrap:nowrap}.info-grid,.skills-grid{grid-template-columns:1fr}.inline-form{flex-direction:column}}@media (max-width: 480px){.btn,.tab,.btn-link{min-height:44px;min-width:44px}}.catalogs-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.catalog-tabs{display:flex;gap:0;border-bottom:2px solid #eee;margin-bottom:24px;overflow-x:auto}.catalog-tab{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .2s}.catalog-tab:hover{color:#333}.catalog-tab.active{color:#667eea;border-bottom-color:#667eea}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal h2{margin:0 0 20px;font-size:20px;color:#333}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.warning-dialog{background:#fff3e0;border:1px solid #ffcc80;border-radius:8px;padding:16px;margin-bottom:16px}.warning-dialog p{margin:0 0 12px;color:#e65100;font-size:14px}.warning-dialog .warning-actions{display:flex;gap:12px;justify-content:flex-end}.catalog-section{margin-bottom:32px}.catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.catalog-header h2{margin:0;font-size:20px;color:#333}.year-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px}.year-selector label{font-size:14px;font-weight:500;color:#555}.year-selector select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.status-toggle{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background-color:#4caf50}.status-dot.inactive{background-color:#f44336}.project-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.project-status.activo{background-color:#e8f5e9;color:#2e7d32}.project-status.en-pausa{background-color:#fff3e0;color:#e65100}.project-status.terminado{background-color:#e3f2fd;color:#1565c0}.project-status.cancelado{background-color:#fce4ec;color:#c62828}.vdash{padding:0;width:100%;font-family:var(--font-sans)}.vdash-toolbar{display:flex;justify-content:flex-end;margin:var(--spacing-2, 8px) 0 var(--spacing-3, 12px)}.vdash-report-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--color-border, #d9d9e3);border-radius:8px;background:var(--color-surface, #fff);color:var(--color-text, #1f2430);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.vdash-report-btn svg{width:16px;height:16px}.vdash-report-btn:hover:not(:disabled){background:var(--color-bg-light, #f4f4f8);border-color:var(--color-cta, #6c5ce7)}.vdash-report-btn:disabled{opacity:.6;cursor:not-allowed}.vdash-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.vdash-kpi{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-bg-white);transition:box-shadow .2s,transform .15s}.vdash-kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vdash-kpi__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-3)}.vdash-kpi__icon svg{width:20px;height:20px}.vdash-kpi__icon--available{background:#6c5ce71f;color:var(--color-cta)}.vdash-kpi__icon--earned{background:#22c55e1f;color:#22c55e}.vdash-kpi__icon--used{background:#ef44441f;color:#ef4444}.vdash-kpi__icon--requested{background:#3b82f61f;color:#3b82f6}.vdash-kpi__icon--expiring{background:#f59e0b1f;color:#f59e0b}.vdash-kpi__content{display:flex;align-items:baseline;gap:var(--spacing-1);margin-bottom:var(--spacing-1)}.vdash-kpi__value{font-size:32px;font-weight:700;line-height:1;color:var(--color-text-dark)}.vdash-kpi__unit{font-size:var(--font-size-body);color:var(--color-text-muted);font-weight:500}.vdash-kpi__label{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark);margin-bottom:var(--spacing-1)}.vdash-kpi__secondary{font-size:var(--font-size-small);color:var(--color-text-muted)}.vdash-kpi__action{margin-top:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-cta);background:none;border:none;cursor:pointer;padding:0;font-weight:500}.vdash-kpi__action:hover{text-decoration:underline}.vdash-kpi--available{border-color:var(--color-cta);border-width:1.5px}.vdash-kpi--highlight{border-color:#f59e0b;border-width:1.5px}.vdash-kpi--highlight .vdash-kpi__value{color:#f59e0b}.vdash-alert{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);margin-bottom:var(--spacing-5);border-radius:var(--radius-lg);background:#f59e0b14;border:1px solid rgba(245,158,11,.25)}.vdash-alert__icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#f59e0b}.vdash-alert__icon svg{width:24px;height:24px}.vdash-alert__content{flex:1;font-size:var(--font-size-body);color:var(--color-text-dark);line-height:1.5}.vdash-alert__btn{flex-shrink:0;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);color:var(--color-text-dark);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background .15s}.vdash-alert__btn:hover{background:var(--color-cta-light);border-color:var(--color-cta);color:var(--color-cta)}.vdash-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:var(--spacing-5);align-items:start}.vdash-grid__col{display:flex;flex-direction:column;gap:var(--spacing-5)}.vdash-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--spacing-5)}.vdash-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.vdash-card__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin:0}.vdash-card__link{font-size:var(--font-size-small);color:var(--color-cta);background:none;border:none;cursor:pointer;font-weight:500;padding:0}.vdash-card__link:hover{text-decoration:underline}.vdash-card__footer-link{display:block;margin-top:var(--spacing-4);font-size:var(--font-size-small);color:var(--color-cta);background:none;border:none;cursor:pointer;padding:0;font-weight:500}.vdash-card__footer-link:hover{text-decoration:underline}.vdash-cycle__body{display:flex;align-items:center;gap:var(--spacing-5);margin-bottom:var(--spacing-4)}.vdash-cycle__info{display:flex;flex-direction:column;gap:var(--spacing-1)}.vdash-cycle__year{font-size:28px;font-weight:700;color:var(--color-text-dark)}.vdash-cycle__period,.vdash-cycle__duration{font-size:var(--font-size-small);color:var(--color-text-muted)}.vdash-cycle__chart{flex-shrink:0}.vdash-donut{width:100px;height:100px}.vdash-donut__bg{fill:none;stroke:var(--color-border-light);stroke-width:10}.vdash-donut__fill{fill:none;stroke:var(--color-cta);stroke-width:10;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray .6s ease}.vdash-donut__value{font-size:20px;font-weight:700;fill:var(--color-text-dark);text-anchor:middle}.vdash-donut__label{font-size:10px;fill:var(--color-text-muted);text-anchor:middle}.vdash-cycle__breakdown{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2) var(--spacing-4);padding:var(--spacing-3) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-3)}.vdash-cycle__stat{display:flex;justify-content:space-between;align-items:center}.vdash-cycle__stat-label{font-size:var(--font-size-small);color:var(--color-text-muted)}.vdash-cycle__stat-value{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-dark)}.vdash-cycle__note{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-sm);background:var(--color-cta-light);font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:1.5}.vdash-cycle__note svg{flex-shrink:0;margin-top:1px;color:var(--color-cta)}.vdash-other-cycles__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.vdash-other-cycles__item:last-child{border-bottom:none}.vdash-other-cycles__year{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark)}.vdash-other-cycles__avail{font-size:var(--font-size-small);color:var(--color-text-muted)}.vdash-other-cycles__expired{font-size:var(--font-size-small);color:#ef4444}.vdash-delegates__list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.vdash-delegates__chip{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);background:var(--color-cta-light);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--font-size-small);color:var(--color-text-dark);font-weight:500}.vdash-delegates__note,.vdash-delegates__empty{font-size:var(--font-size-small);color:var(--color-text-muted);margin:0}.vdash-upcoming__list{display:flex;flex-direction:column;gap:0}.vdash-upcoming__item{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) 0}.vdash-upcoming__item:not(:last-child){border-bottom:1px solid var(--color-border-light)}.vdash-upcoming__indicator{display:flex;flex-direction:column;align-items:center;width:16px;padding-top:4px}.vdash-upcoming__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.vdash-upcoming__dot--aprobado{background:#22c55e}.vdash-upcoming__dot--pendiente{background:#f59e0b}.vdash-upcoming__dot--en_proceso{background:#3b82f6}.vdash-upcoming__dot--rechazado{background:#ef4444}.vdash-upcoming__dot--cancelado{background:#6b7280}.vdash-upcoming__line{flex:1;width:2px;background:var(--color-border-light);margin-top:4px}.vdash-upcoming__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.vdash-upcoming__dates{font-size:var(--font-size-body);font-weight:500;color:var(--color-text-dark);line-height:1.4}.vdash-upcoming__meta{display:flex;align-items:center;gap:var(--spacing-2)}.vdash-upcoming__days{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-dark)}.vdash-upcoming__submitted{font-size:var(--font-size-small);color:var(--color-text-muted)}.vdash-upcoming__empty{font-size:var(--font-size-body);color:var(--color-text-muted);text-align:center;padding:var(--spacing-6) 0}.vdash-recent__table{width:100%}.vdash-recent__header-row{display:grid;grid-template-columns:1fr 50px 100px 80px;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.vdash-recent__row{display:grid;grid-template-columns:1fr 50px 100px 80px;gap:var(--spacing-2);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-light);align-items:center}.vdash-recent__row:last-of-type{border-bottom:none}.vdash-recent__desc{font-size:var(--font-size-small);color:var(--color-text-dark);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vdash-recent__days{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark);text-align:center}.vdash-recent__status{display:flex;justify-content:center}.vdash-recent__date{font-size:var(--font-size-small);color:var(--color-text-muted);text-align:right}.vdash-recent__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light);margin-top:var(--spacing-2)}.vdash-recent__count{font-size:var(--font-size-small);color:var(--color-text-muted)}.vdash-recent__empty{font-size:var(--font-size-body);color:var(--color-text-muted);text-align:center;padding:var(--spacing-6) 0}.vdash-recs__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.vdash-recs__item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--color-bg-light);border:1px solid var(--color-border-light)}.vdash-recs__icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.vdash-recs__icon svg{width:18px;height:18px}.vdash-recs__icon--calendar{background:#f59e0b1f;color:#f59e0b}.vdash-recs__icon--people{background:#3b82f61f;color:#3b82f6}.vdash-recs__icon--document{background:#6c5ce71f;color:var(--color-cta)}.vdash-recs__text{display:flex;flex-direction:column;gap:2px}.vdash-recs__title{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark)}.vdash-recs__desc{font-size:var(--font-size-small);color:var(--color-text-muted);line-height:1.4}@media (max-width: 1280px){.vdash-kpis{grid-template-columns:repeat(3,1fr)}.vdash-grid{grid-template-columns:1fr 1fr}.vdash-grid__col--right{grid-column:1 / -1}}@media (max-width: 1024px){.vdash-kpis{grid-template-columns:repeat(2,1fr)}.vdash-grid{grid-template-columns:1fr}}@media (max-width: 768px){.vdash-kpis{grid-template-columns:1fr}.vdash-alert{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.vdash-alert__btn{align-self:flex-end}.vdash-cycle__body{flex-direction:column;align-items:flex-start}.vdash-recent__header-row,.vdash-recent__row{grid-template-columns:1fr 40px 90px 70px}}.vadmin{padding:0;width:100%;font-family:var(--font-sans)}.vadmin-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.vadmin-kpi{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-bg-white);transition:box-shadow .2s}.vadmin-kpi:hover{box-shadow:var(--shadow-md)}.vadmin-kpi--warn{border-color:#f59e0b66}.vadmin-kpi--danger{border-color:#ef444466}.vadmin-kpi__icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.vadmin-kpi__icon svg{width:22px;height:22px}.vadmin-kpi__icon--total{background:#6c5ce71f;color:var(--color-cta)}.vadmin-kpi__icon--today{background:#22c55e1f;color:#22c55e}.vadmin-kpi__icon--upcoming{background:#3b82f61f;color:#3b82f6}.vadmin-kpi__icon--renew{background:#f59e0b1f;color:#f59e0b}.vadmin-kpi__icon--expiring{background:#ef44441f;color:#ef4444}.vadmin-kpi__content{display:flex;flex-direction:column}.vadmin-kpi__value{font-size:28px;font-weight:700;line-height:1.1;color:var(--color-text-dark)}.vadmin-kpi__label{font-size:var(--font-size-body);font-weight:500;color:var(--color-text-dark);margin-top:2px}.vadmin-kpi__secondary{font-size:var(--font-size-small);color:var(--color-text-muted)}.vadmin-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:var(--spacing-5);align-items:start}.vadmin-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--spacing-5)}.vadmin-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.vadmin-card__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin:0 0 var(--spacing-3) 0}.vadmin-card__header .vadmin-card__title{margin:0}.vadmin-card__link{font-size:var(--font-size-small);color:var(--color-cta);cursor:pointer;font-weight:500;background:none;border:none;padding:0}.vadmin-card__link:hover{text-decoration:underline}.vadmin-card__footer-link{display:block;margin-top:var(--spacing-4);font-size:var(--font-size-small);color:var(--color-cta);background:none;border:none;cursor:pointer;padding:0;font-weight:500}.vadmin-card__footer-link:hover{text-decoration:underline}.vadmin-card__empty{font-size:var(--font-size-body);color:var(--color-text-muted);text-align:center;padding:var(--spacing-5) 0;margin:0}.vadmin-card__count{font-size:var(--font-size-small);color:var(--color-text-muted);margin:var(--spacing-3) 0 0;text-align:center}.vadmin-calendar__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.vadmin-calendar__nav button{background:none;border:none;cursor:pointer;font-size:20px;color:var(--color-text-dark);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.vadmin-calendar__nav button:hover{background:var(--color-cta-light)}.vadmin-calendar__month{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark)}.vadmin-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.vadmin-calendar__dow{font-size:10px;font-weight:600;color:var(--color-text-muted);text-align:center;padding:var(--spacing-1) 0;text-transform:uppercase}.vadmin-calendar__cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;border-radius:var(--radius-sm);font-size:var(--font-size-small);transition:background .15s;min-height:28px}.vadmin-calendar__cell--empty{visibility:hidden}.vadmin-calendar__cell--today{background:var(--color-cta);color:#fff}.vadmin-calendar__cell--today .vadmin-calendar__day{color:#fff;font-weight:700}.vadmin-calendar__cell--active{background:#22c55e26}.vadmin-calendar__cell--active.vadmin-calendar__cell--today{background:var(--color-cta)}.vadmin-calendar__day{font-size:12px;color:var(--color-text-dark);font-weight:500}.vadmin-calendar__dot{width:5px;height:5px;border-radius:50%;display:inline-block}.vadmin-calendar__dot--vacation{background:#22c55e}.vadmin-calendar__dot--today-indicator{background:var(--color-cta)}.vadmin-calendar__legend{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-3);font-size:var(--font-size-small);color:var(--color-text-muted)}.vadmin-calendar__legend span{display:flex;align-items:center;gap:var(--spacing-1)}.vadmin-emp-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.vadmin-emp-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:background .15s}.vadmin-emp-item:hover{background:var(--color-bg-light)}.vadmin-emp-item__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.vadmin-emp-item__info{flex:1;display:flex;flex-direction:column;min-width:0}.vadmin-emp-item__name{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vadmin-emp-item__position{font-size:var(--font-size-small);color:var(--color-text-muted)}.vadmin-emp-item__dates{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:var(--font-size-small);color:var(--color-text-secondary)}.vadmin-emp-item__days{font-weight:600;color:var(--color-cta)}.vadmin-risk__body{display:flex;align-items:center;gap:var(--spacing-5)}.vadmin-risk__donut-container{flex-shrink:0}.vadmin-risk__donut{width:120px;height:120px}.vadmin-risk__donut-bg{fill:none;stroke:var(--color-border-light);stroke-width:12}.vadmin-risk__donut-critical,.vadmin-risk__donut-high,.vadmin-risk__donut-medium,.vadmin-risk__donut-low{fill:none;stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.vadmin-risk__donut-critical{stroke:#ef4444}.vadmin-risk__donut-high{stroke:#f59e0b}.vadmin-risk__donut-medium{stroke:#eab308}.vadmin-risk__donut-low{stroke:#22c55e}.vadmin-risk__donut-value{font-size:22px;font-weight:700;fill:var(--color-text-dark);text-anchor:middle}.vadmin-risk__donut-label{font-size:9px;fill:var(--color-text-muted);text-anchor:middle}.vadmin-risk__legend{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.vadmin-risk__legend-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-text-dark)}.vadmin-risk__legend-item strong{margin-left:auto;font-weight:700}.vadmin-risk__legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.vadmin-risk__legend-dot--critical{background:#ef4444}.vadmin-risk__legend-dot--high{background:#f59e0b}.vadmin-risk__legend-dot--medium{background:#eab308}.vadmin-risk__legend-dot--low{background:#22c55e}.vadmin-risk-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.vadmin-risk-badge--critical{background:#ef444426;color:#ef4444}.vadmin-risk-badge--high{background:#f59e0b26;color:#f59e0b}.vadmin-risk-badge--medium{background:#eab30826;color:#ca8a04}.vadmin-risk-badge--low{background:#22c55e26;color:#22c55e}.vadmin-bars{display:flex;flex-direction:column;gap:var(--spacing-4)}.vadmin-bars__item{display:flex;align-items:center;gap:var(--spacing-3)}.vadmin-bars__label{flex-shrink:0;width:80px;font-size:var(--font-size-small);color:var(--color-text-muted);text-align:right}.vadmin-bars__track{flex:1;height:24px;background:var(--color-bg-light);border-radius:var(--radius-sm);overflow:hidden}.vadmin-bars__fill{height:100%;border-radius:var(--radius-sm);transition:width .4s ease;min-width:4px}.vadmin-bars__fill--critical{background:#ef4444}.vadmin-bars__fill--high{background:#f59e0b}.vadmin-bars__fill--medium{background:#eab308}.vadmin-bars__fill--low{background:#22c55e}.vadmin-bars__value{flex-shrink:0;width:30px;font-size:var(--font-size-body);font-weight:700;color:var(--color-text-dark)}.vadmin-summary{grid-column:1 / 3}.vadmin-summary__table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.vadmin-summary__table th{text-align:left;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);text-transform:uppercase;letter-spacing:.03em}.vadmin-summary__table td{padding:var(--spacing-3);color:var(--color-text-dark);border-bottom:1px solid var(--color-border-light)}.vadmin-summary__table tr:last-child td{border-bottom:none}.vadmin-summary__dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-2)}.vadmin-summary__dot--today{background:#22c55e}.vadmin-summary__dot--upcoming{background:#3b82f6}.vadmin-summary__dot--renew{background:#f59e0b}.vadmin-summary__dot--expiring{background:#ef4444}.vadmin-alerts__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.vadmin-alerts__item{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid;font-size:var(--font-size-small);line-height:1.5}.vadmin-alerts__item--warn{border-color:#f59e0b;background:#f59e0b0f}.vadmin-alerts__item--danger{border-color:#ef4444;background:#ef44440f}.vadmin-alerts__item--info{border-color:#3b82f6;background:#3b82f60f}.vadmin-alerts__item--neutral{border-color:var(--color-border-light);background:var(--color-bg-light)}.vadmin-alerts__text{color:var(--color-text-dark)}.vadmin-exp-table-wrapper{overflow-x:auto}.vadmin-exp-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.vadmin-exp-table th{text-align:left;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.vadmin-exp-table td{padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-dark);border-bottom:1px solid var(--color-border-light)}.vadmin-exp-table tr:last-child td{border-bottom:none}@media (max-width: 1280px){.vadmin-kpis{grid-template-columns:repeat(3,1fr)}.vadmin-grid{grid-template-columns:1fr 1fr}.vadmin-summary{grid-column:1 / -1}}@media (max-width: 1024px){.vadmin-kpis{grid-template-columns:repeat(2,1fr)}.vadmin-grid{grid-template-columns:1fr}.vadmin-summary{grid-column:auto}.vadmin-risk__body{flex-direction:column}}@media (max-width: 768px){.vadmin-kpis{grid-template-columns:1fr}.vadmin-kpi{padding:var(--spacing-4)}}.vacations-page,.vacation-request-page,.vacation-detail-page,.vacation-approver-page{padding:0;width:100%;font-family:var(--font-sans)}.balance-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.balance-card{padding:20px;border-radius:12px;text-align:center;border:1px solid var(--color-border-light);transition:box-shadow .2s}.balance-card:hover{box-shadow:0 4px 12px #00000014}.balance-card.available{background:linear-gradient(135deg,var(--color-cta) 0%,var(--brand-navy) 100%);color:#fff;border:none}.balance-card.earned{background-color:var(--status-success-bg);border-color:transparent}.balance-card.carryover{background-color:var(--status-info-bg);border-color:transparent}.balance-card.used{background-color:var(--status-error-bg);border-color:transparent}.balance-card.adjusted{background-color:var(--status-warning-bg);border-color:transparent}.balance-card.expired{background-color:var(--status-neutral-bg);border-color:transparent}.balance-value{font-size:36px;font-weight:700;margin:0;line-height:1.2}.balance-label{font-size:13px;font-weight:500;margin-top:4px;opacity:.85}.request-modal-balance{padding:var(--spacing-3) var(--spacing-4);background:var(--color-cta-light);border-radius:var(--radius-sm);font-size:var(--font-size-body);color:var(--color-text-dark);margin-bottom:var(--spacing-4)}.request-modal-balance strong{color:var(--color-cta);font-size:16px}.request-modal-error{padding:var(--spacing-3) var(--spacing-4);background:var(--status-error-bg);color:var(--status-error-text);border-radius:var(--radius-sm);font-size:var(--font-size-body);margin-bottom:var(--spacing-4)}.request-modal-calc-loading{margin-top:var(--spacing-3);font-size:var(--font-size-body);color:var(--color-text-muted)}.request-modal-calc{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.request-modal-calc__row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;font-size:var(--font-size-body);color:var(--color-text-secondary)}.request-modal-calc__row strong{color:var(--color-text-dark)}.request-modal-calc__row--highlight strong{color:var(--color-cta);font-size:16px}.request-modal-holidays{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light)}.request-modal-holidays__title{font-size:var(--font-size-small);font-weight:var(--font-weight-label);color:var(--color-text-secondary)}.request-modal-holidays ul{margin:var(--spacing-2) 0 0 0;padding-left:var(--spacing-5);font-size:var(--font-size-body);color:var(--color-text-dark)}.request-modal-holidays li{padding:2px 0}.vacation-section{margin-top:var(--spacing-7)}.vacation-section__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin:0 0 var(--spacing-4) 0}.vacation-quick-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-5)}.vacation-quick-actions__btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-text-dark);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.vacation-quick-actions__btn:hover{border-color:var(--color-cta);background-color:var(--color-cta-light)}.request-form{max-width:600px}.request-form .form-section{border:1px solid var(--color-border-light);border-radius:8px;padding:20px;margin-bottom:20px}.date-range-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calc-preview{background:#f0f4ff;border:1px solid #d0d8f0;border-radius:8px;padding:16px;margin-top:16px}.calc-preview h4{margin:0 0 12px;font-size:14px;color:var(--color-text-dark)}.calc-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.calc-row .label{color:var(--color-text-secondary)}.calc-row .value{font-weight:600;color:var(--color-text-dark)}.holidays-notice{margin-top:12px;padding:12px;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;font-size:13px;color:#f57f17}.holidays-notice ul{margin:8px 0 0;padding-left:20px}.emergency-toggle{display:flex;align-items:center;gap:8px;margin-top:12px}.emergency-toggle label{font-size:14px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px}.request-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.request-status.pendiente,.request-status.en_proceso{background-color:#fff3e0;color:#e65100}.request-status.aprobada{background-color:#e8f5e9;color:#2e7d32}.request-status.rechazada{background-color:#fce4ec;color:#c62828}.request-status.cancelada{background-color:#f5f5f5;color:var(--color-text-muted)}.approval-timeline{margin-top:20px}.approval-step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-border-light)}.approval-step:last-child{border-bottom:none}.step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.step-indicator.aprobado{background-color:#e8f5e9;color:#2e7d32}.step-indicator.rechazado{background-color:#fce4ec;color:#c62828}.step-indicator.pendiente{background-color:#fff3e0;color:#e65100}.step-details{flex:1}.step-details .approver-name{font-weight:600;font-size:14px;color:var(--color-text-dark)}.step-details .step-meta{font-size:13px;color:var(--color-text-muted);margin-top:2px}.step-details .rejection-reason{margin-top:8px;padding:8px 12px;background:#fce4ec;border-radius:6px;font-size:13px;color:#c62828}.approver-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-light);margin-bottom:var(--spacing-4)}.approver-tabs__tab{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.approver-tabs__tab:hover{color:var(--color-text-dark)}.approver-tabs__tab--active{color:var(--color-cta);border-bottom-color:var(--color-cta);font-weight:600}.approver-card{border:1px solid var(--color-border-light);border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.approver-card:hover{box-shadow:0 2px 8px #00000014}.approver-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.approver-card-header h3{margin:0;font-size:16px;color:var(--color-text-dark)}.employee-pool-badge{padding:4px 12px;background:var(--status-info-bg);border-radius:12px;font-size:12px;font-weight:600;color:var(--status-info-text)}.approver-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:16px;font-size:14px}.approver-card-body .info-item{display:flex;flex-direction:column;gap:2px}.approver-card-body .info-item .label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase}.approver-card-body .info-item .value{color:var(--color-text-dark);font-weight:500}.approver-actions{display:flex;gap:12px;align-items:center}.reject-reason-input{flex:1;padding:8px 12px;border:1px solid var(--color-border-light);border-radius:6px;font-size:14px}.reject-reason-input:focus{outline:none;border-color:#f44336;box-shadow:0 0 0 3px #f443361a}@media (max-width: 768px){.balance-dashboard{grid-template-columns:repeat(2,1fr)}.date-range-row,.approver-card-body{grid-template-columns:1fr}.approver-actions{flex-direction:column;align-items:stretch}}.request-modal-section__title{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.request-modal-section__hint{font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--spacing-3)}.request-modal-delegate-search{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-body);background:var(--color-bg-input);color:var(--color-text-primary)}.request-modal-delegate-search:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 3px #673ab71a}.request-modal-delegate-options{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:160px;overflow-y:auto;margin-top:var(--spacing-1);background:var(--color-bg-card)}.request-modal-delegate-option{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);text-align:left;background:none;border:none;cursor:pointer;font-size:var(--font-size-body);color:var(--color-text-primary);transition:background .15s}.request-modal-delegate-option:hover{background:var(--color-bg-hover)}.request-modal-delegate-option__number{font-size:var(--font-size-small);color:var(--color-text-muted);margin-left:var(--spacing-2)}.request-modal-delegate-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.request-modal-delegate-tag{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:20px;font-size:var(--font-size-small);color:var(--color-text-primary)}.request-modal-delegate-tag--readonly{background:var(--color-bg-light);cursor:default}.request-modal-delegate-tag__remove{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;color:var(--color-text-muted);padding:0 2px}.request-modal-delegate-tag__remove:hover{color:var(--color-accent)}.request-modal-attach-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-light);border:1px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-body);color:var(--color-cta);transition:background .15s,border-color .15s}.request-modal-attach-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-cta)}.request-modal-attach-btn:disabled{opacity:.5;cursor:not-allowed}.request-modal-file-list{margin-top:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.request-modal-file-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-light);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.request-modal-file-item__name{flex:1;font-size:var(--font-size-body);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-modal-file-item__name a{color:var(--color-cta);text-decoration:none}.request-modal-file-item__name a:hover{text-decoration:underline}.request-modal-file-item__size{font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap}.request-modal-file-item__remove{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:var(--color-text-muted);padding:0 4px}.request-modal-file-item__remove:hover{color:var(--color-accent)}.vm-page{padding:var(--spacing-6);width:100%;font-family:var(--font-sans)}.vm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.vm-header__title{margin:0;font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--color-text-dark)}.vm-header__desc{margin:var(--spacing-1) 0 0;font-size:var(--font-size-body);color:var(--color-text-secondary)}.vm-header__actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.vm-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-body);font-weight:var(--font-weight-label);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.vm-btn:disabled{opacity:.55;cursor:not-allowed}.vm-btn--cta{background-color:var(--color-cta);color:#fff}.vm-btn--cta:hover:not(:disabled){background-color:var(--color-cta-hover)}.vm-btn--outline{background-color:transparent;color:var(--color-text-dark);border-color:var(--color-border-input)}.vm-btn--outline:hover:not(:disabled){background-color:var(--color-bg-light)}.vm-btn--ghost{background-color:var(--color-bg-light);color:var(--color-text-dark);border-color:var(--color-border-light)}.vm-btn--ghost:hover:not(:disabled){background-color:var(--color-border-light)}.vm-collab{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.vm-collab__info{display:flex;flex-direction:column;min-width:0}.vm-collab__name{font-weight:600;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-collab__meta{font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-avatar{flex-shrink:0;width:38px;height:38px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cta),var(--color-primary-hover));color:#fff;font-size:var(--font-size-small);font-weight:600;overflow:hidden}.vm-avatar--sm{width:32px;height:32px}.vm-avatar__img{width:100%;height:100%;object-fit:cover}.vm-available{font-weight:700;color:var(--color-action)}.vm-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.vm-form__section-title{margin:var(--spacing-2) 0 0;font-size:var(--font-size-label);font-weight:600;color:var(--color-text-secondary);text-transform:none}.vm-form__hint{margin:var(--spacing-1) 0 0;font-size:var(--font-size-small);color:var(--color-text-muted)}.vm-link-btn{background:none;border:none;padding:0;font:inherit;color:var(--color-cta);cursor:pointer;text-decoration:underline}.vm-link-btn:hover{color:var(--color-cta-hover)}.vm-field{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.vm-label{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary)}.vm-req{color:var(--color-accent)}.vm-hint{color:var(--color-text-muted);cursor:help}.vm-input,.vm-select,.vm-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background-color:var(--color-bg-light);color:var(--color-text-dark);font-size:var(--font-size-body);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.vm-input:focus,.vm-select:focus,.vm-textarea:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 3px var(--color-cta-light)}.vm-input:disabled,.vm-select:disabled{opacity:.7;cursor:not-allowed}.vm-textarea{resize:vertical;min-height:72px}.vm-charcount{align-self:flex-end;font-size:var(--font-size-small);color:var(--color-text-muted)}.vm-computed{padding:var(--spacing-2) var(--spacing-3);border:1px dashed var(--color-border-input);border-radius:var(--radius-md);background-color:var(--color-cta-light);color:var(--color-action);font-weight:700;font-size:var(--font-size-body)}.vm-grid{display:grid;gap:var(--spacing-4)}.vm-grid--2{grid-template-columns:repeat(2,1fr)}.vm-grid--3{grid-template-columns:repeat(3,1fr)}.vm-employee-select{display:flex;align-items:center;gap:var(--spacing-3)}.vm-employee-select__control{flex:1}.vm-employee-meta{margin:var(--spacing-1) 0 0 calc(38px + var(--spacing-3));font-size:var(--font-size-small);color:var(--color-text-muted)}.vm-audit{margin-top:var(--spacing-2);padding:var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background-color:var(--color-bg-light)}.vm-audit__title{margin:0 0 var(--spacing-3);font-size:var(--font-size-label);font-weight:600;color:var(--color-text-secondary)}.vm-audit__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.vm-audit__label{display:block;font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}.vm-audit__user{display:flex;align-items:center;gap:var(--spacing-2)}.vm-audit__name{font-weight:600;color:var(--color-text-dark);font-size:var(--font-size-body)}.vm-audit__meta,.vm-audit__date{font-size:var(--font-size-small);color:var(--color-text-muted)}.vm-audit__date{padding-top:var(--spacing-2);color:var(--color-text-dark)}.vm-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-2);width:100%}.vm-bulk{display:flex;flex-direction:column;gap:var(--spacing-4)}.vm-steps{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.vm-step{display:flex;align-items:center;gap:var(--spacing-2);flex:1;color:var(--color-text-muted);font-size:var(--font-size-small)}.vm-step:not(:last-child):after{content:"";flex:1;height:1px;background-color:var(--color-border-light);margin-left:var(--spacing-2)}.vm-step__num{width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-bg-light);border:1px solid var(--color-border-input);color:var(--color-text-muted);font-weight:600}.vm-step.is-active .vm-step__num,.vm-step.is-done .vm-step__num{background-color:var(--color-cta);border-color:var(--color-cta);color:#fff}.vm-step.is-active .vm-step__label,.vm-step.is-done .vm-step__label{color:var(--color-text-dark);font-weight:600}.vm-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.vm-method{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background-color:var(--color-bg-light);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.vm-method:hover{border-color:var(--color-cta)}.vm-method.is-selected{border-color:var(--color-cta);box-shadow:0 0 0 3px var(--color-cta-light)}.vm-method__badge{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-cta-light);color:var(--color-cta);font-weight:700;font-size:var(--font-size-small)}.vm-method__body{display:flex;flex-direction:column;min-width:0;flex:1}.vm-method__title{font-weight:600;color:var(--color-text-dark);font-size:var(--font-size-body)}.vm-method__desc{font-size:var(--font-size-small);color:var(--color-text-muted)}.vm-method__radio{flex-shrink:0;width:16px;height:16px;border-radius:var(--radius-full);border:2px solid var(--color-border-input)}.vm-method.is-selected .vm-method__radio{border-color:var(--color-cta);background-color:var(--color-cta);box-shadow:inset 0 0 0 3px var(--color-bg-light)}.vm-bulk__cols{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-4);align-items:start}.vm-bulk__col{display:flex;flex-direction:column;gap:var(--spacing-2)}.vm-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);border:1.5px dashed var(--color-border-input);border-radius:var(--radius-lg);background-color:var(--color-bg-light);text-align:center}.vm-dropzone.is-drag{border-color:var(--color-cta);background-color:var(--color-cta-light)}.vm-dropzone.has-file{border-style:solid;border-color:var(--color-cta)}.vm-dropzone__icon{font-size:1.5rem;color:var(--color-cta)}.vm-dropzone__text,.vm-dropzone__file{margin:0;color:var(--color-text-dark);font-size:var(--font-size-body)}.vm-dropzone__file{font-weight:600;word-break:break-all}.vm-dropzone__or,.vm-dropzone__hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-small)}.vm-dropzone__btn{margin-top:var(--spacing-1)}.vm-dropzone__formats{margin:var(--spacing-1) 0 0;font-size:var(--font-size-small);color:var(--color-text-muted)}.vm-summary{list-style:none;margin:0;padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background-color:var(--color-bg-light);display:flex;flex-direction:column;gap:var(--spacing-1)}.vm-summary__row{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-sm)}.vm-summary__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.vm-summary__dot--info{background-color:var(--status-info-text)}.vm-summary__dot--success{background-color:var(--status-success-text)}.vm-summary__dot--error{background-color:var(--status-error-text)}.vm-summary__dot--warning{background-color:var(--status-warning-text)}.vm-summary__label{flex:1;font-size:var(--font-size-body);color:var(--color-text-secondary)}.vm-summary__value{font-weight:700;color:var(--color-text-dark)}.vm-preview{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.vm-preview__table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.vm-preview__table th{text-align:left;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-bg-light);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:600;border-bottom:1px solid var(--color-border-light)}.vm-preview__table td{padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-dark);border-bottom:1px solid var(--color-border-light)}.vm-preview__table tr:last-child td{border-bottom:none}.vm-preview__empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-5)}.vm-pill{display:inline-flex;align-items:center;padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:600}.vm-pill--valido{background-color:var(--status-success-bg);color:var(--status-success-text)}.vm-pill--error{background-color:var(--status-error-bg);color:var(--status-error-text)}.vm-pill--advertencia{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.vm-notice{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);background-color:var(--status-info-bg);color:var(--status-info-text);font-size:var(--font-size-small);line-height:1.5}@media (max-width: 1024px){.vm-bulk__cols,.vm-methods{grid-template-columns:1fr}}@media (max-width: 768px){.vm-page{padding:var(--spacing-4)}.vm-header__actions{width:100%}.vm-grid--2,.vm-grid--3,.vm-audit__grid{grid-template-columns:1fr}.vm-steps{flex-direction:column;align-items:flex-start}.vm-step:not(:last-child):after{display:none}}.vm-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3) var(--spacing-4)}.vm-detail-item{display:flex;flex-direction:column;gap:2px;min-width:0}.vm-detail-label{font-size:var(--font-size-small);color:var(--color-text-muted)}.vm-detail-value{font-size:var(--font-size-body);color:var(--color-text-dark);font-weight:500;margin:0}@media (max-width: 768px){.vm-detail-grid{grid-template-columns:1fr}}.vm-bulk__template{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background-color:var(--color-bg-light)}.vm-bulk__template-title{margin:0 0 2px;font-weight:600;color:var(--color-text-dark);font-size:var(--font-size-body)}.vm-bulk__template-desc{margin:0;font-size:var(--font-size-small);color:var(--color-text-muted);max-width:520px}@media (max-width: 768px){.vm-bulk__template{flex-direction:column;align-items:flex-start}}.workflows-page,.absence-request-page,.absence-history-page,.absence-detail-page,.absence-approver-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.absence-type-notice{margin-top:12px;padding:12px;border-radius:6px;font-size:13px}.absence-type-notice.warning{background:#fff3e0;border:1px solid #ffe082;color:#e65100}.absence-type-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.absence-type-badge.con_descuento{background-color:#fce4ec;color:#c62828}.absence-type-badge.sin_descuento{background-color:#e8f5e9;color:#2e7d32}.absence-card{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.absence-card:hover{box-shadow:0 2px 8px #00000014}.absence-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.absence-link{font-size:16px;font-weight:600;color:#667eea;text-decoration:none}.absence-link:hover{text-decoration:underline}.absence-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;font-size:14px}.absence-card-actions{margin-top:12px;display:flex;gap:8px}.approver-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.detail-grid .info-item.full-width{grid-column:1 / -1}.absence-request-page .form-section,.absence-detail-page .card,.absence-approver-page .approver-card{border:1px solid #eee;border-radius:8px;padding:20px}.absence-request-page .request-form{max-width:600px}.absence-request-page .date-range-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.absence-card-body,.absence-request-page .date-range-row{grid-template-columns:1fr}.approver-badges{flex-direction:column;align-items:flex-start}.detail-grid{grid-template-columns:1fr}}.disability-form-page,.disability-history-page,.disability-detail-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.disability-form{max-width:700px}.disability-form .form-section{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.disability-form .date-range-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.labor-status-preview{margin-top:12px;padding:10px 16px;background:#e3f2fd;border-radius:6px;font-size:14px;color:#1565c0}.labor-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.labor-status-badge.activo_en_licencia{background-color:#e3f2fd;color:#1565c0}.labor-status-badge.inactivo_temporal{background-color:#fff3e0;color:#e65100}.disability-card{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.disability-card:hover{box-shadow:0 2px 8px #00000014}.disability-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.disability-link{font-size:16px;font-weight:600;color:#667eea;text-decoration:none}.disability-link:hover{text-decoration:underline}.disability-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;font-size:14px}.alert-banner{padding:12px 16px;border-radius:6px;font-size:14px;margin:12px 0}.alert-banner.danger{background:#fce4ec;border:1px solid #ef9a9a;color:#c62828}.info-notice{padding:12px 16px;background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;font-size:13px;color:#1565c0}.documents-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.document-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9f9f9;border-radius:6px;font-size:14px}.document-name{flex:1;font-weight:500;color:#333}.document-date{color:#888;font-size:13px}.upload-section{display:flex;align-items:center;gap:12px;margin-top:12px}.upload-hint{font-size:12px;color:#888}.close-form{max-width:500px}.close-form .form-field{margin-bottom:12px}.disability-detail-page .detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.disability-detail-page .detail-grid .info-item.full-width{grid-column:1 / -1}.disability-detail-page .card{border:1px solid #eee;border-radius:8px;padding:20px}@media (max-width: 768px){.disability-form .date-range-row,.disability-card-body,.disability-detail-page .detail-grid{grid-template-columns:1fr}}.salaries-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.confidentiality-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.confidentiality-icon{font-size:20px}.employee-selector{margin-bottom:24px;max-width:500px}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1}.salary-tabs{display:flex;gap:0;border-bottom:2px solid #eee;margin-bottom:24px}.tab-btn{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:500;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-btn:hover{color:#333}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.salary-form{max-width:800px}.salary-form .form-section{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.salary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px}.salaries-page .calc-preview{background:#f0f4ff;border:1px solid #d0d8f0;border-radius:8px;padding:16px;margin-top:16px}.salaries-page .calc-preview h4{margin:0 0 12px;font-size:14px;color:#333}.salaries-page .calc-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.salaries-page .calc-row .label{color:#666}.salaries-page .calc-row .value{font-weight:600;color:#333}.cost-summary{background:linear-gradient(135deg,#667eea10,#764ba210);border:1px solid #d0d8f0;border-radius:8px;padding:20px;margin-bottom:20px}.cost-summary h4{margin:0 0 4px;font-size:16px;color:#333}.cost-note{font-size:12px;color:#888;margin:0 0 16px;font-style:italic}.cost-summary .calc-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.cost-summary .calc-row .label{color:#666}.cost-summary .calc-row .value{font-weight:600;color:#333}.cost-summary .calc-row.total{border-top:2px solid #667eea;margin-top:8px;padding-top:12px;font-size:16px}.cost-summary .calc-row.total .value{color:#667eea;font-size:18px}.salary-history-card{border:1px solid #eee;border-radius:8px;padding:16px;margin-bottom:12px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-date{font-size:13px;color:#888}.history-salary{font-size:18px;font-weight:700;color:#667eea}.history-details{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#555;margin-bottom:4px}.history-meta{font-size:12px;color:#aaa}.benefits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.benefit-form{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.benefit-form h4{margin:0 0 12px}.benefits-group{margin-bottom:20px}.benefits-group h4{font-size:14px;color:#555;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.benefit-item{display:flex;align-items:center;gap:16px;padding:10px 16px;border:1px solid #eee;border-radius:6px;margin-bottom:8px;font-size:14px}.benefit-item.inactive{opacity:.5}.benefit-name{flex:1;font-weight:500;color:#333}.benefit-value{font-weight:600;color:#667eea}.benefit-status{font-size:12px;color:#888}@media (max-width: 768px){.salary-grid{grid-template-columns:1fr}.salary-tabs{overflow-x:auto}.history-header,.benefit-item{flex-direction:column;align-items:flex-start;gap:4px}}.viatical-request-page,.viatical-history-page,.viatical-detail-page,.viatical-authorizer-page,.viatical-vouchers-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.viatical-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4, 16px);flex-wrap:wrap;margin-bottom:var(--spacing-5, 20px)}.viatical-header__title{margin:0;font-size:26px;font-weight:700;color:var(--color-text-dark, #fff)}.viatical-header__subtitle{margin:4px 0 0;font-size:14px;color:var(--color-text-secondary, #9aa)}.viatical-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-3, 12px);margin-bottom:var(--spacing-5, 20px)}.viatical-kpi{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .2))}.viatical-kpi__head{display:flex;align-items:center;gap:8px}.viatical-kpi__icon{font-size:16px;line-height:1}.viatical-kpi__label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #9aa);text-transform:uppercase;letter-spacing:.02em}.viatical-kpi__value{font-size:22px;font-weight:700;color:var(--color-text-dark, #fff);font-variant-numeric:tabular-nums}.viatical-kpi__value--warning{color:var(--status-warning-text, #f59e0b)}.viatical-kpi__value--success{color:var(--status-success-text, #22c55e)}.viatical-kpi__bar{height:5px;border-radius:3px;background:var(--color-border-light, #2a2e3f);overflow:hidden}.viatical-kpi__bar-fill{height:100%;border-radius:3px;transition:width .25s ease}.viatical-kpi__bar-fill--primary{background:var(--color-primary, #6c47ff)}.viatical-kpi__bar-fill--warning{background:var(--status-warning-text, #f59e0b)}.viatical-kpi__bar-fill--success{background:var(--status-success-text, #22c55e)}.viatical-kpi__hint{font-size:12px;color:var(--color-text-muted, #778)}.viatical-filters{background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px);padding:16px;margin-bottom:var(--spacing-5, 20px)}.viatical-filters__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-3, 12px)}.viatical-filters__field{display:flex;flex-direction:column;gap:4px}.viatical-filters__field label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #9aa)}.viatical-filters__field select,.viatical-filters__field input{padding:8px 10px;border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-sm, 6px);background:var(--color-bg-light, #12151f);color:var(--color-text-dark, #fff);font-size:14px}.viatical-filters__actions{display:flex;justify-content:flex-end;margin-top:12px}.viatical-btn{padding:8px 16px;border-radius:var(--radius-sm, 6px);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent}.viatical-btn--ghost{background:transparent;border-color:var(--color-border-light, #2a2e3f);color:var(--color-text-secondary, #9aa)}.viatical-btn--ghost:hover{background:var(--color-bg-light, #12151f)}.dt-action-btn-success{background:var(--status-success-text, #22c55e);color:var(--text-on-dark, #fff)}.dt-action-btn-warning{background:var(--status-warning-text, #f59e0b);color:var(--text-on-dark, #fff)}.viatical-confirm-message{margin:0;font-size:15px;line-height:1.5;color:var(--color-text-dark, #e8e8ef)}.viatical-confirm-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3, 12px);width:100%}.viatical-confirm-btn{padding:9px 18px;border:none;border-radius:var(--radius-sm, 6px);font-size:14px;font-weight:600;cursor:pointer;color:var(--text-on-dark, #fff);transition:opacity .15s ease}.viatical-confirm-btn:hover{opacity:.9}.viatical-confirm-btn:disabled{opacity:.6;cursor:default}.viatical-confirm-btn--primary{background:var(--color-primary, #6c47ff)}.viatical-confirm-btn--success{background:var(--status-success-text, #22c55e)}.viatical-confirm-btn--danger{background:var(--color-accent, #ef4444)}.viatical-confirm-btn--warning{background:var(--status-warning-text, #f59e0b)}.viatical-results-count{font-size:13px;color:var(--color-text-secondary, #9aa);margin-bottom:8px}.viatical-saldo{font-variant-numeric:tabular-nums;white-space:nowrap}.viatical-saldo small{font-size:11px;opacity:.75}.viatical-saldo--pending{color:var(--status-warning-text, #f59e0b)}.viatical-saldo--favor{color:var(--status-success-text, #22c55e)}.viatical-saldo--none{color:var(--color-text-muted, #778)}@media (max-width: 900px){.viatical-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.viatical-kpis{grid-template-columns:1fr}.viatical-header{flex-direction:column}}.commission-days-badge{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--status-info-bg);border-radius:var(--radius-sm);font-size:var(--font-size-label);color:var(--status-info-text);display:inline-block}.employee-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-2)}.employee-selection-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.employee-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);background:var(--color-bg-white)}.employee-option:hover{background:var(--color-bg-light)}.employee-option.selected{background:#2b2d6b0d;border-color:var(--color-primary);border-width:2px}.employee-option .emp-name{font-weight:600;flex:1}.employee-option .emp-position{color:var(--color-text-secondary);font-size:13px}.no-tabulator-warning{color:#e65100;font-size:12px;font-weight:600}.no-tabulator-notice{margin-top:8px;padding:6px 12px;background:#fff3e0;border-radius:4px;font-size:12px;color:#e65100}.viatical-modal-error{padding:var(--spacing-3) var(--spacing-4);background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-text);border-radius:var(--radius-sm);font-size:var(--font-size-body);margin-bottom:var(--spacing-4)}.viatical-detail-section-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--spacing-3)}.viatical-detail-employee-list{margin:0;padding-left:20px;font-size:var(--font-size-body);color:var(--color-text-dark)}.viatical-detail-employee-list li{margin-bottom:4px}.viatical-detail-emp-block{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-3)}.viatical-detail-emp-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap}.viatical-detail-emp-name{font-weight:600;color:var(--color-text-dark)}.viatical-detail-emp-position{font-size:var(--font-size-small);color:var(--color-text-secondary)}.viatical-budget-breakdown{width:100%;border-collapse:collapse;font-size:var(--font-size-label)}.viatical-budget-breakdown th,.viatical-budget-breakdown td{padding:6px 8px;border-bottom:1px solid var(--color-border-light)}.viatical-budget-breakdown th{text-align:left;font-size:var(--font-size-small);text-transform:uppercase;color:var(--color-text-secondary);font-weight:600}.viatical-budget-breakdown .text-right{text-align:right}.viatical-budget-breakdown tfoot td{border-top:2px solid var(--color-border-light);border-bottom:none;font-weight:600;padding-top:8px}.viatical-budget-breakdown__total{color:var(--color-primary);font-weight:700}.viatical-detail-no-tabulator{margin:0;padding:8px 12px;background:var(--status-warning-bg, #fff3e0);color:var(--status-warning-text, #e65100);border-radius:var(--radius-sm);font-size:var(--font-size-small)}.viatical-vouched-cell{display:flex;align-items:center;gap:6px;white-space:nowrap}.viatical-vouched-cell__amount{font-variant-numeric:tabular-nums}.viatical-vouched-cell__bar{flex:1;min-width:32px;height:6px;background:var(--color-border-light, #e5e5e5);border-radius:3px;overflow:hidden}.viatical-vouched-cell__bar-fill{height:100%;background:var(--color-primary, #6c47ff);border-radius:3px;transition:width .2s ease}.viatical-vouched-cell__pct{font-size:var(--font-size-small, 11px);color:var(--color-text-secondary, #777);min-width:30px;text-align:right}.viatical-employee-combo{margin-top:var(--spacing-5)}.viatical-employee-combo__hint{margin:0 0 var(--spacing-2);font-size:var(--font-size-small);color:var(--color-text-secondary)}.viatical-employee-combo__search{width:100%;padding:10px 12px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;background:var(--color-bg-white);color:var(--color-text-dark)}.viatical-employee-combo__options{margin-top:6px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-white);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}.viatical-employee-combo__option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;font-size:14px;cursor:pointer;color:var(--color-text-dark);border-bottom:1px solid var(--color-border-light)}.viatical-employee-combo__option:last-child{border-bottom:none}.viatical-employee-combo__option:hover{background:var(--color-primary-light, #f0f0ff)}.viatical-employee-combo__option-number{font-size:12px;color:var(--color-text-secondary)}.viatical-employee-combo__empty{margin-top:6px;padding:10px 12px;font-size:13px;color:var(--color-text-secondary);border:1px dashed var(--color-border-light);border-radius:var(--radius-sm)}.viatical-employee-combo__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-3)}.viatical-employee-combo__tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-primary-light, #f0f0ff);border:1px solid var(--color-primary, #6c47ff);border-radius:var(--radius-full, 16px);font-size:13px;color:var(--color-primary, #6c47ff);font-weight:500}.viatical-employee-combo__tag-remove{border:none;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer;padding:0}.viatical-employee-combo__count{margin-top:var(--spacing-2);font-size:13px;color:var(--color-text-secondary)}.viatical-card{border:1px solid var(--color-border-light);border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.viatical-card:hover{box-shadow:0 2px 8px #00000014}.viatical-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.viatical-link{font-size:16px;font-weight:600;color:var(--color-action);text-decoration:none}.viatical-link:hover{text-decoration:underline}.viatical-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;font-size:14px}.viatical-card-actions{margin-top:12px;display:flex;gap:8px}.budget-table,.summary-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.budget-table th,.budget-table td,.summary-table th,.summary-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border-light)}.budget-table th,.summary-table th{background:#f5f5f5;font-weight:600;font-size:12px;text-transform:uppercase;color:var(--color-text-secondary)}.summary-table tfoot td{border-top:2px solid var(--color-border-light);font-weight:600}.employee-budget-card{border:1px solid var(--color-border-light);border-radius:6px;padding:16px;margin-bottom:12px}.emp-budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.balance-card{background:#f8f9fa}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}.balance-item{text-align:center}.balance-item .label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.balance-item .value{font-size:20px;font-weight:700}.commission-summary-bar{display:flex;gap:24px;padding:12px 16px;background:#f5f5f5;border-radius:6px;margin-bottom:20px;font-size:14px;flex-wrap:wrap}.upload-section{border:2px dashed var(--color-border-light)}.upload-form{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-3)}.viatical-vouchers-page__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.viatical-vouchers-page__timeline{background:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--spacing-5) var(--spacing-6);margin-bottom:var(--spacing-5)}.viatical-vouchers-page__error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid currentColor;border-radius:var(--radius-sm);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-body)}.viatical-vouchers-page__success-banner{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid currentColor;border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-body)}.viatical-vouchers-page__commission-bar{display:flex;gap:var(--spacing-6);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-5);font-size:var(--font-size-body);flex-wrap:wrap;align-items:center}.viatical-vouchers-page__commission-name{color:var(--color-text-dark)}.viatical-vouchers-page__commission-dest,.viatical-vouchers-page__commission-dates{color:var(--color-text-secondary)}.viatical-vouchers-page__field-error{background:var(--status-error-bg);color:var(--status-error-text);border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-3);font-size:var(--font-size-body)}.viatical-vouchers-page__hint{margin-top:var(--spacing-2);font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:1.5}.viatical-vouchers-page__empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-6) 0;font-size:var(--font-size-body)}.viatical-vouchers-page__actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.viatical-vouchers-page__actions--secondary{margin-top:var(--spacing-4)}.viatical-vouchers-page__summary{margin-bottom:var(--spacing-5)}.viatical-vouchers-page__summary-table-wrapper{overflow-x:auto}.viatical-vouchers-page__summary-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.viatical-vouchers-page__summary-table th,.viatical-vouchers-page__summary-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border-light)}.viatical-vouchers-page__summary-table th{background:var(--color-bg-light);font-weight:600;font-size:var(--font-size-small);text-transform:uppercase;color:var(--color-text-secondary)}.viatical-vouchers-page__summary-table tfoot td{border-top:2px solid var(--color-text-dark)}.text-positive{color:var(--status-success-text)}.text-negative{color:var(--status-error-text)}.voucher-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.voucher-group{margin-bottom:var(--spacing-4)}.voucher-group__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:var(--status-info-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-3);font-size:var(--font-size-body)}.voucher-group__name{font-weight:600;color:var(--color-primary)}.voucher-group__total{color:var(--color-text-secondary)}.voucher-card{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-3);background:var(--color-bg-white);transition:box-shadow var(--transition-fast)}.voucher-card:hover{box-shadow:var(--shadow-sm)}.voucher-card--warning{border-color:var(--status-warning-text);background:var(--status-warning-bg)}.voucher-card__header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.voucher-card__type-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:700;text-transform:uppercase}.voucher-card__type-badge--cfdi{background:var(--status-info-bg);color:var(--status-info-text)}.voucher-card__type-badge--soporte{background:#8b5cf61f;color:#6d28d9}.voucher-card__concept{font-weight:600;color:var(--color-text-dark)}.voucher-card__rfc-warning{padding:var(--spacing-1) var(--spacing-2);background:var(--status-warning-bg);border:1px solid var(--status-warning-text);border-radius:var(--radius-sm);font-size:var(--font-size-small);color:var(--status-warning-text);font-weight:600}.voucher-card__body{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-2);font-size:var(--font-size-label)}.voucher-card__info-item{display:flex;flex-direction:column;gap:2px}.voucher-card__info-item--full{grid-column:1 / -1}.voucher-card__label{font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:var(--font-weight-label)}.voucher-card__value{color:var(--color-text-dark);font-size:var(--font-size-body)}.voucher-card__value--bold{font-weight:700}.voucher-card__preview-section{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-3)}.voucher-card__file-info{display:flex;align-items:center;gap:var(--spacing-2)}.voucher-card__file-ext{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-light);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:700;color:var(--color-primary)}.voucher-card__file-name{font-size:var(--font-size-label);color:var(--color-text-secondary);word-break:break-all}.voucher-card__actions{margin-top:var(--spacing-3);display:flex;gap:var(--spacing-2)}.voucher-preview{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden;max-width:100%}.voucher-preview__image{max-width:100%;max-height:240px;object-fit:contain;display:block;margin:0 auto;background:var(--color-bg-light)}.voucher-preview__pdf{width:100%;height:240px;border:none;background:var(--color-bg-light)}.voucher-preview--file{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-light)}.voucher-preview__icon{font-size:1.5rem}.voucher-preview__filename{font-size:var(--font-size-label);color:var(--color-text-secondary);word-break:break-all}@media (max-width: 768px){.form-grid-2,.viatical-card-body,.voucher-card__body,.balance-grid{grid-template-columns:1fr}.commission-summary-bar,.viatical-vouchers-page__commission-bar{flex-direction:column;gap:var(--spacing-2)}.viatical-vouchers-page__header{flex-direction:column;align-items:flex-start}.voucher-group__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.viatical-vouchers-page__actions{flex-direction:column}.viatical-vouchers-page__actions .btn{width:100%}}.vv-page{padding:24px 24px 96px;width:100%;max-width:1200px;margin:0 auto}.vv-back{background:none;border:none;color:var(--color-text-secondary, #9aa);font-size:14px;cursor:pointer;padding:0;margin-bottom:var(--spacing-3, 12px)}.vv-back:hover{color:var(--color-primary, #8b6cff)}.vv-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3, 12px);margin-bottom:var(--spacing-4, 16px);flex-wrap:wrap}.vv-header__title{margin:0;font-size:24px;font-weight:700;color:var(--color-text-dark, #fff)}.vv-header__meta{margin:4px 0 0;font-size:14px;color:var(--color-text-secondary, #9aa)}.vv-timeline{background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px);padding:var(--spacing-4, 16px) var(--spacing-5, 20px);margin-bottom:var(--spacing-4, 16px)}.vv-banner{border-radius:var(--radius-sm, 6px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);margin-bottom:var(--spacing-4, 16px);font-size:14px}.vv-banner--success{background:var(--status-success-bg, rgba(34,197,94,.12));color:var(--status-success-text, #22c55e);border:1px solid currentColor}.vv-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3, 12px);margin-bottom:var(--spacing-4, 16px)}.vv-metric{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px)}.vv-metric__icon{font-size:18px}.vv-metric__label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #9aa);text-transform:uppercase;letter-spacing:.02em}.vv-metric__value{font-size:22px;font-weight:700;color:var(--color-text-dark, #fff);font-variant-numeric:tabular-nums}.vv-metric__value--success{color:var(--status-success-text, #22c55e)}.vv-metric__value--warning{color:var(--status-warning-text, #f59e0b)}.vv-metric__value--neutral{color:var(--color-text-secondary, #9aa)}.vv-metric__bar{height:6px;border-radius:3px;background:var(--color-border-light, #2a2e3f);overflow:hidden;margin-top:4px}.vv-metric__bar-fill{height:100%;background:var(--color-primary, #6c47ff);border-radius:3px;transition:width .25s ease}.vv-metric__hint{font-size:12px;color:var(--color-text-muted, #778)}.vv-balance{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-md, 12px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);margin-bottom:var(--spacing-4, 16px)}.vv-balance strong{font-size:16px}.vv-balance span{font-size:13px;opacity:.85}.vv-balance--favor{background:var(--status-info-bg, rgba(59,130,246,.12));color:var(--status-info-text, #3b82f6);border:1px solid currentColor}.vv-balance--complete{background:var(--status-success-bg, rgba(34,197,94,.12));color:var(--status-success-text, #22c55e);border:1px solid currentColor}.vv-section{margin-bottom:var(--spacing-5, 20px)}.vv-section__title{margin:0 0 var(--spacing-3, 12px);font-size:16px;font-weight:700;color:var(--color-text-dark, #fff)}.vv-concepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-3, 12px)}.vv-concept{padding:14px 16px;background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px)}.vv-concept__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.vv-concept__name{font-weight:600;color:var(--color-text-dark, #fff)}.vv-concept__badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full, 12px);white-space:nowrap}.vv-concept__badge--complete{background:var(--status-success-bg, rgba(34,197,94,.12));color:var(--status-success-text, #22c55e)}.vv-concept__badge--pending{background:var(--status-warning-bg, rgba(245,158,11,.12));color:var(--status-warning-text, #f59e0b)}.vv-concept__amounts{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-secondary, #9aa);margin-bottom:6px}.vv-concept__bar{height:6px;border-radius:3px;background:var(--color-border-light, #2a2e3f);overflow:hidden}.vv-concept__bar-fill{height:100%;background:var(--color-primary, #6c47ff);border-radius:3px;transition:width .25s ease}.vv-concept__bar-fill--complete{background:var(--status-success-text, #22c55e)}.vv-add{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4, 16px);padding:16px;background:var(--color-bg-white, #1b1e2b);border:1px dashed var(--color-primary, #6c47ff);border-radius:var(--radius-md, 12px);flex-wrap:wrap}.vv-add__hint{margin:4px 0 0;font-size:13px;color:var(--color-text-secondary, #9aa)}.vv-add__sources{display:flex;gap:var(--spacing-2, 8px);flex-wrap:wrap}.vv-source{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-sm, 8px);background:var(--color-bg-light, #12151f);color:var(--color-text-dark, #fff);font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.vv-source:hover{border-color:var(--color-primary, #6c47ff)}.vv-source__icon{font-size:16px}.vv-empty{text-align:center;padding:40px 20px;background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px)}.vv-empty__icon{font-size:40px}.vv-empty__title{margin:12px 0 4px;font-weight:700;color:var(--color-text-dark, #fff)}.vv-empty__text{margin:0;font-size:13px;color:var(--color-text-secondary, #9aa)}.vv-table-wrap{overflow-x:auto}.vv-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px);overflow:hidden}.vv-table th,.vv-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border-light, #2a2e3f)}.vv-table th{font-size:12px;text-transform:uppercase;color:var(--color-text-secondary, #9aa);font-weight:600;background:var(--color-bg-light, #12151f)}.vv-table td{color:var(--color-text-dark, #e8e8ef)}.vv-table .text-right{text-align:right}.vv-type-badge{padding:2px 8px;border-radius:var(--radius-full, 12px);font-size:11px;font-weight:700}.vv-type-badge--cfdi{background:var(--status-info-bg, rgba(59,130,246,.12));color:var(--status-info-text, #3b82f6)}.vv-type-badge--soporte{background:#8b5cf626;color:#a78bfa}.vv-vstatus{font-size:12px;font-weight:600;white-space:nowrap}.vv-vstatus--ok{color:var(--status-success-text, #22c55e)}.vv-vstatus--warn{color:var(--status-warning-text, #f59e0b)}.vv-link{color:var(--color-primary, #8b6cff);text-decoration:none;font-weight:600}.vv-link:hover{text-decoration:underline}.vv-icon-btn{border:none;background:transparent;cursor:pointer;font-size:16px;padding:4px 6px;border-radius:var(--radius-sm, 6px)}.vv-icon-btn--danger:hover{background:#ef444426}.vv-cards{display:none;flex-direction:column;gap:var(--spacing-3, 12px)}.vv-card{display:flex;gap:12px;padding:12px;background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px)}.vv-card--warn{border-color:var(--status-warning-text, #f59e0b)}.vv-card__evidence{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm, 6px);background:var(--color-bg-light, #12151f);display:flex;align-items:center;justify-content:center;overflow:hidden}.vv-card__thumb{width:100%;height:100%;object-fit:cover}.vv-card__ext{font-size:11px;font-weight:700;color:var(--color-primary, #8b6cff)}.vv-card__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.vv-card__date{font-size:12px;color:var(--color-text-secondary, #9aa)}.vv-card__concept{font-weight:600;color:var(--color-text-dark, #fff)}.vv-card__provider{font-size:12px;color:var(--color-text-secondary, #9aa)}.vv-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.vv-card__amount{font-weight:700;color:var(--color-text-dark, #fff)}.vv-card__actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.vv-autosave{position:fixed;bottom:88px;right:20px;background:var(--status-success-bg, rgba(34,197,94,.15));color:var(--status-success-text, #22c55e);border:1px solid currentColor;padding:8px 14px;border-radius:var(--radius-full, 20px);font-size:13px;font-weight:600;z-index:60}.vv-sticky{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3, 12px);padding:12px 24px;background:var(--color-bg-white, #1b1e2b);border-top:1px solid var(--color-border-light, #2a2e3f);z-index:50}.vv-sticky__info{display:flex;flex-direction:column}.vv-sticky__label{font-size:11px;color:var(--color-text-secondary, #9aa);text-transform:uppercase}.vv-sticky__amount{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.vv-sticky__amount--warning{color:var(--status-warning-text, #f59e0b)}.vv-sticky__amount--success{color:var(--status-success-text, #22c55e)}.vv-sticky__amount--neutral{color:var(--color-text-secondary, #9aa)}.vv-sticky__submit{padding:10px 22px;border:none;border-radius:var(--radius-sm, 8px);background:var(--color-primary, #6c47ff);color:#fff;font-size:14px;font-weight:700;cursor:pointer;min-height:44px}.vv-sticky__submit:disabled{opacity:.5;cursor:default}.vv-tray{display:flex;flex-direction:column;gap:var(--spacing-3, 12px)}.vv-tray__empty{color:var(--color-text-secondary, #9aa);text-align:center;padding:20px 0}.vv-tray-item{border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 10px);padding:12px}.vv-tray-item--ok{border-left:3px solid var(--status-success-text, #22c55e)}.vv-tray-item--warn{border-left:3px solid var(--status-warning-text, #f59e0b)}.vv-tray-item__head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.vv-tray-item__file{flex:1;font-size:13px;font-weight:600;color:var(--color-text-dark, #fff);word-break:break-all}.vv-tray-item__status{font-size:12px;font-weight:600}.vv-tray-item__status.is-ok{color:var(--status-success-text, #22c55e)}.vv-tray-item__status.is-warn{color:var(--status-warning-text, #f59e0b)}.vv-tray-item__remove{border:none;background:transparent;color:var(--color-text-secondary, #9aa);font-size:18px;cursor:pointer}.vv-tray-item__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vv-tray-item__grid .form-field--full-width{grid-column:1 / -1}.vv-tray-item__reason{margin:8px 0 0;font-size:12px;color:var(--status-warning-text, #f59e0b)}.vv-tray__footer{display:flex;justify-content:flex-end;gap:var(--spacing-3, 12px);width:100%}.vv-tray__add-btn{padding:9px 18px;border:none;border-radius:var(--radius-sm, 6px);background:var(--color-primary, #6c47ff);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.vv-tray__add-btn:disabled{opacity:.5;cursor:default}.vv-submit-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.vv-submit-row{display:flex;justify-content:space-between;font-size:14px;color:var(--color-text-secondary, #9aa)}.vv-submit-row strong{color:var(--color-text-dark, #fff)}.vv-submit-warning{margin:0;font-size:13px;color:var(--status-warning-text, #f59e0b)}.vv-submit-ok{margin:0;font-size:13px;color:var(--status-success-text, #22c55e)}@media (max-width: 900px){.vv-metrics{grid-template-columns:repeat(2,1fr)}.vv-add{flex-direction:column;align-items:stretch}.vv-add__sources{justify-content:stretch}.vv-source{flex:1 1 40%;justify-content:center}}@media (max-width: 720px){.vv-table-wrap{display:none}.vv-cards{display:flex}.vv-tray-item__grid{grid-template-columns:1fr}}.vv-provider{display:flex;flex-direction:column}.vv-provider__name{color:var(--color-text-dark, #fff)}.vv-provider__rfc{font-size:11px;color:var(--color-text-secondary, #9aa)}.vv-tray-item__files{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.vv-tray-item__file-chip{font-size:11px;padding:3px 8px;border-radius:var(--radius-full, 12px);background:var(--color-bg-light, #12151f);color:var(--color-text-secondary, #9aa);border:1px solid var(--color-border-light, #2a2e3f)}.vv-tray-item__attach{font-size:12px;font-weight:600;color:var(--color-primary, #8b6cff);cursor:pointer;padding:3px 8px;border:1px dashed var(--color-primary, #6c47ff);border-radius:var(--radius-full, 12px)}.vv-tray-item__attach:hover{background:var(--color-primary-light, rgba(108,71,255,.1))}.vv-tray-item__tip-note{margin:4px 0 0;font-size:12px;color:var(--color-text-secondary, #9aa)}.vv-evidence{display:flex;gap:10px;flex-wrap:wrap}.vv-evidence .vv-link{font-size:12px}.vv-card__tip{font-size:12px;font-weight:500;color:var(--color-text-secondary, #9aa)}.viatical-approve__suggested{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:var(--spacing-4, 16px);background:var(--color-bg-light, #12151f);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-sm, 8px)}.viatical-approve__suggested span{font-size:13px;color:var(--color-text-secondary, #9aa)}.viatical-approve__suggested strong{font-size:18px;color:var(--color-text-dark, #fff);font-variant-numeric:tabular-nums}.viatical-approve__hint{margin:6px 0 0;font-size:12px;color:var(--color-text-secondary, #9aa)}.viatical-detail-vouchers{display:flex;flex-direction:column;gap:8px}.viatical-detail-voucher{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-sm, 8px);flex-wrap:wrap}.viatical-detail-voucher.is-warn{border-color:var(--status-warning-text, #f59e0b)}.viatical-detail-voucher__main{display:flex;flex-direction:column;gap:2px;min-width:0}.viatical-detail-voucher__concept{font-weight:600;color:var(--color-text-dark, #fff);display:flex;align-items:center;gap:8px}.viatical-detail-voucher__type{font-size:10px;font-weight:700;padding:1px 7px;border-radius:var(--radius-full, 12px)}.viatical-detail-voucher__type--cfdi{background:var(--status-info-bg, rgba(59,130,246,.12));color:var(--status-info-text, #3b82f6)}.viatical-detail-voucher__type--soporte{background:#8b5cf626;color:#a78bfa}.viatical-detail-voucher__provider{font-size:12px;color:var(--color-text-secondary, #9aa)}.viatical-detail-voucher__right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.viatical-detail-voucher__amount{font-weight:700;color:var(--color-text-dark, #fff);font-variant-numeric:tabular-nums}.viatical-detail-voucher__tip{font-size:12px;font-weight:500;color:var(--color-text-secondary, #9aa)}.viatical-detail-voucher__files{display:flex;gap:8px}.viatical-detail-voucher__files a{font-size:12px;font-weight:600;color:var(--color-primary, #8b6cff);text-decoration:none}.viatical-detail-voucher__files a:hover{text-decoration:underline}.er-page{padding:24px;width:100%}.er-denied{text-align:center;padding:60px 20px;color:var(--color-text-secondary, #9aa)}.er-denied h1{color:var(--color-text-dark, #fff)}.er-header{margin-bottom:var(--spacing-4, 16px)}.er-header__title{margin:0;font-size:24px;font-weight:700;color:var(--color-text-dark, #fff)}.er-header__subtitle{margin:4px 0 0;font-size:14px;color:var(--color-text-secondary, #9aa)}.er-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-3, 12px);margin-bottom:var(--spacing-4, 16px)}.er-metric{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px)}.er-metric__icon{font-size:18px}.er-metric__label{display:block;font-size:11px;text-transform:uppercase;color:var(--color-text-secondary, #9aa)}.er-metric__value{display:block;font-size:18px;font-weight:700;color:var(--color-text-dark, #fff);font-variant-numeric:tabular-nums}.er-metric__value.is-favor{color:var(--status-success-text, #22c55e)}.er-metric__value.is-debt{color:var(--status-warning-text, #f59e0b)}.er-layout{display:grid;grid-template-columns:40% 60%;gap:var(--spacing-4, 16px);align-items:start}.er-list,.er-detail{background:var(--color-bg-white, #1b1e2b);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-md, 12px);overflow:hidden;min-width:0}.er-list__search{padding:12px;border-bottom:1px solid var(--color-border-light, #2a2e3f)}.er-list__search input{width:100%;padding:9px 12px;border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-sm, 6px);background:var(--color-bg-light, #12151f);color:var(--color-text-dark, #fff);font-size:14px}.er-list__empty{padding:30px 16px;text-align:center;color:var(--color-text-secondary, #9aa)}.er-list__rows{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto}.er-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:none;border-bottom:1px solid var(--color-border-light, #2a2e3f);background:transparent;cursor:pointer;text-align:left;width:100%}.er-row:hover{background:var(--color-bg-light, #12151f)}.er-row.is-selected{background:var(--color-primary-light, rgba(108,71,255,.12));border-left:3px solid var(--color-primary, #6c47ff)}.er-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.er-row__name{font-weight:600;color:var(--color-text-dark, #fff)}.er-row__sub{font-size:12px;color:var(--color-text-secondary, #9aa)}.er-row__period{font-size:11px;color:var(--color-text-muted, #778)}.er-row__amounts{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.er-row__dep{font-weight:600;color:var(--color-text-dark, #fff);font-variant-numeric:tabular-nums}.er-row__diff{font-size:12px;font-variant-numeric:tabular-nums}.er-row__diff.is-favor{color:var(--status-success-text, #22c55e)}.er-row__diff.is-debt{color:var(--status-warning-text, #f59e0b)}.er-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full, 12px)}.er-badge--pending{background:var(--status-warning-bg, rgba(245,158,11,.12));color:var(--status-warning-text, #f59e0b)}.er-detail{padding:16px;min-height:300px}.er-detail__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--color-text-secondary, #9aa);gap:8px}.er-detail__empty span{font-size:34px}.er-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.er-detail__title{margin:0;font-size:18px;font-weight:700;color:var(--color-text-dark, #fff);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.er-detail__meta{margin:4px 0 0;font-size:13px;color:var(--color-text-secondary, #9aa)}.er-detail__meta--sub{font-size:12px;color:var(--color-text-muted, #778)}.er-detail__close{border:none;background:transparent;color:var(--color-text-secondary, #9aa);font-size:22px;cursor:pointer;line-height:1}.er-finance{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 14px;margin:14px 0;background:var(--color-bg-light, #12151f);border-radius:var(--radius-sm, 8px)}.er-finance__item{display:flex;flex-direction:column}.er-finance__item span{font-size:11px;text-transform:uppercase;color:var(--color-text-secondary, #9aa)}.er-finance__item strong{font-size:16px;color:var(--color-text-dark, #fff);font-variant-numeric:tabular-nums}.er-finance__balance{margin-left:auto}.er-finance__balance-tag{font-size:13px;font-weight:700;padding:6px 12px;border-radius:var(--radius-full, 16px)}.er-finance__balance-tag--favor{background:var(--status-success-bg, rgba(34,197,94,.12));color:var(--status-success-text, #22c55e)}.er-finance__balance-tag--debt{background:var(--status-warning-bg, rgba(245,158,11,.12));color:var(--status-warning-text, #f59e0b)}.er-finance__balance-tag--neutral{background:var(--color-bg-white, #1b1e2b);color:var(--color-text-secondary, #9aa)}.er-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border-light, #2a2e3f);margin-bottom:12px}.er-tab{border:none;background:transparent;padding:8px 14px;cursor:pointer;font-size:14px;font-weight:600;color:var(--color-text-secondary, #9aa);border-bottom:2px solid transparent}.er-tab.is-active{color:var(--color-primary, #8b6cff);border-bottom-color:var(--color-primary, #6c47ff)}.er-vfilters{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.er-vfilters button{border:1px solid var(--color-border-light, #2a2e3f);background:transparent;color:var(--color-text-secondary, #9aa);padding:4px 12px;border-radius:var(--radius-full, 14px);font-size:12px;cursor:pointer}.er-vfilters button.is-active{background:var(--color-primary, #6c47ff);color:#fff;border-color:var(--color-primary, #6c47ff)}.er-vouchers,.er-concepts{overflow-x:auto}.er-vtable{width:100%;border-collapse:collapse;font-size:13px}.er-vtable th,.er-vtable td{white-space:nowrap}.er-vtable th,.er-vtable td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--color-border-light, #2a2e3f)}.er-vtable th{font-size:11px;text-transform:uppercase;color:var(--color-text-secondary, #9aa)}.er-vtable td{color:var(--color-text-dark, #e8e8ef)}.er-vtable .text-right{text-align:right}.er-vname{font-weight:600}.er-vtype{margin-left:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full, 10px)}.er-vtype--cfdi{background:var(--status-info-bg, rgba(59,130,246,.12));color:var(--status-info-text, #3b82f6)}.er-vtype--soporte{background:#8b5cf626;color:#a78bfa}.er-vtip{font-size:11px;color:var(--color-text-secondary, #9aa)}.er-vstatus{font-size:12px;font-weight:600;white-space:nowrap}.er-vstatus--ok{color:var(--status-success-text, #22c55e)}.er-vstatus--alert{color:var(--status-warning-text, #f59e0b)}.er-vfiles{display:flex;gap:8px}.er-vfiles a{font-size:12px;font-weight:600;color:var(--color-primary, #8b6cff);text-decoration:none}.er-vfiles a:hover{text-decoration:underline}.er-vouchers__empty{padding:20px;text-align:center;color:var(--color-text-secondary, #9aa)}.er-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border-light, #2a2e3f)}.er-btn{padding:9px 18px;border:none;border-radius:var(--radius-sm, 6px);font-size:14px;font-weight:600;cursor:pointer}.er-btn:disabled{opacity:.5;cursor:default}.er-btn--approve{background:var(--status-success-text, #22c55e);color:#fff}.er-btn--reject{background:transparent;border:1px solid var(--status-warning-text, #f59e0b);color:var(--status-warning-text, #f59e0b)}.er-modal-actions{display:flex;justify-content:flex-end;gap:10px;width:100%}.er-submit-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.er-submit-row{display:flex;justify-content:space-between;font-size:14px;color:var(--color-text-secondary, #9aa)}.er-submit-row strong{color:var(--color-text-dark, #fff)}.er-submit-balance{margin:0;font-size:14px;font-weight:700;padding:8px 12px;border-radius:var(--radius-sm, 6px)}.er-submit-balance--favor{background:var(--status-success-bg, rgba(34,197,94,.12));color:var(--status-success-text, #22c55e)}.er-submit-balance--debt{background:var(--status-warning-bg, rgba(245,158,11,.12));color:var(--status-warning-text, #f59e0b)}.er-submit-balance--neutral{color:var(--color-text-secondary, #9aa)}@media (max-width: 1100px){.er-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.er-layout{grid-template-columns:1fr}.er-layout--detail .er-list{display:none}.er-layout:not(.er-layout--detail) .er-detail{display:none}.er-metrics{grid-template-columns:repeat(2,1fr)}}.er-modes{display:inline-flex;gap:4px;padding:4px;margin-bottom:var(--spacing-4, 16px);background:var(--color-surface-2, #1b1f2e);border:1px solid var(--color-border-light, #2a2e3f);border-radius:var(--radius-full, 999px)}.er-mode{padding:7px 16px;border:none;background:transparent;color:var(--color-text-secondary, #9aa);font-size:13px;font-weight:600;border-radius:var(--radius-full, 999px);cursor:pointer;transition:background .15s ease,color .15s ease}.er-mode:hover{color:var(--color-text-dark, #fff)}.er-mode.is-active{background:var(--color-primary, #7c5cff);color:#fff}.er-badge--settle{background:var(--status-info-bg, rgba(59,130,246,.12));color:var(--status-info-text, #3b82f6)}.er-settle{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border-light, #2a2e3f);display:flex;flex-direction:column;gap:12px}.er-settle__balance{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--radius-sm, 8px);background:var(--color-surface-2, #1b1f2e);border:1px solid var(--color-border-light, #2a2e3f)}.er-settle__balance-label{font-size:12px;color:var(--color-text-secondary, #9aa)}.er-settle__balance-value{font-size:16px;font-weight:700}.er-settle__balance--debt .er-settle__balance-value{color:var(--status-warning-text, #f59e0b)}.er-settle__balance--favor .er-settle__balance-value{color:var(--status-success-text, #22c55e)}.er-settle__balance--neutral .er-settle__balance-value{color:var(--color-text-secondary, #9aa)}.er-settle__done{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.er-settle__done-tag{font-size:13px;font-weight:600;color:var(--status-success-text, #22c55e)}.viatical-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.viatical-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.viatical-btn--secondary{background:var(--color-bg-light);border-color:var(--color-border-input);color:var(--color-text-dark)}.viatical-btn--secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.viatical-btn:disabled{opacity:.5;cursor:not-allowed}.viatical-report__loading,.viatical-report__empty{padding:28px 8px;text-align:center;color:var(--color-text-secondary)}.viatical-report-list{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow-y:auto;padding:2px}.viatical-report-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-white);box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.viatical-report-item:hover{border-color:var(--color-border-input);box-shadow:var(--shadow-md)}.viatical-report-item:not(.viatical-report-item--excluded){border-left:3px solid var(--color-primary)}.viatical-report-item--excluded{opacity:.55;background:var(--color-bg-light)}.viatical-report-item__check{display:flex;align-items:center}.viatical-report-item__check input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.viatical-report-item__info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.viatical-report-item__concept{font-weight:600;color:var(--color-text-dark)}.viatical-report-item__emisor{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.viatical-report-item__meta{font-size:12px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.viatical-report-item__category{min-width:140px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border-input);background:var(--color-bg-light);color:var(--color-text-dark);font-size:13px;font-weight:500;cursor:pointer}.viatical-report-item__category:focus{outline:none;border-color:var(--color-primary)}.viatical-report-item__category:disabled{opacity:.5;cursor:not-allowed}.viatical-report-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.viatical-report-actions__count{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.viatical-report-actions__groups{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}.viatical-report-actions__group{display:flex;flex-direction:column;gap:5px}.viatical-report-actions__group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.viatical-report-actions__buttons{display:flex;gap:8px}.viatical-report-actions__group .viatical-btn{min-width:68px;text-align:center}.tabulators-page{padding:24px;width:100%}.request-modal-error{padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background:var(--status-error-bg, #fdecea);color:var(--status-error-text, #b71c1c);border:1px solid var(--status-error-border, #f5c6cb);border-radius:var(--radius-sm, 6px);font-size:14px;margin-bottom:var(--spacing-4, 16px)}.tab-form-section__title{font-size:var(--font-size-body, 14px);font-weight:600;color:var(--color-text-secondary, #555);margin:0 0 var(--spacing-3, 12px)}.tab-form-position-name{margin:0;font-weight:600;color:var(--color-text-dark, #222)}.tab-form-select-all{display:flex;align-items:center;gap:6px;margin-bottom:10px;cursor:pointer;font-weight:600;font-size:14px}.tab-form-position-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.tab-form-position-chip{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--color-border-light, #e0e0e0);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:14px;background:var(--color-bg-white, #fff);transition:border-color .15s ease,background .15s ease}.tab-form-position-chip:hover{border-color:var(--color-primary, #6c47ff)}.tab-form-position-chip--active{border:2px solid var(--color-primary, #6c47ff);background:var(--color-primary-light, #f0f0ff)}.concepts-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.concept-row{display:grid;grid-template-columns:2fr 1fr 110px 36px;gap:8px;align-items:center}.concept-row--head{font-size:12px;font-weight:600;color:var(--color-text-secondary, #777);text-transform:uppercase;letter-spacing:.02em}.concept-row--head span{padding:0 2px}.concept-row input,.concept-row select{padding:8px;border:1px solid var(--color-border-light, #ddd);border-radius:var(--radius-sm, 6px);font-size:14px;background:var(--color-bg-white, #fff);color:var(--color-text-dark, #222)}.concept-row__remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--color-accent, #e53935);font-size:20px;line-height:1;cursor:pointer;transition:background .15s ease}.concept-row__remove:hover{background:#e539351a}.tab-form-add-concept{margin-top:10px;padding:8px 14px;border:1px dashed var(--color-primary, #6c47ff);border-radius:var(--radius-sm, 6px);background:transparent;color:var(--color-primary, #6c47ff);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.tab-form-add-concept:hover{background:var(--color-primary-light, #f0f0ff)}.tab-form-daily-total{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-4, 16px);padding:12px 16px;border:1px solid var(--color-primary, #6c47ff);border-radius:var(--radius-sm, 6px);background:var(--color-primary-light, #f0f0ff)}.tab-form-daily-total__label{font-size:14px;font-weight:600;color:var(--color-text-secondary, #555)}.tab-form-daily-total__value{font-size:18px;font-weight:700;color:var(--color-primary, #6c47ff)}.tabulator-concepts{display:flex;flex-direction:column;gap:6px}.concept-item{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--color-border-light, #f0f0f0);font-size:14px}.concept-item:last-child{border-bottom:none}.concept-name{flex:1;font-weight:500}.concept-amount{font-weight:600;color:var(--color-text-dark, #333)}.concept-type{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.concept-type.fijo{background:#e3f2fd;color:#1565c0}.concept-type.limite{background:#fff3e0;color:#e65100}.history-list{display:flex;flex-direction:column;gap:12px}.tabulator-card{border:1px solid var(--color-border-light, #eee);border-radius:8px;padding:16px}.tabulator-card.current{border-color:#66bb6a;background:#66bb6a14}.tabulator-card.historical{opacity:.85}.tabulator-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tab-version{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.current-badge{padding:2px 8px;background:#4caf50;color:#fff;border-radius:10px;font-size:11px;font-weight:700}.tab-dates{font-size:13px;color:var(--color-text-secondary, #888)}.tab-modal-loading,.tab-modal-empty{text-align:center;color:var(--color-text-secondary, #888);padding:24px 0}@media (max-width: 768px){.concept-row{grid-template-columns:1fr}.concept-row--head{display:none}.tab-form-position-grid{grid-template-columns:1fr}}.viatical-reports-page{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.report-filters{margin-bottom:24px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.grouping-section{margin-top:16px}.grouping-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.grouping-option{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:13px;transition:background .15s,border-color .15s}.grouping-option:hover{background:#f5f5f5}.grouping-option.selected{background:#e3f2fd;border-color:#42a5f5;color:#1565c0}.export-actions{display:flex;gap:8px;margin-bottom:16px}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table th,.report-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee}.report-table th{background:#f5f5f5;font-weight:600;font-size:12px;text-transform:uppercase;color:#666;position:sticky;top:0}.report-table tbody tr:hover{background:#fafafa}.grand-totals{background:#f8f9fa}.totals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:12px}.total-item{text-align:center}.total-item .label{display:block;font-size:12px;color:#666;margin-bottom:4px}.total-item .value{font-size:20px;font-weight:700}.positive{color:#2e7d32}.negative{color:#c62828}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr}.totals-grid{grid-template-columns:1fr 1fr}.report-table{font-size:12px}.report-table th,.report-table td{padding:6px 8px}}.expense-form-page,.expense-history-page,.expense-detail-page,.expense-approver-page,.expense-reports-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.expense-reports-page{max-width:1400px}.expense-form-page .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-hint{margin-top:4px;font-size:12px;color:#888}.expense-card{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.expense-card:hover{box-shadow:0 2px 8px #00000014}.expense-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.expense-link{font-size:16px;font-weight:600;color:#667eea;text-decoration:none}.expense-link:hover{text-decoration:underline}.expense-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;font-size:14px}.expense-card-actions{margin-top:12px;display:flex;gap:8px}.rejection-notice{margin-top:12px;padding:10px 14px;background:#fce4ec;border-radius:6px;font-size:13px;color:#c62828}.expense-reports-page .filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.expense-reports-page .export-actions{display:flex;gap:8px;margin-bottom:16px}.expense-reports-page .report-table{width:100%;border-collapse:collapse;font-size:14px}.expense-reports-page .report-table th,.expense-reports-page .report-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee}.expense-reports-page .report-table th{background:#f5f5f5;font-weight:600;font-size:12px;text-transform:uppercase;color:#666}.expense-reports-page .report-table tbody tr:hover{background:#fafafa}.expense-reports-page .grand-totals{background:#f8f9fa;text-align:center}.total-amount{font-size:28px;font-weight:700;color:#333;margin-top:8px}.expense-detail-page .voucher-list{display:flex;flex-direction:column;gap:12px}.expense-detail-page .voucher-card{border:1px solid #eee;border-radius:6px;padding:16px}.expense-detail-page .voucher-card.rfc-warning{border-color:#ff9800;background:#fff8e1}.expense-detail-page .voucher-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.expense-detail-page .voucher-type-badge{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase}.expense-detail-page .voucher-type-badge.cfdi{background:#e3f2fd;color:#1565c0}.expense-detail-page .voucher-type-badge.pdf,.expense-detail-page .voucher-type-badge.imagen{background:#f3e5f5;color:#7b1fa2}.expense-detail-page .voucher-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;font-size:13px}.expense-detail-page .rfc-warning-badge{padding:2px 8px;background:#fff3e0;border:1px solid #ff9800;border-radius:4px;font-size:11px;color:#e65100;font-weight:600}@media (max-width: 768px){.expense-form-page .form-grid-2,.expense-card-body,.expense-reports-page .filters-grid,.expense-detail-page .voucher-body{grid-template-columns:1fr}}.activity-list-page,.activity-form-page,.bulk-upload-page,.jira-config-page,.employee-report-page,.leader-review-page,.activity-reports-admin-page,.external-portal-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.activity-reports-admin-page{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h1{margin:0;font-size:24px;font-weight:700;color:#333}.page-header-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a6fd6}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background:#d0d0d0}.btn-danger{background:#ef5350;color:#fff}.btn-danger:hover:not(:disabled){background:#e53935}.btn-success{background:#66bb6a;color:#fff}.btn-success:hover:not(:disabled){background:#4caf50}.btn-warning{background:#ffa726;color:#fff}.btn-warning:hover:not(:disabled){background:#fb8c00}.btn-sm{padding:5px 12px;font-size:13px}.filters-section{margin-bottom:24px}.advanced-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.filter-group select,.filter-group input{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.activity-card{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.activity-card:hover{box-shadow:0 2px 8px #00000014}.activity-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-key{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:#888;margin-right:8px}.activity-title{font-size:16px;font-weight:600;color:#333}.activity-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;font-size:14px}.activity-card-actions{margin-top:12px;display:flex;gap:8px}.request-status,.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.pendiente,.request-status.pendiente{background:#fff3e0;color:#e65100}.status-badge.en_progreso,.request-status.en_progreso{background:#e3f2fd;color:#1565c0}.status-badge.finalizada,.request-status.finalizada,.status-badge.aprobado,.request-status.aprobado{background:#e8f5e9;color:#2e7d32}.status-badge.bloqueada,.request-status.bloqueada{background:#fce4ec;color:#c62828}.status-badge.cancelada,.request-status.cancelada{background:#f5f5f5;color:#757575}.status-badge.borrador,.request-status.borrador{background:#f3e5f5;color:#7b1fa2}.status-badge.firmado_empleado,.request-status.firmado_empleado{background:#e8eaf6;color:#283593}.status-badge.firmado_lider,.request-status.firmado_lider{background:#e0f2f1;color:#00695c}.status-badge.firmado_cliente,.request-status.firmado_cliente{background:#e8f5e9;color:#1b5e20}.source-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase}.source-badge.manual{background:#e3f2fd;color:#1565c0}.source-badge.carga_masiva{background:#fff3e0;color:#e65100}.source-badge.jira{background:#e8eaf6;color:#283593}.info-item{display:flex;flex-direction:column;gap:2px}.info-item .label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase}.info-item .value{font-size:14px;color:#333}.form-section{margin-bottom:24px}.form-section h2{font-size:18px;font-weight:600;margin-bottom:16px;color:#333}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.form-group label{font-size:13px;font-weight:600;color:#555}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:8px;margin-top:16px}.upload-zone{border:2px dashed #ccc;border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:#667eea;background:#f8f9ff}.upload-zone.dragging{border-color:#667eea;background:#eef0ff}.upload-zone p{margin:8px 0;color:#666}.upload-zone .upload-icon{font-size:48px;color:#ccc}.upload-results{margin-top:24px}.upload-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.summary-card{padding:16px;border-radius:8px;text-align:center}.summary-card.success{background:#e8f5e9;color:#2e7d32}.summary-card.error{background:#fce4ec;color:#c62828}.summary-card.total{background:#e3f2fd;color:#1565c0}.summary-card .count{font-size:32px;font-weight:700}.summary-card .label{font-size:13px;font-weight:500}.error-table{width:100%;border-collapse:collapse;font-size:14px}.error-table th,.error-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee}.error-table th{background:#fce4ec;font-weight:600;font-size:12px;text-transform:uppercase;color:#c62828}.report-card{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.report-card:hover{box-shadow:0 2px 8px #00000014}.report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.report-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;font-size:14px}.report-card-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.signatures-section{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px}.signatures-section h3{margin:0 0 12px;font-size:16px;color:#333}.signature-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #eee}.signature-item:last-child{border-bottom:none}.signature-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.signature-icon.empleado{background:#667eea}.signature-icon.lider{background:#26a69a}.signature-icon.cliente{background:#ff7043}.signature-details{flex:1}.signature-name{font-weight:600;font-size:14px}.signature-meta{font-size:12px;color:#888}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.confirmation-dialog{background:#fff;border-radius:12px;padding:24px;max-width:480px;width:90%}.confirmation-dialog h3{margin:0 0 12px}.confirmation-dialog p{color:#666;margin-bottom:16px}.confirmation-dialog textarea{width:100%;min-height:80px;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:vertical;margin-bottom:16px}.confirmation-actions{display:flex;gap:8px;justify-content:flex-end}.jira-integration-card{border:1px solid #eee;border-radius:8px;padding:16px;margin-bottom:12px}.jira-integration-card .integration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.jira-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#e8eaf6;color:#283593;border-radius:10px;font-size:11px;font-weight:700}.sync-status{font-size:12px;color:#888}.activity-table{width:100%;border-collapse:collapse;font-size:14px}.activity-table th,.activity-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee}.activity-table th{background:#f5f5f5;font-weight:600;font-size:12px;text-transform:uppercase;color:#666}.activity-table tbody tr:hover{background:#fafafa}.activity-table .checkbox-cell{width:40px;text-align:center}.loading-indicator{text-align:center;padding:40px;color:#888;font-size:16px}.empty-state{text-align:center;padding:40px;color:#999;font-size:15px}.error-banner{padding:12px 16px;background:#fce4ec;border-radius:6px;color:#c62828;margin-bottom:16px;font-size:14px}@media (max-width: 768px){.form-grid-2,.advanced-filters,.activity-card-body,.report-card-body,.upload-summary{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}.activity-detail-page{padding:24px;width:100%}.activity-detail-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);padding:24px}.activity-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light);gap:16px;flex-wrap:wrap}.activity-detail-key{display:inline-block;font-size:12px;font-weight:700;color:var(--color-primary);background:#2b2d6b14;padding:2px 8px;border-radius:var(--radius-sm);margin-bottom:6px}.activity-detail-title{font-size:20px;font-weight:600;color:var(--text-dark);margin:0}.activity-detail-badges{display:flex;gap:8px;align-items:center}.activity-detail-section{margin-bottom:20px}.activity-detail-section h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 8px;text-transform:uppercase;letter-spacing:.3px}.activity-detail-section p{font-size:14px;color:var(--text-dark);line-height:1.6;white-space:pre-wrap}.activity-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.activity-detail-field{display:flex;flex-direction:column;gap:4px}.activity-detail-field .field-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.activity-detail-field .field-value{font-size:14px;color:var(--text-dark)}@media (max-width: 768px){.activity-detail-header{flex-direction:column}.activity-detail-grid{grid-template-columns:1fr}}.signatures-panel{margin-top:24px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);padding:20px}.signatures-panel h3{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 16px;text-transform:uppercase;letter-spacing:.3px}.signatures-table{display:flex;flex-direction:column;gap:0}.sig-row{display:grid;grid-template-columns:200px 1fr 120px 140px;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border-light);font-size:13px;align-items:center}.sig-row.sig-header{background:var(--color-primary);color:var(--text-on-dark);font-weight:600;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:none}.sig-row:last-child{border-bottom:none}.sig-signed{color:#2e7d32;font-weight:600}.sig-pending-label{color:var(--text-muted);font-style:italic}.sig-row.sig-pending{opacity:.6}.sign-action-bar{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#2b2d6b0a;border:1px solid rgba(43,45,107,.12);border-radius:var(--radius-lg)}.sign-hint{font-size:13px;color:var(--text-secondary);margin:0}.confirmation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirmation-dialog{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px;max-width:480px;width:90%;box-shadow:var(--shadow-lg)}.confirmation-dialog h3{margin:0 0 12px;font-size:18px;color:var(--text-dark)}.confirmation-dialog p{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.confirmation-dialog textarea{width:100%;min-height:80px;padding:10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;resize:vertical;margin-bottom:16px}.confirmation-actions{display:flex;justify-content:flex-end;gap:10px}.report-card,.report-review-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);padding:16px 20px;margin-bottom:12px}.report-card-header,.report-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.report-card-body,.report-review-body{display:flex;gap:24px;margin-bottom:12px;flex-wrap:wrap}.report-card-actions,.report-review-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.sig-row{grid-template-columns:1fr 1fr;gap:6px}.sign-action-bar{flex-direction:column;align-items:flex-start}}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:12px;gap:12px;flex-wrap:wrap}.select-all-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.select-all-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.bulk-actions-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-danger-outline{padding:6px 14px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:transparent;color:var(--color-accent);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.btn-danger-outline:hover:not(:disabled){background:var(--color-accent);color:var(--text-on-dark)}.btn-danger-outline:disabled{opacity:.4;cursor:not-allowed}.btn-danger{padding:6px 14px;border:none;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--text-on-dark);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.btn-danger:hover:not(:disabled){background:var(--color-accent-hover)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.bulk-actions-bar{flex-direction:column;align-items:flex-start}}.pdf-download-container{display:inline-flex;align-items:center;gap:8px}.bulk-download-panel{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);padding:20px 24px;margin-top:24px}.bulk-download-panel h3{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.bulk-download-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.bulk-download-field{display:flex;flex-direction:column;gap:4px;min-width:180px}.bulk-download-field label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.bulk-download-field select,.bulk-download-field input[type=month]{padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);background:var(--bg-white);color:var(--text-dark)}.bulk-download-field select:focus,.bulk-download-field input[type=month]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2b2d6b1a}.bulk-download-action{display:flex;align-items:flex-end}.success-banner{padding:8px 12px;background:#d4edda;color:#155724;border-radius:var(--radius-md);font-size:13px}@media (max-width: 768px){.bulk-download-form{flex-direction:column;align-items:stretch}.bulk-download-field{min-width:unset}}.activity-reports-admin-page{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.config-section{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px}.config-section h2{margin:0 0 16px;font-size:18px;color:#333}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.config-field{display:flex;flex-direction:column;gap:4px}.config-field label{font-size:13px;font-weight:600;color:#555}.config-field input{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.config-field .hint{font-size:12px;color:#888}.download-section{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:24px}.download-section h2{margin:0 0 16px;font-size:18px;color:#333}.download-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}.download-actions{display:flex;gap:8px}@media (max-width: 768px){.config-grid,.download-filters{grid-template-columns:1fr}}.jira-report{padding:0}.jira-report__filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:20px 24px;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:8px;margin-bottom:20px}.jira-report__filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.jira-report__filter-group--developer{flex:1;min-width:240px}.jira-report__filter-group--action{min-width:auto}.jira-report__label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.jira-report__input,.jira-report__select{height:38px;padding:0 12px;border:1px solid var(--color-border-input);border-radius:6px;font-size:14px;color:var(--color-text-dark);background:var(--color-bg-white);transition:border-color .2s}.jira-report__input:focus,.jira-report__select:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 2px var(--color-cta-light)}.jira-report__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.jira-report__fetch-btn{height:38px;padding:0 24px;background:var(--color-cta);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.jira-report__fetch-btn:hover:not(:disabled){background:var(--color-cta-hover)}.jira-report__fetch-btn:disabled{opacity:.6;cursor:not-allowed}.jira-report__error{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px}.jira-report__error button{margin-left:auto;background:none;border:none;color:#991b1b;font-weight:600;cursor:pointer;text-decoration:underline}.jira-report__summary-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:12px;background:var(--color-cta-light);border-radius:6px;font-size:14px;color:var(--color-text-dark)}.jira-report__hint{font-size:12px;color:var(--color-text-muted)}.jira-report__link{color:var(--color-action);text-decoration:none;font-weight:600;font-size:13px}.jira-report__link:hover{text-decoration:underline}.jira-report__summary{cursor:default;display:block;padding:2px 4px;border-radius:4px;transition:background .15s}.jira-report__summary:hover{background:var(--color-cta-light)}.jira-report__edit-cell{display:flex;align-items:center;gap:6px}.jira-report__edit-input{flex:1;height:32px;padding:0 8px;border:1px solid var(--color-cta);border-radius:4px;font-size:13px;color:var(--color-text-dark);background:var(--color-bg-white)}.jira-report__edit-input:focus{outline:none;box-shadow:0 0 0 2px var(--color-cta-light)}.jira-report__edit-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .15s}.jira-report__edit-btn--save{background:#dcfce7;color:#166534}.jira-report__edit-btn--save:hover{background:#bbf7d0}.jira-report__edit-btn--cancel{background:#fee2e2;color:#991b1b}.jira-report__edit-btn--cancel:hover{background:#fecaca}.jira-report__row-actions{display:flex;gap:4px;justify-content:center}.jira-report__action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .15s,color .15s;background:transparent;color:var(--color-text-muted)}.jira-report__action-btn:hover{color:var(--color-text-dark)}.jira-report__action-btn--edit:hover{background:var(--color-cta-light);color:var(--color-cta)}.jira-report__action-btn--remove:hover{background:#fee2e2;color:#991b1b}.jira-report__status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;background:var(--color-bg-light);color:var(--color-text-secondary)}@media (max-width: 768px){.jira-report__filters{flex-direction:column;gap:12px}.jira-report__filter-group{width:100%}.jira-report__summary-bar{flex-direction:column;gap:4px;align-items:flex-start}.jira-report__hint{display:none}}.jira-report__summary-actions{display:flex;align-items:center;gap:16px}.jira-report__download-btn{height:32px;padding:0 16px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.jira-report__download-btn:hover{background:var(--color-primary-hover)}.jira-report__download-form{padding:16px 24px;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:8px;margin-bottom:16px}.jira-report__download-form-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.jira-report__download-form-row .jira-report__filter-group{flex:1;min-width:180px}@media (max-width: 768px){.jira-report__summary-actions{flex-direction:column;align-items:flex-start;gap:8px}.jira-report__download-form-row{flex-direction:column}.jira-report__download-form-row .jira-report__filter-group{width:100%}}.jira-report__add-activity{display:flex;gap:10px;align-items:center;padding:12px 16px;margin-bottom:12px;background:var(--color-bg-elevated);border:1px dashed var(--color-border-input);border-radius:8px}.jira-report__add-input{flex:1;height:36px;padding:0 12px;border:1px solid var(--color-border-input);border-radius:6px;font-size:14px;color:var(--color-text-dark);background:var(--color-bg-white);transition:border-color .2s}.jira-report__add-input:focus{outline:none;border-color:var(--color-cta);box-shadow:0 0 0 2px var(--color-cta-light)}.jira-report__add-btn{height:36px;padding:0 16px;background:var(--color-cta-light);color:var(--color-cta);border:1px solid var(--color-cta);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.jira-report__add-btn:hover:not(:disabled){background:var(--color-cta);color:#fff}.jira-report__add-btn:disabled{opacity:.5;cursor:not-allowed}.jira-report__filter-group--status{min-width:220px}.jira-report__status-dropdown{position:relative;width:100%}.jira-report__status-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:38px;padding:0 12px;border:1px solid var(--color-border-input);border-radius:6px;background:var(--color-bg-white);color:var(--color-text-dark);font-size:14px;line-height:1;cursor:pointer;transition:border-color .2s}.jira-report__status-toggle>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jira-report__status-toggle:hover:not(:disabled){border-color:var(--color-cta)}.jira-report__status-toggle:disabled{opacity:.6;cursor:not-allowed}.jira-report__status-caret{font-size:10px;color:var(--color-text-muted)}.jira-report__status-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:100%;width:max-content;max-width:320px;max-height:280px;overflow-y:auto;padding:6px;background:var(--color-bg-white);border:1px solid var(--color-border-input);border-radius:8px;box-shadow:0 8px 24px #0000001f}.jira-report__status-menu-divider{height:1px;margin:4px 0;background:var(--color-border-light)}.jira-report__status-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--color-text-dark);font-size:13px;text-align:left;cursor:pointer;transition:background .15s}.jira-report__status-option:hover{background:var(--color-cta-light)}.jira-report__status-option--all{font-weight:600;color:var(--color-cta)}.jira-report__status-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-cta)}.jira-report__status-option-label{flex:1}.jira-report__status-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-bg-light);color:var(--color-text-muted);font-size:11px;font-weight:600}.talent{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}.talent__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3, 12px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:10px}.talent__stats{display:flex;flex-wrap:wrap;gap:var(--spacing-4, 16px)}.talent__stat{font-size:var(--font-size-body, 14px);color:var(--color-text-secondary)}.talent__stat strong{color:var(--color-text-dark);font-size:1.1rem}.talent__actions{display:flex;gap:var(--spacing-2, 8px)}.talent__btn{padding:8px 16px;border-radius:8px;border:1px solid transparent;font-size:var(--font-size-body, 14px);font-weight:500;cursor:pointer;transition:background .15s ease,opacity .15s ease}.talent__btn:disabled{opacity:.5;cursor:not-allowed}.talent__btn--primary{background:var(--color-cta);color:#fff}.talent__btn--primary:not(:disabled):hover{background:var(--color-cta-hover)}.talent__btn--publish{background:var(--color-primary);color:#fff}.talent__btn--publish:not(:disabled):hover{background:var(--color-primary-hover)}.talent__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-3, 12px)}.talent__filter-group{display:flex;flex-direction:column;gap:4px}.talent__label{font-size:var(--font-size-label, .8125rem);font-weight:500;color:var(--color-text-secondary)}.talent__select{padding:8px 12px;border:1px solid var(--color-border-input);border-radius:8px;background:var(--bg-surface);color:var(--color-text-dark);font-size:var(--font-size-body, 14px);min-width:160px}.talent__link-btn{background:none;border:none;color:var(--color-cta);font-size:var(--font-size-body, 14px);cursor:pointer;padding:8px 0;text-decoration:underline}.talent__checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-cta)}.talent__checkbox:disabled{cursor:not-allowed;opacity:.4}.talent__mono{font-family:var(--font-mono, monospace);font-size:.8125rem;color:var(--color-text-dark)}.talent__prompt{display:block;color:var(--color-text-dark);line-height:1.4}.talent__modal-text{color:var(--color-text-secondary);font-size:var(--font-size-body, 14px);line-height:1.5}.talent__result-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4, 16px);align-items:center;font-size:var(--font-size-body, 14px);color:var(--color-text-secondary);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:10px}.talent__section-title{font-size:1.05rem;font-weight:600;color:var(--color-text-dark);margin:8px 0 0}.talent__scores{display:flex;flex-wrap:wrap;gap:var(--spacing-3, 12px)}.talent__score-card{flex:1 1 180px;background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:12px;padding:16px}.talent__score-card--agg{border-color:var(--color-cta);background:var(--color-cta-light)}.talent__score-module{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.talent__score-big{font-size:2rem;font-weight:700;color:var(--color-text-dark);margin:4px 0}.talent__score-detail{font-size:13px;color:var(--color-text-muted)}.talent__disclaimer{font-size:12px;color:var(--color-text-muted);font-style:italic;margin:0}.talent__items{display:flex;flex-direction:column;gap:10px}.talent__item{background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:10px;padding:14px 16px}.talent__item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.talent__item-prompt{color:var(--color-text-dark);line-height:1.4;margin-bottom:6px}.talent__item-meta{font-size:13px;color:var(--color-text-secondary)}.talent__mark{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px}.talent__mark--ok{background:#19b95a24;color:var(--success)}.talent__mark--bad{background:#d6454524;color:var(--danger)}.talent__mark--muted{background:var(--bg-surface-secondary);color:var(--color-text-muted)}.talent__notes{margin:0;padding-left:18px;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.talent__empty{padding:24px;text-align:center;color:var(--color-text-muted);background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:10px}.talent__form{display:flex;flex-direction:column;gap:6px}.talent__form .talent__label{margin-top:8px}.talent__item-actions{display:flex;gap:8px;margin-top:10px}.talent__link-row{display:flex;gap:8px;align-items:center}.talent__link-input{flex:1;font-family:var(--font-mono, monospace);font-size:12px}.talent-detail__grid{display:flex;flex-direction:column;gap:var(--spacing-3, 12px)}.talent-detail__row{display:flex;justify-content:space-between;gap:var(--spacing-4, 16px);padding-bottom:var(--spacing-2, 8px);border-bottom:1px solid var(--color-border-light)}.talent-detail__row:last-child{border-bottom:none}.talent-detail__label{color:var(--color-text-secondary);font-size:var(--font-size-body, 14px)}.talent-detail__value{color:var(--color-text-dark);font-weight:500}.talent-detail__invites{display:flex;flex-direction:column;gap:var(--spacing-3, 12px)}.talent-detail__invite{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4, 16px);flex-wrap:wrap;padding:var(--spacing-3, 12px) 0;border-bottom:1px solid var(--color-border-light)}.talent-detail__invite:last-child{border-bottom:none}.talent-detail__invite-info{display:flex;align-items:center;gap:var(--spacing-3, 12px);flex-wrap:wrap}.talent-detail__invite-meta{color:var(--color-text-muted);font-size:13px}.talent-detail__invite-actions{display:flex;gap:var(--spacing-2, 8px)}.talent-detail__danger{color:var(--danger)!important;border-color:var(--danger)!important}.talent-detail__danger:hover{background-color:#d6454514!important}.talent__review-options{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--spacing-3, 12px)}.talent__review-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border-light);border-radius:8px;background:var(--bg-surface);color:var(--color-text-dark)}.talent__review-option--key{border-color:var(--success);background:#19b95a14}.talent__option-key{flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:6px;background:var(--bg-surface-secondary);font-weight:700;font-size:12px}.talent__review-keytag{margin-left:auto;font-size:11px;font-weight:600;color:var(--success)}.external-portal-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.external-portal-page .portal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;margin-bottom:24px}.external-portal-page .portal-header h1{margin:0 0 8px;font-size:24px}.external-portal-page .portal-header p{margin:0;opacity:.9;font-size:14px}.external-portal-page .report-review-card{border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.external-portal-page .report-review-card:hover{box-shadow:0 2px 8px #00000014}.external-portal-page .report-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.external-portal-page .report-review-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;font-size:14px}.external-portal-page .report-review-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.external-portal-page .report-review-body{grid-template-columns:1fr}}.credential-card{display:flex;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;padding:var(--spacing-6) var(--spacing-5);background:linear-gradient(180deg,var(--color-bg-white) 0%,var(--color-bg-light) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:0 4px 20px #6678ea1a;font-family:var(--font-sans)}.credential-card__header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--spacing-5)}.credential-card__logo{display:flex;align-items:center}.credential-card__logo-img{height:80px;width:auto}.credential-card__logo-text{font-size:var(--font-size-section-title);font-weight:700;color:var(--color-action);letter-spacing:1px}.credential-card__logo-subtitle{font-size:var(--font-size-small);color:var(--color-text-muted);letter-spacing:.5px}.credential-card__status{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-small);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.credential-status--active{background-color:var(--status-success-bg);color:var(--status-success-text)}.credential-status--expired{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.credential-status--revoked{background-color:var(--status-error-bg);color:var(--status-error-text)}.credential-card__photo-section{margin-bottom:var(--spacing-4)}.credential-card__photo{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-action)}.credential-card__avatar{width:100px;height:100px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-action),var(--color-primary));color:var(--color-bg-white);font-size:var(--font-size-page-title);font-weight:600;border:3px solid var(--color-action)}.credential-card__info{text-align:center;margin-bottom:var(--spacing-5)}.credential-card__name{margin:0 0 var(--spacing-1) 0;font-size:18px;font-weight:700;color:var(--color-text-dark)}.credential-card__position{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-body);color:var(--color-text-secondary);font-weight:var(--font-weight-label)}.credential-card__employee-number{margin:0;font-size:var(--font-size-small);color:var(--color-text-muted)}.credential-card__qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-5);padding:var(--spacing-4);background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.credential-card__qr{width:200px;height:200px;min-width:150px;min-height:150px}.credential-card__qr-hint{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-small);color:var(--color-text-muted)}.credential-card__dates{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);width:100%;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.credential-card__date-item{display:flex;flex-direction:column;align-items:center;gap:2px}.credential-card__date-label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;text-align:center}.credential-card__date-value{font-size:var(--font-size-small);color:var(--color-text-dark);font-weight:var(--font-weight-label);text-align:center}.credential-profile{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6) var(--spacing-4);max-width:480px;margin:0 auto}.credential-profile--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;max-width:none;background:var(--color-bg-light);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.credential-profile__title{margin:0 0 var(--spacing-5) 0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);text-align:center}.credential-profile__loading{padding:var(--spacing-8) var(--spacing-5);text-align:center;font-size:var(--font-size-body);color:var(--color-text-secondary)}.credential-profile__empty{padding:var(--spacing-7) var(--spacing-5);text-align:center;background:var(--color-bg-light);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);width:100%}.credential-profile__empty-message{margin:0;font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:1.5}.credential-profile__offline-banner{width:100%;padding:var(--spacing-2) var(--spacing-4);margin-bottom:var(--spacing-3);font-size:var(--font-size-small);font-weight:var(--font-weight-label);color:var(--status-warning-text);background:var(--status-warning-bg);border-radius:var(--radius-md);text-align:center}.credential-profile__renewal-message{width:100%;padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-body);color:var(--status-error-text);background:var(--status-error-bg);border-radius:var(--radius-md);text-align:center;line-height:1.4}.credential-profile__actions{margin-top:var(--spacing-5)}.credential-profile__fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:44px;padding:0 var(--spacing-6);font-family:var(--font-sans);font-size:var(--font-size-label);font-weight:600;color:var(--color-text-dark);background:var(--bg-surface);border:1px solid var(--color-border-input);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.credential-profile__fullscreen-btn:hover{background:var(--bg-surface-secondary);border-color:var(--color-text-muted)}.credential-profile__fullscreen-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.credential-profile__exit-fullscreen{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-secondary);background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-full);cursor:pointer;z-index:10000;transition:background-color var(--transition-fast),color var(--transition-fast)}.credential-profile__exit-fullscreen:hover{background:var(--bg-surface-secondary);color:var(--color-text-dark)}.credential-profile__exit-fullscreen:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.credential-admin__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.credential-admin__dialog{background:var(--bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6);width:min(440px,calc(100vw - 32px));box-shadow:var(--shadow-lg)}.credential-admin__pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.credential-admin__status-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.credential-admin__status-badge--active{background-color:var(--status-success-bg);color:var(--status-success-text)}.credential-admin__status-badge--expired{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.credential-admin__status-badge--revoked{background-color:var(--status-error-bg);color:var(--status-error-text)}.credential-admin__success{background:var(--status-success-bg);border:1px solid var(--status-success-text);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);color:var(--status-success-text);font-size:var(--font-size-label)}.credential-admin__dialog h3{margin:0 0 var(--spacing-3);color:var(--color-text-dark)}.credential-admin__dialog-text{color:var(--color-text-secondary);font-size:var(--font-size-label);margin:0 0 var(--spacing-4);line-height:1.5}.credential-admin__dialog-reason{font-size:var(--font-size-label);color:var(--color-text-dark);margin:0 0 var(--spacing-4)}.credential-admin__dialog-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end}.credential-verify__assignments{width:100%;margin:var(--spacing-5) 0;padding:var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.credential-verify__assignment-group{margin-bottom:var(--spacing-3)}.credential-verify__assignment-group:last-child{margin-bottom:0}.credential-verify__assignment-label{display:block;font-size:var(--font-size-small);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-2)}.credential-verify__assignment-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.credential-verify__tag{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-xl);font-size:var(--font-size-label);font-weight:var(--font-weight-label)}.credential-verify__tag--client{background-color:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--color-border-light)}.credential-verify__tag--project{background-color:#8b5cf61f;color:#6b21a8;border:1px solid var(--color-border-light)}@media (max-width: 768px){.credential-card{max-width:100%;padding:var(--spacing-5) var(--spacing-4);border-radius:var(--radius-lg)}.credential-card__qr{width:150px;height:150px}.credential-card__photo{width:80px;height:80px}.credential-card__avatar{width:80px;height:80px;font-size:28px}.credential-card__name{font-size:16px}.credential-card__position{font-size:var(--font-size-body)}.credential-card__dates{grid-template-columns:1fr;gap:var(--spacing-2)}.credential-card__date-item{flex-direction:row;justify-content:space-between;padding:var(--spacing-1) 0}.credential-profile{padding:var(--spacing-4) var(--spacing-3)}.credential-profile__title{font-size:18px;margin-bottom:var(--spacing-4)}}@media (max-width: 480px){.credential-profile__fullscreen-btn{min-height:44px;min-width:44px}.credential-profile__exit-fullscreen{width:44px;height:44px}.credential-verify__retry-btn{min-height:44px;min-width:44px}}.credential-verify{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-5);background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-border-light) 100%);font-family:var(--font-sans)}.credential-verify__card{display:flex;flex-direction:column;align-items:center;max-width:420px;width:100%;padding:var(--spacing-8) var(--spacing-7);background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.credential-verify__card--success{border-top:4px solid var(--status-success-text)}.credential-verify__card--error{border-top:4px solid var(--status-error-text)}.credential-verify__card--expired{border-top:4px solid var(--status-warning-text)}.credential-verify__card--warning{border-top:4px solid #f9a825}.credential-verify__icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-page-title);margin-bottom:var(--spacing-5)}.credential-verify__icon--success{background-color:var(--status-success-bg);color:var(--status-success-text)}.credential-verify__icon--error{background-color:var(--status-error-bg);color:var(--status-error-text)}.credential-verify__icon--expired{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.credential-verify__icon--warning{background-color:#f9a8251f;color:#f9a825}.credential-verify__title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-section-title);font-weight:700;color:var(--color-text-dark)}.credential-verify__title--success{color:var(--status-success-text)}.credential-verify__title--error{color:var(--status-error-text)}.credential-verify__title--expired{color:var(--status-warning-text)}.credential-verify__message{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:1.5}.credential-verify__message--error{font-size:16px;font-weight:600;color:var(--status-error-text)}.credential-verify__employee{display:flex;flex-direction:column;align-items:center;margin:var(--spacing-4) 0 var(--spacing-6) 0}.credential-verify__photo{width:96px;height:96px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--status-success-text);margin-bottom:var(--spacing-3)}.credential-verify__avatar{width:96px;height:96px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-action),var(--color-primary));color:var(--color-bg-white);font-size:var(--font-size-page-title);font-weight:600;border:3px solid var(--status-success-text);margin-bottom:var(--spacing-3)}.credential-verify__employee-name{margin:0 0 var(--spacing-1) 0;font-size:18px;font-weight:700;color:var(--color-text-dark)}.credential-verify__employee-position{margin:0;font-size:var(--font-size-body);color:var(--color-text-secondary);font-weight:var(--font-weight-label)}.credential-verify__badge{display:inline-block;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-xl);font-size:var(--font-size-label);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.credential-verify__badge--active{background-color:var(--status-success-bg);color:var(--status-success-text)}.credential-verify__countdown{font-size:28px;font-weight:700;color:#f9a825;margin-top:var(--spacing-2)}.credential-verify__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.credential-verify__spinner{width:40px;height:40px;border:4px solid var(--color-border-light);border-top-color:var(--color-action);border-radius:var(--radius-full);animation:credential-spin .8s linear infinite}@keyframes credential-spin{to{transform:rotate(360deg)}}.credential-verify__retry-btn{margin-top:var(--spacing-2);padding:10px var(--spacing-6);background-color:var(--color-action);color:var(--color-bg-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.credential-verify__retry-btn:hover{background-color:var(--color-primary-hover)}.credential-verify__retry-btn:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}@media (max-width: 768px){.credential-verify{padding:var(--spacing-4);align-items:flex-start;padding-top:var(--spacing-8)}.credential-verify__card{padding:var(--spacing-7) var(--spacing-5);border-radius:var(--radius-xl);max-width:100%}.credential-verify__icon{width:56px;height:56px;font-size:28px}.credential-verify__title{font-size:18px}.credential-verify__photo{width:80px;height:80px}.credential-verify__avatar{width:80px;height:80px;font-size:28px}.credential-verify__employee-name{font-size:16px}.credential-verify__countdown{font-size:24px}}.cred-card{position:relative;width:100%;max-width:380px;margin:0 auto;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden;background:linear-gradient(135deg,#8b5cf624,#3b82f61a,#2dd4bf1f),#0f1729;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 48px #0006,inset 0 1px #ffffff0f}.cred-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 75% 15%,rgba(139,92,246,.25) 0%,transparent 50%),radial-gradient(circle at 20% 85%,rgba(45,212,191,.18) 0%,transparent 50%);pointer-events:none}.cred-card__header{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between}.cred-card__logo{height:56px;width:auto}.cred-card__status{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cred-card__status.credential-status--active{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#22c55e}.cred-card__status.credential-status--expired{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.cred-card__status.credential-status--revoked{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444}.cred-card__photo-ring{position:relative;z-index:1;width:132px;height:132px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#2dd4bf,#8b5cf6);box-shadow:0 0 28px #2dd4bf59}.cred-card__photo,.cred-card__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.cred-card__avatar{display:flex;align-items:center;justify-content:center;background:#0f1729;font-size:42px;font-weight:700;color:#2dd4bf}.cred-card__info{position:relative;z-index:1;text-align:center}.cred-card__name{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.2}.cred-card__position{font-size:15px;font-weight:600;color:#a78bfa;margin:0 0 4px}.cred-card__number{font-size:13px;color:#8b93a7;margin:0}.cred-card__qr-section{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.cred-card__qr-box{padding:12px;border-radius:16px;background:#fff;line-height:0;box-shadow:0 4px 16px #00000040}.cred-card__qr-hint{font-size:12px;color:#8b93a7;margin:0}.cred-card__dates{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.cred-card__date-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.cred-card__date-label{font-size:10px;color:#8b93a7;text-transform:uppercase;letter-spacing:.5px}.cred-card__date-value{font-size:13px;font-weight:600;color:#e8eaf2}@media (max-width: 480px){.cred-card{max-width:min(360px,calc(100vw - 24px));padding:24px 18px;gap:18px}.cred-card__photo-ring{width:120px;height:120px}.cred-card__name{font-size:20px}.cred-card__qr-box{padding:12px}.cred-card__dates{gap:8px}.cred-card__date-label{font-size:9px}}.cpub{--cp-bg: #0a0f1f;--cp-bg-2: #0f1729;--cp-surface: rgba(255, 255, 255, .04);--cp-surface-2: rgba(255, 255, 255, .06);--cp-border: rgba(255, 255, 255, .1);--cp-text: #e8eaf2;--cp-text-muted: #8b93a7;--cp-teal: #2dd4bf;--cp-teal-glow: rgba(45, 212, 191, .4);--cp-purple: #8b5cf6;--cp-blue: #3b82f6;--cp-green: #22c55e;min-height:100vh;width:100%;background:radial-gradient(circle at 15% 10%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 85% 90%,rgba(45,212,191,.12) 0%,transparent 45%),linear-gradient(160deg,var(--cp-bg) 0%,var(--cp-bg-2) 100%);color:var(--cp-text);font-family:var(--font-sans, "Inter", sans-serif);padding:20px 16px 40px;display:flex;justify-content:center}.cpub__container{width:100%;max-width:640px;display:flex;flex-direction:column;gap:18px}.cpub__header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px}.cpub__logo{height:44px;width:auto;filter:brightness(1.8) saturate(1.2)}.cpub__header-right{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--cp-text)}.cpub__header-right svg{color:var(--cp-teal)}.cpub__banner{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#2dd4bf1a,#2dd4bf08);border:1px solid rgba(45,212,191,.3);box-shadow:0 0 30px #2dd4bf14;animation:cpub-fade-in .5s ease}.cpub__banner-check{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(45,212,191,.2) 0%,transparent 70%);border:2px solid var(--cp-teal);box-shadow:0 0 20px var(--cp-teal-glow);animation:cpub-pop .5s cubic-bezier(.34,1.56,.64,1)}.cpub__banner-check svg{width:26px;height:26px;color:var(--cp-teal)}.cpub__banner-text{display:flex;flex-direction:column;gap:2px}.cpub__banner-title{font-size:18px;font-weight:700;color:var(--cp-teal)}.cpub__banner-sub{font-size:13px;color:var(--cp-text-muted)}.cpub__card{position:relative;border-radius:20px;padding:24px;background:linear-gradient(135deg,#8b5cf61f,#3b82f614,#2dd4bf1a),#ffffff08;border:1px solid var(--cp-border);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 40px #0000004d}.cpub__card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(139,92,246,.2) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(45,212,191,.15) 0%,transparent 50%);pointer-events:none}.cpub__card-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:var(--cp-green);font-size:12px;font-weight:600;z-index:2}.cpub__card-main{position:relative;display:flex;align-items:center;gap:20px;z-index:1}.cpub__photo-ring{width:104px;height:104px;border-radius:50%;flex-shrink:0;padding:3px;background:linear-gradient(135deg,var(--cp-teal),var(--cp-purple));box-shadow:0 0 24px #2dd4bf4d}.cpub__photo,.cpub__photo-initials{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.cpub__photo-initials{display:flex;align-items:center;justify-content:center;background:var(--cp-bg-2);font-size:32px;font-weight:700;color:var(--cp-teal)}.cpub__card-info{flex:1;min-width:0}.cpub__card-name{font-size:24px;font-weight:700;line-height:1.2;margin:0 0 6px;color:#fff}.cpub__card-position{font-size:15px;font-weight:600;color:var(--cp-purple);margin:0}.cpub__card-meta{position:relative;display:flex;gap:32px;margin-top:20px;padding-top:18px;border-top:1px solid var(--cp-border);z-index:1}.cpub__meta-item{display:flex;flex-direction:column;gap:3px}.cpub__meta-label{font-size:11px;color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.5px}.cpub__meta-value{font-size:14px;font-weight:600;color:var(--cp-text)}.cpub__section{display:flex;flex-direction:column;gap:12px}.cpub__section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--cp-text);margin:0}.cpub__section-title svg{color:var(--cp-teal)}.cpub__section-subtitle{font-size:12px;font-weight:400;color:var(--cp-text-muted);margin-left:6px}.cpub__contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cpub__contact-btn{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--cp-surface);border:1px solid var(--cp-border);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;text-align:left;color:var(--cp-text);font-family:inherit}.cpub__contact-btn:hover{transform:translateY(-2px);background:var(--cp-surface-2);border-color:#fff3}.cpub__contact-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cpub__contact-icon svg{width:20px;height:20px;color:#fff}.cpub__contact-btn--call .cpub__contact-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.cpub__contact-btn--mail .cpub__contact-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.cpub__contact-btn--wa .cpub__contact-icon{background:linear-gradient(135deg,#25d366,#128c7e)}.cpub__contact-btn--save .cpub__contact-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.cpub__contact-btn--share .cpub__contact-icon{background:linear-gradient(135deg,#a855f7,#7e22ce)}.cpub__contact-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cpub__contact-label{font-size:14px;font-weight:600;color:var(--cp-text)}.cpub__contact-value{font-size:12px;color:var(--cp-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpub__context{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 20px;border-radius:16px;background:var(--cp-surface);border:1px solid var(--cp-border)}.cpub__context-group{display:flex;flex-direction:column;gap:10px}.cpub__context-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--cp-text-muted)}.cpub__context-label svg{color:var(--cp-teal)}.cpub__chips{display:flex;flex-wrap:wrap;gap:6px}.cpub__chip{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.cpub__chip--client{background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3);color:var(--cp-teal)}.cpub__chip--project{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);color:#a78bfa}.cpub__quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cpub__quick-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:14px;background:var(--cp-surface);border:1px solid var(--cp-border);color:var(--cp-text);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;font-family:inherit;text-align:center}.cpub__quick-btn:hover{transform:translateY(-2px);background:var(--cp-surface-2);border-color:var(--cp-teal)}.cpub__quick-btn svg{width:24px;height:24px;color:var(--cp-teal)}.cpub__footer-verify{display:flex;gap:20px;align-items:center;padding:20px;border-radius:16px;background:linear-gradient(135deg,#2dd4bf0f,#8b5cf60a);border:1px solid rgba(45,212,191,.2)}.cpub__qr{flex-shrink:0;padding:8px;border-radius:12px;background:#fff;line-height:0;position:relative}.cpub__verify-info{display:flex;flex-direction:column;gap:4px}.cpub__verify-header{display:flex;align-items:center;gap:8px}.cpub__verify-header svg{color:var(--cp-teal)}.cpub__verify-title{font-size:16px;font-weight:700;color:var(--cp-teal)}.cpub__verify-date{font-size:12px;color:var(--cp-text-muted);margin:0}.cpub__verify-desc{font-size:13px;color:var(--cp-text);line-height:1.5;margin:4px 0}.cpub__verify-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3);color:var(--cp-teal);font-size:12px;font-weight:600;align-self:flex-start;margin-top:4px}.cpub__state-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 24px;border-radius:20px;background:var(--cp-surface);border:1px solid var(--cp-border)}.cpub__state-card--error{border-color:#ef44444d}.cpub__state-card--warn{border-color:#f59e0b4d}.cpub__state-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:#ffffff0d}.cpub__state-icon--error{background:#ef44441f;border:2px solid #ef4444;color:#ef4444}.cpub__state-icon--warn{background:#f59e0b1f;border:2px solid #f59e0b;color:#f59e0b}.cpub__state-title{font-size:20px;font-weight:700;margin:0;color:#fff}.cpub__state-msg{font-size:14px;color:var(--cp-text-muted);margin:0;max-width:340px}.cpub__retry{margin-top:8px;padding:10px 24px;border-radius:10px;background:var(--cp-teal);border:none;color:#0a0f1f;font-weight:600;cursor:pointer;font-family:inherit}.cpub__spinner{width:44px;height:44px;border:3px solid var(--cp-border);border-top-color:var(--cp-teal);border-radius:50%;animation:cpub-spin .8s linear infinite}@keyframes cpub-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cpub-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cpub-spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.cpub__contact-grid,.cpub__quick-grid{grid-template-columns:1fr 1fr}.cpub__card-main{flex-direction:column;text-align:center}.cpub__card-badge{position:static;align-self:center;margin-bottom:12px}.cpub__card-meta{justify-content:center}.cpub__context{grid-template-columns:1fr}.cpub__footer-verify{flex-direction:column;text-align:center}.cpub__verify-badge{align-self:center}.cpub__card-name{font-size:20px}}@media (max-width: 400px){.cpub__contact-grid,.cpub__quick-grid{grid-template-columns:1fr}}.attendance-page,.attendance-history-page,.attendance-admin-page{padding:24px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.check-in-card{border:1px solid #eee;border-radius:12px;padding:24px;max-width:480px;margin:0 auto;text-align:center;transition:box-shadow .2s}.check-in-card:hover{box-shadow:0 4px 12px #00000014}.check-in-card .shift-info{margin-bottom:16px}.check-in-card .shift-name{font-size:18px;font-weight:600;color:#333;margin:0 0 4px}.check-in-card .shift-time{font-size:14px;color:#666}.check-in-card .modality-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-top:8px}.modality-badge.presencial{background-color:#e3f2fd;color:#1565c0}.modality-badge.home-office{background-color:#e8f5e9;color:#2e7d32}.modality-badge.comision{background-color:#fff3e0;color:#e65100}.timeliness-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.timeliness-status.on_time{background-color:#e8f5e9;color:#2e7d32}.timeliness-status.early{background-color:#e3f2fd;color:#1565c0}.timeliness-status.late{background-color:#fce4ec;color:#c62828}.geofence-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.geofence-status.inside{background-color:#e8f5e9;color:#2e7d32}.geofence-status.outside{background-color:#fce4ec;color:#c62828}.geofence-status.not_applicable{background-color:#f5f5f5;color:#999}.holiday-warning{margin:12px 0;padding:12px 16px;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;font-size:13px;color:#f57f17;text-align:left}.attendance-history-table{width:100%;border-collapse:collapse;font-size:14px}.attendance-history-table th,.attendance-history-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.attendance-history-table th{font-weight:600;color:#555;font-size:12px;text-transform:uppercase;background-color:#fafafa}.attendance-history-table tr:hover{background-color:#f9f9f9}.attendance-history-table .worked-hours{font-weight:600;color:#333}.commission-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:vertical;min-height:60px}.commission-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.commission-char-count{font-size:12px;color:#888;text-align:right;margin-top:4px}.geofence-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.geofence-card{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4);transition:box-shadow var(--transition-base)}.geofence-card:hover{box-shadow:var(--shadow-sm)}.geofence-card .geofence-name{font-weight:600;font-size:15px;color:var(--color-text-dark);margin:0 0 8px}.geofence-card .geofence-meta{font-size:var(--font-size-label);color:var(--color-text-secondary)}.geofence-page{padding:var(--spacing-6);max-width:1400px;margin:0 auto}.geofence-page__success-msg{padding:var(--spacing-3) var(--spacing-4);background:#e8f5e9;border:1px solid #a5d6a7;border-radius:var(--radius-md);color:#2e7d32;font-size:var(--font-size-body);margin-bottom:var(--spacing-4)}.geofence-page__layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-5);min-height:500px}.geofence-page__map-area{min-width:0;position:relative}.geofence-page__map-card{height:100%}.geofence-page__map-card .map-card__container{height:100%;min-height:500px}.geofence-page__map-overlay{position:absolute;top:var(--spacing-3);left:50%;transform:translate(-50%);z-index:1000;background:#fffffff0;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:none}.geofence-page__map-overlay--info{background:#ffffffeb}.geofence-page__map-overlay-text{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap}.geofence-page__sidebar{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;max-height:600px}.geofence-page__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.geofence-page__sidebar-title{margin:0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark)}.geofence-page__sidebar-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-2);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--font-size-small);font-weight:600}.geofence-page__list{flex:1;overflow-y:auto;padding:var(--spacing-2)}.geofence-page__list-item{padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-2);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.geofence-page__list-item:hover{background:var(--color-bg-light)}.geofence-page__list-item--active{border-color:var(--color-action);background:#6678ea0f}.geofence-page__list-item:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.geofence-page__list-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.geofence-page__list-item-name{font-weight:600;font-size:var(--font-size-body);color:var(--color-text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.geofence-page__list-item-meta{display:flex;gap:var(--spacing-3);font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.geofence-page__list-item-actions{display:flex;gap:var(--spacing-2)}.geofence-page__action-btn{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-white);color:var(--color-text-dark);font-size:var(--font-size-small);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.geofence-page__action-btn:hover{background:var(--color-bg-light)}.geofence-page__action-btn:disabled{opacity:.5;cursor:not-allowed}.geofence-page__action-btn--danger{color:var(--color-accent);border-color:var(--color-accent)}.geofence-page__action-btn--danger:hover{background:#c41e2a0f}.geofence-page__confirm-deactivate{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fff8e1;border:1px solid #ffe082;border-radius:var(--radius-sm)}.geofence-page__confirm-text{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-small);font-weight:600;color:var(--color-text-dark)}.geofence-page__confirm-actions{display:flex;gap:var(--spacing-2)}.geofence-page__empty{padding:var(--spacing-6) var(--spacing-4);text-align:center}.geofence-page__empty-text{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-body);color:var(--color-text-muted)}.geofence-page__empty-action{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-action);border-radius:var(--radius-sm);background:transparent;color:var(--color-action);font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:background var(--transition-base)}.geofence-page__empty-action:hover{background:#6678ea0f}.geofence-page__form{margin-top:var(--spacing-5)}@media (max-width: 1024px){.geofence-page__layout{grid-template-columns:1fr 300px}}@media (max-width: 767px){.geofence-page{padding:var(--spacing-4)}.geofence-page__layout{grid-template-columns:1fr;gap:var(--spacing-4)}.geofence-page__map-area{width:100%}.geofence-page__map-card .map-card__container{min-height:300px;height:300px;width:100%}.geofence-page__sidebar{max-height:none}.geofence-page__map-overlay-text{font-size:var(--font-size-small)}}.attendance-loading{text-align:center;padding:40px;color:#888}.attendance-error{padding:12px 16px;background:#fce4ec;border:1px solid #ef9a9a;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:16px}@media (max-width: 767px){.check-in-card{max-width:100%}.geofence-list{grid-template-columns:1fr}.attendance-history-table{font-size:13px}.attendance-history-table th,.attendance-history-table td{padding:8px 12px}}@media (max-width: 480px){.geofence-page__action-btn,.geofence-page__empty-action{min-height:44px;min-width:44px}.geofence-page__list-item{min-height:44px}.geofence-page__confirm-actions button{min-height:44px;min-width:44px}}.entrada-salida{padding:var(--spacing-6);min-height:100%;display:flex;align-items:flex-start;justify-content:center}.entrada-salida__container{width:100%;max-width:480px;background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-7);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-5)}.entrada-salida__clock{text-align:center}.entrada-salida__time{display:block;font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--color-primary);letter-spacing:-.5px}.entrada-salida__date{font-size:var(--font-size-body);color:var(--color-text-secondary);margin-top:var(--spacing-1);text-transform:capitalize}.entrada-salida__status{display:flex;justify-content:center}.entrada-salida__shift-info{text-align:center;padding:var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius-md);width:100%}.entrada-salida__shift-name{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--color-text-dark);margin:0 0 var(--spacing-1) 0}.entrada-salida__shift-time{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0}.entrada-salida__modality-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:var(--font-weight-label);margin-top:var(--spacing-2)}.entrada-salida__modality-badge--presencial{background:var(--status-info-bg);color:var(--status-info-text)}.entrada-salida__modality-badge--home-office{background:var(--status-success-bg);color:var(--status-success-text)}.entrada-salida__modality-badge--comision{background:var(--status-warning-bg);color:var(--status-warning-text)}.entrada-salida__error{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--status-error-bg);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--status-error-text);font-size:var(--font-size-body)}.entrada-salida__message{width:100%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);font-size:var(--font-size-body);text-align:center}.entrada-salida__message--info{background:var(--status-info-bg);color:var(--status-info-text)}.entrada-salida__message--success{background:var(--status-success-bg);color:var(--status-success-text)}.entrada-salida__form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-4)}.entrada-salida__field{text-align:left}.entrada-salida__field-label{display:block;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-dark);margin-bottom:var(--spacing-2)}.entrada-salida__radio-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.entrada-salida__radio-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-body);color:var(--color-text-dark);cursor:pointer}.entrada-salida__radio{accent-color:var(--color-primary)}.entrada-salida__commission{text-align:left}.entrada-salida__textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-body);font-family:inherit;resize:vertical;min-height:60px;transition:border-color var(--transition-fast)}.entrada-salida__textarea:focus{outline:none;border-color:var(--color-action);box-shadow:0 0 0 3px #6678ea1a}.entrada-salida__char-count{font-size:var(--font-size-small);color:var(--color-text-muted);text-align:right;margin-top:var(--spacing-1)}.entrada-salida__select{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-body);background:var(--color-bg-white);margin-top:var(--spacing-2)}.entrada-salida__hint{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:var(--spacing-1)}.entrada-salida__holiday-warning{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--status-warning-bg);border:1px solid var(--status-warning-text);border-radius:var(--radius-sm);font-size:var(--font-size-label);color:var(--status-warning-text);text-align:left}.entrada-salida__holiday-confirm{margin-top:var(--spacing-2)}.entrada-salida__checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-body)}.entrada-salida__checkbox{accent-color:var(--color-primary);width:16px;height:16px}.entrada-salida__exceptions{width:100%;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light);text-align:left}.entrada-salida__exceptions-label{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.entrada-salida__exceptions-links{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.entrada-salida__link{font-size:var(--font-size-label);color:var(--color-action);text-decoration:none;transition:color var(--transition-fast)}.entrada-salida__link:hover{color:var(--color-primary-hover)}.entrada-salida__btn{width:100%;min-height:44px;padding:var(--spacing-3) var(--spacing-5);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-label);cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.entrada-salida__btn:disabled{opacity:.6;cursor:not-allowed}.entrada-salida__btn--primary{background-color:var(--color-primary);color:var(--text-on-dark)}.entrada-salida__btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.entrada-salida__btn--secondary{background-color:transparent;color:var(--color-action);border:1px solid var(--color-border-light)}.entrada-salida__btn--secondary:hover:not(:disabled){background-color:var(--color-bg-light)}.entrada-salida__success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);width:100%}.entrada-salida__success-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--status-success-bg);color:var(--status-success-text);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title)}.entrada-salida__success-title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);color:var(--status-success-text);margin:0}.entrada-salida__success-details{width:100%;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-light);border-radius:var(--radius-md)}.entrada-salida__detail-row{display:flex;justify-content:space-between;align-items:center}.entrada-salida__detail-label{font-size:var(--font-size-label);color:var(--color-text-secondary)}.entrada-salida__detail-value{font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-text-dark)}.entrada-salida__worked-hours{text-align:center;padding:var(--spacing-4);background:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.entrada-salida__worked-label{display:block;font-size:var(--font-size-label);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.entrada-salida__worked-value{display:block;font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--color-text-dark)}.entrada-salida__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8) 0}.entrada-salida__loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:entrada-salida-spin .8s linear infinite}.entrada-salida__loading-text{font-size:var(--font-size-body);color:var(--color-text-secondary)}@keyframes entrada-salida-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.entrada-salida{padding:var(--spacing-4)}.entrada-salida__container{max-width:100%;padding:var(--spacing-5)}.entrada-salida__exceptions-links{flex-direction:column;gap:var(--spacing-3)}}@media (max-width: 480px){.entrada-salida__container{padding:var(--spacing-4)}.entrada-salida__btn{min-height:48px;font-size:16px}.entrada-salida__detail-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-light, #f5f5f5);color:var(--color-text-dark, #333)}#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{line-height:1.6;margin-bottom:1rem}a{color:var(--color-action, #0066cc);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary, #0052a3)}button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;transition:all .2s}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:1rem;padding:.5rem;border:1px solid var(--color-border-input, #ccc);border-radius:4px;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-action, #0066cc);box-shadow:0 0 0 3px #3974981a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4, 16px)}.info-row{display:flex;flex-direction:column;gap:var(--spacing-1, 4px)}.info-label{font-size:var(--font-size-small, .75rem);font-weight:var(--font-weight-section-title, 600);color:var(--color-text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.025em}.info-value{font-size:var(--font-size-body, 14px);color:var(--color-text-dark, #333333)}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}}