:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-hover: #ebebeb;--text-primary: #1a1a1a;--text-secondary: #666666;--border: #e0e0e0;--accent: #333333}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-hover: #3a3a3a;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--border: #404040;--accent: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{overflow-x:hidden;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease;min-height:100vh}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;animation:fadeIn .5s ease-out;box-shadow:0 2px 8px #00000014;color:var(--text-secondary)}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 4px 12px #0000001f;color:var(--text-primary)}.theme-toggle:active{transform:scale(.95)}@media(max-width:480px){.theme-toggle{width:40px;height:40px;font-size:1.1rem;top:.75rem;right:.75rem}}@media(min-width:768px){.theme-toggle{width:48px;height:48px;font-size:1.35rem}}.fade-in{animation:fadeInUp .4s ease-out forwards}.login-content>*:nth-child(1){animation:fadeInUp .5s ease-out .1s forwards;opacity:0}.login-content>*:nth-child(2){animation:fadeInUp .5s ease-out .2s forwards;opacity:0}.login-content>*:nth-child(3){animation:fadeInUp .5s ease-out .3s forwards;opacity:0}.role-cards>*:nth-child(1){animation:scaleIn .4s ease-out .35s forwards;opacity:0}.role-cards>*:nth-child(2){animation:scaleIn .4s ease-out .45s forwards;opacity:0}.login-form>*:nth-child(1){animation:fadeInUp .4s ease-out .1s forwards;opacity:0}.login-form>*:nth-child(2){animation:fadeInUp .4s ease-out .17s forwards;opacity:0}.login-form>*:nth-child(3){animation:fadeInUp .4s ease-out .24s forwards;opacity:0}.login-form>*:nth-child(4){animation:fadeInUp .4s ease-out .31s forwards;opacity:0}.login-form>*:nth-child(5){animation:fadeInUp .4s ease-out .38s forwards;opacity:0}.login-form>*:nth-child(6){animation:fadeInUp .4s ease-out .45s forwards;opacity:0}.login-form>*:nth-child(7){animation:fadeInUp .4s ease-out .52s forwards;opacity:0}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:var(--bg-primary)}.login-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.login-logo{width:200px;height:auto;margin-bottom:2.5rem;padding:2.5rem;border-radius:20px;background:#00000040;transition:all .3s ease}[data-theme=dark] .login-logo{background:#ffffff08}.login-logo:hover{transform:scale(1.05);background:#0000000d}[data-theme=dark] .login-logo:hover{background:#ffffff0d}.login-title{font-size:1.75rem;font-weight:300;margin-bottom:.5rem;color:var(--text-primary);letter-spacing:.5px}.login-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.login-role-select{width:100%;display:flex;flex-direction:column;align-items:center}.role-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;width:100%;margin-bottom:1.5rem}.role-card{display:flex;flex-direction:column;align-items:center;padding:1.75rem 1.25rem;border:2px solid var(--border);border-radius:16px;background:var(--bg-secondary);cursor:pointer;transition:all .3s ease;text-align:center}.role-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.role-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.admin-icon{background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:#3b82f6}.empleado-icon{background:linear-gradient(135deg,#10b98126,#06b6d426);color:#10b981}.role-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem}.role-info p{font-size:.85rem;color:var(--text-secondary);margin:0}.role-features{list-style:none;padding:0;margin:1rem 0 0;width:100%}.role-features li{font-size:.8rem;color:var(--text-secondary);padding:.35rem 0;border-top:1px solid var(--border)}.role-features li:first-child{border-top:none;padding-top:0}.login-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:380px}.form-header{text-align:center;margin-bottom:1rem}.form-header .form-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.form-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem}.form-header p{font-size:.9rem;color:var(--text-secondary);margin:0}.input-group{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .25s ease}.login-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a}.login-form input::placeholder{color:var(--text-secondary)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;transition:all .25s ease;position:relative;overflow:hidden}.login-btn:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.login-btn:active{transform:translateY(0)}.login-btn.submit{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;font-weight:600}.login-btn.submit:hover{opacity:.95;box-shadow:0 6px 20px #3b82f64d}.login-btn.empleado-submit{background:linear-gradient(135deg,#10b981,#06b6d4)}.login-btn.empleado-submit:hover{box-shadow:0 6px 20px #10b9814d}.login-btn.guest{background:transparent;border:1px dashed var(--border);color:var(--text-secondary);font-weight:400}.login-btn.guest:hover{border-style:solid;color:var(--text-primary)}.login-btn.back{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;padding:.75rem;box-shadow:none;font-weight:400}.login-btn.back:hover{color:var(--text-primary);transform:translate(-4px);box-shadow:none}.divider{text-align:center;color:var(--text-secondary);font-size:.85rem;margin:.5rem 0;position:relative;width:100%}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.divider:before{left:0}.divider:after{right:0}.empleado-help{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:10px;margin-top:.5rem}.empleado-help p{font-size:.85rem;color:var(--text-secondary);margin:0}.error-message{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;text-align:center;animation:fadeInUp .3s ease-out}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login-footer{margin-top:3rem;text-align:center}.login-footer p{font-size:.8rem;color:var(--text-secondary)}@media(max-width:600px){.login-container{padding:1rem}.role-cards{grid-template-columns:1fr;gap:1rem}.role-card{padding:1.5rem 1rem}.role-icon{width:52px;height:52px}.role-features{display:none}.login-logo{width:150px;padding:1.75rem;border-radius:18px;margin-bottom:2rem}.login-title{font-size:1.5rem}.login-form{max-width:100%}.login-btn{padding:.9rem 1.25rem;font-size:.95rem}.form-options{flex-direction:column;gap:.75rem;align-items:flex-start}}@media(min-width:601px)and (max-width:767px){.login-logo{width:180px;padding:2rem;border-radius:20px;margin-bottom:2.25rem}.login-title{font-size:1.65rem}}@media(min-width:768px){.login-logo{width:220px;padding:2.5rem;border-radius:22px;margin-bottom:2.5rem}.login-title{font-size:2rem}.login-content{max-width:520px}.role-card{padding:2rem 1.5rem}}@media(min-width:1024px){.login-logo{width:250px;padding:2.75rem;border-radius:24px;margin-bottom:2.75rem}.login-content{max-width:560px}}@media(min-width:1440px){.login-logo{width:280px;padding:3rem;border-radius:26px;margin-bottom:3rem}.login-title{font-size:2.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;position:relative}.onboarding-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:500px}.onboarding-content>*:nth-child(1){animation:fadeInUp .5s ease-out .1s forwards;opacity:0}.onboarding-content>*:nth-child(2){animation:fadeInUp .5s ease-out .2s forwards;opacity:0}.onboarding-content>*:nth-child(3){animation:fadeInUp .5s ease-out .3s forwards;opacity:0}.onboarding-content>*:nth-child(4){animation:fadeInUp .5s ease-out .4s forwards;opacity:0}.skip-btn{position:absolute;top:1.5rem;left:1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;z-index:999}.skip-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.onboarding-logo-wrapper{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#0000000d,#00000014);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.onboarding-logo-wrapper:hover{transform:scale(1.05)}[data-theme=dark] .onboarding-logo-wrapper{background:linear-gradient(135deg,#ffffff0d,#ffffff14)}.onboarding-logo{width:70px;height:auto}.onboarding-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.onboarding-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2.5rem;max-width:400px}.onboarding-btn{padding:1rem 3rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .25s ease}.onboarding-btn.primary{background:#6366f1;color:#fff}.onboarding-btn.primary:hover{background:#5558e3;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.theme-options{display:flex;gap:1.5rem;margin-bottom:2.5rem}.theme-card{cursor:pointer;padding:1rem;border-radius:12px;border:2px solid var(--border);transition:all .25s ease;background:var(--bg-secondary)}.theme-card:hover{border-color:var(--text-secondary)}.theme-card.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.theme-preview{width:140px;height:90px;border-radius:6px;display:flex;overflow:hidden;margin-bottom:.75rem}.light-preview{background:#f5f5f5}.dark-preview{background:#1a1a1a}.preview-sidebar{width:30%;background:#0000000d}.dark-preview .preview-sidebar{background:#ffffff0d}.preview-content{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.preview-line{height:8px;background:#0000001a;border-radius:4px}.preview-line.short{width:60%}.dark-preview .preview-line{background:#ffffff1a}.theme-label{font-size:.9rem;color:var(--text-primary);font-weight:500}@media(max-width:768px){.skip-btn{top:1rem;left:1rem;font-size:.85rem;padding:.4rem .75rem}.onboarding-logo-wrapper{width:100px;height:100px}.onboarding-logo{width:60px}.onboarding-title{font-size:1.5rem}.onboarding-description{font-size:.9rem;padding:0 1rem}.theme-options{flex-direction:column;gap:1rem}.theme-preview{width:120px;height:75px}}@media(max-width:480px){.onboarding-container{padding:1rem}.skip-btn{top:.75rem;left:.75rem;font-size:.8rem;padding:.35rem .65rem}.onboarding-logo-wrapper{width:90px;height:90px;margin-bottom:1.5rem}.onboarding-logo{width:50px}.onboarding-title{font-size:1.35rem}.onboarding-description{font-size:.85rem;line-height:1.5}}@media(min-width:768px){.onboarding-logo{width:100px}.onboarding-title{font-size:2.5rem}.theme-preview{width:160px;height:100px}}.sidebar{width:240px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease;animation:slideIn .4s ease-out;position:fixed;left:0;top:0;z-index:100}.sidebar.collapsed{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);position:relative}.sidebar-header:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#00000014,#0000000d,#00000014);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}[data-theme=light] .sidebar-header:before{opacity:1}.sidebar-brand{display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden;position:relative;z-index:1}.sidebar-logo{width:90%;max-width:180px;height:auto;flex-shrink:0;transition:all .3s ease;object-fit:contain}.sidebar.collapsed .sidebar-logo{width:85%;max-width:50px}.sidebar-title{font-weight:600;font-size:1.1rem;color:var(--text-primary);white-space:nowrap}.collapse-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:.9rem;position:relative;z-index:1}.collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-section{display:flex;flex-direction:column;gap:.25rem}.nav-section-title{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);padding:.5rem .75rem;letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease;width:100%;text-align:left;font-size:.95rem;text-decoration:none}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-hover);color:var(--text-primary);font-weight:500}.nav-icon{font-size:1.1rem;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden}.sidebar-footer{padding:1rem;border-top:1px solid var(--border);position:relative}.user-info{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s ease}.user-info:hover{background:var(--bg-hover)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.user-name{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-secondary);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu{position:absolute;bottom:100%;left:.5rem;right:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:.5rem;overflow:hidden;animation:slideUp .2s ease-out;z-index:1000}.user-menu.collapsed{left:70px;right:auto;width:200px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;width:100%;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .2s ease;font-size:.9rem;text-align:left}.user-menu-item:hover{background:var(--bg-hover)}.user-menu-item.logout{color:#ef4444;border-top:1px solid var(--border)}.user-menu-item.logout:hover{background:#ef44441a}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar.collapsed .collapse-btn{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem .5rem}.sidebar.collapsed .sidebar-footer{display:flex;justify-content:center}.sidebar.collapsed .user-avatar{margin:0}.expand-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;margin:.5rem auto;border-radius:6px;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center}.expand-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.sidebar{width:100%;height:auto;top:auto;bottom:0;border-right:none;border-top:1px solid var(--border)}.sidebar-header,.sidebar-footer,.expand-btn,.nav-section-title{display:none}.sidebar-nav{padding:.5rem;overflow:visible}.nav-section{flex-direction:row;justify-content:space-around;gap:.35rem}.nav-item{flex:1;min-width:0;flex-direction:column;justify-content:center;gap:.3rem;padding:.65rem .4rem;border-radius:12px;text-align:center}.nav-item.active{background:color-mix(in srgb,var(--bg-hover) 70%,var(--accent) 30%)}.nav-label{display:block;max-width:100%;font-size:.65rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-icon{width:18px;height:18px}}@media(max-width:480px){.sidebar{padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{padding:.55rem .2rem}.nav-icon{width:16px;height:16px}.nav-label{font-size:.6rem}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;margin-left:240px;padding:2rem;transition:margin-left .3s ease;animation:fadeIn .4s ease-out;max-width:100%;overflow-x:hidden}.dashboard-main.sidebar-collapsed{margin-left:70px}.dashboard-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 4rem);text-align:center}.page-icon{color:var(--text-secondary);margin-bottom:1rem}.page-title{font-size:2rem;font-weight:300;color:var(--text-primary);margin-bottom:.5rem}.page-placeholder{color:var(--text-secondary);font-size:1rem}@media(max-width:768px){.dashboard-main{margin-left:0;width:100%;padding:1rem 1rem 5.75rem}.page-icon{font-size:3rem}.page-title{font-size:1.5rem}}@media(max-width:480px){.dashboard-main{margin-left:0;width:100%;padding:.5rem .5rem 5.5rem}.page-title{font-size:1.25rem}}.sidebar-empleado{width:260px;min-height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease;position:sticky;top:0}.sidebar-empleado.collapsed{width:72px}.sidebar-empleado-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border);position:relative}.sidebar-empleado-header:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#00000014,#0000000d,#00000014);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}[data-theme=light] .sidebar-empleado-header:before{opacity:1}.sidebar-empleado-brand{display:flex;align-items:center;justify-content:center;flex:1;gap:.75rem;position:relative;z-index:1}.sidebar-empleado-logo{width:90%;max-width:180px;height:auto;flex-shrink:0;transition:all .3s ease;object-fit:contain}.sidebar-empleado.collapsed .sidebar-empleado-logo{width:85%;max-width:50px}.sidebar-empleado-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.collapse-btn-emp{padding:.5rem;border:none;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease;position:relative;z-index:1}.collapse-btn-emp:hover{background:var(--bg-hover);color:var(--text-primary)}.empleado-profile-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem;margin:1rem;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border-radius:12px;border:1px solid rgba(16,185,129,.2)}.empleado-avatar-sidebar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.empleado-avatar-collapsed{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;margin:1rem auto}.empleado-profile-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.empleado-profile-name{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empleado-profile-puesto{font-size:.8rem;color:var(--text-secondary)}.empleado-profile-codigo{font-size:.75rem;color:#10b981;font-weight:500}.sidebar-empleado-nav{flex:1;padding:.5rem;overflow-y:auto}.nav-section-emp{display:flex;flex-direction:column;gap:.25rem}.nav-section-title-emp{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem .5rem}.nav-item-emp{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:10px;font-size:.9rem;transition:all .2s ease;width:100%;text-align:left;text-decoration:none}.nav-item-emp:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item-emp.active{background:linear-gradient(135deg,#10b98126,#06b6d426);color:#10b981}.nav-item-emp.active .nav-icon-emp{color:#10b981}.nav-icon-emp{flex-shrink:0}.nav-label-emp{white-space:nowrap}.sidebar-empleado.collapsed .nav-item-emp{justify-content:center;padding:.85rem}.sidebar-empleado-footer{padding:1rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.footer-btn-emp{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;font-size:.85rem;transition:all .2s ease;position:relative}.footer-btn-emp:hover{background:var(--bg-hover);color:var(--text-primary)}.footer-btn-emp.logout-btn{flex:1}.footer-btn-emp.logout-btn:hover{background:#ef44441a;color:#ef4444}.notification-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.sidebar-empleado.collapsed .footer-btn-emp span{display:none}.sidebar-empleado.collapsed .sidebar-empleado-footer{flex-direction:column}@media(max-width:768px){.sidebar-empleado{width:100%;min-height:auto;position:fixed;inset:auto 0 0;border-right:none;border-top:1px solid var(--border);z-index:100}.sidebar-empleado-header,.empleado-profile-card,.nav-section-title-emp,.sidebar-empleado-footer{display:none}.sidebar-empleado-nav{padding:.5rem}.nav-section-emp{flex-direction:row;justify-content:space-around}.nav-item-emp{flex-direction:column;gap:.25rem;padding:.65rem .5rem;font-size:.7rem;border-radius:8px}.nav-label-emp{font-size:.65rem}.sidebar-empleado.collapsed{width:100%}}.portal-empleado-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.portal-empleado-main{flex:1;margin-left:240px;overflow-x:hidden;overflow-y:auto;transition:margin-left .3s ease}.portal-empleado-main.sidebar-collapsed{margin-left:70px}@media(max-width:768px){.portal-empleado-layout{flex-direction:column}.portal-empleado-main{margin-left:0;padding-bottom:5.75rem}}@media(max-width:480px){.portal-empleado-main{margin-left:0;padding-bottom:5.5rem}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;inset:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:none}.tutorial-overlay>*{pointer-events:auto}.tutorial-overlay.animating .tutorial-tooltip{opacity:.5;transform:scale(.98)}.tutorial-mask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.spotlight-rect{transition:all .4s cubic-bezier(.4,0,.2,1)}.tutorial-spotlight-border{position:fixed;border-radius:12px;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 3px #3b82f6cc,0 0 20px #3b82f666,0 0 40px #3b82f633,inset 0 0 20px #3b82f61a;animation:spotlight-pulse 2s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 3px #3b82f6cc,0 0 20px #3b82f666,0 0 40px #3b82f633}50%{box-shadow:0 0 0 4px #3b82f6,0 0 30px #3b82f699,0 0 60px #3b82f64d}}.tutorial-tooltip{position:fixed;width:340px;max-width:calc(100vw - 32px);background:var(--bg-primary);border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px var(--border);overflow:hidden;animation:tooltip-enter .4s cubic-bezier(.34,1.56,.64,1);transition:opacity .2s ease,transform .2s ease}@keyframes tooltip-enter{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-arrow{position:absolute;width:16px;height:16px;background:var(--bg-primary);transform:rotate(45deg);border:1px solid var(--border);transition:all .3s ease}.tutorial-tooltip--top .tutorial-arrow{bottom:-9px;border-top:none;border-left:none}.tutorial-tooltip--bottom .tutorial-arrow{top:-9px;border-bottom:none;border-right:none}.tutorial-tooltip--left .tutorial-arrow{right:-9px;border-top:none;border-left:none}.tutorial-tooltip--right .tutorial-arrow{left:-9px;border-bottom:none;border-right:none}.tutorial-tooltip--floating .tutorial-arrow{display:none}.tutorial-tooltip--floating{box-shadow:0 25px 50px -12px #0006,0 0 0 1px var(--border),0 0 30px #3b82f633}.tutorial-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem}.tutorial-step-indicator{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600}.step-current{color:#3b82f6;font-size:1.1rem}.step-separator{color:var(--text-secondary);opacity:.5}.step-total{color:var(--text-secondary)}.tutorial-skip-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.tutorial-skip-btn:hover{background:#ef44441a;color:#ef4444}.tutorial-progress{height:3px;background:var(--bg-secondary);margin:.5rem 1rem;border-radius:2px;overflow:hidden}.tutorial-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.tutorial-content{padding:1rem 1.25rem;text-align:center}.tutorial-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-radius:16px;margin-bottom:1rem;color:#3b82f6;animation:icon-bounce 2s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tutorial-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.tutorial-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.tutorial-nav{display:flex;gap:.5rem}.tutorial-btn{display:flex;align-items:center;gap:.35rem;padding:.6rem 1rem;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tutorial-btn--skip{background:transparent;color:var(--text-secondary);padding:.6rem .75rem}.tutorial-btn--skip:hover{color:var(--text-primary);background:var(--bg-hover)}.tutorial-btn--prev{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border);padding:.6rem}.tutorial-btn--prev:hover{background:var(--bg-hover);color:var(--text-primary)}.tutorial-btn--next{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.tutorial-btn--next:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.tutorial-btn--next:active{transform:translateY(0)}.tutorial-dots{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px 16px;background:var(--bg-primary);border-radius:20px;box-shadow:0 4px 20px #00000026;border:1px solid var(--border)}.tutorial-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border);cursor:pointer;transition:all .3s ease;padding:0}.tutorial-dot:hover{background:var(--text-secondary);transform:scale(1.2)}.tutorial-dot.active{background:#3b82f6;transform:scale(1.3);box-shadow:0 0 0 3px #3b82f633}.tutorial-dot.completed{background:#10b981}@media(max-width:768px){.tutorial-tooltip{width:calc(100vw - 32px);max-width:360px}.tutorial-content{padding:.75rem 1rem}.tutorial-icon{width:48px;height:48px;margin-bottom:.75rem}.tutorial-title{font-size:1.05rem}.tutorial-description{font-size:.85rem}.tutorial-footer{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.tutorial-btn--skip{order:2;width:100%;justify-content:center}.tutorial-nav{width:100%;justify-content:space-between}.tutorial-btn--next{flex:1;justify-content:center}.tutorial-dots{bottom:16px;padding:6px 12px}.tutorial-dot{width:8px;height:8px}}@media(max-width:480px){.tutorial-tooltip{position:fixed!important;inset:auto 16px 80px!important;width:auto!important;max-width:none}.tutorial-arrow{display:none}.tutorial-spotlight-border{border-radius:8px}.tutorial-header{padding:.75rem .75rem .5rem}.tutorial-progress{margin:.5rem .75rem}.tutorial-content{padding:.5rem .75rem}.tutorial-footer{padding:.75rem}}[data-theme=dark] .tutorial-spotlight-border{box-shadow:0 0 0 3px #60a5fae6,0 0 25px #60a5fa80,0 0 50px #60a5fa40}[data-theme=dark] .tutorial-tooltip{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px var(--border)}[data-theme=dark] .tutorial-dots{box-shadow:0 4px 20px #0006}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tutorial-overlay{animation:fadeInScale .3s ease-out}.empleado-modal{background:var(--bg-primary);border-radius:16px;width:95%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}.empleado-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.empleado-modal__header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.empleado-modal__tabs{display:flex;gap:.25rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background:var(--bg-primary);color:var(--accent);box-shadow:0 1px 3px #0000001a}.empleado-modal__body{flex:1;overflow-y:auto;padding:1.5rem}.form-tab{display:flex;flex-direction:column;gap:1rem;animation:fadeIn .2s ease-out}.form-row--3{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3333331a}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{box-shadow:0 0 0 3px #f5f5f51a}.form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.error-text{font-size:.75rem;color:#ef4444}.error-banner{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin:0 1.5rem;font-size:.875rem}[data-theme=dark] .error-banner{background:#ef44441a}.form-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic}.info-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:.5rem 0}.info-box p{margin:.25rem 0;font-size:.875rem;color:var(--text-primary)}.info-box small{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary)}.empleado-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-secondary);border-radius:0 0 16px 16px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn--primary{background:var(--accent);color:var(--bg-primary)}.btn--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.empleado-modal{width:100%;max-height:100vh;border-radius:0}.empleado-modal__tabs{overflow-x:auto;padding:.5rem 1rem}.tab-btn{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}.tab-btn span{display:none}.form-row,.form-row--3{grid-template-columns:1fr}.empleado-modal__body,.empleado-modal__footer{padding:1rem}}.permisos-section{display:flex;flex-direction:column;gap:1.5rem}.permisos-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.permisos-description{font-size:.875rem;color:var(--text-secondary);margin:0}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rol-card{border:2px solid var(--border);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s;background:var(--bg-primary)}.rol-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.rol-card.selected{border-width:2px;box-shadow:0 4px 12px #00000026}.rol-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rol-selected{font-size:1.25rem;color:var(--accent)}.rol-card__body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.rol-card__body li{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.5rem}.rol-actual{padding:1rem;background:var(--bg-secondary);border-radius:8px;font-size:.875rem;color:var(--text-primary)}@media(max-width:640px){.roles-grid{grid-template-columns:1fr}}.audit-info-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;margin-top:1.5rem}.audit-info-section h3{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.95rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #cbd5e0}.audit-info-grid-modal{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.audit-info-item-modal{display:flex;align-items:flex-start;gap:.75rem;background:#fff;padding:.875rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.audit-info-item-modal:hover{border-color:#cbd5e0;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.audit-icon-modal{color:#4299e1;flex-shrink:0;margin-top:.125rem}.audit-details-modal{display:flex;flex-direction:column;gap:.25rem;flex:1}.audit-label-modal{font-size:.7rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.audit-value-modal{font-size:.8125rem;color:#2d3748;font-weight:500;line-height:1.4}.audit-user-modal{font-size:.75rem;color:#4299e1;font-weight:500;margin-top:.125rem}@media(max-width:768px){.audit-info-grid-modal{grid-template-columns:1fr}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;border:1px solid var(--border);min-width:320px;max-width:420px;pointer-events:auto;position:relative;overflow:hidden;transform:translate(120%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.toast--visible{transform:translate(0);opacity:1}.toast--leaving{transform:translate(120%);opacity:0}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px}.toast--success .toast__icon{background:#10b98126;color:#10b981}.toast--error .toast__icon{background:#ef444426;color:#ef4444}.toast--warning .toast__icon{background:#f59e0b26;color:#f59e0b}.toast--info .toast__icon{background:#3b82f626;color:#3b82f6}.toast__content{flex:1;min-width:0}.toast__message{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:background .2s,color .2s}.toast__close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast__progress{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;animation:toast-progress linear forwards}.toast--success .toast__progress{background:linear-gradient(90deg,#10b981,#34d399)}.toast--error .toast__progress{background:linear-gradient(90deg,#ef4444,#f87171)}.toast--warning .toast__progress{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.toast--info .toast__progress{background:linear-gradient(90deg,#3b82f6,#60a5fa)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:480px){.toast-container{inset:auto 16px 20px}.toast{min-width:auto;max-width:none;width:100%}}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#718096;transition:color .2s;border-radius:.375rem}.modal-close:hover{color:#2d3748;background-color:#f7fafc}.modal-content.persona-modal{max-width:1600px;width:92vw;max-height:90vh;overflow-y:auto}.persona-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.persona-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;color:#2d3748}.persona-modal .modal-body{padding:1.5rem 2rem}.error-message{font-size:.75rem;color:#e53e3e;margin-top:-.25rem}.form-hint{font-size:.75rem;color:#718096;font-style:italic;margin-top:.25rem;display:block}.error-banner{padding:1rem;background-color:#fff5f5;border:1px solid #fc8181;border-radius:.375rem;color:#c53030;font-size:.875rem;margin-bottom:1rem}.roles-checkboxes{display:flex;gap:1.5rem;padding:1rem;background-color:#f7fafc;border-radius:.5rem;flex-wrap:wrap}.checkbox-item{position:relative;flex:1;min-width:200px}.checkbox-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:#2d3748;padding:.75rem 1rem;border-radius:.5rem;transition:all .2s ease;background:#fff;border:2px solid #e2e8f0;-webkit-user-select:none;user-select:none}.checkbox-item:hover label{border-color:#4299e1;background-color:#f7fafc;transform:translateY(-1px);box-shadow:0 2px 8px #4299e126}.checkbox-custom{position:relative;width:22px;height:22px;border:2px solid #cbd5e0;border-radius:6px;background:#fff;transition:all .2s ease;flex-shrink:0}.checkbox-custom:after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:11px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.checkbox-item input[type=checkbox]:checked~label{border-color:#4299e1;background-color:#ebf8ff}.checkbox-item input[type=checkbox]:checked~label .checkbox-custom{background:#4299e1;border-color:#4299e1}.checkbox-item input[type=checkbox]:checked~label .checkbox-icon{color:#4299e1}.checkbox-icon{color:#718096;transition:color .2s ease;flex-shrink:0}.checkbox-label-text{font-weight:500;flex:1}.btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn:active:before{width:300px;height:300px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:#4299e1;color:#fff;box-shadow:0 2px 4px #4299e133}.btn--primary:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px);box-shadow:0 4px 8px #4299e14d}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background-color:#e2e8f0;color:#2d3748;box-shadow:0 2px 4px #0000000d}.btn--secondary:hover:not(:disabled){background-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn--secondary:active:not(:disabled){transform:translateY(0)}@media(max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.modal-content.persona-modal{max-width:95vw;width:95vw;margin:1rem}.persona-modal .modal-body{padding:1rem}.form-grid,.form-grid.two-columns{grid-template-columns:1fr}.roles-checkboxes{flex-direction:column;gap:.75rem}.checkbox-item{min-width:100%}.checkbox-item label{padding:.875rem 1rem}}@media(max-width:480px){.modal-overlay{padding:0}.modal-content.persona-modal{max-width:100vw;width:100vw;max-height:100vh;border-radius:0;margin:0}.persona-modal .modal-header{padding:1rem}.persona-modal .modal-header h2{font-size:1.25rem}.persona-modal .modal-body{padding:.75rem}.form-section h3{font-size:1rem}.checkbox-item label{padding:.75rem .875rem;font-size:.8125rem}.checkbox-custom{width:20px;height:20px}.checkbox-icon{width:14px;height:14px}}.rol-selector{padding:1rem;background-color:#f7fafc;border-radius:.5rem}.rol-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rol-option{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s ease}.rol-option:hover{border-color:#4299e1;transform:translateY(-2px);box-shadow:0 4px 12px #4299e126}.rol-option.selected{border-color:#4299e1;background-color:#ebf8ff;box-shadow:0 4px 12px #4299e133}.rol-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rol-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.rol-badge--agente{background-color:#16a34a}.rol-badge--admin{background-color:#2563eb}.rol-badge--super-admin{background-color:#dc2626}.rol-check{font-size:1.25rem;color:#4299e1;font-weight:700}.rol-description{font-size:.8125rem;color:#718096;margin:0;line-height:1.4}@media(max-width:768px){.rol-options{grid-template-columns:1fr}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:2.5rem}.password-toggle{position:absolute;right:.5rem;background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.password-toggle:hover{color:#4a5568;background-color:#f7fafc}.password-toggle:active{transform:scale(.95)}.section-description{font-size:.875rem;color:#718096;margin:-.5rem 0 1rem;line-height:1.5}.client-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:.75rem}.client-type-card{background:#fff;border:3px solid #e2e8f0;border-radius:12px;padding:2rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.client-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4299e1,#667eea);transform:scaleX(0);transition:transform .3s ease}.client-type-card:hover{border-color:#4299e1;transform:translateY(-4px);box-shadow:0 12px 24px #4299e126}.client-type-card:hover:before{transform:scaleX(1)}.client-type-card.selected{border-color:#4299e1;background:linear-gradient(135deg,#ebf8ff,#f7fafc);box-shadow:0 8px 20px #4299e133}.client-type-card.selected:before{transform:scaleX(1)}.client-type-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#f7fafc,#e2e8f0);color:#4a5568;transition:all .3s ease}.client-type-card:hover .client-type-icon{background:linear-gradient(135deg,#4299e1,#667eea);color:#fff;transform:scale(1.1) rotate(5deg)}.client-type-card.selected .client-type-icon{background:linear-gradient(135deg,#4299e1,#667eea);color:#fff;transform:scale(1.05)}.client-type-card h4{margin:0 0 .5rem;font-size:1.25rem;color:#2d3748;font-weight:600}.client-type-card p{margin:0;font-size:.875rem;color:#718096;line-height:1.5}.selected-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:1rem;padding:.375rem .875rem;background:linear-gradient(135deg,#4299e1,#667eea);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:bounceIn .4s ease}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@media(max-width:768px){.client-type-selector{grid-template-columns:1fr;gap:1rem}.client-type-card{padding:1.5rem 1rem}.client-type-icon{width:64px;height:64px}.client-type-icon svg{width:28px;height:28px}.client-type-card h4{font-size:1.125rem}}.agent-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:.75rem}.agent-type-card{background:#fff;border:3px solid #e2e8f0;border-radius:12px;padding:2rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.agent-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#16a34a,#22c55e);transform:scaleX(0);transition:transform .3s ease}.agent-type-card:hover{border-color:#16a34a;transform:translateY(-4px);box-shadow:0 12px 24px #22c55e26}.agent-type-card:hover:before{transform:scaleX(1)}.agent-type-card.selected{border-color:#16a34a;background:linear-gradient(135deg,#ecfdf5,#f7fafc);box-shadow:0 8px 20px #22c55e33}.agent-type-card.selected:before{transform:scaleX(1)}.agent-type-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#f7fafc,#e2e8f0);color:#4a5568;transition:all .3s ease}.agent-type-card:hover .agent-type-icon{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;transform:scale(1.1) rotate(-5deg)}.agent-type-card.selected .agent-type-icon{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;transform:scale(1.05)}.agent-type-card h4{margin:0 0 .5rem;font-size:1.25rem;color:#2d3748;font-weight:600}.agent-type-card p{margin:0;font-size:.875rem;color:#718096;line-height:1.5}@media(max-width:768px){.agent-type-selector{grid-template-columns:1fr;gap:1rem}.agent-type-card{padding:1.5rem 1rem}.agent-type-icon{width:64px;height:64px}.agent-type-icon svg{width:28px;height:28px}.agent-type-card h4{font-size:1.125rem}}.agent-party-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:.75rem}.agent-party-card{background:#fff;border:3px solid #e2e8f0;border-radius:12px;padding:2rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.agent-party-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#f97316);transform:scaleX(0);transition:transform .3s ease}.agent-party-card:hover{border-color:#f59e0b;transform:translateY(-4px);box-shadow:0 12px 24px #f59e0b26}.agent-party-card:hover:before{transform:scaleX(1)}.agent-party-card.selected{border-color:#f59e0b;background:linear-gradient(135deg,#fff7ed,#f7fafc);box-shadow:0 8px 20px #f59e0b33}.agent-party-card.selected:before{transform:scaleX(1)}.agent-party-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#f7fafc,#e2e8f0);color:#4a5568;transition:all .3s ease}.agent-party-card:hover .agent-party-icon{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;transform:scale(1.1) rotate(5deg)}.agent-party-card.selected .agent-party-icon{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;transform:scale(1.05)}.agent-party-card h4{margin:0 0 .5rem;font-size:1.25rem;color:#2d3748;font-weight:600}.agent-party-card p{margin:0;font-size:.875rem;color:#718096;line-height:1.5}@media(max-width:768px){.agent-party-selector{grid-template-columns:1fr;gap:1rem}.agent-party-card{padding:1.5rem 1rem}.agent-party-icon{width:64px;height:64px}.agent-party-icon svg{width:28px;height:28px}.agent-party-card h4{font-size:1.125rem}}.audit-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-top:1rem}.audit-section h3{color:#4a5568;border-bottom:2px solid #cbd5e0;padding-bottom:.75rem;margin-bottom:1.25rem}.audit-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.audit-info-item{display:flex;align-items:flex-start;gap:.875rem;background:#fff;padding:1rem 1.25rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.audit-info-item:hover{border-color:#cbd5e0;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.audit-icon{color:#4299e1;flex-shrink:0;margin-top:.125rem}.audit-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.audit-label{font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.audit-value{font-size:.875rem;color:#2d3748;font-weight:500;line-height:1.4}.audit-user{font-size:.8125rem;color:#4299e1;font-weight:500;margin-top:.125rem;display:flex;align-items:center;gap:.25rem}.audit-empleado-info{display:flex;flex-direction:column;gap:.25rem;margin-top:.375rem;padding:.5rem;background:linear-gradient(135deg,#ebf8ff,#f7fafc);border-radius:.375rem;border-left:3px solid #4299e1}.audit-rol{font-size:.7rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;background:#fff;border-radius:.25rem;display:inline-block;width:fit-content}@media(max-width:768px){.audit-info-grid{grid-template-columns:1fr;gap:1rem}.audit-info-item{padding:.875rem 1rem}}.multiselect{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.multiselect-label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.multiselect-count{font-size:.75rem;color:#6b7280;font-weight:400}.multiselect-control{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 12px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.multiselect-control:hover{border-color:#d1d5db}.multiselect--open .multiselect-control{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.multiselect--disabled .multiselect-control{background:#f9fafb;cursor:not-allowed;opacity:.6}.multiselect--small .multiselect-control{min-height:36px;padding:4px 10px;font-size:.875rem}.multiselect--large .multiselect-control{min-height:48px;padding:8px 14px;font-size:1rem}.multiselect-value{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:24px}.multiselect-placeholder{color:#9ca3af;font-size:.9375rem}.multiselect-single-value{display:flex;align-items:center;width:100%}.multiselect-single-label{color:#374151;font-size:.9375rem;font-weight:500}.multiselect--single .multiselect-value{flex-wrap:nowrap}.multiselect-tags{display:flex;flex-wrap:wrap;gap:6px;width:100%}.multiselect-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:.8125rem;font-weight:500;transition:all .15s ease;animation:tagSlideIn .2s ease}@keyframes tagSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.multiselect-tag--blue{background:#dbeafe;color:#1e40af}.multiselect-tag--purple{background:#ede9fe;color:#6b21a8}.multiselect-tag--green{background:#d1fae5;color:#065f46}.multiselect-tag--orange{background:#fed7aa;color:#c2410c}.multiselect-tag--red{background:#fee2e2;color:#b91c1c}.multiselect-tag-label{line-height:1}.multiselect-tag-remove{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;color:currentColor;opacity:.7;transition:opacity .15s ease}.multiselect-tag-remove:hover{opacity:1}.multiselect-tag--count{background:#f3f4f6;color:#4b5563;font-weight:600}.multiselect-indicators{display:flex;align-items:center;gap:4px;flex-shrink:0}.multiselect-clear{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .15s ease}.multiselect-clear:hover{background:#f3f4f6;color:#374151}.multiselect-separator{width:1px;height:20px;background:#e5e7eb}.multiselect-arrow{display:flex;align-items:center;color:#6b7280;transition:transform .2s ease}.multiselect-arrow--up{transform:rotate(180deg)}.multiselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden;animation:dropdownSlideDown .2s ease}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.multiselect--animated .multiselect-dropdown{animation:dropdownSlideDown .2s cubic-bezier(.34,1.56,.64,1)}.multiselect-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f3f4f6;background:#fafafa}.multiselect-search-icon{color:#9ca3af;flex-shrink:0}.multiselect-search-input{flex:1;padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;outline:none;transition:all .15s ease;background:#fff}.multiselect-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.multiselect-options{overflow-y:auto;max-height:250px}.multiselect-options::-webkit-scrollbar{width:8px}.multiselect-options::-webkit-scrollbar-track{background:#f9fafb}.multiselect-options::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.multiselect-options::-webkit-scrollbar-thumb:hover{background:#9ca3af}.multiselect-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:all .15s ease;position:relative}.multiselect-option:hover{background:#f9fafb}.multiselect-option--highlighted{background:#f3f4f6}.multiselect-option--selected{background:#eff6ff}.multiselect-option--selected:hover{background:#dbeafe}.multiselect--single .multiselect-option--selected{background:#eff6ff;position:relative}.multiselect--single .multiselect-option--selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b82f6;border-radius:0 2px 2px 0}.multiselect--single .multiselect-option--selected .multiselect-option-label{font-weight:600;color:#1e40af}.multiselect-option--select-all{font-weight:600;color:#3b82f6;border-bottom:1px solid #f3f4f6}.multiselect-option-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;transition:all .15s ease}.multiselect--single .multiselect-option-checkbox{display:none}.multiselect-option--selected .multiselect-option-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.multiselect-option--highlighted .multiselect-option-checkbox{border-color:#3b82f6}.multiselect-option-label{flex:1;font-size:.9375rem;color:#374151;line-height:1.4}.multiselect-option-description{display:block;font-size:.75rem;color:#6b7280;margin-top:2px}.multiselect-highlight{background:#fef3c7;color:#92400e;padding:2px 0;border-radius:2px;font-weight:600}.multiselect-divider{height:1px;background:#f3f4f6;margin:4px 0}.multiselect-empty{padding:24px 12px;text-align:center;color:#9ca3af;font-size:.875rem}.multiselect--purple.multiselect--open .multiselect-control{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.multiselect--purple .multiselect-option--selected{background:#faf5ff}.multiselect--purple .multiselect-option--selected:hover{background:#f3e8ff}.multiselect--purple .multiselect-option--selected .multiselect-option-checkbox{background:#9333ea;border-color:#9333ea}.multiselect--green.multiselect--open .multiselect-control{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.multiselect--green .multiselect-option--selected{background:#f0fdf4}.multiselect--green .multiselect-option--selected:hover{background:#dcfce7}.multiselect--green .multiselect-option--selected .multiselect-option-checkbox{background:#10b981;border-color:#10b981}.multiselect--orange.multiselect--open .multiselect-control{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.multiselect--orange .multiselect-option--selected{background:#fff7ed}.multiselect--orange .multiselect-option--selected:hover{background:#ffedd5}.multiselect--orange .multiselect-option--selected .multiselect-option-checkbox{background:#f97316;border-color:#f97316}.multiselect--red.multiselect--open .multiselect-control{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.multiselect--red .multiselect-option--selected{background:#fef2f2}.multiselect--red .multiselect-option--selected:hover{background:#fee2e2}.multiselect--red .multiselect-option--selected .multiselect-option-checkbox{background:#ef4444;border-color:#ef4444}@media(max-width:768px){.multiselect-control{min-height:44px}.multiselect-dropdown{max-height:60vh!important}.multiselect-options{max-height:calc(60vh - 60px)}.multiselect-tag{font-size:.75rem;padding:3px 6px}.multiselect-option{padding:12px}.multiselect-option-label{font-size:.875rem}}@media(max-width:480px){.multiselect-tags{gap:4px}.multiselect-tag{font-size:.7rem;padding:2px 5px}.multiselect-tag-remove svg{width:12px;height:12px}.multiselect-search{padding:8px 10px}.multiselect-option{padding:10px}}.historial-cambios{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.historial-cambios__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.historial-cambios__title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.historial-cambios__count{font-size:.8rem;color:var(--text-secondary);background:var(--bg-hover);padding:.25rem .75rem;border-radius:20px}.historial-cambios__filters{display:flex;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-search{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.filter-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0000000d}.filter-search svg{color:var(--text-secondary);flex-shrink:0}.filter-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none}.filter-search input::placeholder{color:var(--text-secondary)}.filter-selects{display:flex;gap:.5rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:var(--accent)}.historial-cambios__timeline{padding:1.25rem;max-height:600px;overflow-y:auto}.historial-cambios__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);gap:1rem}.historial-cambios__empty svg{opacity:.3}.timeline-item{display:flex;gap:1rem;position:relative;padding-bottom:1.5rem;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-item:last-child .timeline-item__line{display:none}.timeline-item__connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-item__dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border);color:var(--text-secondary);z-index:1;transition:all .2s}.timeline-item--blue .timeline-item__dot{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.timeline-item--green .timeline-item__dot{background:#e8f5e9;border-color:#4caf50;color:#388e3c}.timeline-item--red .timeline-item__dot{background:#ffebee;border-color:#f44336;color:#d32f2f}.timeline-item--purple .timeline-item__dot{background:#f3e5f5;border-color:#9c27b0;color:#7b1fa2}[data-theme=dark] .timeline-item--blue .timeline-item__dot{background:#2196f326}[data-theme=dark] .timeline-item--green .timeline-item__dot{background:#4caf5026}[data-theme=dark] .timeline-item--red .timeline-item__dot{background:#f4433626}[data-theme=dark] .timeline-item--purple .timeline-item__dot{background:#9c27b026}.timeline-item__line{width:2px;flex:1;background:var(--border);margin-top:.5rem}.timeline-item__content{flex:1;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border);overflow:hidden;transition:box-shadow .2s,border-color .2s}.timeline-item__content:hover{box-shadow:0 4px 12px #00000014}.timeline-item__header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;cursor:pointer;transition:background .2s}.timeline-item__header:hover{background:var(--bg-hover)}.timeline-item__info{display:flex;align-items:center;gap:.75rem}.timeline-item__user{display:flex;align-items:center;gap:.5rem}.timeline-item__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.timeline-item__username{font-weight:500;color:var(--text-primary);font-size:.9rem}.timeline-item__badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.timeline-item__badge--blue{background:#e3f2fd;color:#1976d2}.timeline-item__badge--green{background:#e8f5e9;color:#388e3c}.timeline-item__badge--red{background:#ffebee;color:#d32f2f}.timeline-item__badge--purple{background:#f3e5f5;color:#7b1fa2}[data-theme=dark] .timeline-item__badge--blue{background:#2196f333;color:#64b5f6}[data-theme=dark] .timeline-item__badge--green{background:#4caf5033;color:#81c784}[data-theme=dark] .timeline-item__badge--red{background:#f4433633;color:#e57373}[data-theme=dark] .timeline-item__badge--purple{background:#9c27b033;color:#ba68c8}.timeline-item__meta{display:flex;align-items:center;gap:.75rem}.timeline-item__time{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.timeline-item__expand{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:background .2s,color .2s}.timeline-item__expand:hover{background:var(--bg-hover);color:var(--text-primary)}.timeline-item__summary{padding:0 1rem .875rem;margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.timeline-item__details{border-top:1px solid var(--border);padding:1rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.diff-container{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);overflow:hidden;margin-bottom:1rem}.diff-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-hover);border-bottom:1px solid var(--border)}.diff-header__title{font-weight:600;font-size:.85rem;color:var(--text-primary)}.diff-header__count{font-size:.75rem;color:var(--text-secondary)}.diff-body{padding:.5rem}.diff-field{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;border-radius:6px;transition:background .2s}.diff-field:hover{background:var(--bg-hover)}.diff-field--changed{background:#2196f30d}[data-theme=dark] .diff-field--changed{background:#2196f31a}.diff-field__label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.diff-field__values{display:flex;align-items:center;gap:.5rem}.diff-value{font-size:.85rem;padding:.25rem .5rem;border-radius:4px}.diff-value--old{background:#ffebee;color:#c62828;text-decoration:line-through}.diff-value--new{background:#e8f5e9;color:#2e7d32;font-weight:500}[data-theme=dark] .diff-value--old{background:#f4433626;color:#ef9a9a}[data-theme=dark] .diff-value--new{background:#4caf5026;color:#a5d6a7}.diff-arrow{color:var(--text-secondary)}.timeline-item__actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-action{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-action--secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-action--secondary:hover{background:var(--border)}.btn-action--primary{background:var(--accent);color:var(--bg-primary)}.btn-action--primary:hover{opacity:.9;transform:translateY(-1px)}.compare-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.compare-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.compare-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.compare-modal__title{display:flex;align-items:center;gap:.75rem}.compare-modal__title h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.compare-modal__close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all .2s}.compare-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.compare-modal__meta{display:flex;gap:1.5rem;padding:.875rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.compare-modal__user,.compare-modal__date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.compare-modal__body{flex:1;overflow-y:auto;padding:1.5rem}.compare-columns{display:flex;gap:1rem;align-items:stretch}.compare-column{flex:1;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.compare-column__header{padding:.875rem 1rem;border-bottom:1px solid var(--border);text-align:center}.compare-column--before .compare-column__header{background:#ffebee}.compare-column--after .compare-column__header{background:#e8f5e9}[data-theme=dark] .compare-column--before .compare-column__header{background:#f443361a}[data-theme=dark] .compare-column--after .compare-column__header{background:#4caf501a}.compare-column__label{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.compare-column--before .compare-column__label{color:#c62828}.compare-column--after .compare-column__label{color:#2e7d32}[data-theme=dark] .compare-column--before .compare-column__label{color:#ef9a9a}[data-theme=dark] .compare-column--after .compare-column__label{color:#a5d6a7}.compare-column__content{padding:.5rem}.compare-divider{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:0 .5rem}.compare-field{padding:.75rem 1rem;border-radius:6px;margin-bottom:.25rem}.compare-field:hover{background:var(--bg-hover)}.compare-field__label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.3px}.compare-field__value{display:block;font-size:.9rem;color:var(--text-primary);font-weight:500}.compare-field__value--old{color:#c62828}.compare-field__value--new{color:#2e7d32}[data-theme=dark] .compare-field__value--old{color:#ef9a9a}[data-theme=dark] .compare-field__value--new{color:#a5d6a7}.compare-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.btn-modal{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-modal--secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-modal--secondary:hover{background:var(--border)}.btn-modal--primary{background:var(--accent);color:var(--bg-primary)}.btn-modal--primary:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.historial-cambios__filters{flex-direction:column}.filter-selects{width:100%}.filter-select{flex:1}.timeline-item__header{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-item__meta{width:100%;justify-content:space-between}.compare-columns{flex-direction:column}.compare-divider{transform:rotate(90deg);padding:.5rem 0}.timeline-item__actions{flex-direction:column}.btn-action{justify-content:center}}@media(max-width:480px){.historial-cambios__header{flex-direction:column;gap:.5rem;align-items:flex-start}.timeline-item__info,.diff-field{flex-direction:column;align-items:flex-start;gap:.5rem}.diff-field__values{width:100%;justify-content:flex-start}.compare-modal__footer{flex-direction:column}.btn-modal{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.modal-content--propiedad{background:var(--bg-primary);border-radius:12px;width:90vw!important;max-width:1400px!important;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;animation:fadeInUp .3s ease-out;overflow-y:auto}@media(min-width:1400px){.modal-content--propiedad{width:85vw!important}}@media(min-width:1600px){.modal-content--propiedad{max-width:1600px!important;width:80vw!important}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-form{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.form-section h3{font-size:1rem;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border)}@media(max-width:1200px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.label-with-action,.title-with-action{display:flex;align-items:center;gap:.5rem}.label-with-action{justify-content:space-between}.title-with-action{margin:0 0 1rem}.title-with-action h4{margin:0}.inline-add-button:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.inline-add-button--secondary{background:#10b98114;border-color:#10b98140;color:#059669}.inline-add-button--secondary:hover{background:#10b9812e;border-color:#10b98166;color:#047857}.form-group input,.form-group select,.form-group textarea{padding:.6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:border-color .2s}.property-history-section{margin-top:.25rem}.property-history-state{padding:.85rem .2rem .2rem;color:var(--text-secondary);font-weight:600}.form-group.checkbox-group{display:flex!important;flex-direction:row!important;gap:2rem;align-items:center;padding-top:.5rem;grid-column:1 / -1;flex-wrap:wrap}.checkbox-item{position:relative;display:inline-flex}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkbox-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-primary);font-weight:500;-webkit-user-select:none;user-select:none;transition:all .2s ease}.checkbox-custom{position:relative;display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-radius:6px;background:var(--bg-secondary);transition:all .2s ease;flex-shrink:0;margin-right:10px}.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-item input[type=checkbox]:checked~label .checkbox-custom{background:var(--accent);border-color:var(--accent)}.checkbox-item input[type=checkbox]:checked~label .checkbox-custom:after{display:block}.checkbox-item:hover label .checkbox-custom{border-color:var(--accent);transform:scale(1.05)}.checkbox-label{font-size:.9rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{padding:.6rem 1.2rem;border:1px solid var(--border);background:transparent;border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-secondary)}.btn-save{padding:.6rem 1.2rem;border:none;background:var(--accent);color:#fff;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem}.btn-save:hover{opacity:.9}.btn-save:disabled{opacity:.7;cursor:not-allowed}.form-error{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:6px;font-size:.9rem;text-align:center}@media(max-width:600px){.modal-content--propiedad{height:100vh;max-height:100vh;border-radius:0}.form-group.span-2{grid-column:span 1}.form-grid{grid-template-columns:1fr}}.form-group .multiselect{width:100%}.form-group .multiselect-control{background:var(--bg-secondary);border-color:var(--border)}.form-group .multiselect-control:hover{border-color:var(--border)}.form-group .multiselect--open .multiselect-control{border-color:var(--accent)}.form-group .multiselect-dropdown{background:var(--bg-primary);border-color:var(--border)}.form-group .multiselect-search{background:var(--bg-secondary)}.form-group .multiselect-search-input{background:var(--bg-primary);border-color:var(--border);color:var(--text-primary)}.form-group .multiselect-option:hover{background:var(--bg-hover)}.form-group .multiselect-placeholder{color:var(--text-secondary)}.legajo-toggle-section{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:2px solid var(--border);border-radius:12px;padding:1.25rem;margin-top:.5rem}.legajo-toggle-wrapper{display:flex;align-items:center;gap:1rem}.legajo-toggle-wrapper .checkbox-item{margin:0}.legajo-toggle-wrapper .checkbox-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.legajo-empty{margin-top:1rem;padding:2rem;border:2px dashed var(--border);border-radius:12px;color:var(--text-secondary);background:var(--bg-secondary);text-align:center;font-size:.95rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.legajo-empty:before{content:"📁";font-size:2.5rem;opacity:.5}.legajo-content{margin-top:1.5rem;animation:fadeInUp .3s ease-out}.legajo-propietarios-section{background:linear-gradient(135deg,#10b98114,#05966914);border:2px solid rgba(16,185,129,.2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.legajo-propietarios-section h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-weight:600}.legajo-propietarios-section h4:before{content:"👥";font-size:1.2rem}.legajo-propietarios-section textarea{resize:vertical;min-height:80px;border:2px solid rgba(16,185,129,.3);border-radius:8px;padding:.75rem;font-size:.9rem;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary);width:100%;box-sizing:border-box}.legajo-propietarios-section textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.legajo-propietarios-section textarea::placeholder{color:var(--text-secondary);opacity:.6}.legajo-upload-box{display:flex;flex-direction:column;gap:.35rem;border:2px dashed rgba(16,185,129,.35);border-radius:10px;padding:1rem;background:#ffffffa6;cursor:pointer}.legajo-upload-box input{display:none}.legajo-upload-title{font-weight:600;color:var(--text-primary)}.legajo-upload-help{font-size:.9rem;color:var(--text-secondary)}.legajo-adjuntos-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.legajo-adjunto-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:10px;background:var(--bg-primary);border:1px solid rgba(16,185,129,.2)}.legajo-adjunto-thumb{width:56px;height:56px;flex:0 0 56px;border-radius:10px;object-fit:cover;background:#0f172a0f;border:1px solid rgba(15,23,42,.08)}.legajo-adjunto-thumb--file{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.04em}.legajo-adjunto-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:.25rem}.legajo-adjunto-name{color:var(--text-primary);font-weight:600;word-break:break-word}.legajo-adjunto-link{color:#047857;font-weight:600;text-decoration:none;word-break:break-word}.legajo-adjunto-link:hover{text-decoration:underline}.legajo-adjunto-meta{font-size:.82rem;color:var(--text-secondary)}.legajo-adjunto-remove{border:0;border-radius:8px;background:#ef44441f;color:#b91c1c;padding:.55rem .8rem;cursor:pointer;font-weight:600}.legajo-adjunto-item--pending{border-style:dashed;background:#10b9810f}.legajo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.legajo-card{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;padding:0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.legajo-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.legajo-card-header{background:linear-gradient(135deg,var(--accent) 0%,rgba(99,102,241,.8) 100%);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.legajo-card-title{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:600;font-size:.95rem}.legajo-card-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.legajo-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.legajo-checkbox-wrapper{display:flex;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px;transition:all .2s ease}.legajo-checkbox-wrapper:hover{background:var(--bg-hover)}.legajo-checkbox-wrapper .checkbox-item{margin:0;width:100%}.legajo-checkbox-wrapper .checkbox-label{font-size:.9rem;font-weight:500}.legajo-card-body textarea{resize:vertical;min-height:70px;border:2px solid var(--border);border-radius:8px;padding:.75rem;font-size:.9rem;transition:all .2s ease}.legajo-card-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.legajo-card-body textarea::placeholder{color:var(--text-secondary);opacity:.6}.legajo-card.checked{border-color:#10b98166;background:linear-gradient(135deg,#10b98105,#05966905)}.legajo-card.checked .legajo-card-header{background:linear-gradient(135deg,#10b981,#059669)}.legajo-card[data-type=exclusiva_firmada] .legajo-card-icon:before{content:"✍️"}.legajo-card[data-type=estudio_titulos] .legajo-card-icon:before{content:"📚"}.legajo-card[data-type=escritura] .legajo-card-icon:before{content:"📜"}.legajo-card[data-type=boleto_compraventa] .legajo-card-icon:before{content:"🤝"}.legajo-card[data-type=sucesion] .legajo-card-icon:before{content:"👨‍👩‍👧‍👦"}.legajo-card[data-type=poder] .legajo-card-icon:before{content:"⚖️"}.legajo-card[data-type=planos_mensura] .legajo-card-icon:before{content:"📐"}.legajo-card[data-type=planos_obra] .legajo-card-icon:before{content:"🏗️"}.modal-form .multiselect-dropdown{z-index:1001}@media(max-width:1024px){.modal-content--propiedad{max-width:90vw!important;width:90vw!important}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.modal-overlay{padding:0}.modal-content--propiedad{max-width:95vw!important;width:95vw!important;max-height:100vh;border-radius:0;margin:0}.modal-header{padding:1rem}.modal-header h2{font-size:1.125rem}.modal-form{padding:1rem}.form-grid,.legajo-grid{grid-template-columns:1fr!important}.form-group.span-2{grid-column:span 1}.checkbox-group{flex-direction:column;align-items:flex-start;gap:.75rem}.form-group.checkbox-group{gap:1rem!important}}@media(max-width:480px){.modal-content--propiedad{max-width:100vw!important;width:100vw!important;max-height:100vh;border-radius:0}.modal-header{padding:.875rem}.modal-header h2{font-size:1rem}.modal-form{padding:.75rem}.form-section h3{font-size:.9rem}.modal-footer{padding:1rem;flex-direction:column}.btn-cancel,.btn-save{width:100%;justify-content:center}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.spinning{animation:spin 1s linear infinite}.import-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.import-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;border:1px solid var(--border);overflow:hidden}.import-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#667eea14,#764ba214)}.import-modal__title{display:flex;align-items:center;gap:1rem}.import-modal__title svg{color:var(--accent);padding:0}.import-modal__title h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.import-modal__title p{font-size:.875rem;color:var(--text-secondary);margin:0}.import-modal__close{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.import-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.import-steps{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;gap:.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.import-step{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;transition:all .2s ease}.import-step__number{width:24px;height:24px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.import-step__label{font-size:.85rem;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.import-step.active .import-step__number{background:#667eea;border-color:#667eea;color:#fff}.import-step.active .import-step__label{color:var(--text-primary)}.import-step.completed .import-step__number{background:#10b981;border-color:#10b981;color:#fff}.import-step.completed .import-step__number svg{padding:0}.import-modal__content{flex:1;overflow-y:auto;padding:2rem}.import-step-content{animation:fadeIn .3s ease-out}.import-section{margin-bottom:2rem}.import-section:last-child{margin-bottom:0}.import-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.import-section h3 svg{padding:0}.import-section__desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.import-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.import-type-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;text-align:left}.import-type-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.import-type-card.selected{border-color:#667eea;background:#667eea14}.import-type-card__icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.import-type-card__icon svg{padding:0}.import-type-card__info{display:flex;flex-direction:column;gap:.25rem;flex:1}.import-type-card__name{font-weight:600;color:var(--text-primary)}.import-type-card__desc{font-size:.8rem;color:var(--text-secondary)}.import-type-card__check{position:absolute;top:.75rem;right:.75rem;color:#667eea;padding:0}.templates-grid{display:flex;flex-direction:column;gap:.75rem}.template-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;transition:all .2s ease}.template-card:hover{border-color:var(--accent)}.template-card__info{display:flex;flex-direction:column;gap:.25rem}.template-card__name{font-weight:600;color:var(--text-primary)}.template-card__meta{font-size:.8rem;color:var(--text-secondary)}.template-card__download{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.template-card__download:hover{background:#667eea;border-color:#667eea;color:#fff}.template-card__download svg{padding:0}.import-dropzone{border:2px dashed var(--border);border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary);margin-bottom:1.5rem}.import-dropzone:hover,.import-dropzone.active{border-color:#667eea;background:#667eea0d}.import-dropzone.has-file{border-style:solid;border-color:#10b981;background:#10b9810d;padding:1.5rem}.import-dropzone__icon{color:var(--text-secondary);margin-bottom:1rem}.import-dropzone__icon svg{padding:0}.import-dropzone h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.import-dropzone p{color:var(--text-secondary);margin-bottom:1rem}.import-dropzone__formats{font-size:.8rem;color:var(--text-secondary);background:var(--bg-primary);padding:.5rem 1rem;border-radius:20px;display:inline-block}.import-file-info{display:flex;align-items:center;gap:1rem;width:100%}.import-file-info__icon{width:56px;height:56px;background:#10b98126;color:#10b981;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.import-file-info__icon svg{padding:0}.import-file-info__details{flex:1;text-align:left}.import-file-info__name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.import-file-info__size{font-size:.85rem;color:var(--text-secondary)}.import-file-info__remove{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.import-file-info__remove:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.import-file-info__remove svg{padding:0}.import-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.import-preview__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-primary)}.import-preview__header h4{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.import-preview__header h4 svg{padding:0}.import-preview__count{font-size:.8rem;color:var(--text-secondary)}.import-preview__table-wrapper{overflow-x:auto}.import-preview__table{width:100%;border-collapse:collapse;font-size:.85rem}.import-preview__table th,.import-preview__table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.import-preview__table th{background:var(--bg-primary);font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.import-preview__table td{color:var(--text-primary)}.import-preview__table .row-number{color:var(--text-secondary);font-weight:500}.import-preview__table tr:last-child td{border-bottom:none}.import-mapping__header{margin-bottom:1.5rem}.import-mapping__header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.import-mapping__header h3 svg{padding:0}.import-mapping__header p{color:var(--text-secondary);font-size:.9rem}.import-mapping__info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f61a;border-radius:8px;color:#3b82f6;font-size:.85rem;margin-bottom:1.5rem}.import-mapping__info svg{padding:0;flex-shrink:0}.import-mapping__grid{display:flex;flex-direction:column;gap:1rem}.mapping-row{display:grid;grid-template-columns:1fr auto 1fr 1fr;gap:1rem;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px}.mapping-row__label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:.35rem}.mapping-row__value{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);padding:.5rem .75rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border)}.mapping-row__value svg{padding:0;color:var(--text-secondary)}.mapping-row__arrow{color:var(--text-secondary)}.mapping-row__arrow svg{padding:0}.mapping-row__target select{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.mapping-row__target select:focus{outline:none;border-color:#667eea}.mapping-row__target select.mapped{border-color:#10b981;background:#10b9810d}.mapping-row__sample{font-size:.85rem;color:var(--text-secondary);font-style:italic;padding:.5rem .75rem;background:var(--bg-primary);border-radius:6px;border:1px dashed var(--border)}.import-options__header{margin-bottom:1.5rem}.import-options__header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.import-options__header h3 svg{padding:0}.import-options__header p{color:var(--text-secondary);font-size:.9rem}.import-options__grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.import-option{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px}.import-option__info{display:flex;flex-direction:column;gap:.25rem}.import-option__title{font-weight:600;color:var(--text-primary)}.import-option__desc{font-size:.8rem;color:var(--text-secondary)}.import-option--select select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;cursor:pointer}.import-toggle{position:relative;display:inline-block;width:48px;height:26px}.import-toggle input{opacity:0;width:0;height:0}.import-toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.3s;border-radius:26px}.import-toggle__slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.import-toggle input:checked+.import-toggle__slider{background-color:#667eea}.import-toggle input:checked+.import-toggle__slider:before{transform:translate(22px)}.import-summary{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.import-summary h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.import-summary__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.import-summary__item{text-align:center;padding:1rem;background:var(--bg-primary);border-radius:8px}.import-summary__value{display:block;font-size:1.75rem;font-weight:700;color:#667eea;margin-bottom:.25rem}.import-summary__label{font-size:.8rem;color:var(--text-secondary)}.import-result{text-align:center;padding:2rem 0}.import-result__icon{margin-bottom:1.5rem}.import-result__icon svg{padding:0}.import-result__icon.success{color:#10b981}.import-result__icon.error{color:#ef4444}.import-result h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.import-result p{color:var(--text-secondary);margin-bottom:2rem}.import-result__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.import-result__stat{padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.import-result__stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.import-result__stat-label{font-size:.8rem;color:var(--text-secondary)}.import-result__stat--total .import-result__stat-value{color:var(--text-primary)}.import-result__stat--success .import-result__stat-value{color:#10b981}.import-result__stat--updated .import-result__stat-value{color:#3b82f6}.import-result__stat--error .import-result__stat-value{color:#ef4444}.import-result__errors{text-align:left;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.import-result__errors h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#ef4444;margin-bottom:1rem}.import-result__errors h4 svg{padding:0}.import-result__errors-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:200px;overflow-y:auto}.import-error-item{display:grid;grid-template-columns:80px 120px 1fr;gap:1rem;padding:.75rem 1rem;background:var(--bg-primary);border-radius:6px;font-size:.85rem}.import-error-item__row{color:var(--text-secondary);font-weight:500}.import-error-item__field{color:#ef4444;font-weight:500}.import-error-item__message{color:var(--text-primary)}.import-result__download-errors{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.import-result__download-errors:hover{border-color:var(--accent)}.import-result__download-errors svg{padding:0}.import-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.import-modal__footer-right{display:flex;gap:.75rem;margin-left:auto}.import-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.import-btn svg{padding:0}.import-btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.import-btn--secondary:hover{background:var(--bg-hover)}.import-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.import-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.import-btn--primary:disabled{opacity:.5;cursor:not-allowed}.import-btn--import{padding:.75rem 2rem}@media(max-width:768px){.import-modal{max-height:95vh;border-radius:12px}.import-modal__header{padding:1rem 1.25rem}.import-modal__title h2{font-size:1.1rem}.import-steps{padding:1rem;gap:.25rem;overflow-x:auto}.import-step{padding:.35rem .5rem}.import-step__label{display:none}.import-modal__content{padding:1.25rem}.import-types-grid{grid-template-columns:1fr}.mapping-row{grid-template-columns:1fr;gap:.75rem}.mapping-row__arrow{display:none}.import-result__stats{grid-template-columns:repeat(2,1fr)}.import-summary__grid{grid-template-columns:1fr}.import-error-item{grid-template-columns:1fr;gap:.25rem}.import-modal__footer{flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.import-modal__footer-right{width:100%;justify-content:stretch}.import-btn{flex:1;justify-content:center}}@media(max-width:480px){.import-modal-overlay{padding:.5rem}.import-type-card{padding:1rem}.import-type-card__icon{width:44px;height:44px}.import-dropzone{padding:2rem 1rem}.import-result__stats{grid-template-columns:1fr 1fr;gap:.75rem}.import-result__stat{padding:1rem}.import-result__stat-value{font-size:1.5rem}}.datatable-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;animation:fadeInUp .4s ease-out .3s backwards}.datatable-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.datatable{width:100%;border-collapse:collapse;font-size:inherit}.datatable thead{background:var(--bg-primary);border-bottom:1px solid var(--border)}.datatable th{padding:1rem;text-align:left;font-weight:600;font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none}.datatable-th--sortable{cursor:pointer;transition:all .2s ease}.datatable-th--sortable:hover{background:var(--bg-hover);color:var(--text-primary)}.datatable-th--sorted{color:var(--accent)}.datatable-th-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.datatable-sort-icon{display:flex;align-items:center;color:var(--accent);flex-shrink:0}.datatable-sort-icon--inactive{display:flex;flex-direction:column;gap:-4px;opacity:.3;color:var(--text-secondary)}.datatable-sort-icon--inactive svg:first-child{margin-bottom:-8px}.datatable-th--sortable:hover .datatable-sort-icon--inactive{opacity:.6}.datatable td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary)}.datatable-row{transition:all .2s ease}.datatable-row--clickable{cursor:pointer}.datatable--hoverable .datatable-row:hover,.datatable-row--expanded{background:var(--bg-hover)}.datatable--striped tbody tr:nth-child(4n+1),.datatable--striped tbody tr:nth-child(4n+2){background:transparent}.datatable--striped tbody tr:nth-child(4n+3),.datatable--striped tbody tr:nth-child(4n+4){background:#00000005}.datatable--bordered td{border-right:1px solid var(--border)}.datatable--bordered td:last-child{border-right:none}.datatable-expanded-row td{padding:0;background:var(--bg-primary);border-bottom:1px solid var(--border)}.datatable-expanded-content{padding:1.5rem;animation:fadeIn .3s ease-out}.datatable-expand-col{width:40px;text-align:center;color:var(--text-secondary)}.datatable-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.datatable-loading p{margin:0;font-size:.95em}.datatable-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.datatable-empty p{margin:0;font-size:.95em}.datatable-footer{padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-secondary);font-size:.9em;border-top:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap}.datatable-footer-info{display:flex;align-items:center;gap:.5rem}.datatable-pagination{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.datatable-page-size{display:flex;align-items:center;gap:.5rem;font-size:.9em}.datatable-page-size-select{padding:.35rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;cursor:pointer;transition:all .2s ease}.datatable-page-size-select:hover{border-color:var(--accent)}.datatable-page-size-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a}.datatable-pagination-controls{display:flex;align-items:center;gap:.25rem}.datatable-page-btn{min-width:36px;height:36px;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.datatable-page-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.datatable-page-btn:disabled{opacity:.4;cursor:not-allowed}.datatable-page-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.datatable-page-btn--active:hover{background:var(--accent);color:#fff;opacity:.9}.datatable-page-ellipsis{padding:0 .5rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.datatable-wrapper::-webkit-scrollbar{height:8px}.datatable-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.datatable-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.datatable-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.datatable th,.datatable td{padding:.75rem .5rem;font-size:.85em}.datatable th{font-size:.8em}.datatable-expanded-content{padding:1rem}.datatable-footer{padding:.75rem;font-size:.85em;flex-direction:column;align-items:flex-start}.datatable-pagination{width:100%;flex-direction:column;align-items:flex-start;gap:1rem}.datatable-pagination-controls{width:100%;justify-content:center}.datatable-page-size{font-size:.85em}.datatable-page-btn{min-width:32px;height:32px;font-size:.85em}}@media(max-width:480px){.datatable th,.datatable td{padding:.5rem .35rem;font-size:.8em}.datatable th{font-size:.75em}.datatable-expanded-content{padding:.75rem}.datatable-footer{padding:.65rem;font-size:.8em}.datatable-expand-col{width:32px}.datatable-page-size{font-size:.8em}.datatable-page-size-select{padding:.3rem .6rem;font-size:.85em}.datatable-page-btn{min-width:28px;height:28px;padding:.35rem}.datatable-page-btn svg{width:14px;height:14px}}@media(prefers-color-scheme:dark){.datatable--striped tbody tr:nth-child(4n+3),.datatable--striped tbody tr:nth-child(4n+4){background:#ffffff05}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empleados-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary);max-width:100%;overflow-x:hidden}.empleados-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);animation:slideIn .4s ease-out}.view-toggle{display:flex;background:var(--bg-secondary);border-radius:8px;padding:4px;border:1px solid var(--border)}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.9em;transition:all .2s ease}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #ffffff0d}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.tipo-tabs{display:flex;gap:.75rem;padding:.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tipo-tabs::-webkit-scrollbar{height:4px}.tipo-tabs::-webkit-scrollbar-track{background:transparent}.tipo-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tipo-tab{display:flex;align-items:center;gap:.65rem;padding:.875rem 1.25rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.tipo-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 8px #00000014}[data-theme=dark] .tipo-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 8px #ffffff0d}.tipo-tab .badge{background:var(--accent);color:#fff;font-size:.8em;font-weight:600;padding:.2rem .6rem;border-radius:12px;min-width:24px;text-align:center}[data-theme=dark] .tipo-tab .badge{background:var(--accent);color:#1a1a1a}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:nth-child(6){animation-delay:.3s}.stat-card--teal:before{background:linear-gradient(180deg,#14b8a6,#0d9488)}.stat-card__icon svg{width:24px!important;height:24px!important;stroke-width:2!important;display:block!important;visibility:visible!important;padding:0!important}.stat-card--teal .stat-card__icon{background:#14b8a626}.stat-card--teal .stat-card__icon svg{stroke:#14b8a6!important}.stat-card__subtitle{font-size:.75em;color:var(--text-secondary);opacity:.8}.stat-card__trend{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;font-size:.75em;font-weight:600;padding:.25rem .5rem;border-radius:20px}.stat-card__trend.positive{background:#10b98126;color:#10b981}.stat-card__trend.negative{background:#ef444426;color:#ef4444}.search-box input::placeholder{color:var(--text-secondary)}.filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1;min-width:150px}.filter-group{display:flex;align-items:center;gap:.5rem;flex:1;min-width:150px;height:42px}.filter-group svg{color:var(--text-secondary);flex-shrink:0}.filter-group select{padding:0 2.5rem 0 .875rem;height:42px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;width:100%}.filter-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a}.filter-group select:hover{border-color:var(--accent)}[data-theme=dark] .btn--primary{background:var(--accent);color:#1a1a1a}.empleados-datatable--centered .datatable th,.empleados-datatable--centered .datatable td{text-align:center}.empleados-datatable--centered .datatable-th-content{justify-content:center}.empleados-datatable--centered .datatable tbody tr:not(.datatable-expanded-row) td>*{margin-left:auto;margin-right:auto}.table-container{overflow-x:auto}.empleados-table{width:100%;border-collapse:collapse}.empleados-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.empleados-table td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:middle}.empleado-row{cursor:pointer;transition:all .2s ease}.empleado-row:hover,.empleado-row.expanded{background:var(--bg-hover)}.empleado-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85em}.empleado-info{display:flex;flex-direction:column;gap:.25rem}.empleado-info--centered{align-items:center;text-align:center;gap:.45rem}.empleado-nombre{font-weight:500;color:var(--text-primary)}.empleado-codigo{font-size:.8em;color:var(--text-secondary)}.empleado-roles{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.35rem}.empleado-info--centered .empleado-roles{justify-content:center;margin-top:0}.cliente-warning-chip{margin-top:.5rem;display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.32rem .65rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b24,#f9731629);border:1px solid rgba(245,158,11,.28);color:#b45309;font-size:.72em;font-weight:700;letter-spacing:.02em}.cliente-warning-row{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.empleado-info--centered .cliente-warning-row{justify-content:center}.cliente-inline-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .72rem;border-radius:999px;border:1px solid rgba(37,99,235,.2);background:linear-gradient(135deg,#eff6fff2,#dbeafeeb);color:#1d4ed8;font-size:.72em;font-weight:700;cursor:pointer;transition:all .2s ease}.cliente-inline-cta:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb1f;border-color:#2563eb4d}.cliente-warning-chip__dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px #f59e0b29;flex-shrink:0}[data-theme=dark] .cliente-warning-chip{background:linear-gradient(135deg,#f59e0b33,#f9731633);border-color:#fbbf2447;color:#fbbf24}[data-theme=dark] .cliente-inline-cta{background:linear-gradient(135deg,#1e293bf2,#1e40af33);border-color:#60a5fa3d;color:#93c5fd}.role-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:12px;font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .2s ease}.role-badge--agente{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981;border:1px solid rgba(16,185,129,.3)}.role-badge--cliente{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.role-badge--persona{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.role-badge--comprador{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.role-badge--vendedor{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}[data-theme=dark] .role-badge--agente{background:linear-gradient(135deg,#10b98133,#05966933);color:#34d399;border-color:#10b98166}[data-theme=dark] .role-badge--cliente{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#60a5fa;border-color:#3b82f666}[data-theme=dark] .role-badge--persona{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);color:#a78bfa;border-color:#8b5cf666}[data-theme=dark] .role-badge--comprador{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24;border-color:#f59e0b66}[data-theme=dark] .role-badge--vendedor{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);color:#a78bfa;border-color:#8b5cf666}.estado-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8em;font-weight:500}.estado-badge--activo{display:flex;align-items:center;justify-content:center;gap:.45rem;width:fit-content;min-width:108px;margin:0 auto;padding:.42rem .95rem;border:1px solid rgba(16,185,129,.22);background:linear-gradient(135deg,#10b98129,#05966914);color:#0f8f67;text-align:center;text-transform:capitalize;box-shadow:0 8px 18px #0f8f6714}.estado-badge--activo:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #0f8f671f}.estado-badge--baja-médica{background:#f59e0b26;color:#f59e0b}.estado-badge--inactivo{background:#ef444426;color:#ef4444}.rating-display{display:flex;align-items:center;gap:.35rem}.star-icon{color:#f59e0b;fill:#f59e0b}.empleado-actions{display:flex;gap:.5rem}.empleado-details-row td{padding:0;background:var(--bg-primary)}.empleado-details{display:grid;gap:1.25rem;padding:1.5rem;animation:fadeIn .3s ease-out}.details-overview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.details-body-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:1rem;align-items:start}.details-section{min-width:0;background:linear-gradient(180deg,#fffffff5,#f8fafcfa);border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:1rem 1.05rem;box-shadow:0 10px 24px #0f172a0a}.details-section--summary{grid-column:span 3}.details-section--linkage{background:radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 34%),linear-gradient(180deg,#fffffffa,#f0fdf4eb)}.details-section--properties{min-height:100%}.details-section--audit{height:100%}.details-section--timeline{grid-column:1 / -1;padding:1rem 1rem 1.1rem}.details-section__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.details-section__header h4{margin-bottom:0}.detail-stack{display:grid;gap:.7rem}.detail-line{display:grid;gap:.2rem}.detail-line__label{font-size:.72em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.detail-line strong{color:var(--text-primary);font-size:.95em;font-weight:600;overflow-wrap:anywhere}.detail-linkage-status{display:grid;gap:.5rem}.detail-status-pill{width:fit-content;padding:.35rem .7rem;border-radius:999px;font-size:.72em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.detail-status-pill--ok{background:#10b98124;color:#047857}.detail-status-pill--warning{background:#f9731624;color:#c2410c}.details-counter{min-width:28px;height:28px;padding:0 .45rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#2563eb1a;color:#1d4ed8;font-size:.78em;font-weight:800}.details-history-state{padding:1rem .2rem .4rem;color:var(--text-secondary);font-weight:600}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.25rem .65rem;background:#667eea26;color:#667eea;border-radius:20px;font-size:.8em;font-weight:500}.charts-section{animation:fadeInUp .4s ease-out .2s backwards;width:100%;overflow:hidden}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1.5rem}.chart-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border);transition:all .3s ease;min-width:0;overflow:hidden}.modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInUp .3s ease-out;border:1px solid var(--border)}.modal-content--with-tabs{max-width:950px}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:var(--bg-secondary);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid var(--border)}.modal-tabs{display:flex;gap:0;padding:0 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.modal-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;position:relative;transition:all .2s ease}.modal-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-tab--active{color:var(--text-primary)}.modal-tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.modal-tab__badge{background:var(--accent);color:var(--bg-primary);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;margin-left:.25rem}.modal-historial{padding:0}.modal-historial .historial-cambios{border:none;border-radius:0}.modal-historial .historial-cambios__header{background:transparent;border-bottom:1px solid var(--border)}.modal-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.75rem;flex-shrink:0}.modal-title h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.modal-title p{color:var(--text-secondary);margin:0}.modal-body{padding:2rem}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.modal-section{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;border:1px solid var(--border)}.modal-section--full{grid-column:1 / -1}.modal-section h3{display:flex;align-items:center;gap:.5rem;font-size:.9em;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item span{font-size:.8em;color:var(--text-secondary)}.info-item strong{font-size:.95em;color:var(--text-primary);font-weight:500}.cert-tag{padding:.35rem .75rem;background:#10b98126;color:#10b981;border-radius:20px;font-size:.85em;font-weight:500}.lang-tag{padding:.35rem .75rem;background:#3b82f626;color:#3b82f6;border-radius:20px;font-size:.85em;font-weight:500}.no-data{color:var(--text-secondary);font-style:italic;font-size:.9em}.notes-text{color:var(--text-primary);line-height:1.6;font-size:.95em}@media(max-width:1200px){.empleados-page{padding:1.5rem}.stats-section{grid-template-columns:repeat(2,1fr)}.toolbar-section{gap:.875rem}.search-box{flex:1 1 100%;min-width:unset;max-width:none}.filters{flex:1 1 100%;width:100%}.filter-group{flex:1 1 calc(50% - .5rem);min-width:unset}.filter-group select{width:100%;min-width:unset}}@media(max-width:1024px){.empleados-page{padding:1.5rem}.charts-grid,.modal-grid{grid-template-columns:1fr}.toolbar-section{gap:.75rem}.search-box{flex:1 1 100%;min-width:unset;max-width:none}.filters{flex:1 1 100%;width:100%;flex-wrap:wrap}.filter-group{flex:1 1 calc(50% - .5rem);min-width:unset}.filter-group select{width:100%;min-width:unset}.sort-btn{flex:0 0 42px}.actions{width:100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap}.actions .btn{flex:1 1 auto;min-width:fit-content}}@media(max-width:768px){.empleados-page{padding:1rem}.empleados-header{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1rem}.header-left{width:100%;flex-wrap:wrap}.header-left h1{font-size:1.35em}.header-right{width:100%;flex-direction:row;flex-wrap:wrap;gap:.75rem}.font-size-control,.view-toggle{flex:1 1 auto;min-width:200px}.toggle-btn{flex:1;justify-content:center}.stats-section{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-card__icon{padding:.5rem}.stat-card__icon svg{width:20px!important;height:20px!important}.stat-card__value{font-size:1.25em}.stat-card__title{font-size:.8em}.stat-card__subtitle{font-size:.7em}.tipo-filter-section{margin-bottom:1rem}.tipo-tabs{gap:.5rem;padding:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tipo-tab{padding:.75rem 1rem;font-size:.9em;flex-direction:row;gap:.5rem;white-space:nowrap;min-width:fit-content}.tipo-tab svg{width:18px;height:18px}.tipo-tab .badge{font-size:.8em;padding:.2rem .5rem}.toolbar-section{flex-direction:column;align-items:stretch;padding:1rem;gap:.75rem}.search-box{max-width:none;width:100%;min-width:unset;order:1}.search-box input{font-size:.9em;height:42px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;order:2}.filter-group{width:100%;display:flex;gap:.5rem}.filter-group svg{display:none}.filter-group select{flex:1;width:100%;min-width:unset;height:42px;font-size:.9em}.actions{margin-left:0;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;order:3}.actions .btn{justify-content:center;padding:0 .75rem;height:42px;white-space:nowrap}.empleados-table th,.empleados-table td{padding:.75rem .5rem;font-size:.85em}.empleado-avatar{width:36px;height:36px;font-size:.75em}.empleado-nombre{font-size:.9em}.empleado-codigo{font-size:.75em}.empleado-roles{gap:.3rem;margin-top:.3rem}.role-badge{font-size:.65em;padding:.18rem .5rem}.estado-badge{padding:.3rem .6rem;font-size:.75em}.empleado-actions{gap:.35rem}.action-btn{padding:.4rem}.action-btn svg{width:15px;height:15px}.audit-cell{min-width:150px;gap:.4rem}.audit-date-wrapper{gap:.3rem}.audit-clock-icon{width:11px;height:11px}.audit-date{font-size:.8em}.audit-empleado-compact{padding:.4rem;gap:.3rem}.audit-user-info{gap:.3rem}.audit-user-icon{width:11px;height:11px}.audit-user-name{font-size:.75em}.audit-rol-badge{font-size:.65em;padding:.18rem .5rem}.audit-user-fallback{padding:.35rem .5rem;gap:.3rem}.audit-user-small{font-size:.7em}.linked-property-card{grid-template-columns:auto minmax(0,1fr)}.linked-property-card__action{grid-column:2;justify-self:start}.empleado-details{grid-template-columns:1fr;padding:1rem;gap:1rem}.modal-overlay{padding:.5rem}.modal-content{max-height:95vh;border-radius:12px}.modal-tabs{padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-tab{padding:.875rem 1rem;font-size:.85rem;white-space:nowrap}.modal-tab__badge{display:inline-block}.modal-header{flex-direction:row;text-align:left;padding:1.5rem 1rem;gap:1rem}.modal-body,.modal-section{padding:1rem}.modal-section h3{font-size:.9em}.info-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-card{padding:1rem;min-width:0}.chart-card h3{font-size:.9em}}@media(max-width:480px){.empleados-page{padding:.75rem}.header-left{gap:.75rem}.header-icon{padding:.5rem}.header-icon svg{width:24px;height:24px}.header-left h1{font-size:1.15em}.header-left p{font-size:.8em}.header-right{flex-direction:column;width:100%}.font-size-control,.view-toggle{width:100%;min-width:unset}.stats-section{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem;gap:.5rem;flex-direction:column;align-items:center;text-align:center}.stat-card__icon{padding:.5rem}.stat-card__icon svg{width:18px!important;height:18px!important}.stat-card__content{align-items:center}.stat-card__value{font-size:1.1em}.stat-card__title{font-size:.75em}.stat-card__subtitle{font-size:.7em}.stat-card__trend{position:static;margin-top:.25rem}.tipo-tabs{gap:.35rem;padding:.35rem}.tipo-tab{padding:.65rem .75rem;font-size:.85em;flex-direction:column;gap:.35rem;align-items:center}.tipo-tab svg{width:16px;height:16px}.tipo-tab span:not(.badge){font-size:.75em}.tipo-tab .badge{font-size:.7em;padding:.15rem .4rem}.toolbar-section{padding:.75rem;gap:.75rem}.search-box input{padding:.65rem .75rem .65rem 2.5rem;font-size:.85em;height:40px}.search-icon{left:.75rem}.filters{grid-template-columns:1fr;gap:.5rem}.filter-group{width:100%}.filter-group select{padding:.65rem 2rem .65rem .75rem;font-size:.85em;height:40px}.actions{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.actions .btn{padding:.65rem .5rem;font-size:.8em;height:40px}.actions .btn span{display:none}.actions .btn svg{margin:0}.empleados-table th:nth-child(3),.empleados-table td:nth-child(3),.empleados-table th:nth-child(4),.empleados-table td:nth-child(4){display:none}.empleados-table th,.empleados-table td{padding:.5rem .35rem;font-size:.8em}.empleado-avatar{width:32px;height:32px;font-size:.7em}.empleado-info{max-width:100px}.empleado-nombre{font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empleado-codigo{font-size:.7em}.empleado-roles{gap:.25rem;margin-top:.25rem}.role-badge{font-size:.6em;padding:.15rem .4rem;letter-spacing:.2px}.cliente-warning-row{align-items:stretch}.cliente-inline-cta{width:fit-content}.estado-badge{padding:.25rem .5rem;font-size:.7em}.empleado-actions{gap:.25rem;flex-wrap:wrap}.action-btn{padding:.35rem}.action-btn svg{width:14px;height:14px}.empleado-details{padding:.75rem;gap:.75rem}.details-section h4{font-size:.8em}.details-section p{font-size:.85em}.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh}.modal-close{top:.75rem;right:.75rem;width:32px;height:32px;font-size:1.25rem}.modal-tabs{padding:0 .75rem}.modal-tab{padding:.75rem .85rem;font-size:.8rem}.modal-tab__badge{display:none}.modal-header{flex-direction:column;text-align:center;padding:1.25rem .75rem;gap:.75rem}.modal-avatar{width:56px;height:56px;font-size:1.1rem}.modal-title h2{font-size:1.1rem}.modal-title p{font-size:.8em}.modal-body,.modal-section{padding:.75rem}.modal-section h3{font-size:.8em;margin-bottom:.75rem;padding-bottom:.5rem}.info-grid{grid-template-columns:1fr;gap:.5rem}.info-item span{font-size:.75em}.info-item strong{font-size:.85em}.tags-container{gap:.35rem}.skill-tag,.cert-tag,.lang-tag{padding:.2rem .5rem;font-size:.75em}.table-footer{padding:.75rem;font-size:.8em}.chart-card{padding:.75rem}.chart-card h3{font-size:.85em;margin-bottom:.75rem;padding-bottom:.5rem}}@media(max-width:360px){.empleados-page{padding:.5rem}.header-left h1{font-size:1em}.header-left p{font-size:.75em}.stats-section{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.65rem}.stat-card__value{font-size:1em}.stat-card__title{font-size:.7em}.tipo-tab{padding:.5rem .65rem;font-size:.8em}.toolbar-section{padding:.65rem}.actions{grid-template-columns:1fr}.actions .btn{width:100%}.empleados-table th:nth-child(5),.empleados-table td:nth-child(5){display:none}.empleado-info{max-width:80px}.empleado-nombre{font-size:.75em}.empleado-roles{gap:.2rem;margin-top:.2rem}.role-badge{font-size:.55em;padding:.12rem .35rem;letter-spacing:.1px}}.table-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.table-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media print{.empleados-header,.toolbar-section,.font-size-control,.view-toggle,.action-btn,.charts-section{display:none!important}.empleados-page{padding:0}.table-section{border:none;box-shadow:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state svg{color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.empty-state p{margin-bottom:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.modal-content--detail{max-width:800px}.modal-content--detail .modal-header{position:relative}.modal-content--detail .modal-title .estado-badge{margin-top:.5rem;display:inline-block}.modal-content--detail .info-item strong{color:var(--text-primary)}.info-item strong:empty:after,.info-item strong:has(:empty):after{content:"-"}.tipo-filter-section{margin-bottom:1.5rem;animation:fadeInUp .4s ease-out .15s backwards}.tipo-tabs{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.5rem;border-radius:12px;border:1px solid var(--border)}.tipo-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);font-size:.95em;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;position:relative}.tipo-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.tipo-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #667eea4d}.tipo-tab svg{flex-shrink:0}.tipo-tab .badge{background:#fff3;color:inherit;padding:.2rem .6rem;border-radius:12px;font-size:.8em;font-weight:600;min-width:24px;text-align:center}.tipo-tab.active .badge{background:#ffffff40;color:#fff}@media(max-width:480px){.empleados-page{padding:.75rem}.header-left{gap:.75rem}.header-icon{padding:.5rem}.header-icon svg{width:24px;height:24px}.header-left h1{font-size:1.15em}.header-left p{font-size:.8em}.stats-section{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem;gap:.5rem}.stat-card__icon{padding:.4rem}.stat-card__icon svg{width:16px!important;height:16px!important}.stat-card__value{font-size:1.1em}.stat-card__title{font-size:.7em}.stat-card__subtitle,.stat-card__trend{display:none}.tipo-tabs{gap:.25rem;padding:.25rem}.tipo-tab{padding:.65rem .35rem;flex-direction:column;gap:.25rem}.tipo-tab svg{width:18px;height:18px}.tipo-tab span:not(.badge){font-size:.7em}.tipo-tab .badge{font-size:.65em;padding:.1rem .35rem;min-width:16px}.toolbar-section{padding:.75rem;gap:.65rem}.search-box input{padding:.65rem .75rem .65rem 2.5rem;font-size:.85em;height:38px}.search-icon{left:.75rem}.filters{gap:.5rem}.filter-group select{padding:0 2rem 0 .75rem;font-size:.85em;height:38px}.sort-btn{width:38px;height:38px}.actions{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.actions .btn{padding:0 .5rem;height:38px}.actions .btn svg{width:16px;height:16px}.empleados-table th:nth-child(5),.empleados-table td:nth-child(5){display:none}.empleados-table th,.empleados-table td{padding:.5rem .35rem;font-size:.85em}.empleado-avatar{width:32px;height:32px;font-size:.7em}.empleado-info{max-width:120px}.empleado-nombre{font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empleado-codigo{font-size:.7em}.empleado-roles{gap:.25rem;margin-top:.25rem}.role-badge{font-size:.58em;padding:.15rem .4rem;letter-spacing:.2px}.estado-badge{padding:.25rem .5rem;font-size:.7em}.empleado-actions{gap:.25rem}.action-btn{padding:.35rem}.action-btn svg{width:14px;height:14px}.empleado-details{padding:.75rem;gap:.75rem}.details-section h4{font-size:.75em}.details-section p{font-size:.85em}.linked-property-card{padding:.75rem;gap:.7rem}.linked-property-card__icon{width:34px;height:34px;border-radius:10px}.modal-avatar{width:56px;height:56px;font-size:1.1rem}.modal-title h2{font-size:1.1rem}.modal-title p{font-size:.85em}.modal-section h3{font-size:.8em}.info-grid{grid-template-columns:1fr;gap:.5rem}.info-item span{font-size:.75em}.info-item strong{font-size:.85em}.tags-container{gap:.35rem}.skill-tag,.cert-tag,.lang-tag{padding:.2rem .5rem;font-size:.75em}.table-footer{padding:.75rem;font-size:.8em}.empty-state{padding:3rem 1rem}.empty-state svg{width:40px;height:40px}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.9em}}.audit-date{font-size:.875rem;color:#2d3748;font-weight:500}.audit-user-small{font-size:.75rem;color:#4299e1;font-weight:500}.details-section p strong{color:#4a5568;font-weight:600;margin-right:.25rem}.audit-rol-small{font-size:.65rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:.125rem .375rem;background:#f7fafc;border-radius:.25rem;width:fit-content}.audit-detail-item{margin-bottom:.75rem;padding:.5rem;background:#f7fafc;border-radius:.375rem;border-left:3px solid #4299e1}.audit-empleado-detail{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem;padding:.5rem;background:#fff;border-radius:.375rem}.empleado-nombre{font-size:.875rem;color:#2d3748;font-weight:600}.empleado-rol-badge{font-size:.7rem;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .625rem;background:linear-gradient(135deg,#4299e1,#667eea);border-radius:.375rem;width:fit-content;box-shadow:0 2px 4px #4299e133}.audit-cell{display:flex;flex-direction:column;gap:.25rem}.audit-date{font-size:.875em;color:var(--text-secondary);font-weight:500}.audit-empleado-compact{display:flex;flex-direction:column;gap:.125rem;margin-top:.125rem}.audit-user-small{font-size:.8em;color:var(--text-primary);font-weight:500}.audit-rol-small{font-size:.75em;color:var(--text-tertiary);padding:.125rem .375rem;background:var(--bg-secondary);border-radius:4px;display:inline-block;width:fit-content}.audit-detail-item{margin-bottom:.75rem}.audit-detail-item strong{display:block;color:var(--text-secondary);font-size:.875em;margin-bottom:.25rem}.detail-status-warning{color:#c2410c;font-weight:600}.detail-status-ok{color:#059669;font-weight:600}.detail-link-button{margin-top:.65rem;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border:1px solid rgba(37,99,235,.16);border-radius:10px;background:linear-gradient(135deg,#f8fafcfa,#eff6ffeb);color:#1d4ed8;font-size:.82em;font-weight:700;cursor:pointer;transition:all .2s ease}.detail-link-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2563eb1a}.details-section--wide{grid-column:1 / -1}.linked-properties-list{display:grid;gap:.7rem}.linked-property-card{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.85rem .95rem;border-radius:14px;border:1px solid var(--border);background:radial-gradient(circle at top right,rgba(59,130,246,.1),transparent 28%),linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));cursor:pointer;text-align:left;transition:all .2s ease}.linked-property-card:hover{transform:translateY(-1px);border-color:#3b82f64d;box-shadow:0 10px 24px #0f172a14}.linked-property-card__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;flex-shrink:0}.linked-property-card__content{min-width:0;display:grid;gap:.2rem}.linked-property-card__content strong{color:var(--text-primary);font-size:.92em}.linked-property-card__content span{color:var(--text-secondary);font-size:.8em;overflow-wrap:anywhere}.linked-property-card__action{padding:.28rem .58rem;border-radius:999px;background:#2563eb1a;color:#1d4ed8;font-size:.72em;font-weight:700}.audit-empleado-detail{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.4rem;padding:.65rem .75rem;background:var(--bg-secondary);border-radius:10px}.audit-empleado-detail .empleado-nombre{font-weight:500;color:var(--text-primary)}.audit-empleado-detail .empleado-rol-badge{font-size:.75em;padding:.25rem .5rem;background:var(--accent);color:#fff;border-radius:4px;font-weight:500}.audit-detail-grid{display:grid;gap:.85rem}.audit-detail-item{display:grid;gap:.35rem;padding:.9rem;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#f8fafce6,#f1f5f9f0)}.audit-detail-item strong{color:#475569;font-size:.78em;letter-spacing:.05em;text-transform:uppercase}.audit-detail-item>span{color:var(--text-primary);font-weight:600}.audit-detail-fallback{color:var(--text-secondary);font-size:.84em}@media(max-width:1200px){.details-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.details-section--summary{grid-column:auto}.details-body-grid{grid-template-columns:1fr}}@media(max-width:768px){.empleado-details{padding:1rem}.details-overview{grid-template-columns:1fr}.details-section{padding:.9rem;border-radius:14px}.linked-property-card{grid-template-columns:auto minmax(0,1fr)}.linked-property-card__action{grid-column:2;justify-self:start}}.filter-group select{padding:0 2.5rem 0 .875rem;height:42px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;width:100%}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;position:relative;display:flex;flex-direction:column;max-width:95vw;width:100%;animation:slideUp .3s ease-out}.modal-close,.close-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#718096;transition:color .2s;border-radius:.375rem}.modal-close:hover,.close-btn:hover{color:#2d3748;background-color:#f7fafc}.modal-content--operacion{max-width:1400px!important;width:90vw!important;max-height:90vh;overflow-y:auto}.form-info{margin:0 0 1rem;padding:.75rem 1rem;border-radius:.75rem;background:#eff6ff;color:#1d4ed8;font-size:.95rem}@media(min-width:1400px){.modal-content--operacion{width:85vw!important}}@media(min-width:1600px){.modal-content--operacion{max-width:1600px!important;width:80vw!important}}.modal-content--operacion .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-content--operacion .modal-header h2{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;color:#2d3748}.modal-form{padding:1.5rem 2rem}.operation-history-section{margin-top:.25rem}.operation-history-state{padding:.85rem .2rem .2rem;color:#718096;font-weight:600}.form-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;color:#4a5568;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-grid.two-columns{grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group.span-2{grid-column:span 2}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#4a5568}.label-with-action{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.inline-add-button{border:1px solid #e2e8f0;background:#f7fafc;color:#718096;width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.inline-add-button:hover{border-color:#4299e1;color:#2b6cb0;background:#edf2f7}.form-group input,.form-group textarea,.form-group select{padding:.625rem;border:1px solid #cbd5e0;border-radius:.375rem;font-size:.875rem;transition:all .2s;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#fc8181;background-color:#fff5f5}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.form-error{padding:1rem;background-color:#fff5f5;border:1px solid #fc8181;border-radius:.375rem;color:#c53030;font-size:.875rem;margin-bottom:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;margin-top:1rem}.btn,.btn-cancel,.btn-save{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.btn:before,.btn-cancel:before,.btn-save:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn:active:before,.btn-cancel:active:before,.btn-save:active:before{width:300px;height:300px}.btn:disabled,.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save{background-color:#4299e1;color:#fff;box-shadow:0 2px 4px #4299e133}.btn-save:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px);box-shadow:0 4px 8px #4299e14d}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-cancel{background-color:#e2e8f0;color:#2d3748;box-shadow:0 2px 4px #0000000d}.btn-cancel:hover:not(:disabled){background-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-cancel:active:not(:disabled){transform:translateY(0)}@media(max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr)}.modal-content--operacion{width:90vw!important}}@media(max-width:768px){.modal-content--operacion{max-width:95vw!important;width:95vw!important;margin:1rem}.modal-form{padding:1rem}.form-grid,.form-grid.two-columns{grid-template-columns:1fr}}@media(max-width:480px){.modal-overlay{padding:0}.modal-content--operacion{max-width:100vw;width:100vw;max-height:100vh;border-radius:0;margin:0}.modal-content--operacion .modal-header{padding:1rem}.modal-content--operacion .modal-header h2{font-size:1.25rem}.modal-form{padding:.75rem}.form-section h3{font-size:1rem}}.estado-timeline{display:flex;gap:1rem;margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;position:relative;overflow-x:auto}.estado-step{flex:1;min-width:200px;position:relative;opacity:.5;transition:all .3s ease}.estado-step.active,.estado-step.completed{opacity:1}.estado-step:after{content:"";position:absolute;top:20px;left:calc(100% - 10px);width:calc(100% - 40px);height:3px;background:#cbd5e0;z-index:0;transition:background .3s ease}.estado-step:last-child:after,.estado-step.estado-step-cancelada:after{display:none}.estado-step.completed:after{background:linear-gradient(90deg,#48bb78,#38a169)}.estado-step-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;position:relative;z-index:1}.estado-step-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #cbd5e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#a0aec0;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.estado-step.active .estado-step-circle{border-color:#4299e1;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #4299e166}.estado-step.completed .estado-step-circle{border-color:#48bb78;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.estado-step-cancelada .estado-step-circle{border-color:#fc8181}.estado-step-cancelada.active .estado-step-circle{border-color:#f56565;background:linear-gradient(135deg,#fc8181,#f56565);color:#fff}.estado-step-title{font-size:.875rem;font-weight:600;color:#4a5568;text-align:center}.estado-step.active .estado-step-title{color:#2d3748}.estado-step-content{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;animation:slideDown .3s ease-out;display:grid;gap:.75rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.estado-step-content .form-group{margin:0}.estado-step-content .form-group label{font-size:.75rem;margin-bottom:.25rem}.estado-step-content .form-group input{font-size:.8rem;padding:.5rem}.estado-step-content .form-group textarea{font-size:.8rem;padding:.65rem;min-height:84px;resize:vertical}.senada-panel{border-radius:10px;padding:.75rem;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;display:grid;gap:.75rem}.senada-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#9a3412;text-transform:uppercase;letter-spacing:.04em}.senada-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.senada-grid .form-group.full{grid-column:1 / -1}.senada-currency{position:relative}.senada-currency span{position:absolute;left:-9px;top:50%;transform:translateY(-50%);color:#9a3412;font-weight:600;font-size:.8rem}.senada-currency input{padding-left:28px}.senada-panel .form-group select,.senada-panel .form-group input[type=date]{min-height:47px}.cierre-showcase{position:relative;overflow:hidden;border-radius:14px;padding:1rem;background:radial-gradient(circle at top right,rgba(72,187,120,.22),transparent 32%),radial-gradient(circle at bottom left,rgba(56,161,105,.14),transparent 38%),linear-gradient(145deg,#f3fff7,#ecfdf3 52%,#fff);border:1px solid rgba(72,187,120,.2);box-shadow:inset 0 1px #fffc}.cierre-showcase__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cierre-showcase__eyebrow{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.4rem;padding:.25rem .6rem;border-radius:999px;background:#16a34a1f;color:#166534;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cierre-showcase__header h4{margin:0;font-size:1rem;color:#14532d}.cierre-showcase__header p{margin:.35rem 0 0;max-width:44ch;color:#4b5563;font-size:.82rem;line-height:1.45}.cierre-showcase__pulse{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;display:grid;place-items:center;gap:.1rem;box-shadow:0 10px 24px #16a34a47;flex-shrink:0}.cierre-showcase__pulse span{font-size:.76rem;font-weight:700;line-height:1}.cierre-showcase__grid{display:grid;grid-template-columns:1fr;gap:.9rem}.cierre-agent-card{position:relative;overflow:hidden;padding:1rem 1.1rem;border-radius:16px;border:1px solid rgba(203,213,225,.9);background:#ffffffe6;box-shadow:0 10px 24px #0f172a14;animation:cierreCardIn .45s ease-out both}.cierre-agent-card--interno{background:linear-gradient(180deg,#fffffffa,#eff6fff0)}.cierre-agent-card--externo{background:linear-gradient(180deg,#fffffffa,#fff7edf5)}.cierre-agent-card__glow{position:absolute;inset:auto -20px -24px auto;width:90px;height:90px;border-radius:50%;opacity:.55;filter:blur(4px)}.cierre-agent-card--interno .cierre-agent-card__glow{background:radial-gradient(circle,rgba(59,130,246,.22),transparent 70%)}.cierre-agent-card--externo .cierre-agent-card__glow{background:radial-gradient(circle,rgba(249,115,22,.2),transparent 70%)}.cierre-agent-card__top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;margin-bottom:.9rem}.cierre-agent-card__avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:.9rem;font-weight:800;color:#fff;text-transform:uppercase;flex-shrink:0}.cierre-agent-card--interno .cierre-agent-card__avatar{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 18px #2563eb47}.cierre-agent-card--externo .cierre-agent-card__avatar{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 18px #f9731647}.cierre-agent-card__meta{min-width:0;display:grid;gap:.4rem}.cierre-agent-card__meta strong{color:#1f2937;font-size:.96rem;line-height:1.2;min-width:0;overflow-wrap:anywhere}.cierre-agent-card__type{width:fit-content;padding:.28rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.cierre-agent-card__type--interno{background:#2563eb1f;color:#1d4ed8}.cierre-agent-card__type--externo{background:#f973161f;color:#c2410c}.cierre-agent-card__path{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-width:0;padding-top:.75rem;border-top:1px solid rgba(203,213,225,.8)}.cierre-agent-card__path-label{color:#6b7280;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.cierre-agent-card__stages{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-start}.cierre-stage-tag{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.32rem .7rem;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.02em}.cierre-stage-tag--captacion{background:#3b82f61a;color:#1d4ed8}.cierre-stage-tag--sena{background:#f59e0b24;color:#b45309}.cierre-showcase__empty{display:flex;align-items:center;gap:.6rem;padding:.95rem 1rem;border:1px dashed rgba(34,197,94,.3);border-radius:12px;background:#ffffffb3;color:#4b5563;font-size:.82rem}@keyframes cierreCardIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.estado-selector{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.estado-selector label{display:block;font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.75rem}.estado-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.estado-btn{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.estado-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.estado-btn:hover:before{left:100%}.estado-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.estado-btn.active{font-weight:600;box-shadow:0 4px 12px #00000026}.estado-btn-captada.active{background:linear-gradient(135deg,#4299e1,#3182ce);border-color:#3182ce;color:#fff}.estado-btn-proceso.active{background:linear-gradient(135deg,#ed8936,#dd6b20);border-color:#dd6b20;color:#fff}.estado-btn-cerrada.active{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#38a169;color:#fff}.estado-btn-cancelada.active{background:linear-gradient(135deg,#fc8181,#f56565);border-color:#f56565;color:#fff}@media(max-width:1024px){.estado-timeline{flex-direction:column;padding:1rem}.senada-grid{grid-template-columns:1fr}.estado-step{min-width:unset}.estado-step:after{display:none}.estado-buttons{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.estado-timeline,.estado-step-content{padding:.75rem}.cierre-showcase{padding:.85rem}.cierre-showcase__header{flex-direction:column;align-items:stretch}.cierre-showcase__pulse{width:44px;height:44px;border-radius:14px}.cierre-agent-card__meta{gap:.35rem}.cierre-agent-card__path{justify-content:flex-start;flex-wrap:wrap}.cierre-agent-card__stages{justify-content:flex-start}.estado-buttons{grid-template-columns:1fr}.estado-btn{padding:.625rem .875rem}}@media(max-width:480px){.estado-selector{padding:.75rem}.cierre-agent-card{padding:.85rem;border-radius:14px}.cierre-agent-card__top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem}.cierre-agent-card__avatar{width:40px;height:40px;border-radius:12px;font-size:.82rem}.cierre-agent-card__path{gap:.55rem;padding-top:.65rem}.estado-step-circle{width:35px;height:35px;font-size:.875rem}.estado-step-title{font-size:.75rem}}.react-confirm-alert-overlay{background:#000000b3!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000}.react-confirm-alert-body{font-family:inherit;width:400px;padding:30px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 20px 75px #0000003b}.react-confirm-alert-body>h1{margin-top:0;font-size:20px;color:#2d3748;font-weight:600}.react-confirm-alert-body>p{color:#4a5568;font-size:14px;margin:15px 0 25px}.react-confirm-alert-button-group{display:flex;justify-content:center;gap:10px}.react-confirm-alert-button-group>button{padding:10px 30px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.react-confirm-alert-button-group>button:first-child{background:#dc3545;color:#fff}.react-confirm-alert-button-group>button:first-child:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.react-confirm-alert-button-group>button:last-child{background:#6c757d;color:#fff}.react-confirm-alert-button-group>button:last-child:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.section-description{font-size:.875rem;color:#718096;margin:-.5rem 0 1.5rem;line-height:1.5}.comision-display{padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.5rem;font-size:1.25rem;font-weight:600;text-align:center;box-shadow:0 4px 12px #667eea4d}.honorarios-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.honorario-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.honorario-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e2e8f0,#cbd5e0);transition:all .3s ease}.honorario-card--captador:before{background:linear-gradient(90deg,#4299e1,#3182ce)}.honorario-card--cerrador:before{background:linear-gradient(90deg,#48bb78,#38a169)}.honorario-card--inmobiliaria:before{background:linear-gradient(90deg,#ed8936,#dd6b20)}.honorario-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#cbd5e0}.honorario-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.honorario-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.honorario-card--captador .honorario-icon{background:linear-gradient(135deg,#4299e1,#3182ce)}.honorario-card--cerrador .honorario-icon{background:linear-gradient(135deg,#48bb78,#38a169)}.honorario-card--inmobiliaria .honorario-icon{background:linear-gradient(135deg,#ed8936,#dd6b20)}.honorario-header h4{margin:0;font-size:1.1rem;color:#2d3748;font-weight:600}.honorario-input-group{margin-bottom:1rem}.honorario-input-group label{display:block;font-size:.75rem;font-weight:500;color:#718096;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.percentage-input{position:relative;display:flex;align-items:center}.percentage-input input{flex:1;padding:.75rem 2.5rem .75rem .75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1.125rem;font-weight:600;transition:all .2s;text-align:center}.percentage-input input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.percentage-symbol{position:absolute;right:.75rem;font-size:1.125rem;font-weight:600;color:#a0aec0;pointer-events:none}.honorario-amount{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f7fafc;border-radius:.5rem;margin-bottom:.75rem}.amount-label{font-size:.75rem;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.5px}.amount-value{font-size:1.125rem;font-weight:700;color:#2d3748}.honorario-progress{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.honorario-progress-bar{height:100%;transition:width .3s ease,background .3s ease;border-radius:4px;position:relative}.honorario-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.honorario-progress-bar--captador{background:linear-gradient(90deg,#4299e1,#3182ce)}.honorario-progress-bar--cerrador{background:linear-gradient(90deg,#48bb78,#38a169)}.honorario-progress-bar--inmobiliaria{background:linear-gradient(90deg,#ed8936,#dd6b20)}.porcentaje-total{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.25rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1.25rem;font-weight:600;transition:all .3s ease}.porcentaje-total.valid{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-color:#48bb78;color:#22543d}.porcentaje-total.invalid{background:linear-gradient(135deg,#fed7d7,#fc8181);border-color:#f56565;color:#742a2a}.total-label{font-size:1rem;font-weight:500;color:inherit}.total-value{font-size:1.5rem;font-weight:700}.total-check{font-size:1.5rem;color:#38a169;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.total-warning{font-size:.875rem;font-weight:500;color:#c53030;animation:warningPulse 2s infinite}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.6}}.currency-input{position:relative;display:flex;align-items:center}.currency-input .currency-symbol{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#718096;font-weight:600;font-size:.9rem;z-index:1}.currency-input input{width:100%;padding:.625rem .625rem .625rem 1.75rem;border:1px solid #cbd5e0;border-radius:.375rem;font-size:.95rem;font-weight:600;color:#2d3748;transition:all .2s;background:#fff}.currency-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.amount-currency-input .currency-symbol{position:static;transform:none;color:#64748b;font-size:.88rem;font-weight:700;width:40px;min-width:40px;text-align:center;pointer-events:none;line-height:1;padding-left:.1rem;border-right:1px solid #e2e8f0}.amount-currency-input{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;border:1px solid #cbd5e0;border-radius:.375rem;background:#fff;overflow:hidden}.amount-currency-input input{border:none;border-radius:0;padding:.72rem .9rem;font-size:.95rem;font-weight:500;letter-spacing:.01em;box-shadow:none;min-width:0}.amount-currency-input input:focus{border:none;outline:none;box-shadow:none}.amount-currency-input:focus-within{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.amount-currency-input input::placeholder{color:#94a3b8}.honorario-currency-input .currency-symbol{left:14px;color:#94a3b8;font-size:.8rem;font-weight:700;letter-spacing:.04em}.honorario-currency-input input{padding:.85rem 1rem .85rem 3rem;border:1px solid #d7dee8;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc);font-size:1.05rem;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px 2px #0f172a0a}.honorario-currency-input input::placeholder{color:#a0aec0;font-weight:600}.honorario-currency-input input:focus{border-color:#cbd5e1;background:#fff;box-shadow:0 0 0 3px #94a3b824}.honorarios-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.honorarios-toolbar .section-description{margin:0;flex:1}.btn-equal-split{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .75rem;background:#fff;color:#64748b;border:1px solid #dbe2ea;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #0f172a0a}.btn-equal-split:hover{color:#475569;border-color:#cbd5e1;background:#f8fafc;box-shadow:0 2px 6px #0f172a0f}.btn-equal-split:active{transform:translateY(0)}.btn-equal-split__icon{font-size:.8rem;opacity:.7}.honorario-card--error{border-color:#f56565!important;box-shadow:0 0 0 3px #f5656526;animation:shakeError .4s ease}.honorario-card--error:before{background:linear-gradient(90deg,#f56565,#e53e3e)!important}.honorario-progress-bar--error{background:linear-gradient(90deg,#f56565,#e53e3e)!important}.porcentaje-total.error{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#e53e3e;color:#742a2a;animation:shakeError .4s ease}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media(max-width:1024px){.honorarios-container{grid-template-columns:1fr;gap:1rem}.honorario-card{padding:1.25rem}}@media(max-width:768px){.honorario-card{padding:1rem}.honorario-header h4{font-size:1rem}.honorario-icon{width:36px;height:36px}.percentage-input input{font-size:1rem;padding:.625rem 2rem .625rem .625rem}.amount-value{font-size:1rem}.porcentaje-total{font-size:1rem;padding:1rem}.total-value{font-size:1.25rem}}.propiedades-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary);max-width:100%;overflow-x:hidden}.propiedades-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);animation:slideIn .4s ease-out}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{color:var(--accent);padding:.75rem;background:var(--bg-secondary);border-radius:12px}.header-left h1{font-size:1.75em;font-weight:600;color:var(--text-primary);margin:0}.header-left p{color:var(--text-secondary);margin:0;font-size:.9em}.header-right{display:flex;align-items:center;gap:1.5rem}.font-size-control{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.font-label{font-weight:600;color:var(--text-secondary)}.font-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;cursor:pointer}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .2s ease}.font-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.font-value{font-size:.85em;color:var(--text-secondary);min-width:35px}.stats-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border);transition:all .3s ease;animation:fadeInUp .4s ease-out backwards;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:12px 0 0 12px}.stat-card--blue:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.stat-card--green:before{background:linear-gradient(180deg,#10b981,#059669)}.stat-card--yellow:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.stat-card--purple:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.stat-card--orange:before{background:linear-gradient(180deg,#f97316,#ea580c)}.stat-card__icon{padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon svg{width:24px!important;height:24px!important;stroke-width:2!important}.stat-card--blue .stat-card__icon{background:#3b82f626}.stat-card--blue .stat-card__icon svg{stroke:#3b82f6!important}.stat-card--green .stat-card__icon{background:#10b98126}.stat-card--green .stat-card__icon svg{stroke:#10b981!important}.stat-card--yellow .stat-card__icon{background:#f59e0b26}.stat-card--yellow .stat-card__icon svg{stroke:#f59e0b!important}.stat-card--purple .stat-card__icon{background:#8b5cf626}.stat-card--purple .stat-card__icon svg{stroke:#8b5cf6!important}.stat-card--orange .stat-card__icon{background:#f9731626}.stat-card--orange .stat-card__icon svg{stroke:#f97316!important}.stat-card__content{display:flex;flex-direction:column;gap:.25rem}.stat-card__value{font-size:1.5em;font-weight:700;color:var(--text-primary)}.stat-card__title{font-size:.85em;color:var(--text-secondary)}.stat-card--types{align-items:center;grid-column:span 3}.type-stats-list{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:.35rem}.type-stats-item{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(249,115,22,.28);background:#f9731614;color:var(--text-primary);font-size:.8em;line-height:1.2}.type-stats-empty{font-size:.85em;color:var(--text-secondary)}.toolbar-section{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);animation:fadeInUp .4s ease-out .2s backwards}.search-box{position:relative;flex:1;min-width:150px;height:42px}.search-box input{width:100%;padding:0 1rem 0 2.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;transition:all .2s ease;height:42px;box-sizing:border-box}.search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.filter-group{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;max-width:300px}.filter-group select{padding:0 2.5rem 0 .875rem;height:42px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;width:100%}.filter-group select:focus{outline:none;border-color:var(--accent)}.filter-group .multiselect{width:100%}.actions{display:flex;gap:.5rem;margin-left:auto;align-items:center;flex-wrap:wrap}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;height:42px;padding:0 1.25rem;border:none;border-radius:8px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn--primary:hover{opacity:.9;transform:translateY(-1px)}.btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--bg-hover);border-color:var(--accent)}.propiedades-page .view-toggle{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.propiedades-page .toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9em;font-weight:500}.propiedades-page .toggle-btn:hover{background:#3b82f614;color:var(--primary)}.propiedades-page .toggle-btn.active{background:#3b82f6;color:#fff!important;box-shadow:0 2px 8px #3b82f64d}.propiedades-page .toggle-btn.active:hover{background:#2563eb;color:#fff!important}.propiedades-page .charts-section{margin-top:1.25rem;animation:fadeIn .4s ease-out}.propiedades-page .charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.propiedades-page .chart-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;border:1px solid var(--border);transition:all .3s ease}.propiedades-page .chart-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.propiedades-page .chart-card--wide{grid-column:span 2}.propiedades-page .chart-card--loading{display:flex;align-items:center}.propiedades-page .chart-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.propiedades-page .chart-header h3{font-size:1.05em;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.propiedades-page .chart-header p{font-size:.85em;color:var(--text-secondary);margin:0}.propiedades-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.propiedades-page .empty-state svg{margin-bottom:.75rem;opacity:.5}.propiedades-page .empty-state h3{margin:0 0 .4rem;font-size:1.1em;color:var(--text-primary)}.propiedades-page .empty-state p{margin:0;font-size:.9em}.table-section{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;animation:fadeInUp .4s ease-out .3s backwards}.propiedades-datatable--centered .datatable th,.propiedades-datatable--centered .datatable td{text-align:center}.propiedades-datatable--centered .datatable-th-content{justify-content:center}.propiedades-datatable--centered .datatable tbody tr:not(.datatable-expanded-row) td>*{margin-left:auto;margin-right:auto}.propiedad-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85em}.propiedad-info{display:flex;flex-direction:column;gap:.25rem}.propiedad-estado{display:flex;align-items:center;justify-content:center;gap:.35rem}.propiedad-nombre{font-weight:500;color:var(--text-primary)}.propiedad-ubicacion{font-size:.8em;color:var(--text-secondary)}.estado-badge--construccion{border-color:#f59e0b38;background:linear-gradient(135deg,#f59e0b29,#d9770614);color:#d97706}.estado-badge--construccion:before{box-shadow:0 0 0 4px #d977061f}.estado-badge--amoblado{border-color:#3b82f638;background:linear-gradient(135deg,#3b82f629,#2563eb14);color:#2563eb}.estado-badge--amoblado:before{box-shadow:0 0 0 4px #2563eb1f}.estado-badge--disponible{border-color:#10b98138;background:linear-gradient(135deg,#10b98129,#05966914);color:#0f8f67}.estado-badge--disponible:before{box-shadow:0 0 0 4px #0f8f671f}.propiedad-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.action-btn--danger:hover{background:#ef44441a;color:#ef4444}.propiedad-details{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:1.5rem;animation:fadeIn .3s ease-out}.propiedad-details .details-section{min-width:0}.propiedad-details .details-section--location{grid-column:span 3}.propiedad-details .details-section--details,.propiedad-details .details-section--notes{grid-column:span 2}.propiedad-details .details-section--legajo{grid-column:span 5}.propiedad-details .details-section--timeline{grid-column:1 / -1}.propiedad-details .details-history-state{padding:.85rem .2rem .2rem;color:var(--text-secondary);font-weight:600}.details-section h4{display:flex;align-items:center;gap:.5rem;font-size:.85em;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.details-section p{font-size:.9em;color:var(--text-primary);margin-bottom:.35rem}.legajo-detail{display:flex;flex-direction:column;gap:.5rem}.legajo-adjuntos-detalle{display:flex;flex-direction:column;gap:.35rem}.legajo-adjunto-detalle-link{color:#047857;font-size:.9em;font-weight:500;text-decoration:none;word-break:break-word}.legajo-adjunto-detalle-link:hover{text-decoration:underline}.legajo-detail-item{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.85em}.legajo-label{font-weight:600;color:var(--text-secondary)}.legajo-badge{padding:.15rem .5rem;border-radius:999px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.legajo-badge--yes{background:#22c55e26;color:#16a34a}.legajo-badge--no{background:#ef44441f;color:#dc2626}.legajo-obs{color:var(--text-secondary)}@media(max-width:1200px){.stats-section{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card--types{grid-column:span 2}.toolbar-section{gap:.75rem}.filter-group{min-width:180px;max-width:250px}.propiedades-page .charts-grid{grid-template-columns:1fr}.propiedades-page .chart-card--wide{grid-column:span 1}}@media(max-width:768px){.propiedades-page{padding:1rem}.propiedades-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left{width:100%}.header-right{width:100%;justify-content:space-between}.stats-section{grid-template-columns:1fr;gap:.75rem}.stat-card--types{grid-column:span 1}.toolbar-section{flex-direction:column;align-items:stretch;padding:1rem}.search-box{width:100%;min-width:100%}.filter-group{width:100%;min-width:100%;max-width:100%}.actions{width:100%;margin-left:0;justify-content:stretch}.btn{flex:1}.propiedades-page .view-toggle{width:100%}.propiedades-page .toggle-btn{flex:1;justify-content:center}.propiedades-page .charts-grid{gap:1rem}.propiedades-page .chart-card{padding:1rem}.propiedad-details{grid-template-columns:1fr;gap:1rem;padding:1rem}}@media(max-width:480px){.propiedades-header{padding-bottom:1rem}.header-left h1{font-size:1.5em}.header-left p{font-size:.85em}.font-size-control{padding:.4rem .75rem}.font-slider{width:60px}.stat-card{padding:1rem}.stat-card__value{font-size:1.25em}.toolbar-section{padding:.75rem;gap:.5rem}.btn{padding:0 1rem;font-size:.85em}.btn span{display:none}.btn svg{margin:0}.propiedades-page .toggle-btn{padding:.45rem .6rem;font-size:.82em;gap:.35rem}}.tutorial-restart-btn{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease;z-index:999}[data-theme=dark] .tutorial-restart-btn{background:var(--accent);color:#1a1a1a;box-shadow:0 4px 12px #667eea66}.tutorial-restart-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px #667eea66}.tutorial-restart-btn:active{transform:scale(.95)}@media(max-width:768px){.propiedad-details{grid-template-columns:1fr;gap:1rem;padding:1rem}.propiedad-details .details-section--location,.propiedad-details .details-section--details,.propiedad-details .details-section--notes,.propiedad-details .details-section--legajo{grid-column:auto}.tutorial-restart-btn{bottom:1.5rem;right:1.5rem;width:48px;height:48px}}@media(max-width:480px){.tutorial-restart-btn{bottom:1rem;right:1rem;width:44px;height:44px}}.audit-cell{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.audit-date-wrapper{display:flex;align-items:center;gap:.4rem}.audit-clock-icon{color:var(--text-secondary);flex-shrink:0;opacity:.7}.audit-date{font-size:.85em;color:var(--text-primary);font-weight:500}.audit-empleado-compact{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:8px;border-left:3px solid var(--accent);transition:all .2s ease}.audit-empleado-compact:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);transform:translate(2px)}.audit-user-info{display:flex;align-items:center;gap:.4rem}.audit-user-icon{color:var(--accent);flex-shrink:0}.audit-user-name{font-size:.8em;color:var(--text-primary);font-weight:500;line-height:1.3}.audit-rol-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:12px;font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content;transition:all .2s ease}.audit-rol-badge--agente{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981;border:1px solid rgba(16,185,129,.3)}.audit-rol-badge--admin{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.audit-rol-badge--super-admin{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}[data-theme=dark] .audit-rol-badge--agente{background:linear-gradient(135deg,#10b98133,#05966933);color:#34d399;border-color:#10b98166}[data-theme=dark] .audit-rol-badge--admin{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24;border-color:#f59e0b66}[data-theme=dark] .audit-rol-badge--super-admin{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);color:#a78bfa;border-color:#8b5cf666}.audit-user-fallback{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:var(--bg-hover);border-radius:6px;border-left:2px solid var(--text-secondary)}.audit-user-small{font-size:.75em;color:var(--text-secondary);font-style:italic}.audit-detail-item{margin-bottom:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--accent)}.audit-detail-item strong{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.audit-empleado-detail{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.5rem;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:6px}.audit-empleado-detail .empleado-nombre{font-size:.9em;color:var(--text-primary);font-weight:500}.audit-empleado-detail .empleado-rol-badge{padding:.25rem .65rem;background:var(--accent);color:#fff;border-radius:12px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.3px}[data-theme=dark] .audit-empleado-detail .empleado-rol-badge{background:var(--accent);color:#1a1a1a}.operaciones-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary);max-width:100%;overflow-x:hidden}.operaciones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);animation:slideIn .4s ease-out}.operaciones-datatable--centered .datatable th,.operaciones-datatable--centered .datatable td{text-align:center}.operaciones-datatable--centered .datatable-th-content{justify-content:center}.operaciones-datatable--centered .datatable tbody tr:not(.datatable-expanded-row) td>*{margin-left:auto;margin-right:auto}.operacion-icon{width:40px;height:40px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85em}.operacion-icon--venta{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.operacion-icon--alquiler{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.operacion-icon--alquiler_temporal{background:linear-gradient(135deg,#f59e0b,#d97706)}.operacion-info{display:flex;flex-direction:column;gap:.25rem}.operacion-estado{display:flex;align-items:center;justify-content:center}.estado-cell{display:flex;flex-direction:column;align-items:center;gap:.2rem}.operacion-propiedad{font-weight:500;color:var(--text-primary)}.operacion-tipo{font-size:.8em;color:var(--text-secondary)}.estado-badge{display:flex;align-items:center;justify-content:center;gap:.45rem;width:fit-content;min-width:108px;margin:0 auto;padding:.42rem .95rem;border-radius:20px;border:1px solid transparent;font-size:.8em;font-weight:500;text-align:center;box-shadow:0 8px 18px #0f172a0f}.estado-badge:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.estado-badge--captada{border-color:#3b82f638;background:linear-gradient(135deg,#3b82f629,#2563eb14);color:#2563eb}.estado-badge--captada:before{box-shadow:0 0 0 4px #2563eb1f}.estado-badge--en_proceso{border-color:#f59e0b38;background:linear-gradient(135deg,#f59e0b29,#d9770614);color:#d97706}.estado-badge--en_proceso:before{box-shadow:0 0 0 4px #d977061f}.estado-badge--cerrada{border-color:#10b98138;background:linear-gradient(135deg,#10b98129,#05966914);color:#0f8f67}.estado-badge--cerrada:before{box-shadow:0 0 0 4px #0f8f671f}.estado-badge--cancelada{border-color:#ef444438;background:linear-gradient(135deg,#ef444429,#dc262614);color:#dc2626}.estado-badge--cancelada:before{box-shadow:0 0 0 4px #dc26261f}.origin-hint{font-size:.68rem;line-height:1;color:var(--text-muted, #94a3b8);opacity:.82;margin-top:.2rem}.operacion-actions{display:flex;gap:.5rem}.toolbar-section--operaciones{align-items:flex-start}.toolbar-section--operaciones .search-box{min-width:280px}.toolbar-quick-filters{display:flex;flex-wrap:wrap;gap:.6rem}.quick-filter-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:42px;padding:.6rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:linear-gradient(180deg,#ffffffeb,#f8fafceb);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.quick-filter-chip:hover,.quick-filter-chip--active{border-color:#2563eb4d;background:linear-gradient(135deg,#dbeafef2,#eff6fff2);color:#1d4ed8;box-shadow:0 10px 22px #2563eb1f}.btn--secondary-active{background:#2563eb14;border-color:#2563eb4d;color:#1d4ed8}.advanced-filters-panel{width:100%;padding:1.25rem;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:radial-gradient(circle at top right,rgba(59,130,246,.08),transparent 34%),linear-gradient(180deg,#fffffffa,#f8fafcf5)}.advanced-filters-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem}.advanced-filter-block{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border-radius:14px;border:1px solid rgba(226,232,240,.95);background:#ffffffd1}.advanced-filter-block h4{margin:0;font-size:.95rem;color:var(--text-primary)}.range-row,.select-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.range-row input,.select-row select{width:100%;min-height:42px;padding:.7rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em}.range-row input:focus,.select-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.date-range-group{display:flex;flex-direction:column;gap:.55rem}.date-range-group span{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.active-filters-bar{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.25rem}.active-filters-label{font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)}.active-filters-chips{display:flex;flex-wrap:wrap;gap:.55rem}.active-filter-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(14,116,144,.18);background:#ecfeffeb;color:#155e75;cursor:pointer;transition:all .2s ease}.active-filter-chip:hover{border-color:#0e749057;background:#cffafef2}.operacion-details{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:1.5rem;animation:fadeIn .3s ease-out}.operacion-details .details-section{min-width:0}.operacion-details .details-section--property{grid-column:span 3}.operacion-details .details-section--participants{grid-column:span 4}.operacion-details .details-section--dates{grid-column:span 3}.operacion-details .details-section--amounts{grid-column:span 2}.operacion-details .details-section--timeline{grid-column:1 / -1}.operacion-details .details-history-state{padding:.85rem .2rem .2rem;color:var(--text-secondary);font-weight:600}@media(max-width:768px){.operaciones-page{padding:1rem}.operaciones-header{flex-direction:column;align-items:flex-start;gap:1rem}.operacion-details{grid-template-columns:1fr;gap:1rem;padding:1rem}.operacion-details .details-section--property,.operacion-details .details-section--participants,.operacion-details .details-section--dates,.operacion-details .details-section--amounts{grid-column:auto}.advanced-filters-grid,.range-row,.select-row{grid-template-columns:1fr}.toolbar-quick-filters,.active-filters-chips{width:100%}}@media(max-width:480px){.operaciones-header{padding-bottom:1rem}.header-left h1{font-size:1.5em}.header-left p{font-size:.85em}.toolbar-section--operaciones .search-box,.toolbar-quick-filters,.advanced-filters-panel,.active-filters-bar{min-width:100%}}.view-toggle{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9em;font-weight:500}.toggle-btn:hover{background:#3b82f614;color:var(--primary)}.toggle-btn.active{background:#3b82f6;color:#fff!important;box-shadow:0 2px 8px #3b82f64d}.toggle-btn.active:hover{background:#2563eb;color:#fff!important}.charts-section{margin-top:2rem;animation:fadeIn .4s ease-out}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;animation:slideUp .4s ease-out}.chart-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.chart-card--wide{grid-column:span 2}.chart-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.chart-header h3{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.chart-header p{font-size:.85em;color:var(--text-secondary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.2em;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{font-size:.9em;max-width:400px}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-card--wide{grid-column:span 1}}@media(max-width:768px){.view-toggle{width:100%}.toggle-btn{flex:1;justify-content:center}.charts-grid{gap:1rem}.chart-card{padding:1rem}.chart-header h3{font-size:1em}.chart-header p{font-size:.8em}}.nominas-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary)}.nominas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);animation:slideIn .4s ease-out}.nominas-header .header-left{display:flex;align-items:center;gap:1rem}.nominas-header .header-icon{color:var(--accent);padding:.75rem;background:var(--bg-secondary);border-radius:12px}.nominas-header .header-left h1{font-size:1.75em;font-weight:600;color:var(--text-primary);margin:0}.nominas-header .header-left p{color:var(--text-secondary);margin:0;font-size:.9em}.nominas-header .header-right{display:flex;align-items:center;gap:1.5rem}.nominas-page .font-size-control{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.nominas-page .font-label{font-weight:600;color:var(--text-secondary)}.nominas-page .font-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;cursor:pointer}.nominas-page .font-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .2s ease}.nominas-page .font-value{font-size:.85em;color:var(--text-secondary);min-width:35px}.nominas-page .view-toggle{display:flex;background:var(--bg-secondary);border-radius:8px;padding:4px;border:1px solid var(--border)}.nominas-page .toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.9em;transition:all .2s ease}.nominas-page .toggle-btn:hover{color:var(--text-primary)}.nominas-page .toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.nominas-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.nomina-stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border);transition:all .3s ease;animation:fadeInUp .4s ease-out backwards;position:relative;overflow:hidden}.nomina-stat-card:nth-child(1){animation-delay:.05s}.nomina-stat-card:nth-child(2){animation-delay:.1s}.nomina-stat-card:nth-child(3){animation-delay:.15s}.nomina-stat-card:nth-child(4){animation-delay:.2s}.nomina-stat-card:nth-child(5){animation-delay:.25s}.nomina-stat-card:nth-child(6){animation-delay:.3s}.nomina-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.nomina-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:12px 0 0 12px}.nomina-stat-card--blue:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.nomina-stat-card--green:before{background:linear-gradient(180deg,#10b981,#059669)}.nomina-stat-card--red:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.nomina-stat-card--purple:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.nomina-stat-card--orange:before{background:linear-gradient(180deg,#f97316,#ea580c)}.nomina-stat-card--teal:before{background:linear-gradient(180deg,#14b8a6,#0d9488)}.nomina-stat-card__icon{padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.nomina-stat-card--blue .nomina-stat-card__icon{background:#3b82f626;color:#3b82f6}.nomina-stat-card--green .nomina-stat-card__icon{background:#10b98126;color:#10b981}.nomina-stat-card--red .nomina-stat-card__icon{background:#ef444426;color:#ef4444}.nomina-stat-card--purple .nomina-stat-card__icon{background:#8b5cf626;color:#8b5cf6}.nomina-stat-card--orange .nomina-stat-card__icon{background:#f9731626;color:#f97316}.nomina-stat-card--teal .nomina-stat-card__icon{background:#14b8a626;color:#14b8a6}.nomina-stat-card__content{display:flex;flex-direction:column;gap:.25rem}.nomina-stat-card__value{font-size:1.5em;font-weight:700;color:var(--text-primary)}.nomina-stat-card__title{font-size:.85em;color:var(--text-secondary)}.nomina-stat-card__subtitle{font-size:.75em;color:var(--text-secondary);opacity:.8}.nomina-stat-card__trend{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;font-size:.75em;font-weight:600;padding:.25rem .5rem;border-radius:20px}.nomina-stat-card__trend.positive{background:#10b98126;color:#10b981}.nomina-stat-card__trend.negative{background:#ef444426;color:#ef4444}.nominas-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);animation:fadeInUp .4s ease-out .2s backwards}.nominas-toolbar .search-box{position:relative;flex:1;min-width:200px;max-width:300px}.nominas-toolbar .search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95em;transition:all .2s ease}.nominas-toolbar .search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a}.nominas-toolbar .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.nominas-toolbar .filters{display:flex;gap:.75rem;flex-wrap:wrap}.nominas-toolbar .filter-group{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.nominas-toolbar .filter-group select{padding:.65rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;cursor:pointer}.nominas-toolbar .actions{display:flex;gap:.5rem;margin-left:auto}.nominas-toolbar .btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border:none;border-radius:8px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.nominas-toolbar .btn--primary{background:var(--accent);color:var(--bg-primary)}.nominas-toolbar .btn--primary:hover{opacity:.9;transform:translateY(-1px)}.nominas-toolbar .btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.nominas-toolbar .btn--secondary:hover{background:var(--bg-hover)}.nominas-table-section{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;animation:fadeInUp .4s ease-out .3s backwards}.nominas-table-section .table-container{overflow-x:auto}.nominas-table{width:100%;border-collapse:collapse}.nominas-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.nominas-table th.text-right,.nominas-table td.text-right{text-align:right}.nominas-table td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:middle}.nomina-row{cursor:pointer;transition:all .2s ease}.nomina-row:hover,.nomina-row.expanded{background:var(--bg-hover)}.periodo-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.periodo-cell span{color:var(--text-primary)}td.deduccion{color:#ef4444}td.liquido{font-weight:600;color:#10b981}.estado-nomina{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8em;font-weight:500}.estado-nomina--green{background:#10b98126;color:#10b981}.estado-nomina--blue{background:#3b82f626;color:#3b82f6}.estado-nomina--yellow{background:#f59e0b26;color:#f59e0b}.estado-nomina--red{background:#ef444426;color:#ef4444}.nomina-actions{display:flex;gap:.35rem}.nomina-actions .action-btn{padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.nomina-actions .action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.nomina-details-row td{padding:0;background:var(--bg-primary)}.nomina-quick-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;animation:fadeIn .3s ease-out}.quick-section h4{font-size:.8em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.quick-items{display:flex;flex-direction:column;gap:.5rem}.quick-item{display:flex;justify-content:space-between;align-items:center;font-size:.9em}.quick-item span{color:var(--text-secondary)}.quick-item strong{color:var(--text-primary)}.quick-item strong.deduccion{color:#ef4444}.quick-item.total{padding-top:.5rem;border-top:1px solid var(--border);margin-top:.5rem}.quick-item.total strong{font-size:1.1em;color:#10b981}.nominas-table-section .table-footer{padding:1rem;border-top:1px solid var(--border);background:var(--bg-primary)}.table-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--text-secondary);font-size:.9em}.summary-totals{display:flex;gap:2rem}.summary-totals strong{color:var(--text-primary);margin-left:.5rem}.nominas-charts-section{animation:fadeInUp .4s ease-out .2s backwards}.nominas-charts-section .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.nominas-charts-section .chart-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border);transition:all .3s ease}.nominas-charts-section .chart-card--wide{grid-column:1 / -1}.nominas-charts-section .chart-card:hover{box-shadow:0 8px 25px #00000014}.nominas-charts-section .chart-card h3{display:flex;align-items:center;gap:.5rem;font-size:1em;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.nomina-modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:1000px;max-height:95vh;overflow-y:auto;position:relative;animation:fadeInUp .3s ease-out;border:1px solid var(--border)}.nomina-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.modal-header-left{display:flex;align-items:center;gap:1rem}.modal-header-left h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-header-left p{color:var(--text-secondary);margin:0;font-size:.9em}.modal-header-actions{display:flex;gap:.5rem}.modal-action-btn{padding:.6rem;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.modal-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close-btn{padding:.6rem;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease;margin-left:.5rem}.nomina-modal-body{padding:2rem}.recibo-header{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.recibo-empresa,.recibo-trabajador,.recibo-periodo{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border)}.recibo-empresa h3,.recibo-trabajador h3,.recibo-periodo h3{font-size:.75em;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.recibo-empresa p,.recibo-trabajador p,.recibo-periodo p{font-size:.9em;color:var(--text-primary);margin:.35rem 0}.recibo-section{margin-bottom:1.5rem}.recibo-section-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:.75rem 1rem;border-radius:8px 8px 0 0;border:1px solid var(--border);border-bottom:none}.recibo-section-header h3{font-size:.9em;font-weight:600;color:var(--text-primary);margin:0}.section-total{font-size:.8em;color:var(--text-secondary);text-transform:uppercase}.recibo-table{border:1px solid var(--border);border-radius:0 0 8px 8px;overflow:hidden}.recibo-subsection{padding:1rem;border-bottom:1px solid var(--border)}.recibo-subsection:last-child{border-bottom:none}.recibo-subsection h4{font-size:.8em;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.recibo-line{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.9em}.recibo-line span:first-child{color:var(--text-secondary)}.recibo-line span:last-child{color:var(--text-primary);font-weight:500}.recibo-total-line{display:flex;justify-content:space-between;padding:1rem;background:var(--bg-secondary);font-weight:600}.recibo-total-line span:first-child{color:var(--text-primary)}.recibo-total-line span:last-child{color:#10b981;font-size:1.1em}.recibo-total-line.deduccion span:last-child{color:#ef4444}.recibo-liquido{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:1.5rem;margin:2rem 0}.liquido-formula{display:flex;justify-content:space-between;align-items:center;color:#fff}.liquido-formula span:first-child{font-weight:500;font-size:1em}.liquido-amount{font-size:2em;font-weight:700}.recibo-bases .bases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:0 0 8px 8px}.base-item{display:flex;justify-content:space-between;padding:.5rem;background:var(--bg-secondary);border-radius:6px}.base-item span{font-size:.85em;color:var(--text-secondary)}.base-item strong{color:var(--text-primary)}.recibo-empresa-aportacion .empresa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:0 0 8px 8px}.empresa-item{display:flex;justify-content:space-between;padding:.5rem;font-size:.9em}.empresa-item span{color:var(--text-secondary)}.empresa-item strong{color:var(--text-primary)}.empresa-item.total{grid-column:1 / -1;background:#8b5cf61a;border-radius:6px;padding:.75rem;margin-top:.5rem}.empresa-item.total strong{color:#8b5cf6;font-size:1.1em}.recibo-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border)}.pago-info,.observaciones{background:var(--bg-secondary);padding:1rem;border-radius:8px}.pago-info h4,.observaciones h4{font-size:.8em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem}.pago-info p,.observaciones p{font-size:.9em;color:var(--text-primary);margin:.35rem 0}.firmas{display:flex;gap:2rem;justify-content:center;align-items:flex-end}.firma{text-align:center}.firma p{font-size:.85em;color:var(--text-secondary);margin-bottom:2rem}.firma-line{width:150px;height:1px;background:var(--border);margin-bottom:.5rem}.firma span{font-size:.8em;color:var(--text-secondary)}@media(max-width:1024px){.nominas-page{padding:1.5rem}.nominas-charts-section .charts-grid{grid-template-columns:1fr}.nominas-charts-section .chart-card--wide{grid-column:1}.recibo-header,.recibo-footer{grid-template-columns:1fr}}@media(max-width:768px){.nominas-page{padding:1rem}.nominas-header{flex-direction:column;align-items:flex-start;gap:1rem}.nominas-header .header-right{width:100%;flex-wrap:wrap}.nominas-stats-section{grid-template-columns:repeat(2,1fr)}.nominas-toolbar{flex-direction:column;align-items:stretch}.nominas-toolbar .search-box{max-width:none}.nominas-toolbar .filters{flex-direction:column}.nominas-toolbar .filter-group{width:100%}.nominas-toolbar .filter-group select{flex:1}.nominas-toolbar .actions{margin-left:0;justify-content:center}.nominas-table th:nth-child(2),.nominas-table td:nth-child(2){display:none}.nomina-quick-details{grid-template-columns:1fr}.nomina-modal-header{flex-direction:column;gap:1rem;align-items:flex-start}.nomina-modal-body{padding:1rem}.recibo-bases .bases-grid,.recibo-empresa-aportacion .empresa-grid{grid-template-columns:1fr}.firmas{flex-direction:column;gap:1.5rem}.table-summary{flex-direction:column;align-items:flex-start}.summary-totals{flex-direction:column;gap:.5rem}}@media(max-width:480px){.nominas-page{padding:.75rem}.nominas-header .header-left h1{font-size:1.25em}.nominas-stats-section{grid-template-columns:1fr}.nomina-stat-card{padding:1rem}.nomina-stat-card__value{font-size:1.25em}.nominas-table th:nth-child(4),.nominas-table td:nth-child(4),.nominas-table th:nth-child(5),.nominas-table td:nth-child(5){display:none}.nominas-toolbar .btn span{display:none}.liquido-amount{font-size:1.5em}.nominas-charts-section .charts-grid{grid-template-columns:1fr}.nominas-charts-section .chart-card{min-width:auto}}.nominas-table-section .table-container::-webkit-scrollbar,.nomina-modal-content::-webkit-scrollbar{height:8px;width:8px}.nominas-table-section .table-container::-webkit-scrollbar-track,.nomina-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.nominas-table-section .table-container::-webkit-scrollbar-thumb,.nomina-modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media print{.nominas-header,.nominas-toolbar,.nominas-stats-section,.modal-header-actions,.nominas-charts-section{display:none!important}.nominas-page{padding:0}.nomina-modal-content{max-width:100%;border:none;box-shadow:none}.recibo-liquido{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.solicitud-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease}.solicitud-modal__header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,var(--header-accent),color-mix(in srgb,var(--header-accent) 80%,black));color:#fff}.solicitud-modal__header .header-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.solicitud-modal__header .header-text{flex:1}.solicitud-modal__header h2{font-size:1.25rem;font-weight:600;margin:0}.solicitud-modal__header p{font-size:.875rem;opacity:.9;margin:4px 0 0}.solicitud-modal__header .modal-close{width:36px;height:36px;border:none;background:#fff3;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.solicitud-modal__header .modal-close:hover{background:#ffffff4d}.solicitud-modal__body{padding:24px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.label-with-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.label-with-action label{margin-bottom:0}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:.9375rem;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group .error-text{display:block;color:#ef4444;font-size:.8125rem;margin-top:6px}.tipo-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tipo-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border:2px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.tipo-btn:hover{border-color:var(--tipo-color);background:color-mix(in srgb,var(--tipo-color) 10%,transparent)}.tipo-btn.active{border-color:var(--tipo-color);background:color-mix(in srgb,var(--tipo-color) 15%,transparent);color:var(--tipo-color)}.tipo-btn svg{flex-shrink:0}.dias-preview{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:12px;margin-bottom:20px}.dias-preview .dias-count{font-size:2rem;font-weight:700;color:#3b82f6}.dias-preview .dias-label{font-size:.9375rem;color:var(--text-secondary)}.solicitud-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border);margin-top:8px}.solicitud-modal__footer .btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.solicitud-modal__footer .btn--secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.solicitud-modal__footer .btn--secondary:hover{background:var(--bg-hover)}.solicitud-modal__footer .btn--primary{background:#3b82f6;border:none;color:#fff}.solicitud-modal__footer .btn--primary:hover:not(:disabled){background:#2563eb}.solicitud-modal__footer .btn--primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.solicitud-modal{max-width:100%;max-height:100%;border-radius:0}.form-row{grid-template-columns:1fr}.tipo-selector{grid-template-columns:1fr 1fr}.tipo-btn span{display:none}.tipo-btn{justify-content:center;padding:12px}}.vacaciones-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary)}.vacaciones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);animation:slideIn .4s ease-out}.vacaciones-header .header-left{display:flex;align-items:center;gap:1rem}.vacaciones-header .header-icon{color:var(--accent);padding:.75rem;background:var(--bg-secondary);border-radius:12px}.vacaciones-header .header-left h1{font-size:1.75em;font-weight:600;color:var(--text-primary);margin:0}.vacaciones-header .header-left p{color:var(--text-secondary);margin:0;font-size:.9em}.vacaciones-header .header-right{display:flex;align-items:center;gap:1.5rem}.vacaciones-page .font-size-control{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.vacaciones-page .font-label{font-weight:600;color:var(--text-secondary)}.vacaciones-page .font-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;cursor:pointer}.vacaciones-page .font-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.vacaciones-page .font-value{font-size:.85em;color:var(--text-secondary);min-width:35px}.vacaciones-page .view-toggle{display:flex;background:var(--bg-secondary);border-radius:8px;padding:4px;border:1px solid var(--border)}.vacaciones-page .toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.85em;transition:all .2s ease}.vacaciones-page .toggle-btn:hover{color:var(--text-primary)}.vacaciones-page .toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.vacaciones-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.vac-stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border);transition:all .3s ease;animation:fadeInUp .4s ease-out backwards;position:relative;overflow:hidden}.vac-stat-card:nth-child(1){animation-delay:.05s}.vac-stat-card:nth-child(2){animation-delay:.1s}.vac-stat-card:nth-child(3){animation-delay:.15s}.vac-stat-card:nth-child(4){animation-delay:.2s}.vac-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.vac-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:12px 0 0 12px}.vac-stat-card--green:before{background:linear-gradient(180deg,#10b981,#059669)}.vac-stat-card--blue:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.vac-stat-card--yellow:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.vac-stat-card--purple:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.vac-stat-card__icon{padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.vac-stat-card--green .vac-stat-card__icon{background:#10b98126;color:#10b981}.vac-stat-card--blue .vac-stat-card__icon{background:#3b82f626;color:#3b82f6}.vac-stat-card--yellow .vac-stat-card__icon{background:#f59e0b26;color:#f59e0b}.vac-stat-card--purple .vac-stat-card__icon{background:#8b5cf626;color:#8b5cf6}.vac-stat-card__content{display:flex;flex-direction:column;gap:.25rem;flex:1}.vac-stat-card__value{font-size:1.75em;font-weight:700;color:var(--text-primary)}.vac-stat-card__title{font-size:.85em;color:var(--text-secondary)}.vac-stat-card__subtitle{font-size:.75em;color:var(--text-secondary);opacity:.8}.vac-stat-card__progress{width:100%;height:4px;background:var(--border);border-radius:2px;margin-top:.5rem;overflow:hidden}.vac-stat-card__progress .progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.vacaciones-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);animation:fadeInUp .4s ease-out .2s backwards}.vacaciones-toolbar .filters{display:flex;gap:.75rem;flex-wrap:wrap}.vacaciones-toolbar .filter-group{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.vacaciones-toolbar .filter-group select{padding:.65rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;cursor:pointer}.vacaciones-toolbar .actions{display:flex;gap:.5rem}.vacaciones-toolbar .btn,.vacaciones-page .btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border:none;border-radius:8px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.vacaciones-toolbar .btn--primary,.vacaciones-page .btn--primary{background:var(--accent);color:var(--bg-primary)}.vacaciones-toolbar .btn--secondary,.vacaciones-page .btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.vacaciones-page .btn--approve{background:#10b981;color:#fff}.vacaciones-page .btn--reject{background:transparent;color:#ef4444;border:1px solid #ef4444}.estado-vac{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8em;font-weight:500}.estado-vac--green{background:#10b98126;color:#10b981}.estado-vac--yellow{background:#f59e0b26;color:#f59e0b}.estado-vac--red{background:#ef444426;color:#ef4444}.estado-vac--gray{background:#6b728026;color:#6b7280}.tipo-ausencia-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8em;font-weight:500;background:color-mix(in srgb,var(--tipo-color) 15%,transparent);color:var(--tipo-color)}.solicitudes-table-section{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;animation:fadeInUp .4s ease-out .3s backwards}.solicitudes-table-section .table-container{overflow-x:auto}.solicitudes-table{width:100%;border-collapse:collapse}.solicitudes-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.solicitudes-table th.text-center{text-align:center}.solicitudes-table td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:middle}.solicitud-row{cursor:pointer;transition:all .2s ease}.solicitud-row:hover,.solicitud-row.expanded{background:var(--bg-hover)}.fechas-cell{display:flex;align-items:center;gap:.5rem}.fecha-inicio,.fecha-fin{font-weight:500;color:var(--text-primary)}.dias-count{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;font-weight:600;font-size:.9em;color:var(--text-primary)}.fecha-solicitud{font-size:.9em;color:var(--text-secondary)}.solicitud-actions{display:flex;gap:.35rem}.solicitud-actions .action-btn{padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.solicitud-actions .action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.solicitud-actions .action-btn--approve:hover{background:#10b98126;color:#10b981}.solicitud-actions .action-btn--reject:hover{background:#ef444426;color:#ef4444}.solicitud-details-row td{padding:0;background:var(--bg-primary)}.solicitud-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1.5rem;animation:fadeIn .3s ease-out}.detail-section h4{font-size:.8em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.detail-section p{font-size:.95em;color:var(--text-primary);line-height:1.5}.detail-section .aprobador{display:block;font-size:.85em;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.detail-info{display:flex;flex-direction:column;gap:.35rem;font-size:.9em;color:var(--text-secondary)}.detail-info .warning{color:#f59e0b}.calendario-section{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);padding:1.5rem;animation:fadeInUp .4s ease-out .2s backwards}.calendario-header{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem}.calendario-header h2{font-size:1.25em;font-weight:600;color:var(--text-primary);min-width:200px;text-align:center}.nav-btn{padding:.5rem;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.calendario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.mini-calendario{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border);padding:1rem}.cal-header{text-align:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border)}.cal-header span{font-weight:600;color:var(--text-primary)}.cal-dias-semana{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.cal-dias-semana span{text-align:center;font-size:.75em;font-weight:600;color:var(--text-secondary);padding:.25rem}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dia{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.85em;color:var(--text-primary);border-radius:6px;transition:all .2s ease;cursor:default}.cal-dia.empty{background:transparent}.cal-dia:not(.empty):hover{background:var(--bg-hover)}.cal-dia.hoy{background:var(--accent);color:var(--bg-primary);font-weight:600}.cal-dia.festivo{background:#ef444426;color:#ef4444}.cal-dia.ausencia{background:#3b82f626;color:#3b82f6}.cal-dia.bloqueo{background:#6b728026;color:#6b7280;text-decoration:line-through}.calendario-leyenda{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.leyenda-item{display:flex;align-items:center;gap:.5rem;font-size:.85em;color:var(--text-secondary)}.leyenda-dot{width:12px;height:12px;border-radius:4px}.leyenda-dot.hoy{background:var(--accent)}.leyenda-dot.festivo{background:#ef444480}.leyenda-dot.ausencia{background:#3b82f680}.leyenda-dot.bloqueo{background:#6b728080}.equipo-section{animation:fadeInUp .4s ease-out .2s backwards}.equipo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.empleado-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;transition:all .3s ease}.empleado-card:hover{box-shadow:0 8px 25px #00000014}.empleado-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid var(--border)}.empleado-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1em}.empleado-info h3{font-size:1em;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.empleado-info p{font-size:.85em;color:var(--text-secondary);margin:0}.politica-badge{display:inline-block;font-size:.75em;padding:.2rem .5rem;background:var(--bg-primary);border-radius:4px;color:var(--text-secondary);margin-top:.35rem}.empleado-balances{padding:1rem;display:flex;flex-direction:column;gap:1rem}.balance-card{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);padding:1rem}.balance-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--balance-color);font-weight:500;font-size:.9em}.balance-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.balance-value{display:block;font-size:1.25em;font-weight:700;color:var(--text-primary)}.balance-value.total{color:var(--balance-color)}.balance-label{font-size:.7em;color:var(--text-secondary);text-transform:uppercase}.balance-progress{position:relative}.progress-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden;position:relative}.progress-used{position:absolute;height:100%;background:var(--balance-color);border-radius:3px;transition:width .3s ease}.progress-pending{position:absolute;height:100%;background:#f59e0b;border-radius:3px}.progress-text{display:block;text-align:right;font-size:.75em;color:var(--text-secondary);margin-top:.35rem}.analisis-section{animation:fadeInUp .4s ease-out .2s backwards}.analisis-section .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.analisis-section .chart-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border);transition:all .3s ease}.analisis-section .chart-card:hover{box-shadow:0 8px 25px #00000014}.analisis-section .chart-card h3{display:flex;align-items:center;gap:.5rem;font-size:1em;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.vac-modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInUp .3s ease-out;border:1px solid var(--border)}.vac-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--header-color) 15%,transparent),color-mix(in srgb,var(--header-color) 5%,transparent));border-bottom:1px solid var(--border)}.modal-tipo-icon{width:48px;height:48px;border-radius:12px;background:var(--header-color);color:#fff;display:flex;align-items:center;justify-content:center}.modal-header-info h2{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.vac-modal-body{padding:1.5rem}.modal-dates-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--border)}.date-block{text-align:center}.date-label{display:block;font-size:.75em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.35rem}.date-value{font-size:.95em;font-weight:500;color:var(--text-primary)}.date-arrow{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary)}.dias-badge{font-size:.8em;font-weight:600;padding:.25rem .75rem;background:var(--accent);color:var(--bg-primary);border-radius:20px}.modal-section{margin-bottom:1.5rem}.modal-section h3{display:flex;align-items:center;gap:.5rem;font-size:.9em;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.comentario-text{font-size:.95em;color:var(--text-primary);line-height:1.6;background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border)}.modal-section--response .comentario-text{background:#10b9810d;border-color:#10b98133}.response-meta{display:block;font-size:.8em;color:var(--text-secondary);margin-top:.5rem}.modal-timeline{margin-bottom:1.5rem}.timeline{position:relative;padding-left:1.5rem}.timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:1rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-1.5rem;top:0;width:12px;height:12px;border-radius:50%;background:var(--border);border:2px solid var(--bg-primary)}.timeline-dot.aprobada{background:#10b981}.timeline-dot.rechazada{background:#ef4444}.timeline-content{display:flex;flex-direction:column;gap:.15rem}.timeline-date{font-size:.8em;color:var(--text-secondary)}.timeline-text{font-size:.9em;color:var(--text-primary)}.modal-actions .btn{flex:1;justify-content:center}@media(max-width:1024px){.vacaciones-page{padding:1.5rem}.analisis-section .charts-grid,.equipo-grid{grid-template-columns:1fr}}@media(max-width:768px){.vacaciones-page{padding:1rem}.vacaciones-header{flex-direction:column;align-items:flex-start;gap:1rem}.vacaciones-header .header-right{width:100%;flex-direction:column;gap:1rem}.vacaciones-page .view-toggle{width:100%;justify-content:center;flex-wrap:wrap}.vacaciones-stats-section{grid-template-columns:repeat(2,1fr)}.vacaciones-toolbar{flex-direction:column;align-items:stretch}.vacaciones-toolbar .filters{flex-direction:column}.vacaciones-toolbar .filter-group{width:100%}.vacaciones-toolbar .filter-group select{flex:1}.vacaciones-toolbar .actions{justify-content:center}.solicitudes-table th:nth-child(6),.solicitudes-table td:nth-child(6){display:none}.solicitud-details,.calendario-grid{grid-template-columns:1fr}.calendario-leyenda{flex-wrap:wrap;gap:1rem}.modal-dates-card{flex-direction:column;gap:1rem}.date-arrow{transform:rotate(90deg)}.vac-modal-header{flex-direction:column;gap:1rem;align-items:flex-start}.modal-actions{flex-direction:column}}@media(max-width:480px){.vacaciones-page{padding:.75rem}.vacaciones-header .header-left h1{font-size:1.25em}.vacaciones-stats-section{grid-template-columns:1fr}.vac-stat-card{padding:1rem}.vac-stat-card__value{font-size:1.5em}.solicitudes-table th:nth-child(2),.solicitudes-table td:nth-child(2),.solicitudes-table th:nth-child(4),.solicitudes-table td:nth-child(4){display:none}.vacaciones-toolbar .btn span{display:none}.balance-numbers{grid-template-columns:repeat(2,1fr)}.equipo-grid,.analisis-section .charts-grid{grid-template-columns:1fr}.analisis-section .chart-card{min-width:auto}}.solicitudes-table-section .table-container::-webkit-scrollbar,.vac-modal-content::-webkit-scrollbar{height:8px;width:8px}.solicitudes-table-section .table-container::-webkit-scrollbar-track,.vac-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.solicitudes-table-section .table-container::-webkit-scrollbar-thumb,.vac-modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media print{.vacaciones-header,.vacaciones-toolbar,.vacaciones-stats-section,.modal-header-actions,.analisis-section{display:none!important}.vacaciones-page{padding:0}}.vac-modal-content--with-calendar{max-width:700px}.modal-calendar-section{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border)}.modal-calendar{flex:1;min-width:280px}.modal-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.cal-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.cal-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-color)}.cal-month-title{font-weight:600;font-size:1em;color:var(--text-primary)}.modal-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.modal-calendar-weekdays span{text-align:center;font-size:.75em;font-weight:600;color:var(--text-secondary);padding:.5rem 0}.modal-calendar-weekdays span.weekend{color:var(--accent-color);opacity:.7}.modal-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.modal-cal-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.85em;color:var(--text-primary);border-radius:8px;transition:all .2s ease;position:relative;background:var(--bg-primary);cursor:default}.modal-cal-day.empty{background:transparent}.modal-cal-day.weekend{color:var(--text-secondary)}.modal-cal-day.today{font-weight:700}.modal-cal-day.today .day-number{position:relative}.modal-cal-day.today .day-number:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent-color);border-radius:50%}.modal-cal-day.festivo{color:#ef4444}.modal-cal-day.bloqueo{color:var(--text-secondary);opacity:.5;text-decoration:line-through}.festivo-dot{position:absolute;top:4px;right:4px;width:5px;height:5px;background:#ef4444;border-radius:50%}.modal-cal-day.start,.modal-cal-day.end,.modal-cal-day.single{background:var(--accent-color);color:#fff;font-weight:600}.modal-cal-day.start{border-radius:8px 0 0 8px}.modal-cal-day.end{border-radius:0 8px 8px 0}.modal-cal-day.single{border-radius:8px}.modal-cal-day.range{background:color-mix(in srgb,var(--accent-color) 20%,transparent);color:var(--accent-color);border-radius:0;font-weight:500}.modal-calendar-legend{display:flex;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75em;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:4px}.legend-color.selected{background:var(--accent-color)}.legend-color.festivo{background:#ef4444}.legend-color.today{background:var(--bg-primary);border:2px solid var(--accent-color)}.modal-dates-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-width:140px}.date-summary-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border);width:100%;text-align:center;transition:all .2s ease}.date-summary-card.start{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.date-summary-card.end{border-top-left-radius:4px;border-top-right-radius:4px}.summary-label{font-size:.65em;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:.25rem}.summary-day{font-size:2em;font-weight:700;color:var(--accent-color);line-height:1}.summary-month{font-size:.9em;font-weight:500;color:var(--text-primary);margin-top:.15rem}.summary-weekday{font-size:.75em;color:var(--text-secondary);text-transform:capitalize}.date-summary-connector{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem 0}.connector-line{width:2px;height:12px;background:linear-gradient(180deg,var(--accent-color),transparent);border-radius:1px}.connector-days{font-size:.8em;font-weight:700;color:#fff;background:var(--accent-color);padding:.35rem .75rem;border-radius:20px}@media(max-width:768px){.modal-calendar-section{flex-direction:column}.modal-dates-summary{flex-direction:row;width:100%}.date-summary-card{flex:1}.date-summary-card.start{border-radius:12px 4px 4px 12px}.date-summary-card.end{border-radius:4px 12px 12px 4px}.date-summary-connector{flex-direction:row;padding:0 .5rem}.connector-line{width:12px;height:2px;background:linear-gradient(90deg,var(--accent-color),transparent)}}@media(max-width:480px){.vac-modal-content--with-calendar{max-width:100%}.modal-calendar-section{padding:1rem}.modal-cal-day{font-size:.75em}.summary-day{font-size:1.5em}.modal-calendar-legend{justify-content:center}}.confirmacion-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease}.confirmacion-modal__header{display:flex;align-items:center;justify-content:center;padding:24px}.confirmacion-modal__body{padding:24px;text-align:center}.confirmacion-modal__body h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.confirmacion-modal__body>p{color:var(--text-secondary);font-size:.9375rem;margin-bottom:20px}.solicitud-resumen{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:20px;text-align:left}.resumen-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.resumen-item:last-child{border-bottom:none}.resumen-label{color:var(--text-secondary);font-size:.875rem}.resumen-value{color:var(--text-primary);font-weight:500;font-size:.875rem}.comentario-field{text-align:left}.comentario-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.comentario-field textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);resize:vertical;min-height:80px;transition:border-color .2s}.comentario-field textarea:focus{outline:none;border-color:#3b82f6}.confirmacion-modal__footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.confirmacion-modal__footer .btn{padding:12px 20px;border-radius:10px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirmacion-modal__footer .btn--secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.confirmacion-modal__footer .btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.confirmacion-modal__footer .btn--approve,.confirmacion-modal__footer .btn--reject{color:#fff}.confirmacion-modal__footer .btn--approve:hover:not(:disabled){filter:brightness(1.1)}.confirmacion-modal__footer .btn--reject:hover:not(:disabled){filter:brightness(1.1)}.confirmacion-modal__footer .btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.confirmacion-modal{max-width:100%;margin:16px;border-radius:12px}.confirmacion-modal__footer{flex-direction:column}.confirmacion-modal__footer .btn{width:100%}}.sucursal-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:650px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sucursal-modal__header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.sucursal-modal__header .header-text{flex:1}.sucursal-modal__header h2{font-size:1.25rem;font-weight:600;margin:0}.sucursal-modal__header p{font-size:.875rem;opacity:.9;margin:4px 0 0}.sucursal-modal__header .modal-close{width:36px;height:36px;border:none;background:#fff3;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.sucursal-modal__header .modal-close:hover{background:#ffffff4d}.sucursal-modal__tabs{display:flex;gap:4px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.sucursal-modal__tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.sucursal-modal__tabs .tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sucursal-modal__tabs .tab-btn.active{background:var(--bg-primary);color:#3b82f6;box-shadow:0 1px 3px #0000001a}.sucursal-modal__body{padding:24px;overflow-y:auto;flex:1}.error-banner{background:#fef2f2;color:#dc2626;padding:12px 24px;font-size:.875rem;border-bottom:1px solid #fecaca}[data-theme=dark] .error-banner{background:#dc26261a;border-color:#dc262633}.form-tab{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group label svg{color:var(--text-secondary)}.label-with-action{display:flex;align-items:center;justify-content:space-between;gap:8px}.inline-add-button{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.inline-add-button:hover{border-color:#3b82f6;color:#2563eb;background:var(--bg-hover)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.9375rem;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group select.error{border-color:#ef4444}.form-group .error-text{color:#ef4444;font-size:.8125rem}.form-group textarea{resize:vertical;min-height:80px}.form-group--checkbox label{flex-direction:row;cursor:pointer}.form-group--checkbox input[type=checkbox]{width:auto;margin-right:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sucursal-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border)}.sucursal-modal__footer .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.sucursal-modal__footer .btn--secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.sucursal-modal__footer .btn--secondary:hover{background:var(--bg-hover)}.sucursal-modal__footer .btn--primary{background:#3b82f6;border:none;color:#fff}.sucursal-modal__footer .btn--primary:hover:not(:disabled){background:#2563eb}.sucursal-modal__footer .btn--primary:disabled{opacity:.6;cursor:not-allowed}.modal-overlay .modal-overlay{z-index:1100}@media(max-width:640px){.sucursal-modal{max-width:100%;max-height:100%;border-radius:0}.form-row{grid-template-columns:1fr}.sucursal-modal__tabs{overflow-x:auto}.sucursal-modal__tabs .tab-btn span{display:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.sucursales-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary);max-width:100%;overflow-x:hidden}.sucursales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);animation:slideIn .4s ease-out}.sucursales-header .header-left{display:flex;align-items:center;gap:1rem}.sucursales-header .header-icon{color:var(--accent);padding:.75rem;background:var(--bg-secondary);border-radius:12px}.sucursales-header .header-left h1{font-size:1.75em;font-weight:600;color:var(--text-primary);margin:0}.sucursales-header .header-left p{color:var(--text-secondary);margin:0;font-size:.9em}.sucursales-header .header-right{display:flex;align-items:center;gap:1.5rem}.sucursales-page .font-size-control{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.sucursales-page .font-label{font-weight:600;color:var(--text-secondary)}.sucursales-page .font-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;cursor:pointer}.sucursales-page .font-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .2s ease}.sucursales-page .font-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sucursales-page .font-value{font-size:.85em;color:var(--text-secondary);min-width:35px}.sucursales-page .view-toggle{display:flex;background:var(--bg-secondary);border-radius:8px;padding:4px;border:1px solid var(--border)}.sucursales-page .toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.85em;transition:all .2s ease}.sucursales-page .toggle-btn:hover{color:var(--text-primary)}.sucursales-page .toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.sucursales-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.suc-stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border);transition:all .3s ease;animation:fadeInUp .4s ease-out backwards;position:relative;overflow:hidden}.suc-stat-card:nth-child(1){animation-delay:.05s}.suc-stat-card:nth-child(2){animation-delay:.1s}.suc-stat-card:nth-child(3){animation-delay:.15s}.suc-stat-card:nth-child(4){animation-delay:.2s}.suc-stat-card:nth-child(5){animation-delay:.25s}.suc-stat-card:nth-child(6){animation-delay:.3s}.suc-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.suc-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:12px 0 0 12px}.suc-stat-card--blue:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.suc-stat-card--green:before{background:linear-gradient(180deg,#10b981,#059669)}.suc-stat-card--yellow:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.suc-stat-card--purple:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.suc-stat-card--orange:before{background:linear-gradient(180deg,#f97316,#ea580c)}.suc-stat-card--teal:before{background:linear-gradient(180deg,#14b8a6,#0d9488)}.suc-stat-card__icon{padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.suc-stat-card--blue .suc-stat-card__icon{background:#3b82f626;color:#3b82f6}.suc-stat-card--green .suc-stat-card__icon{background:#10b98126;color:#10b981}.suc-stat-card--yellow .suc-stat-card__icon{background:#f59e0b26;color:#f59e0b}.suc-stat-card--purple .suc-stat-card__icon{background:#8b5cf626;color:#8b5cf6}.suc-stat-card--orange .suc-stat-card__icon{background:#f9731626;color:#f97316}.suc-stat-card--teal .suc-stat-card__icon{background:#14b8a626;color:#14b8a6}.suc-stat-card__content{display:flex;flex-direction:column;gap:.25rem;flex:1}.suc-stat-card__value{font-size:1.5em;font-weight:700;color:var(--text-primary)}.suc-stat-card__title{font-size:.85em;color:var(--text-secondary)}.suc-stat-card__subtitle{font-size:.75em;color:var(--text-secondary);opacity:.8}.suc-stat-card__trend{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;font-size:.75em;font-weight:600;padding:.25rem .5rem;border-radius:20px}.suc-stat-card__trend.positive{background:#10b98126;color:#10b981}.suc-stat-card__trend.negative{background:#ef444426;color:#ef4444}.sucursales-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);animation:fadeInUp .4s ease-out .2s backwards}.sucursales-toolbar .search-box{position:relative;min-width:220px;max-width:320px}.sucursales-toolbar .search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95em;transition:all .2s ease;height:42px;box-sizing:border-box}.sucursales-toolbar .search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a}.sucursales-toolbar .search-box input::placeholder{color:var(--text-secondary)}.sucursales-toolbar .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.sucursales-toolbar .filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sucursales-toolbar .filter-group{display:flex;align-items:center;gap:.5rem;height:42px}.sucursales-toolbar .filter-group svg{color:var(--text-secondary);flex-shrink:0;width:16px;height:16px}.sucursales-toolbar .filter-group select{padding:0 2rem 0 .875rem;height:42px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:150px}.sucursales-toolbar .filter-group select:focus{outline:none;border-color:var(--accent)}.sucursales-toolbar .filter-group select:hover{border-color:var(--accent)}.sucursales-toolbar .sort-btn,.sucursales-toolbar .filters .sort-btn{width:42px;height:42px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sucursales-toolbar .sort-btn:hover,.sucursales-toolbar .filters .sort-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.sucursales-toolbar .actions{display:flex;gap:.5rem;margin-left:auto;align-items:center}.sucursales-toolbar .btn,.sucursales-page .btn{display:flex;align-items:center;justify-content:center;gap:.5rem;height:42px;padding:0 1.25rem;border:none;border-radius:8px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sucursales-toolbar .btn--primary,.sucursales-page .btn--primary{background:var(--accent);color:#fff}.sucursales-toolbar .btn--primary:hover,.sucursales-page .btn--primary:hover{opacity:.9;transform:translateY(-1px)}.sucursales-toolbar .btn--secondary,.sucursales-page .btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.sucursales-toolbar .btn--secondary:hover,.sucursales-page .btn--secondary:hover{background:var(--bg-hover);border-color:var(--accent)}.suc-estado-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8em;font-weight:500}.suc-estado-badge--green{background:#10b98126;color:#10b981}.suc-estado-badge--yellow{background:#f59e0b26;color:#f59e0b}.suc-estado-badge--red{background:#ef444426;color:#ef4444}.suc-estado-badge--blue{background:#3b82f626;color:#3b82f6}.suc-tipo-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8em;font-weight:500;background:color-mix(in srgb,var(--tipo-color) 15%,transparent);color:var(--tipo-color)}.rendimiento-indicator{display:flex;align-items:center;gap:.5rem}.rendimiento-bar{width:60px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.rendimiento-fill{height:100%;border-radius:3px;transition:width .3s ease}.rendimiento-fill--green{background:#10b981}.rendimiento-fill--yellow{background:#f59e0b}.rendimiento-fill--red{background:#ef4444}.rendimiento-value{font-size:.85em;font-weight:600;min-width:40px}.rendimiento-value--green{color:#10b981}.rendimiento-value--yellow{color:#f59e0b}.rendimiento-value--red{color:#ef4444}.sucursales-grid-section{animation:fadeInUp .4s ease-out .3s backwards}.sucursales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.sucursal-card{background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);overflow:hidden;transition:all .3s ease;animation:fadeInUp .4s ease-out backwards}.sucursal-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.sucursal-card--inactive{opacity:.6}.sucursal-card__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background:linear-gradient(135deg,#667eea14,#764ba214);border-bottom:1px solid var(--border)}.sucursal-card__title h3{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.sucursal-card__title .sucursal-codigo{font-size:.8em;color:var(--text-secondary)}.sucursal-card__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.sucursal-card__info{display:flex;flex-direction:column;gap:.5rem}.sucursal-card__info .info-row{display:flex;align-items:center;gap:.5rem;font-size:.9em;color:var(--text-secondary)}.sucursal-card__info .info-row svg{color:var(--text-secondary);flex-shrink:0}.sucursal-card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:10px;border:1px solid var(--border)}.metric-item{display:flex;flex-direction:column;gap:.35rem}.metric-label{font-size:.75em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.satisfaction-display{display:flex;align-items:center;gap:.35rem;font-weight:600;color:var(--text-primary)}.satisfaction-display .star-filled{color:#f59e0b;fill:#f59e0b}.sucursal-card__gerente{display:flex;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.gerente-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75em}.gerente-info{display:flex;flex-direction:column}.gerente-name{font-size:.9em;font-weight:500;color:var(--text-primary)}.gerente-role{font-size:.75em;color:var(--text-secondary)}.sucursal-card__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;background:var(--bg-primary);border-top:1px solid var(--border)}.card-action-btn{padding:.5rem;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.card-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.card-action-btn--danger:hover{background:#ef44441a;color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);gap:1rem}.empty-state svg{opacity:.5}.sucursales-table-section{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;animation:fadeInUp .4s ease-out .3s backwards}.sucursales-table-section .table-container{overflow-x:auto}.sucursales-table{width:100%;border-collapse:collapse}.sucursales-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.sucursales-table th.text-center{text-align:center}.sucursales-table td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:middle}.sucursal-row{cursor:pointer;transition:all .2s ease}.sucursal-row:hover,.sucursal-row.expanded{background:var(--bg-hover)}.sucursal-row.inactive{opacity:.6}.sucursal-cell{display:flex;align-items:center;gap:.75rem}.sucursal-icon-cell{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;display:flex;align-items:center;justify-content:center}.sucursal-info-cell{display:flex;flex-direction:column;gap:.15rem}.sucursal-info-cell .sucursal-nombre{font-weight:500;color:var(--text-primary);font-size:.95em}.sucursal-info-cell .sucursal-codigo{font-size:.8em;color:var(--text-secondary)}.ubicacion-cell{display:flex;flex-direction:column;gap:.15rem}.ubicacion-cell span:first-child{font-weight:500;color:var(--text-primary)}.ubicacion-cell .pais-small{font-size:.8em;color:var(--text-secondary)}.sucursal-actions{display:flex;gap:.35rem}.sucursal-actions .action-btn{padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.sucursal-actions .action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.sucursal-actions .action-btn--danger:hover{background:#ef444426;color:#ef4444}.sucursal-details-row td{padding:0;background:var(--bg-primary)}.sucursal-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;animation:fadeIn .3s ease-out}.tags-row{display:flex;flex-wrap:wrap;gap:.5rem}.cert-tag{padding:.25rem .65rem;background:#10b98126;color:#10b981;border-radius:20px;font-size:.8em;font-weight:500}.sucursales-charts-section{animation:fadeInUp .4s ease-out .3s backwards}.sucursales-charts-section .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.sucursales-charts-section .chart-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border);transition:all .3s ease}.sucursales-charts-section .chart-card:hover{box-shadow:0 8px 25px #00000014}.sucursales-charts-section .chart-card h3{display:flex;align-items:center;gap:.5rem;font-size:1em;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.suc-modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInUp .3s ease-out;border:1px solid var(--border)}.suc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid var(--border)}.modal-sucursal-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center}.suc-modal-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto}.modal-tab{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-size:.9em;font-weight:500;transition:all .2s ease;white-space:nowrap}.modal-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.suc-modal-body{padding:1.5rem}.modal-tab-content{animation:fadeIn .3s ease-out}.modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.modal-info-section--full{grid-column:1 / -1}.info-list{display:flex;flex-direction:column;gap:.65rem}.info-item strong{font-size:.9em;color:var(--text-primary);font-weight:500;text-align:right}.text-yellow{color:#f59e0b!important}.dias-operacion{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.dias-label{display:block;font-size:.8em;color:var(--text-secondary);margin-bottom:.5rem}.dias-grid{display:flex;gap:.35rem;flex-wrap:wrap}.dia-badge{padding:.35rem .65rem;border-radius:6px;font-size:.8em;font-weight:500;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.dia-badge.activo{background:#10b98126;color:#10b981;border-color:#10b9814d}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{padding:.35rem .75rem;background:#3b82f626;color:#3b82f6;border-radius:20px;font-size:.85em;font-weight:500}.modal-notes{margin-top:1.5rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.modal-notes h3{font-size:.9em;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.modal-notes p{font-size:.95em;color:var(--text-primary);line-height:1.6}.financial-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.financial-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.financial-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.financial-icon.green{background:#10b98126;color:#10b981}.financial-icon.red{background:#ef444426;color:#ef4444}.financial-icon.blue{background:#3b82f626;color:#3b82f6}.financial-icon.purple{background:#8b5cf626;color:#8b5cf6}.financial-data{display:flex;flex-direction:column;gap:.25rem}.financial-value{font-size:1.25em;font-weight:700;color:var(--text-primary)}.financial-label{font-size:.8em;color:var(--text-secondary)}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.equipment-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);font-size:.9em;color:var(--text-primary)}.equipment-check{color:#10b981;flex-shrink:0}.certifications-grid{display:flex;flex-wrap:wrap;gap:1rem}.certification-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f59e0b1a,#f973161a);border-radius:10px;border:1px solid rgba(245,158,11,.2);color:#f59e0b;font-weight:500}@media(max-width:1024px){.sucursales-page{padding:1.5rem}.sucursales-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sucursales-charts-section .charts-grid,.modal-info-grid{grid-template-columns:1fr}.financial-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sucursales-page{padding:1rem}.sucursales-header{flex-direction:column;align-items:flex-start;gap:1rem}.sucursales-header .header-left{flex-wrap:wrap}.sucursales-header .header-left h1{font-size:1.35em}.sucursales-header .header-right{width:100%;flex-direction:column;gap:.75rem}.sucursales-page .font-size-control{width:100%;justify-content:space-between}.sucursales-page .view-toggle{width:100%;justify-content:center}.sucursales-page .toggle-btn{flex:1;justify-content:center}.sucursales-stats-section{grid-template-columns:repeat(2,1fr);gap:.75rem}.suc-stat-card{padding:1rem}.suc-stat-card__icon{padding:.5rem}.suc-stat-card__icon svg{width:18px;height:18px}.suc-stat-card__value{font-size:1.25em}.suc-stat-card__title{font-size:.75em}.suc-stat-card__subtitle{display:none}.sucursales-toolbar{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.sucursales-toolbar .search-box{max-width:none;width:100%;min-width:unset}.sucursales-toolbar .filters{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.sucursales-toolbar .filter-group{width:100%}.sucursales-toolbar .filter-group svg{display:none}.sucursales-toolbar .filter-group select{flex:1;width:100%;min-width:unset}.sucursales-toolbar .filters>.sort-btn{grid-column:span 2;width:100%;justify-content:center}.sucursales-toolbar .actions{margin-left:0;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sucursales-toolbar .actions .btn{justify-content:center;padding:.75rem .5rem}.sucursales-toolbar .actions .btn span{display:none}.sucursales-grid{grid-template-columns:1fr}.sucursales-table th:nth-child(3),.sucursales-table td:nth-child(3),.sucursales-table th:nth-child(6),.sucursales-table td:nth-child(6){display:none}.sucursales-table th,.sucursales-table td{padding:.75rem .5rem}.sucursal-details{grid-template-columns:1fr;padding:1rem;gap:1rem}.modal-overlay{padding:.5rem}.suc-modal-content{max-height:95vh;border-radius:12px}.suc-modal-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.suc-modal-tabs{padding:.75rem 1rem}.modal-tab{padding:.5rem .75rem;font-size:.85em}.suc-modal-body{padding:1rem}.financial-summary,.equipment-grid{grid-template-columns:1fr}}@media(max-width:480px){.sucursales-page{padding:.5rem}.sucursales-header .header-left{gap:.75rem}.sucursales-header .header-icon{padding:.5rem}.sucursales-header .header-icon svg{width:24px;height:24px}.sucursales-header .header-left h1{font-size:1.15em}.sucursales-header .header-left p{font-size:.8em}.sucursales-stats-section{grid-template-columns:1fr 1fr;gap:.5rem}.suc-stat-card{padding:.75rem;gap:.5rem}.suc-stat-card__icon{display:none}.suc-stat-card__value{font-size:1.1em}.suc-stat-card__trend{display:none}.sucursales-toolbar{padding:.75rem;gap:.75rem}.sucursales-toolbar .search-box input{padding:.65rem .75rem .65rem 2.5rem;font-size:.9em;height:38px}.sucursales-toolbar .filters{grid-template-columns:1fr;gap:.5rem}.sucursales-toolbar .filter-group select{padding:.65rem 2rem .65rem .75rem;font-size:.85em;height:38px}.sucursales-toolbar .filters>.sort-btn{grid-column:span 1;height:38px;width:38px;justify-self:start}.sucursales-toolbar .actions{grid-template-columns:1fr 1fr}.sucursales-toolbar .actions .btn{padding:.65rem .5rem;font-size:.8em;height:38px}.sucursales-table th:nth-child(2),.sucursales-table td:nth-child(2),.sucursales-table th:nth-child(4),.sucursales-table td:nth-child(4),.sucursales-table th:nth-child(7),.sucursales-table td:nth-child(7){display:none}.sucursales-table th,.sucursales-table td{padding:.5rem .35rem;font-size:.85em}.sucursal-icon-cell{width:32px;height:32px;border-radius:8px}.sucursal-icon-cell svg{width:14px;height:14px}.sucursal-info-cell .sucursal-nombre{font-size:.85em;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sucursal-info-cell .sucursal-codigo{font-size:.7em}.suc-estado-badge,.suc-tipo-badge{padding:.25rem .5rem;font-size:.7em}.sucursal-actions{gap:.25rem}.sucursal-actions .action-btn{padding:.35rem}.sucursal-actions .action-btn svg{width:14px;height:14px}.btn{padding:.5rem .65rem;font-size:.8em}.btn svg{width:14px;height:14px}.sucursal-card{border-radius:12px}.sucursal-card__header{padding:1rem}.sucursal-card__title h3{font-size:1em}.sucursal-card__body{padding:1rem}.sucursal-card__metrics{grid-template-columns:1fr;gap:.75rem}.sucursal-card__footer{padding:.75rem 1rem}.modal-sucursal-icon{width:44px;height:44px;border-radius:10px}.modal-header-info h2{font-size:1.1rem}.modal-header-info p{font-size:.8em}.modal-info-section{padding:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.info-item strong{text-align:left}.financial-card{padding:1rem}.financial-icon{width:40px;height:40px}.financial-value{font-size:1.1em}.table-footer{padding:.75rem;font-size:.8em}.sucursales-charts-section .charts-grid{gap:1rem}.sucursales-charts-section .chart-card{padding:1rem}.sucursales-charts-section .chart-card h3{font-size:.9em}}.sucursales-table-section .table-container::-webkit-scrollbar,.suc-modal-content::-webkit-scrollbar,.suc-modal-tabs::-webkit-scrollbar{height:8px;width:8px}.sucursales-table-section .table-container::-webkit-scrollbar-track,.suc-modal-content::-webkit-scrollbar-track,.suc-modal-tabs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.sucursales-table-section .table-container::-webkit-scrollbar-thumb,.suc-modal-content::-webkit-scrollbar-thumb,.suc-modal-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sucursales-table-section .table-container::-webkit-scrollbar-thumb:hover,.suc-modal-content::-webkit-scrollbar-thumb:hover,.suc-modal-tabs::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media print{.sucursales-header,.sucursales-toolbar,.sucursales-stats-section,.modal-header-actions,.sucursales-charts-section,.sucursal-card__footer,.sucursal-actions{display:none!important}.sucursales-page{padding:0}.sucursales-table-section,.sucursal-card{border:none;box-shadow:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.marcaciones-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary);max-width:100%;overflow-x:hidden}.marcaciones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);animation:slideIn .4s ease-out}.marcaciones-header .header-left{display:flex;align-items:center;gap:1rem}.marcaciones-header .header-icon{color:var(--accent);padding:.75rem;background:var(--bg-secondary);border-radius:12px}.marcaciones-header .header-left h1{font-size:1.75em;font-weight:600;color:var(--text-primary);margin:0}.marcaciones-header .header-left p{color:var(--text-secondary);margin:0;font-size:.9em}.marcaciones-header .header-right{display:flex;align-items:center;gap:1.5rem}.reloj-tiempo-real{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:12px;border:1px solid var(--border)}.reloj-tiempo-real svg{color:#3b82f6;animation:pulse 2s infinite}.reloj-hora{font-size:1.5em;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.reloj-fecha{font-size:.8em;color:var(--text-secondary);text-transform:capitalize}.marcaciones-page .font-size-control{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.marcaciones-page .font-label{font-weight:600;color:var(--text-secondary)}.marcaciones-page .font-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;cursor:pointer}.marcaciones-page .font-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.marcaciones-page .font-value{font-size:.85em;color:var(--text-secondary);min-width:35px}.marcaciones-page .view-toggle{display:flex;background:var(--bg-secondary);border-radius:8px;padding:4px;border:1px solid var(--border)}.marcaciones-page .toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.85em;transition:all .2s ease}.marcaciones-page .toggle-btn:hover{color:var(--text-primary)}.marcaciones-page .toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.marcaciones-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.marc-stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border);transition:all .3s ease;animation:fadeInUp .4s ease-out backwards;position:relative;overflow:hidden}.marc-stat-card:nth-child(1){animation-delay:.05s}.marc-stat-card:nth-child(2){animation-delay:.1s}.marc-stat-card:nth-child(3){animation-delay:.15s}.marc-stat-card:nth-child(4){animation-delay:.2s}.marc-stat-card:nth-child(5){animation-delay:.25s}.marc-stat-card:nth-child(6){animation-delay:.3s}.marc-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.marc-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:12px 0 0 12px}.marc-stat-card--blue:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.marc-stat-card--green:before{background:linear-gradient(180deg,#10b981,#059669)}.marc-stat-card--yellow:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.marc-stat-card--red:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.marc-stat-card--orange:before{background:linear-gradient(180deg,#f97316,#ea580c)}.marc-stat-card--purple:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.marc-stat-card__icon{padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.marc-stat-card--blue .marc-stat-card__icon{background:#3b82f626;color:#3b82f6}.marc-stat-card--green .marc-stat-card__icon{background:#10b98126;color:#10b981}.marc-stat-card--yellow .marc-stat-card__icon{background:#f59e0b26;color:#f59e0b}.marc-stat-card--red .marc-stat-card__icon{background:#ef444426;color:#ef4444}.marc-stat-card--orange .marc-stat-card__icon{background:#f9731626;color:#f97316}.marc-stat-card--purple .marc-stat-card__icon{background:#8b5cf626;color:#8b5cf6}.marc-stat-card__content{display:flex;flex-direction:column;gap:.25rem;flex:1}.marc-stat-card__value{font-size:1.5em;font-weight:700;color:var(--text-primary)}.marc-stat-card__title{font-size:.85em;color:var(--text-secondary)}.marc-stat-card__subtitle{font-size:.75em;color:var(--text-secondary);opacity:.8}.marc-stat-card__trend{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;font-size:.75em;font-weight:600;padding:.25rem .5rem;border-radius:20px}.marc-stat-card__trend.positive{background:#10b98126;color:#10b981}.marc-stat-card__trend.negative{background:#ef444426;color:#ef4444}.fecha-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.fecha-nav-btn{padding:.5rem;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.fecha-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.fecha-nav-btn:disabled{opacity:.5;cursor:not-allowed}.fecha-display{display:flex;align-items:center;gap:.75rem}.fecha-display input[type=date]{padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95em;cursor:pointer}.fecha-texto{font-weight:500;color:var(--text-primary);text-transform:capitalize}.marcaciones-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.marcaciones-toolbar .search-box{position:relative;flex:1;min-width:200px;max-width:300px}.marcaciones-toolbar .search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95em}.marcaciones-toolbar .search-box input:focus{outline:none;border-color:var(--accent)}.marcaciones-toolbar .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.marcaciones-toolbar .filters{display:flex;gap:.75rem;flex-wrap:wrap}.marcaciones-toolbar .filter-group{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.marcaciones-toolbar .filter-group select{padding:.65rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9em;cursor:pointer}.marcaciones-toolbar .actions{display:flex;gap:.5rem}.marcaciones-page .btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border:none;border-radius:8px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.marcaciones-page .btn--primary{background:var(--accent);color:var(--bg-primary)}.marcaciones-page .btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.marcaciones-page .btn--secondary:hover{background:var(--bg-hover)}.marc-estado-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8em;font-weight:500}.marc-estado-badge--green{background:#10b98126;color:#10b981}.marc-estado-badge--yellow{background:#f59e0b26;color:#f59e0b}.marc-estado-badge--red{background:#ef444426;color:#ef4444}.marc-estado-badge--blue{background:#3b82f626;color:#3b82f6}.marc-estado-badge--gray{background:#6b728026;color:#6b7280}.marc-metodo-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:6px;font-size:.8em;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.puntualidad-indicator{display:flex;align-items:center;gap:.5rem}.puntualidad-bar{width:60px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.puntualidad-fill{height:100%;border-radius:3px;transition:width .3s ease}.puntualidad-fill--green{background:#10b981}.puntualidad-fill--yellow{background:#f59e0b}.puntualidad-fill--red{background:#ef4444}.puntualidad-value{font-size:.85em;font-weight:600;min-width:40px}.puntualidad-value--green{color:#10b981}.puntualidad-value--yellow{color:#f59e0b}.puntualidad-value--red{color:#ef4444}.no-data{color:var(--text-secondary);font-style:italic;font-size:.85em}.tiempo-real-section{margin-bottom:1.5rem;animation:fadeInUp .4s ease-out}.tiempo-real-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.1em;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.tiempo-real-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.empleado-tiempo-real{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);border-left:4px solid;transition:all .2s ease}.empleado-tiempo-real:hover{box-shadow:0 4px 12px #00000014}.empleado-tiempo-real--green{border-left-color:#10b981}.empleado-tiempo-real--yellow{border-left-color:#f59e0b}.empleado-tiempo-real--red{border-left-color:#ef4444}.empleado-tiempo-real--blue{border-left-color:#3b82f6}.empleado-tiempo-real--gray{border-left-color:#6b7280}.empleado-avatar-rt{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8em;flex-shrink:0}.empleado-info-rt{flex:1;min-width:0}.empleado-nombre-rt{display:block;font-weight:500;color:var(--text-primary);font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empleado-depto-rt{font-size:.75em;color:var(--text-secondary)}.empleado-estado-rt{display:flex;align-items:center;gap:.35rem;font-size:.85em;color:var(--text-secondary)}.marcaciones-table-section{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;animation:fadeInUp .4s ease-out}.marcaciones-table-section .table-container{overflow-x:auto}.marcaciones-table{width:100%;border-collapse:collapse}.marcaciones-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.marcaciones-table th.text-center{text-align:center}.marcaciones-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.marcacion-row{cursor:pointer;transition:all .2s ease}.marcacion-row:hover,.marcacion-row.expanded{background:var(--bg-hover)}.marcacion-row.incidencia{background:#ef444408}.empleado-cell{display:flex;align-items:center;gap:.75rem}.empleado-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75em;flex-shrink:0}.empleado-info-cell{display:flex;flex-direction:column;gap:.15rem}.empleado-info-cell .empleado-nombre{font-weight:500;color:var(--text-primary);font-size:.95em}.empleado-info-cell .empleado-codigo{font-size:.8em;color:var(--text-secondary)}.fecha-cell{font-size:.9em;color:var(--text-primary);text-transform:capitalize}.hora-cell{display:flex;align-items:center;gap:.5rem}.hora-cell .icon-entrada{color:#10b981}.hora-cell .icon-salida{color:#3b82f6}.hora-cell .hora-tarde{color:#ef4444;font-weight:600}.hora-programada{font-size:.75em;color:var(--text-secondary)}.horas-trabajadas{font-weight:500;color:var(--text-primary)}.horas-trabajadas.con-extra{color:#10b981}.horas-extra{display:inline-block;margin-left:.35rem;padding:.15rem .35rem;background:#10b98126;color:#10b981;border-radius:4px;font-size:.8em}.marcacion-actions{display:flex;align-items:center;gap:.5rem}.marcacion-actions .action-btn{padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.marcacion-actions .action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.incidencia-indicator{color:#f59e0b;animation:blink 1.5s infinite}.marcacion-details-row td{padding:0;background:var(--bg-primary)}.marcacion-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:1.5rem;animation:fadeIn .3s ease-out}.detail-section h4{display:flex;align-items:center;gap:.5rem;font-size:.8em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.detail-section p{font-size:.9em;color:var(--text-primary);margin-bottom:.35rem}.text-green{color:#10b981!important}.text-red{color:#ef4444!important}.notas-text{font-style:italic;color:#f59e0b!important}.table-footer{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.9em;border-top:1px solid var(--border)}.marcaciones-analisis-section{animation:fadeInUp .4s ease-out}.analisis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border);transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 25px #00000014}.chart-card h3{display:flex;align-items:center;gap:.5rem;font-size:1em;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.gauge-card{display:flex;flex-direction:column;align-items:center}.ranking-section{margin-top:2rem}.ranking-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.15em;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.ranking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.ranking-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);transition:all .3s ease}.ranking-card:hover{box-shadow:0 4px 15px #00000014}.ranking-card--top{background:linear-gradient(135deg,#f59e0b0d,#f973160d);border-color:#f59e0b33}.ranking-position{font-size:1.5em;min-width:40px;text-align:center}.ranking-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85em;flex-shrink:0}.ranking-info{flex:1;min-width:0}.ranking-nombre{display:block;font-weight:500;color:var(--text-primary);font-size:.95em}.ranking-depto{font-size:.8em;color:var(--text-secondary)}.ranking-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.ranking-detalle{font-size:.75em;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.marc-modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInUp .3s ease-out;border:1px solid var(--border)}.marc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid var(--border)}.modal-header-info{display:flex;align-items:center;gap:1rem}.modal-empleado-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em}.modal-header-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-header-info p{color:var(--text-secondary);margin:0;font-size:.9em}.modal-header-actions{display:flex;align-items:center;gap:.75rem}.modal-close-btn{padding:.5rem;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{background:#ef44441a;color:#ef4444}.marc-modal-body{padding:1.5rem}.dia-timeline{margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.timeline-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:500;color:var(--text-primary);text-transform:capitalize}.timeline-visual{position:relative}.timeline-bar{height:40px;background:var(--bg-primary);border-radius:8px;position:relative;overflow:visible;border:1px solid var(--border)}.timeline-work-period{position:absolute;top:4px;height:calc(100% - 8px);background:#3b82f633;border-radius:4px;border:1px dashed rgba(59,130,246,.4)}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.timeline-marker.entrada{background:#10b981;color:#fff}.timeline-marker.salida{background:#3b82f6;color:#fff}.timeline-hours{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75em;color:var(--text-secondary)}.modal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.modal-info-section{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;border:1px solid var(--border)}.modal-info-section h3{display:flex;align-items:center;gap:.5rem;font-size:.9em;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.entrada-section h3{color:#10b981}.salida-section h3{color:#3b82f6}.fichaje-card{display:flex;flex-direction:column;gap:1rem}.fichaje-hora{text-align:center;padding:1rem;background:var(--bg-primary);border-radius:8px}.hora-grande{display:block;font-size:2em;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.fichaje-hora .hora-programada{display:block;margin-top:.25rem}.fichaje-detalles{display:flex;flex-direction:column;gap:.5rem}.detalle-item{display:flex;justify-content:space-between;align-items:center;font-size:.9em}.detalle-item span:first-child{color:var(--text-secondary)}.detalle-item strong{color:var(--text-primary)}.horas-section{grid-column:1 / -1}.horas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hora-item{text-align:center;padding:1rem;background:var(--bg-primary);border-radius:8px}.hora-item.extra{background:#10b9811a}.hora-valor{display:block;font-size:1.5em;font-weight:700;color:var(--text-primary)}.hora-item.extra .hora-valor{color:#10b981}.hora-label{font-size:.8em;color:var(--text-secondary)}.tech-section{grid-column:1 / -1}.info-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.info-item span{font-size:.85em;color:var(--text-secondary)}.info-item strong{font-size:.9em;color:var(--text-primary);font-weight:500}.modal-incidencia{margin-top:1.5rem;padding:1.25rem;background:#f59e0b1a;border-radius:12px;border:1px solid rgba(245,158,11,.2)}.modal-incidencia h3{display:flex;align-items:center;gap:.5rem;font-size:.9em;font-weight:600;color:#f59e0b;margin-bottom:.75rem}.modal-incidencia p{font-size:.95em;color:var(--text-primary)}@media(max-width:1024px){.marcaciones-page{padding:1.5rem}.analisis-grid,.modal-info-grid,.ranking-grid{grid-template-columns:1fr}}@media(max-width:768px){.marcaciones-page{padding:1rem}.marcaciones-header{flex-direction:column;align-items:flex-start;gap:1rem}.marcaciones-header .header-left h1{font-size:1.35em}.marcaciones-header .header-right{width:100%;flex-direction:column;gap:.75rem}.reloj-tiempo-real{width:100%;justify-content:center}.marcaciones-page .font-size-control{width:100%;justify-content:space-between}.marcaciones-page .view-toggle{width:100%;justify-content:center}.marcaciones-page .toggle-btn{flex:1;justify-content:center}.marcaciones-stats-section{grid-template-columns:repeat(2,1fr);gap:.75rem}.marc-stat-card{padding:1rem}.marc-stat-card__icon{padding:.5rem}.marc-stat-card__value{font-size:1.25em}.marc-stat-card__subtitle{display:none}.fecha-navigation{flex-wrap:wrap;gap:.75rem}.fecha-display{flex-wrap:wrap;justify-content:center}.marcaciones-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.marcaciones-toolbar .search-box{max-width:none;width:100%}.marcaciones-toolbar .filters{flex-direction:column;width:100%}.marcaciones-toolbar .filter-group{width:100%}.marcaciones-toolbar .filter-group select{flex:1;width:100%}.marcaciones-toolbar .actions{width:100%;justify-content:center}.tiempo-real-grid{grid-template-columns:1fr}.marcaciones-table th:nth-child(4),.marcaciones-table td:nth-child(4),.marcaciones-table th:nth-child(6),.marcaciones-table td:nth-child(6),.marcaciones-table th:nth-child(7),.marcaciones-table td:nth-child(7){display:none}.marcaciones-table th,.marcaciones-table td{padding:.75rem .5rem}.marcacion-details{grid-template-columns:1fr;padding:1rem}.modal-overlay{padding:.5rem}.marc-modal-content{max-height:95vh;border-radius:12px}.marc-modal-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.marc-modal-body{padding:1rem}.horas-grid{grid-template-columns:1fr}}@media(max-width:480px){.marcaciones-page{padding:.5rem}.marcaciones-header .header-left{gap:.75rem}.marcaciones-header .header-icon{padding:.5rem}.marcaciones-header .header-left h1{font-size:1.15em}.marcaciones-header .header-left p{font-size:.8em}.reloj-hora{font-size:1.25em}.marcaciones-stats-section{grid-template-columns:1fr 1fr;gap:.5rem}.marc-stat-card{padding:.75rem;gap:.5rem}.marc-stat-card__icon{display:none}.marc-stat-card__value{font-size:1.1em}.marc-stat-card__trend{display:none}.marcaciones-table th:nth-child(2),.marcaciones-table td:nth-child(2),.marcaciones-table th:nth-child(5),.marcaciones-table td:nth-child(5),.marcaciones-table th:nth-child(8),.marcaciones-table td:nth-child(8){display:none}.marcaciones-table th,.marcaciones-table td{padding:.5rem .35rem;font-size:.85em}.empleado-avatar-small{width:32px;height:32px;font-size:.7em}.empleado-info-cell .empleado-nombre{font-size:.85em;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empleado-info-cell .empleado-codigo{font-size:.7em}.hora-cell{flex-direction:column;align-items:flex-start;gap:.15rem}.hora-programada{display:none}.marc-estado-badge{padding:.25rem .5rem;font-size:.7em}.btn{padding:.5rem .65rem;font-size:.8em}.modal-empleado-avatar{width:44px;height:44px;font-size:.9em}.modal-header-info h2{font-size:1.1rem}.hora-grande{font-size:1.5em}.timeline-bar{height:30px}.timeline-marker{width:22px;height:22px}.ranking-card{padding:1rem}.ranking-position{font-size:1.25em;min-width:30px}.ranking-avatar{width:36px;height:36px;font-size:.75em}.table-footer{padding:.75rem;font-size:.8em}}.marcaciones-table-section .table-container::-webkit-scrollbar,.marc-modal-content::-webkit-scrollbar{height:8px;width:8px}.marcaciones-table-section .table-container::-webkit-scrollbar-track,.marc-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.marcaciones-table-section .table-container::-webkit-scrollbar-thumb,.marc-modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media print{.marcaciones-header,.marcaciones-toolbar,.marcaciones-stats-section,.fecha-navigation,.tiempo-real-section,.modal-header-actions,.marcaciones-analisis-section{display:none!important}.marcaciones-page{padding:0}.marcaciones-table-section{border:none;box-shadow:none}}.comunicaciones-page{padding:1.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comunicaciones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title svg{color:var(--accent)}.header-title h1{font-size:1.5rem;color:var(--text-primary);margin:0}.header-title p{color:var(--text-secondary);font-size:.875rem;margin:0}.comunicaciones-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.com-stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.com-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.com-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.com-stat-card--blue .com-stat-card__icon{background:#3b82f626;color:#3b82f6}.com-stat-card--green .com-stat-card__icon{background:#10b98126;color:#10b981}.com-stat-card--purple .com-stat-card__icon{background:#8b5cf626;color:#8b5cf6}.com-stat-card--orange .com-stat-card__icon{background:#f59e0b26;color:#f59e0b}.com-stat-card--cyan .com-stat-card__icon{background:#06b6d426;color:#06b6d4}.com-stat-card__content{display:flex;flex-direction:column}.com-stat-card__value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.com-stat-card__title{font-size:.875rem;color:var(--text-secondary)}.comunicaciones-toolbar{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.search-box svg{color:var(--text-secondary)}.search-box input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.9rem}.search-box input:focus{outline:none}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.filter-toggle:hover,.filter-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filters-panel{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end;animation:fadeIn .2s ease}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.filter-group select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);min-width:150px}.comunicaciones-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.comunicacion-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.comunicacion-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.comunicacion-card__header{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.comunicacion-card__title{font-size:1.1rem;color:var(--text-primary);margin:0 0 .5rem}.comunicacion-card__excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.comunicacion-card__meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.comunicacion-card__meta span{display:flex;align-items:center;gap:.35rem}.comunicacion-card__actions{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.action-btn--danger:hover{background:#ef4444;border-color:#ef4444}.tipo-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;background:color-mix(in srgb,var(--tipo-color) 15%,transparent);color:var(--tipo-color)}.prioridad-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;background:color-mix(in srgb,var(--prioridad-color) 15%,transparent);color:var(--prioridad-color)}.estado-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:500}.estado-badge--gray{background:#6b728026;color:#6b7280}.estado-badge--blue{background:#3b82f626;color:#3b82f6}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin:0 0 .5rem}.empty-state p{margin:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn--secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--border)}.btn--outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn--outline:hover{background:var(--accent);color:#fff}.btn--text{background:transparent;color:var(--text-secondary);padding:.5rem}.btn--text:hover{color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.com-modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.com-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.com-modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close-btn{width:36px;height:36px;border-radius:8px;border:none;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#ef4444;color:#fff}.com-modal-body{padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-section>label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.tipo-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.tipo-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.tipo-option:hover{border-color:var(--tipo-color);color:var(--tipo-color)}.tipo-option.active{border-color:var(--tipo-color);background:color-mix(in srgb,var(--tipo-color) 10%,transparent);color:var(--tipo-color)}.destinatarios-selector{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.dest-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.dest-option:hover{border-color:var(--accent);color:var(--accent)}.dest-option.active{border-color:var(--accent);background:var(--accent);color:#fff}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--border);margin-top:1.5rem;flex-wrap:wrap}.vista-modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:600px;overflow:hidden;animation:slideUp .3s ease}.vista-modal-header{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--tipo-color) 20%,var(--bg-secondary)),var(--bg-secondary));border-bottom:1px solid var(--border)}.vista-tipo-icon{width:48px;height:48px;border-radius:12px;background:var(--tipo-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vista-header-info{flex:1}.vista-header-info h2{margin:.5rem 0;font-size:1.25rem;color:var(--text-primary)}.vista-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary)}.vista-meta span{display:flex;align-items:center;gap:.35rem}.vista-modal-body{padding:1.5rem}.vista-contenido{margin-bottom:1.5rem}.vista-contenido p{color:var(--text-primary);line-height:1.7;margin:0}.vista-destinatarios{margin-bottom:1.5rem}.vista-destinatarios h4{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;margin:0 0 .75rem}.dest-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--bg-secondary);border-radius:20px;font-size:.8rem;color:var(--text-primary);margin:.25rem}.vista-stats{display:flex;gap:2rem;padding-top:1rem;border-top:1px solid var(--border)}.vista-stat{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.vista-stat .stat-num{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.vista-stat .stat-label{font-size:.8rem}@media(max-width:768px){.comunicaciones-page{padding:1rem}.comunicaciones-header{flex-direction:column;align-items:flex-start}.comunicaciones-list,.form-row{grid-template-columns:1fr}.tipo-selector{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.comunicaciones-stats{grid-template-columns:1fr 1fr}.tipo-selector{grid-template-columns:1fr}.destinatarios-selector{flex-direction:column}.dest-option{width:100%;justify-content:center}}@media(max-width:768px){.tutorial-restart-btn{bottom:16px;right:16px;width:44px;height:44px}}@media(max-width:480px){.tutorial-restart-btn{bottom:12px;right:12px;width:40px;height:40px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.inicio-empleado-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary)}.inicio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.greeting-section{display:flex;align-items:center;gap:1rem}.greeting-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#f59e0b26,#f9731626);color:#f59e0b;display:flex;align-items:center;justify-content:center}.greeting-text h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.greeting-text p{color:var(--text-secondary);margin:0;font-size:.9rem;text-transform:capitalize}.header-clock{padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.clock-time{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.fichaje-rapido-section{margin-bottom:2rem}.fichaje-status{display:flex;align-items:center;gap:1rem}.status-icon.success{color:#10b981}.status-icon.warning{color:#f59e0b}.status-info{display:flex;flex-direction:column;gap:.25rem}.status-label{font-weight:600;color:var(--text-primary);font-size:1.1rem}.status-time{font-size:.85rem;color:var(--text-secondary)}.fichaje-btn.entrada:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.fichaje-btn.salida:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.quick-actions-section{margin-bottom:2rem}.quick-actions-section h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.quick-action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-action-card--blue .quick-action-icon{background:#3b82f626;color:#3b82f6}.quick-action-card--green .quick-action-icon{background:#10b98126;color:#10b981}.quick-action-card--purple .quick-action-icon{background:#8b5cf626;color:#8b5cf6}.quick-action-card--orange .quick-action-icon{background:#f9731626;color:#f97316}.quick-action-card span{flex:1;font-weight:500;color:var(--text-primary)}.action-arrow{color:var(--text-secondary);transition:transform .2s ease}.quick-action-card:hover .action-arrow{transform:translate(4px)}.inicio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.card-header svg:first-child{color:var(--accent)}.card-header h3{flex:1;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.card-link{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:color .2s ease}.card-link:hover{color:var(--text-primary)}.vacaciones-balance{display:flex;justify-content:space-around;align-items:center;margin-bottom:1.25rem}.balance-item{text-align:center}.balance-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.balance-label{font-size:.8rem;color:var(--text-secondary)}.balance-divider{width:1px;height:40px;background:var(--border)}.proximas-vacaciones{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary);border-radius:10px;font-size:.85rem}.proximas-label{color:var(--text-secondary)}.proximas-fechas{font-weight:500;color:var(--text-primary)}.proximas-estado{margin-left:auto;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.estado--aprobada{background:#10b98126;color:#10b981}.estado--pendiente{background:#f59e0b26;color:#f59e0b}.estado--rechazada{background:#ef444426;color:#ef4444}.nomina-info{text-align:center;margin-bottom:1.25rem}.nomina-mes{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.nomina-neto{display:block;font-size:2rem;font-weight:700;color:#10b981;margin-bottom:.25rem}.nomina-fecha{font-size:.8rem;color:var(--text-secondary)}.download-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.download-btn:hover{background:var(--bg-hover)}.sucursal-info{margin-bottom:1rem}.sucursal-nombre{display:block;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.sucursal-direccion{font-size:.85rem;color:var(--text-secondary)}.sucursal-detalles{display:flex;flex-direction:column;gap:.5rem}.detalle-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.notif-count{background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:10px}.notificaciones-list{display:flex;flex-direction:column;gap:.75rem}.notificacion-item{padding:.85rem;background:var(--bg-primary);border-radius:10px;border-left:3px solid}.notificacion-item--info{border-left-color:#3b82f6}.notificacion-item--warning{border-left-color:#f59e0b}.notificacion-item--success{border-left-color:#10b981}.notif-content p{font-size:.85rem;color:var(--text-primary);margin:0 0 .25rem}.notif-fecha{font-size:.75rem;color:var(--text-secondary)}.rendimiento-section{animation:fadeInUp .4s ease-out .3s backwards}.rendimiento-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.rendimiento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rendimiento-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.rendimiento-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#10b98126,#06b6d426);color:#10b981;display:flex;align-items:center;justify-content:center}.rendimiento-data{display:flex;flex-direction:column}.rendimiento-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.rendimiento-label{font-size:.8rem;color:var(--text-secondary)}@media(max-width:1024px){.inicio-grid{grid-template-columns:1fr}.rendimiento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.inicio-empleado-page{padding:1rem;padding-bottom:100px}.inicio-header{flex-direction:column;gap:1rem;text-align:center}.greeting-section{flex-direction:column}.fichaje-card{flex-direction:column;gap:1.25rem;text-align:center}.fichaje-status{flex-direction:column}.fichaje-btn{width:100%;justify-content:center}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.rendimiento-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.inicio-empleado-page{padding:.75rem;padding-bottom:100px}.greeting-text h1,.clock-time{font-size:1.25rem}.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{padding:1rem}.vacaciones-balance{flex-wrap:wrap;gap:1rem}.balance-divider{display:none}.balance-item{flex:1;min-width:80px}.rendimiento-grid{grid-template-columns:1fr}.rendimiento-card{padding:1rem}.rendimiento-value{font-size:1.25rem}}.mi-perfil-page{animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary)}.perfil-header{position:relative;margin-bottom:1rem}.perfil-cover{height:140px;background:linear-gradient(135deg,#10b981,#06b6d4,#3b82f6);border-radius:16px;margin:1rem 2rem 0}.perfil-main-info{display:flex;align-items:flex-start;gap:1.5rem;padding:0 2rem;margin-top:-50px;position:relative;z-index:1}.perfil-avatar-container{position:relative;flex-shrink:0}.perfil-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;border:4px solid var(--bg-primary);box-shadow:0 4px 20px #00000026}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.avatar-edit-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.perfil-datos-principales{flex:1;padding-top:55px;min-width:0}.perfil-datos-principales h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.perfil-puesto{font-size:.95rem;color:var(--text-secondary);margin:0 0 .75rem}.perfil-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.3rem .65rem;border-radius:20px;font-size:.75rem;font-weight:500}.badge--primary{background:#3b82f626;color:#3b82f6}.badge--secondary{background:#8b5cf626;color:#8b5cf6}.badge--success{background:#10b98126;color:#10b981}.perfil-stats{display:flex;gap:1.5rem;padding-top:55px;flex-shrink:0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);min-width:80px}.stat-item svg{color:#10b981}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.7rem;color:var(--text-secondary);text-align:center}.perfil-tabs{display:flex;gap:.5rem;padding:0 2rem;border-bottom:1px solid var(--border);overflow-x:auto}.perfil-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.perfil-tab:hover{color:var(--text-primary)}.perfil-tab.active{color:#10b981;border-bottom-color:#10b981}.perfil-content{padding:2rem}.tab-content{animation:fadeInUp .3s ease-out}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.content-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.edit-btn,.save-btn,.cancel-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.edit-btn:hover{background:var(--bg-hover)}.edit-actions{display:flex;gap:.5rem}.save-btn{background:#10b981;border:none;color:#fff}.save-btn:hover{background:#059669}.cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.info-section{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:1px solid var(--border)}.info-section h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.info-section h3 svg{color:#10b981}.info-list{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-label{font-size:.85rem;color:var(--text-secondary)}.info-value{font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:right}.info-item.editable input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;text-align:right;width:180px}.info-item.editable input:focus{outline:none;border-color:#10b981}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.skills-section{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:1px solid var(--border)}.skills-section h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.skills-section h3 svg{color:#10b981}.certifications-list{display:flex;flex-direction:column;gap:.75rem}.certification-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary);border-radius:10px;border:1px solid var(--border)}.cert-icon{color:#10b981}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.5rem 1rem;background:#3b82f626;color:#3b82f6;border-radius:20px;font-size:.85rem;font-weight:500}.languages-list{display:flex;flex-direction:column;gap:.75rem}.language-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-primary);border-radius:10px;border:1px solid var(--border)}.language-name{font-weight:500;color:var(--text-primary)}.language-level{padding:.25rem .75rem;background:#8b5cf626;color:#8b5cf6;border-radius:20px;font-size:.8rem;font-weight:500}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.document-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);transition:all .2s ease}.document-card:hover{box-shadow:0 4px 12px #00000014}.doc-icon{color:#ef4444}.doc-info{flex:1}.doc-name{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.doc-date{font-size:.8rem;color:var(--text-secondary)}.doc-download{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.doc-download:hover{background:var(--bg-hover)}@media(max-width:768px){.perfil-cover{height:100px;margin:.5rem 1rem 0;border-radius:12px}.perfil-main-info{flex-direction:column;align-items:center;text-align:center;padding:0 1rem;margin-top:-40px}.perfil-avatar{width:80px;height:80px;font-size:1.5rem}.perfil-datos-principales{padding-top:.5rem}.perfil-datos-principales h1{font-size:1.25rem}.perfil-badges{justify-content:center}.perfil-stats{padding-top:0;justify-content:center;flex-wrap:wrap;gap:.75rem}.stat-item{min-width:70px;padding:.5rem .75rem}.stat-value{font-size:1.1rem}.perfil-tabs{padding:0 1rem}.perfil-tab{padding:.85rem 1rem;font-size:.85rem}.perfil-tab span{display:none}.perfil-content{padding:1rem;padding-bottom:100px}.content-header{flex-direction:column;gap:1rem;align-items:flex-start}.info-grid{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:.35rem}.info-value{text-align:left}.info-item.editable input{width:100%;text-align:left}}@media(max-width:480px){.perfil-cover{height:80px;margin:.5rem .5rem 0}.perfil-main-info{padding:0 .5rem;margin-top:-35px}.perfil-avatar{width:70px;height:70px;font-size:1.25rem}.perfil-datos-principales h1{font-size:1.1rem}.perfil-stats{gap:.5rem}.stat-item{min-width:60px;padding:.4rem .5rem}.stat-value{font-size:1rem}.stat-label{font-size:.65rem}.info-section{padding:1rem}.skills-grid,.documents-grid{grid-template-columns:1fr}.document-card{flex-direction:column;text-align:center}.doc-download{width:100%}}.mis-vacaciones-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary)}.header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:#3b82f6;display:flex;align-items:center;justify-content:center}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.balance-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.balance-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);animation:fadeInUp .4s ease-out backwards}.balance-card:nth-child(1){animation-delay:.05s}.balance-card:nth-child(2){animation-delay:.1s}.balance-card:nth-child(3){animation-delay:.15s}.balance-card:nth-child(4){animation-delay:.2s}.balance-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.balance-card--disponibles .balance-icon{background:#10b98126;color:#10b981}.balance-card--usados .balance-icon{background:#3b82f626;color:#3b82f6}.balance-card--pendientes .balance-icon{background:#f59e0b26;color:#f59e0b}.balance-card--total .balance-icon{background:#8b5cf626;color:#8b5cf6}.balance-info{display:flex;flex-direction:column}.balance-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.balance-label{font-size:.85rem;color:var(--text-secondary)}.progress-section{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border)}.progress-header{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.progress-header span:last-child{font-weight:600;color:var(--text-primary)}.progress-bar{height:12px;background:var(--bg-primary);border-radius:6px;position:relative;overflow:hidden;margin-bottom:1rem}.progress-fill{position:absolute;height:100%;border-radius:6px;transition:width .5s ease}.progress-fill.usados{background:#3b82f6}.progress-fill.pendientes{background:#f59e0b}.progress-legend{display:flex;gap:1.5rem;font-size:.8rem;color:var(--text-secondary)}.progress-legend span{display:flex;align-items:center;gap:.35rem}.dot{width:10px;height:10px;border-radius:50%}.dot.usados{background:#3b82f6}.dot.pendientes{background:#f59e0b}.dot.disponibles{background:var(--border)}.solicitudes-section{animation:fadeInUp .4s ease-out .2s backwards}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.year-selector{display:flex;align-items:center;gap:.75rem}.year-selector button{padding:.5rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.year-selector button:hover{background:var(--bg-hover);color:var(--text-primary)}.year-selector span{font-weight:600;color:var(--text-primary);min-width:50px;text-align:center}.solicitudes-list{display:flex;flex-direction:column;gap:1rem}.solicitud-card{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);border-left:4px solid;transition:all .2s ease}.solicitud-card:hover{box-shadow:0 4px 12px #00000014}.solicitud-card--aprobada{border-left-color:#10b981}.solicitud-card--pendiente{border-left-color:#f59e0b}.solicitud-card--rechazada{border-left-color:#ef4444}.solicitud-fechas{display:flex;align-items:center;gap:.5rem;min-width:180px}.fecha-inicio,.fecha-fin{font-weight:600;color:var(--text-primary)}.fecha-separador{color:var(--text-secondary)}.dias-count{padding:.25rem .65rem;background:var(--bg-primary);border-radius:20px;font-size:.8rem;color:var(--text-secondary);margin-left:.5rem}.solicitud-info{display:flex;flex-direction:column;gap:.35rem}.solicitud-tipo{display:inline-block;padding:.25rem .75rem;background:color-mix(in srgb,var(--tipo-color) 15%,transparent);color:var(--tipo-color);border-radius:20px;font-size:.8rem;font-weight:500;width:fit-content}.solicitud-comentario{font-size:.9rem;color:var(--text-primary);margin:0}.solicitud-rechazo{font-size:.85rem;color:#ef4444;margin:0;font-style:italic}.solicitud-estado{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.estado-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.estado-badge--green{background:#10b98126;color:#10b981}.estado-badge--yellow{background:#f59e0b26;color:#f59e0b}.estado-badge--red{background:#ef444426;color:#ef4444}.solicitud-fecha{font-size:.75rem;color:var(--text-secondary)}.modal-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{padding:.5rem;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dias-preview{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:10px;margin-bottom:1.25rem;font-size:.9rem;color:var(--text-secondary)}.dias-preview strong{color:#10b981;font-size:1.1rem}.dias-preview .warning{display:flex;align-items:center;gap:.35rem;color:#ef4444;font-size:.85rem}.modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-secondary{flex:1;padding:.85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-hover)}.modal-actions .btn-primary{flex:1;justify-content:center}@media(max-width:1024px){.balance-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mis-vacaciones-page{padding:1rem;padding-bottom:100px}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.btn-primary{width:100%;justify-content:center}.balance-section{grid-template-columns:1fr 1fr}.balance-card{padding:1rem}.balance-value{font-size:1.5rem}.solicitud-card{grid-template-columns:1fr;gap:1rem}.solicitud-estado{flex-direction:row;justify-content:space-between;align-items:center}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.balance-section{grid-template-columns:1fr}.balance-icon{width:44px;height:44px}.progress-legend{flex-direction:column;gap:.5rem}.solicitud-fechas{flex-wrap:wrap;min-width:auto}}.mis-marcaciones-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary)}.header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#8b5cf626,#3b82f626);color:#8b5cf6;display:flex;align-items:center;justify-content:center}.header-clock{text-align:right;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.clock-time{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.clock-date{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.fichaje-section{margin-bottom:2rem}.fichaje-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-radius:16px;border:2px solid var(--border);transition:all .3s ease}.fichaje-card.fichado{border-color:#10b9814d;background:linear-gradient(135deg,#10b9810d,#06b6d40d)}.fichaje-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.fichaje-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.entrada-time{display:inline-block;margin-top:.5rem;padding:.35rem .75rem;background:#10b98126;color:#10b981;border-radius:20px;font-size:.85rem;font-weight:500}.fichaje-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.fichaje-btn.entrada{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.fichaje-btn.salida{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.fichaje-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.stat-card svg{padding:.75rem;border-radius:10px}.stat-card--green svg{background:#10b98126;color:#10b981}.stat-card--yellow svg{background:#f59e0b26;color:#f59e0b}.stat-card--red svg{background:#ef444426;color:#ef4444}.stat-card--blue svg{background:#3b82f626;color:#3b82f6}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.8rem;color:var(--text-secondary)}.historial-section{animation:fadeInUp .4s ease-out .2s backwards}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.month-selector{display:flex;align-items:center;gap:.75rem}.month-selector button{padding:.5rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.month-selector button:hover{background:var(--bg-hover);color:var(--text-primary)}.month-selector span{font-weight:600;color:var(--text-primary);min-width:140px;text-align:center}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--bg-hover)}.marcaciones-table{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;padding:1rem;background:var(--bg-primary);border-bottom:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.table-body{max-height:400px;overflow-y:auto}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;padding:1rem;border-bottom:1px solid var(--border);align-items:center;transition:background .2s ease}.table-row:hover{background:var(--bg-hover)}.table-row--ausente{opacity:.6}.table-row .fecha{font-weight:500;color:var(--text-primary);text-transform:capitalize}.table-row .hora{color:var(--text-primary);font-variant-numeric:tabular-nums}.table-row .horas{color:var(--text-secondary)}.table-row .estado{display:flex;justify-content:center}.estado-icon.green{color:#10b981}.estado-icon.yellow{color:#f59e0b}.estado-icon.red{color:#ef4444}.estado-icon.gray{color:#6b7280}@media(max-width:1024px){.stats-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mis-marcaciones-page{padding:1rem;padding-bottom:100px}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-clock{width:100%;text-align:center}.fichaje-card{flex-direction:column;gap:1rem;text-align:center}.fichaje-btn{width:100%;justify-content:center}.stats-section{grid-template-columns:1fr 1fr}.section-header{flex-direction:column;align-items:flex-start}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 60px}.table-header span:nth-child(4),.table-row .horas{display:none}}@media(max-width:480px){.stats-section{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}}.tutorial-restart-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:100;border:1px solid var(--border)}.tutorial-restart-btn:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #3b82f666;border-color:transparent}.tutorial-restart-btn:active{transform:scale(1.05)}@media(max-width:768px){.tutorial-restart-btn{bottom:100px;right:16px;width:44px;height:44px}}@media(max-width:480px){.tutorial-restart-btn{bottom:100px;right:12px;width:40px;height:40px}}.mis-nominas-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#10b98126,#06b6d426);color:#10b981;display:flex;align-items:center;justify-content:center}.year-filter{position:relative}.year-filter select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;appearance:none;cursor:pointer}.year-filter svg{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.resumen-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.resumen-card--principal{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:20px;padding:2rem;color:#fff}.resumen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;opacity:.9}.año-badge{padding:.35rem .75rem;background:#fff3;border-radius:20px;font-size:.8rem}.resumen-valor.grande{font-size:2.5rem;font-weight:700;display:block;margin-bottom:.5rem}.resumen-detalle{opacity:.85;font-size:.9rem}.resumen-grid{display:flex;flex-direction:column;gap:1rem}.resumen-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.resumen-item svg{color:#10b981}.item-valor{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.item-label{font-size:.8rem;color:var(--text-secondary)}.nominas-section h2{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.nominas-list{display:flex;flex-direction:column;gap:1rem}.nomina-card{display:grid;grid-template-columns:1fr 2fr auto;gap:1.5rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);align-items:center;transition:all .2s ease}.nomina-card:hover{box-shadow:0 4px 12px #00000014}.nomina-mes{display:flex;align-items:center;gap:.75rem}.nomina-mes svg{color:#10b981}.mes-nombre{display:block;font-weight:600;color:var(--text-primary)}.mes-año{font-size:.8rem;color:var(--text-secondary)}.nomina-importes{display:flex;gap:2rem}.importe{display:flex;flex-direction:column}.importe-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.importe-valor{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.importe.destacado .importe-valor{color:#10b981;font-size:1.25rem}.nomina-acciones{display:flex;gap:.5rem}.btn-icon{padding:.65rem;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-download{background:#10b981;border-color:#10b981;color:#fff}.btn-download:hover{background:#059669}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-primary);border-radius:20px;width:100%;max-width:500px;animation:fadeInUp .3s ease-out;border:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{padding:.5rem;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer}.modal-close:hover{background:#ef44441a;color:#ef4444}.modal-body{padding:1.5rem}.detalle-empleado{padding:1rem;background:var(--bg-secondary);border-radius:10px;margin-bottom:1.5rem}.detalle-empleado p{margin:.25rem 0;color:var(--text-secondary);font-size:.9rem}.detalle-empleado strong{color:var(--text-primary)}.detalle-conceptos h3{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin:1rem 0 .75rem}.concepto{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text-primary)}.concepto.total{border-bottom:none;padding-top:1rem;margin-top:.5rem;border-top:2px solid var(--border);font-weight:700;font-size:1.1rem}.concepto.total span:last-child{color:#10b981}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.full-width{width:100%}@media(max-width:768px){.mis-nominas-page{padding:1rem;padding-bottom:100px}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.resumen-section{grid-template-columns:1fr}.resumen-valor.grande{font-size:2rem}.nomina-card{grid-template-columns:1fr;gap:1rem}.nomina-importes{justify-content:space-between}.nomina-acciones{justify-content:flex-end}}.tutorial-restart-btn:hover{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 6px 20px #10b9814d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mi-sucursal-page{padding:2rem;animation:fadeIn .4s ease-out;min-height:100vh;background:var(--bg-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-info{display:flex;align-items:center;gap:1rem}.header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ef444426,#f9731626);color:#ef4444;display:flex;align-items:center;justify-content:center}.header-info h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.header-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.sucursal-hero{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;color:#fff;margin-bottom:2rem}.hero-content{flex:1}.sucursal-tipo{display:inline-block;padding:.35rem .75rem;background:#fff3;border-radius:20px;font-size:.8rem;margin-bottom:.75rem}.sucursal-hero h2{font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.sucursal-direccion{display:flex;align-items:center;gap:.5rem;opacity:.9;margin-bottom:1rem}.sucursal-contacto{display:flex;gap:1.5rem;font-size:.9rem;opacity:.85}.sucursal-contacto span{display:flex;align-items:center;gap:.35rem}.hero-stats{display:flex;gap:2rem}.hero-stat{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:#ffffff26;border-radius:12px}.hero-stat svg{margin-bottom:.5rem;opacity:.9}.hero-stat .stat-value{font-size:1.5rem;font-weight:700}.hero-stat .stat-label{font-size:.75rem;opacity:.8}.sucursal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:1px solid var(--border);animation:fadeInUp .4s ease-out backwards}.info-card:nth-child(1){animation-delay:.1s}.info-card:nth-child(2){animation-delay:.15s}.info-card:nth-child(3){animation-delay:.2s}.info-card:nth-child(4){animation-delay:.25s}.info-card.full-width{grid-column:1 / -1}.info-card h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.info-card h3 svg{color:#10b981}.horario-info{margin-bottom:1.25rem}.horario-principal{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.horario-label{font-size:.85rem;color:var(--text-secondary)}.horario-valor{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dias-operacion{display:flex;gap:.5rem}.dia{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;font-weight:500;border:1px solid var(--border)}.dia.activo{background:#10b981;color:#fff;border-color:#10b981}.mi-horario{padding:1rem;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border-radius:10px;display:flex;justify-content:space-between;align-items:center}.mi-horario-label{font-size:.85rem;color:var(--text-secondary)}.mi-horario-valor{font-weight:600;color:#10b981}.equipo-list{display:flex;flex-direction:column;gap:.75rem}.equipo-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:10px;border:1px solid var(--border)}.equipo-item.supervisor{border-color:#10b9814d;background:linear-gradient(135deg,#10b9810d,#06b6d40d)}.equipo-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.equipo-info{display:flex;flex-direction:column}.equipo-nombre{font-weight:500;color:var(--text-primary);font-size:.9rem}.equipo-puesto{font-size:.75rem;color:var(--text-secondary)}.servicios-list{display:flex;flex-wrap:wrap;gap:.5rem}.servicio-tag{padding:.5rem 1rem;background:#3b82f626;color:#3b82f6;border-radius:20px;font-size:.85rem;font-weight:500}.equipamiento-list{display:flex;flex-direction:column;gap:.5rem}.equipamiento-item{display:flex;align-items:center;gap:.5rem;padding:.65rem;background:var(--bg-primary);border-radius:8px;font-size:.9rem;color:var(--text-primary)}.equipamiento-item svg{color:#10b981}.certificaciones-list{display:flex;gap:1rem;flex-wrap:wrap}.certificacion-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f59e0b1a,#f973161a);border-radius:12px;border:1px solid rgba(245,158,11,.2);color:#f59e0b;font-weight:500}@media(max-width:1024px){.sucursal-grid{grid-template-columns:1fr}}@media(max-width:768px){.mi-sucursal-page{padding:1rem;padding-bottom:100px}.sucursal-hero{flex-direction:column;gap:1.5rem;text-align:center;padding:1.5rem}.sucursal-direccion{justify-content:center;flex-wrap:wrap}.sucursal-contacto{flex-direction:column;gap:.5rem;align-items:center}.hero-stats{width:100%;justify-content:space-around}.hero-stat{padding:.75rem 1rem}}.mis-comunicaciones-page{padding:1.5rem;animation:mcFadeIn .3s ease}@keyframes mcFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mc-header{margin-bottom:1.5rem}.mc-header-title{display:flex;align-items:center;gap:1rem}.mc-header-title svg{color:var(--accent)}.mc-header-title h1{font-size:1.5rem;color:var(--text-primary);margin:0}.mc-header-title p{color:var(--text-secondary);font-size:.875rem;margin:0}.mc-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.mc-summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);transition:transform .2s}.mc-summary-card:hover{transform:translateY(-2px)}.mc-summary-card--blue svg{color:#3b82f6}.mc-summary-card--orange svg{color:#f59e0b}.mc-summary-card--purple svg{color:#8b5cf6}.mc-summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:block}.mc-summary-label{font-size:.75rem;color:var(--text-secondary)}.mc-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.mc-search{flex:1;min-width:200px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.mc-search svg{color:var(--text-secondary)}.mc-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.9rem}.mc-search input:focus{outline:none}.mc-filters{display:flex;gap:.75rem}.mc-filters select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer}.mc-list{display:flex;flex-direction:column;gap:.75rem}.mc-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s}.mc-card:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014;border-color:var(--accent)}.mc-card--unread{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,var(--bg-secondary)),var(--bg-secondary));border-left:3px solid var(--accent)}.mc-card-icon{width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--tipo-color) 15%,transparent);color:var(--tipo-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mc-card-content{flex:1;min-width:0}.mc-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.mc-card-header h3{font-size:1rem;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-prioridad-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mc-new-badge{font-size:.65rem;padding:.15rem .5rem;background:var(--accent);color:#fff;border-radius:10px;font-weight:600;text-transform:uppercase}.mc-card-excerpt{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.4}.mc-card-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.mc-card-meta span{display:flex;align-items:center;gap:.3rem}.mc-card-status{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mc-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px}.mc-status--confirmed{color:#10b981}.mc-status--pending{background:#f59e0b26;color:#f59e0b}.mc-card-arrow{color:var(--text-secondary);transition:transform .2s}.mc-card:hover .mc-card-arrow{transform:translate(4px);color:var(--accent)}.mc-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.mc-empty svg{opacity:.3;margin-bottom:1rem}.mc-empty h3{color:var(--text-primary);margin:0 0 .5rem}.mc-empty p{margin:0}.mc-tipo-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:16px;font-size:.7rem;font-weight:500;background:color-mix(in srgb,var(--tipo-color) 15%,transparent);color:var(--tipo-color)}.mc-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:mcFadeIn .2s ease}.mc-modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:550px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:mcSlideUp .3s ease}@keyframes mcSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mc-modal-header{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,color-mix(in srgb,var(--tipo-color) 15%,var(--bg-secondary)),var(--bg-secondary));border-bottom:1px solid var(--border)}.mc-modal-icon{width:48px;height:48px;border-radius:12px;background:var(--tipo-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mc-modal-info{flex:1;min-width:0}.mc-modal-info h2{font-size:1.15rem;color:var(--text-primary);margin:.5rem 0 .35rem}.mc-modal-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.mc-modal-meta span{display:flex;align-items:center;gap:.35rem}.mc-modal-close{width:36px;height:36px;border-radius:8px;border:none;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;align-self:flex-start}.mc-modal-close:hover{background:#ef4444;color:#fff}.mc-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.mc-modal-body p{color:var(--text-primary);line-height:1.7;margin:0 0 1rem}.mc-adjuntos{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.mc-adjuntos h4{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);margin:0 0 .75rem}.mc-adjuntos-list{display:flex;flex-wrap:wrap;gap:.5rem}.mc-adjunto-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.mc-adjunto-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.mc-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.mc-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.mc-btn--primary{background:var(--accent);color:#fff}.mc-btn--primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.mc-confirmado-badge{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.9rem;font-weight:500}@media(max-width:768px){.mis-comunicaciones-page{padding:1rem}.mc-toolbar{flex-direction:column}.mc-filters{width:100%}.mc-filters select{flex:1}.mc-card{flex-direction:column;align-items:flex-start}.mc-card-icon{display:none}.mc-card-status{width:100%;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border);margin-top:.5rem}}@media(max-width:480px){.mc-summary{grid-template-columns:1fr}.mc-card-meta{flex-direction:column;gap:.25rem}.mc-modal-header{flex-direction:column}.mc-modal-close{position:absolute;top:1rem;right:1rem}}.tutorial-restart-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;z-index:100}.tutorial-restart-btn:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 6px 20px #3b82f64d}@media(max-width:768px){.tutorial-restart-btn{bottom:80px;right:16px;width:44px;height:44px}}