@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #6366f1;--color-secondary: #8b5cf6;--color-accent: #ec4899;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-dark: #0f172a;--color-dark-light: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-attachment:fixed;color:var(--color-text);min-height:100vh;line-height:1.6}.glass{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:var(--shadow-md)}.glass-strong{background:#1e293be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:var(--shadow-lg)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%)}.btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 4px 12px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-secondary{background:#ffffff1a;color:var(--color-text);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.card{background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:#6366f14d}.input{width:100%;padding:12px 16px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--color-text);font-size:14px;transition:all .3s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:var(--color-text-secondary)}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' 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 12px center;background-size:16px;padding-right:40px}select.input option{background-color:#1e293b;color:#f1f5f9;padding:12px}select.input option:hover,select.input option:focus,select.input option:checked{background-color:#334155;color:#fff}select.input optgroup{background-color:#0f172a;color:#94a3b8;font-weight:600;padding:8px}@supports (scrollbar-color: auto){select.input{scrollbar-color:var(--color-primary) #1e293b}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.placeholder-page{padding:3rem;text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.placeholder-page h1{font-size:2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.placeholder-page p{color:var(--color-text-secondary)}select{background-color:#1e293b!important;color:#f1f5f9!important}select option{background-color:#1e293b;color:#f1f5f9;padding:10px}select option:checked,select option:hover{background-color:#334155}select optgroup{background-color:#0f172a;color:#94a3b8;font-weight:600}.filter-select{background-color:#0f172ae6!important;color:var(--color-text)!important}.filter-select option{background-color:#1e293b;color:#f1f5f9}.notifications-container{position:relative}.notifications-trigger{position:relative;width:44px;height:44px;border:none;border-radius:12px;background:#ffffff1a;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notifications-trigger:hover{background:#ffffff26;transform:scale(1.05)}.notifications-trigger.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 4px 12px #6366f166}.notifications-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:var(--color-danger);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444480;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-panel{position:absolute;top:calc(100% + 12px);right:0;width:400px;max-height:80vh;display:flex;flex-direction:column;z-index:1000;animation:slideDown .2s ease}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.notifications-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-text)}.notifications-actions{display:flex;gap:.5rem}.btn-icon-sm:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.notifications-filter{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.notifications-filter svg{color:var(--color-text-secondary)}.filter-select{flex:1;background:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.4rem .75rem;color:var(--color-text);font-size:.85rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' 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 8px center;background-size:14px;padding-right:30px}.filter-select:focus{outline:none;border-color:var(--color-primary)}.filter-select option{background-color:#1e293b;color:#f1f5f9;padding:8px}.notifications-summary{display:flex;gap:1rem;padding:.75rem 1.25rem;background:#0000001a;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600}.summary-alta{color:var(--color-danger)}.summary-total{color:var(--color-text-secondary);margin-left:auto}.notifications-list{flex:1;overflow-y:auto;max-height:400px}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:.75rem;color:var(--color-text-secondary)}.loading-spinner-sm{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:.5rem;text-align:center}.notifications-empty svg{color:var(--color-success);opacity:.5}.notifications-empty p{font-weight:600;color:var(--color-text)}.notifications-empty span{font-size:.85rem;color:var(--color-text-secondary)}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.05)}.notification-item:hover{background:#ffffff0d}.notification-item:last-child{border-bottom:none}.notification-item.notif-alta{border-left-color:var(--color-danger);background:#ef44440d}.notification-item.notif-media{border-left-color:var(--color-warning)}.notification-item.notif-baja{border-left-color:var(--color-success)}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-tipo-pago .notification-icon{background:#10b98133;color:var(--color-success)}.notif-tipo-tarea .notification-icon{background:#6366f133;color:var(--color-primary)}.notif-alta .notification-icon{background:#ef444433;color:var(--color-danger)}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.notification-title{font-size:.8rem;font-weight:600;color:var(--color-text)}.notification-priority{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase}.notification-priority.priority-alta{background:#ef444433;color:#f87171}.notification-priority.priority-media{background:#f59e0b33;color:#fbbf24}.notification-priority.priority-baja{background:#22c55e33;color:#4ade80}.notification-message{font-size:.9rem;color:var(--color-text);margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.25rem}.meta-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary)}.meta-monto{color:var(--color-success);font-weight:600}.notification-detalle{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.notif-alta .notification-detalle{color:var(--color-danger);font-weight:600;font-style:normal}.notification-arrow{color:var(--color-text-secondary);opacity:0;transition:all .2s;flex-shrink:0;margin-top:.5rem}.notification-item:hover .notification-arrow{opacity:1;transform:translate(4px)}.notifications-footer{padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.btn-link{background:none;border:none;color:var(--color-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-link:hover{color:var(--color-secondary);text-decoration:underline}@media(max-width:480px){.notifications-panel{position:fixed;top:70px;left:1rem;right:1rem;width:auto;max-height:calc(100vh - 90px)}.notification-meta{flex-direction:column;gap:.25rem}}.notification-item{flex-direction:column;gap:0}.notification-main{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;width:100%}.btn-generar-informe{display:flex;align-items:center;gap:6px;margin:0 16px 10px 46px;padding:6px 12px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#818cf8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;width:fit-content}.btn-generar-informe:hover{background:#6366f140;border-color:#6366f180}.modal-informe{max-width:680px;width:95vw;max-height:90vh;overflow-y:auto}.modal-subtitle{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.informe-steps{display:flex;gap:0;padding:0 24px;margin-bottom:4px;border-bottom:1px solid var(--color-border)}.step-item{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;color:var(--color-text-secondary);opacity:.5;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.step-item.active{opacity:1;color:var(--color-primary);border-bottom-color:var(--color-primary)}.step-item.done{opacity:1;color:var(--color-success)}.step-num{width:22px;height:22px;border-radius:50%;background:var(--color-surface);border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.informe-intro{font-size:13px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.6}.informe-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}@media(max-width:500px){.informe-grid{grid-template-columns:1fr}}.prompt-box{background:#0003;border:1px solid var(--color-border);border-radius:8px;padding:16px;max-height:320px;overflow-y:auto;margin-bottom:20px}.prompt-text{font-size:12px;line-height:1.7;color:var(--color-text-secondary);white-space:pre-wrap;font-family:Inter,sans-serif;margin:0}.html-textarea{width:100%;height:280px;background:#0003;border:1px solid var(--color-border);border-radius:8px;padding:14px;color:var(--color-text);font-family:Courier New,monospace;font-size:12px;line-height:1.5;resize:vertical;margin-bottom:20px}.html-textarea:focus{outline:none;border-color:var(--color-primary)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--color-surface)}.modal-informe-container{background:var(--color-surface, #1e1e2e);border:1px solid var(--color-border, rgba(255,255,255,.1));border-radius:16px;width:95vw;max-width:660px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;z-index:10000}.informe-steps{display:flex;padding:0 24px;border-bottom:1px solid var(--color-border, rgba(255,255,255,.1));gap:0}.step-item{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;color:var(--color-text-secondary);opacity:.4;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;white-space:nowrap}.step-item.active{opacity:1;color:var(--color-primary, #6366f1);border-bottom-color:var(--color-primary, #6366f1)}.step-item.done{opacity:1;color:var(--color-success, #4ade80)}.step-num{width:22px;height:22px;border-radius:50%;background:#ffffff0d;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.informe-intro{font-size:13px;color:var(--color-text-secondary);margin-bottom:18px;line-height:1.6}.informe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.informe-input{background:#ffffff14!important;border:1px solid rgba(255,255,255,.2)!important;color:var(--color-text, #ffffff)!important}.informe-input:focus{background:#ffffff1f!important;border-color:var(--color-primary, #6366f1)!important;outline:none}.informe-input::placeholder{color:#ffffff59!important}.prompt-box{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;max-height:300px;overflow-y:auto;margin-bottom:18px}.prompt-text{font-size:12px;line-height:1.7;color:#ffffffb3;white-space:pre-wrap;font-family:Inter,sans-serif;margin:0}.html-textarea{width:100%;height:260px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:14px;color:#e2e8f0;font-family:Courier New,monospace;font-size:12px;line-height:1.5;resize:vertical;margin-bottom:18px;display:block}.html-textarea:focus{outline:none;border-color:var(--color-primary, #6366f1)}.informe-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:4px}.btn-outline-informe{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:var(--color-text, #fff);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-informe:hover{background:#ffffff14}.notification-item{flex-direction:column!important;align-items:stretch!important}.notification-main{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;width:100%}.btn-generar-informe{display:flex;align-items:center;gap:6px;margin:0 16px 10px 48px;padding:6px 12px;background:#6366f126;border:1px solid rgba(99,102,241,.35);border-radius:6px;color:#818cf8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;width:fit-content}.btn-generar-informe:hover{background:#6366f147}@media(max-width:500px){.informe-grid{grid-template-columns:1fr}.informe-steps{padding:0 12px}.step-item{padding:10px 8px;font-size:11px}}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:20px!important}.modal-informe-container{position:relative!important;background:var(--color-surface, #1e1e2e)!important;border:1px solid var(--color-border, rgba(255,255,255,.1))!important;border-radius:16px!important;width:95vw!important;max-width:660px!important;max-height:88vh!important;overflow-y:auto!important;box-shadow:0 25px 60px #0009!important;z-index:100000!important}.csv-upload-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#6366f114;border:1px dashed rgba(99,102,241,.3);border-radius:8px;margin-bottom:16px}.csv-label{font-size:13px;color:var(--color-text-secondary);flex:1}.btn-csv{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:6px;color:#818cf8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-csv:hover{background:#6366f152}.layout{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;padding:0}.header-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo{display:flex;align-items:center;gap:1rem}.logo-icon{color:var(--color-primary);filter:drop-shadow(0 0 10px rgba(99,102,241,.5));animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:.75rem;color:var(--color-text-secondary);margin-top:-4px}.nav{display:flex;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;font-weight:500}.nav-item:hover{background:#ffffff1a;color:var(--color-text);transform:translateY(-2px)}.nav-item.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f166}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.footer{text-align:center;padding:2rem;color:var(--color-text-secondary);font-size:.875rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:968px){.menu-toggle{display:block}.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:1rem;gap:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-open{max-height:400px}.nav-item{width:100%;justify-content:flex-start}.main-content{padding:1rem}}.header-right{display:flex;align-items:center;gap:1rem}.menu-toggle{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:8px}@media(max-width:968px){.menu-toggle{display:block}.header-right{gap:.5rem}.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:1rem;gap:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-open{max-height:400px}.nav-item{width:100%;justify-content:flex-start}.main-content{padding:1rem}}.usuario-badge{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px}.user-avatar-sm{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.user-avatar-sm.andres{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.user-avatar-sm.denisse{background:linear-gradient(135deg,#ec4899,#f43f5e)}.usuario-nombre{font-size:13px;font-weight:500;color:var(--color-text)}.btn-logout{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:15px;padding:2px 4px;border-radius:4px;transition:color .2s;line-height:1}.btn-logout:hover{color:var(--color-danger)}@media(max-width:968px){.usuario-nombre{display:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:20px}.login-card{width:100%;max-width:380px;padding:40px 36px;border-radius:20px;display:flex;flex-direction:column;gap:24px}.login-logo{display:flex;align-items:center;gap:14px}.login-logo h1{font-size:20px;font-weight:700;color:var(--color-text)}.login-logo p{font-size:12px;color:var(--color-text-secondary)}.login-logo .logo-icon{color:var(--color-primary);flex-shrink:0}.login-subtitle{font-size:15px;color:var(--color-text-secondary);text-align:center;margin-top:-8px}.user-selector{display:flex;gap:16px}.user-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;color:var(--color-text);font-size:14px;font-weight:500;transition:all .2s}.user-option:hover{background:#6366f11f;border-color:#6366f166;transform:translateY(-2px)}.user-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.user-avatar.andres{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.user-avatar.denisse{background:linear-gradient(135deg,#ec4899,#f43f5e)}.login-back{background:none;border:none;color:var(--color-text-secondary);font-size:13px;cursor:pointer;padding:0;text-align:left;margin-top:-8px;transition:color .2s}.login-back:hover{color:var(--color-text)}.login-user-selected{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;border-radius:10px;font-size:14px;color:var(--color-text)}.login-user-selected .user-avatar{width:36px;height:36px;font-size:15px}.login-form{display:flex;flex-direction:column;gap:14px}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:var(--color-text-secondary);pointer-events:none}.login-input{width:100%;padding:12px 44px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--color-text);font-size:14px;font-family:inherit;transition:border-color .2s}.login-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff14}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-eye{position:absolute;right:12px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center}.login-eye:hover{color:var(--color-text)}.login-error{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:13px}.login-btn{width:100%;padding:12px;font-size:15px;justify-content:center}.dashboard{display:flex;flex-direction:column;gap:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.dashboard-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:var(--color-text-secondary);margin-top:.25rem}.header-date{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);background:#ffffff0d;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;text-transform:capitalize}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 12px #8b5cf666}.icon-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.2}.stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard-card{padding:1.5rem;display:flex;flex-direction:column}.dashboard-card.full-width{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.card-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.card-content{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color-text-secondary);text-align:center;gap:1rem}.empty-state svg{opacity:.3}.list{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border-radius:12px;border-left:3px solid transparent;transition:all .2s ease}.list-item:hover{background:#ffffff0f}.list-item.item-warning{border-left-color:var(--color-warning);background:#f59e0b1a}.list-item.item-danger{border-left-color:var(--color-danger);background:#ef44441a}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-title{font-weight:600;color:var(--color-text)}.item-subtitle{font-size:.8rem;color:var(--color-text-secondary)}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.item-amount{font-weight:700;color:var(--color-success)}.item-date{font-size:.8rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem}.text-warning{color:var(--color-warning)!important}.priority-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:6px;font-weight:600;text-transform:uppercase}.priority-alta{background:#ef444433;color:#f87171}.priority-media{background:#f59e0b33;color:#fbbf24}.priority-baja{background:#22c55e33;color:#4ade80}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;transition:all .3s ease}.project-card:hover{background:#ffffff0f;transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.project-card h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.project-client{font-size:.85rem;color:var(--color-text-secondary)}.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.project-price{font-weight:700;color:var(--color-primary)}.project-date{font-size:.8rem;color:var(--color-text-secondary)}.categoria-badge{display:flex;align-items:center;gap:.35rem;font-size:.7rem;padding:.35rem .6rem;border-radius:6px;font-weight:600}.categoria-ads{background:#3b82f633;color:#60a5fa}.categoria-contenido{background:#ec489933;color:#f472b6}.categoria-web{background:#22c55e33;color:#4ade80}.status-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:6px;font-weight:600;text-transform:capitalize}.status-activo{background:#22c55e33;color:#4ade80}.status-pausado{background:#f59e0b33;color:#fbbf24}.status-completado{background:#6366f133;color:#818cf8}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--color-text-secondary)}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:968px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header h1,.stat-value{font-size:1.5rem}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.header-date{display:none}}.clientes-page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.page-header h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--color-text)}.page-subtitle{color:var(--color-text-secondary);margin-top:.5rem}.search-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem}.search-input{flex:1;background:none;border:none;color:var(--color-text);font-size:1rem;outline:none}.search-input::placeholder{color:var(--color-text-secondary)}.clear-search{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s}.clear-search:hover{background:#ffffff1a;color:var(--color-text)}.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.cliente-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.cliente-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.cliente-card-header{display:flex;justify-content:space-between;align-items:flex-start}.cliente-avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #6366f166}.cliente-actions{display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-danger:hover{background:#ef444433;color:var(--color-danger)}.cliente-card-body{flex:1;display:flex;flex-direction:column;gap:.5rem}.cliente-card-body h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.cliente-info{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.cliente-info svg{flex-shrink:0;color:var(--color-primary)}.cliente-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.cliente-stats{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-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}.modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-sm{max-width:450px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.required{color:var(--color-danger)}.input-error{border-color:var(--color-danger)!important}.error-message{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-danger)}textarea.input{resize:vertical;min-height:80px;font-family:inherit}select.input{cursor:pointer}.delete-warning{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1rem}.warning-icon{color:var(--color-warning)}.warning-text{color:var(--color-text-secondary);font-size:.9rem}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 4px 12px #ef444466}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch}.page-header h1{font-size:1.5rem}.clientes-grid,.form-grid{grid-template-columns:1fr}.modal{max-height:95vh}}.proyectos-page{display:flex;flex-direction:column;gap:1.5rem}.filters-section{display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.filter-select{flex:1;cursor:pointer}.stats-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;color:var(--color-primary);white-space:nowrap}.proyectos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.proyecto-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.proyecto-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s ease}.proyecto-card:hover:before{opacity:1}.proyecto-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.proyecto-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.proyecto-actions{display:flex;gap:.5rem}.proyecto-card-body{flex:1;display:flex;flex-direction:column;gap:.5rem}.proyecto-card-body h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem;line-height:1.3}.proyecto-info{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.proyecto-info svg{flex-shrink:0;color:var(--color-primary);opacity:.7}.proyecto-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.proyecto-price{display:flex;align-items:center;gap:.35rem;font-size:1.1rem;font-weight:700;color:var(--color-success)}.proyecto-price svg{color:var(--color-success)}.help-text{font-size:.85rem;color:var(--color-success);font-weight:600;margin-top:.25rem}@media(max-width:768px){.filters-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.stats-badge{justify-content:center}.proyectos-grid{grid-template-columns:1fr}}@media(max-width:640px){.proyecto-card-header{flex-direction:column}.proyecto-actions{width:100%;justify-content:flex-end}}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:1rem;background:#6366f11a;border:2px solid rgba(99,102,241,.3);border-radius:12px;transition:all .3s ease}.checkbox-label:hover{background:#6366f126;border-color:#6366f180}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-text{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text)}.checkbox-text svg{color:var(--color-primary)}.info-message{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:6px;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.info-message svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.badge-historico{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem;background:#94a3b833;border-radius:6px;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;vertical-align:middle}.badge-historico svg{opacity:.7}.modal-large{max-width:700px}.form-section{grid-column:1 / -1;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.radio-option:hover{background:#ffffff0f;border-color:#fff3}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.radio-option input[type=radio]:checked+.radio-text{color:var(--color-text);font-weight:600}.radio-option:has(input:checked){background:#6366f126;border-color:var(--color-primary)}.radio-text{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.95rem;transition:all .2s}.radio-text svg{color:var(--color-primary)}.proyecto-pago{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;border-radius:8px;margin-top:.5rem;font-size:.85rem}.proyecto-pago svg{flex-shrink:0;margin-top:2px}.pago-detalle{display:flex;flex-direction:column;gap:.25rem}.pago-restante{font-size:.8rem;opacity:.8}.pago-completo{background:#10b98126;border-left:3px solid var(--color-success);color:var(--color-success)}.pago-parcial{background:#f59e0b26;border-left:3px solid var(--color-warning);color:var(--color-warning)}.pago-pendiente{background:#ef444426;border-left:3px solid var(--color-danger);color:var(--color-danger)}@media(max-width:768px){.modal-large{max-width:95vw}.radio-group{gap:.5rem}.radio-option{padding:.75rem}}.btn-icon:hover{background:#ffffff26;transform:scale(1.1)}.proyecto-actions .btn-icon:first-child:hover{background:#6366f133;color:var(--color-primary)}.proyecto-actions{display:flex;gap:.35rem}.desglose-preview{margin-top:1rem;padding:1rem;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.desglose-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.9rem;color:var(--color-text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.desglose-row:last-child{border-bottom:none}.desglose-row .text-danger{color:var(--color-danger)}.desglose-row .text-success{color:var(--color-success)}.desglose-total{margin-top:.5rem;padding-top:.75rem;border-top:2px solid rgba(255,255,255,.1);font-weight:700;font-size:1rem;color:var(--color-text)}.desglose-total .text-success{font-size:1.1rem}.pagos-page{display:flex;flex-direction:column;gap:1.5rem}.pagos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.pago-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.pago-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:opacity .3s ease}.pago-card.estado-pagado:before{background:var(--color-success)}.pago-card.estado-pendiente:before{background:var(--color-warning)}.pago-card.estado-vencido:before{background:var(--color-danger)}.pago-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.pago-card-header{display:flex;justify-content:space-between;align-items:flex-start}.pago-estado-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:8px;font-size:.85rem;font-weight:600;text-transform:capitalize}.estado-pagado .pago-estado-badge{background:#10b98133;color:var(--color-success)}.estado-pendiente .pago-estado-badge{background:#f59e0b33;color:var(--color-warning)}.estado-vencido .pago-estado-badge{background:#ef444433;color:var(--color-danger)}.pago-actions{display:flex;gap:.5rem}.pago-card-body{flex:1;display:flex;flex-direction:column;gap:.75rem}.pago-monto{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.pago-info{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.pago-info svg{flex-shrink:0;color:var(--color-primary);opacity:.7}.pago-alerta{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f59e0b1a;border-left:3px solid var(--color-warning);border-radius:6px;color:var(--color-warning);font-size:.85rem;font-weight:600}.pago-card-footer{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.pago-cliente{color:var(--color-text-secondary);font-size:.85rem}.icon-red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}@media(max-width:768px){.pagos-grid{grid-template-columns:1fr}}.filters-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.tareas-page{display:flex;flex-direction:column;gap:1.5rem}.tareas-list{display:flex;flex-direction:column;gap:1rem}.tarea-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s ease;border-left:4px solid transparent}.tarea-card:hover{transform:translate(4px);box-shadow:var(--shadow-lg)}.tarea-card.tarea-completada{opacity:.7;border-left-color:var(--color-success)}.tarea-card.tarea-vencida{border-left-color:var(--color-danger);background:#ef44440d}.tarea-checkbox{width:40px;height:40px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.tarea-checkbox.estado-pendiente{background:#f59e0b33;color:var(--color-warning)}.tarea-checkbox.estado-pendiente:hover{background:#f59e0b4d;transform:scale(1.1)}.tarea-checkbox.estado-en-proceso{background:#3b82f633;color:#3b82f6}.tarea-checkbox.estado-en-proceso:hover{background:#3b82f64d;transform:scale(1.1)}.tarea-checkbox.estado-completada{background:#10b98133;color:var(--color-success)}.tarea-checkbox.estado-completada:hover{background:#10b9814d;transform:scale(1.1)}.tarea-content{flex:1;min-width:0}.tarea-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.tarea-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0}.tarea-titulo-completada{text-decoration:line-through;opacity:.7}.tarea-badges{display:flex;gap:.5rem;flex-wrap:wrap}.tarea-descripcion{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:.75rem;line-height:1.5}.tarea-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.tarea-proyecto,.tarea-fecha,.tarea-completada-fecha{display:flex;align-items:center;gap:.35rem;color:var(--color-text-secondary)}.tarea-proyecto svg,.tarea-fecha svg,.tarea-completada-fecha svg{color:var(--color-primary);opacity:.7}.fecha-urgente{color:var(--color-warning)!important}.fecha-urgente svg{color:var(--color-warning)!important}.fecha-vencida{color:var(--color-danger)!important}.fecha-vencida svg{color:var(--color-danger)!important}.tarea-completada-fecha{color:var(--color-success)}.tarea-completada-fecha svg{color:var(--color-success)!important}.tarea-actions{display:flex;gap:.5rem;flex-shrink:0}.prioridad-badge{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.prioridad-alta{background:#ef444433;color:#f87171}.prioridad-media{background:#f59e0b33;color:#fbbf24}.prioridad-baja{background:#22c55e33;color:#4ade80}.asignado-badge{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600}.asignado-andres{background:#6366f133;color:#818cf8}.asignado-denisse{background:#ec489933;color:#f472b6}@media(max-width:768px){.tarea-card{flex-direction:column;gap:.75rem}.tarea-checkbox{width:36px;height:36px}.tarea-header{flex-direction:column;gap:.5rem}.tarea-actions{align-self:flex-end;margin-top:.5rem}.tarea-meta{flex-direction:column;gap:.5rem}.filters-row{flex-direction:column}.filter-group{min-width:100%}}.header-actions{display:flex;gap:.75rem}.alerta-servicios{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#f59e0b26;border-left:4px solid var(--color-warning);margin-bottom:.5rem}.alerta-servicios svg{flex-shrink:0;color:var(--color-warning);margin-top:2px}.alerta-content{flex:1}.alerta-content strong{color:var(--color-warning);display:block;margin-bottom:.5rem}.alerta-lista{display:flex;flex-wrap:wrap;gap:.5rem}.alerta-item{background:#f59e0b33;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;color:var(--color-text)}.acciones-masivas{padding:1.25rem;margin-bottom:.5rem;border-left:4px solid var(--color-primary)}.acciones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.acciones-header h3{font-size:1rem;font-weight:600;color:var(--color-text)}.tareas-seleccionadas{font-size:.85rem;color:var(--color-text-secondary);background:#ffffff1a;padding:.35rem .75rem;border-radius:6px}.acciones-buttons{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.asignar-grupo{display:flex;align-items:center;gap:.75rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.1)}.asignar-grupo span{color:var(--color-text-secondary);font-size:.9rem}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98166}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-asignar{padding:.6rem 1rem}.btn-andres{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f166}.btn-andres:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-denisse{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;box-shadow:0 4px 12px #ec489966}.btn-denisse:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489980}.tarea-cliente{display:flex;align-items:center;gap:.35rem;color:var(--color-primary);font-weight:600}.tarea-cliente svg{color:var(--color-primary)!important;opacity:1!important}@media(max-width:768px){.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%;justify-content:center}.acciones-buttons{flex-direction:column;align-items:stretch}.asignar-grupo{flex-direction:column;padding-left:0;padding-top:1rem;border-left:none;border-top:1px solid rgba(255,255,255,.1);gap:.5rem}.alerta-lista{flex-direction:column}}.alerta-item-urgente{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-informe-alerta{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:5px;color:#818cf8;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-informe-alerta:hover{background:#6366f159}.servicios-page{display:flex;flex-direction:column;gap:1.5rem}.info-box{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#6366f11a;border-left:4px solid var(--color-primary)}.info-box svg{flex-shrink:0;color:var(--color-primary)}.info-box p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.servicios-list{display:flex;flex-direction:column;gap:1rem}.servicio-item{overflow:hidden;transition:all .3s ease}.servicio-item.categoria-ads{border-left:4px solid #3b82f6}.servicio-item.categoria-contenido{border-left:4px solid #ec4899}.servicio-item.categoria-web{border-left:4px solid #10b981}.servicio-item.categoria-combo{border-left:4px solid #8b5cf6}.servicio-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;cursor:pointer;transition:background .2s ease}.servicio-header:hover{background:#ffffff08}.servicio-info{display:flex;align-items:center;gap:1rem}.servicio-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.servicio-icon.categoria-ads{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.servicio-icon.categoria-contenido{background:linear-gradient(135deg,#ec4899,#be185d)}.servicio-icon.categoria-web{background:linear-gradient(135deg,#10b981,#059669)}.servicio-icon.categoria-combo{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.servicio-info h3{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.servicio-precio{font-size:.9rem;color:var(--color-success);font-weight:600}.servicio-meta{display:flex;align-items:center;gap:1rem}.tareas-count{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.btn-expand{background:#ffffff1a;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer;transition:all .2s ease}.btn-expand:hover{background:#ffffff26}.servicio-tareas{border-top:1px solid rgba(255,255,255,.1);padding:1.25rem;background:#0003;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tareas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tareas-header h4{font-size:.95rem;font-weight:600;color:var(--color-text)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.no-tareas{padding:2rem;text-align:center;color:var(--color-text-secondary)}.tareas-plantilla-list{display:flex;flex-direction:column;gap:.75rem}.tarea-plantilla-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:10px;transition:all .2s ease}.tarea-plantilla-item:hover{background:#ffffff0f}.tarea-orden{display:flex;align-items:center;gap:.25rem;color:var(--color-text-secondary);font-size:.85rem;min-width:40px}.tarea-orden svg{opacity:.5}.tarea-plantilla-content{flex:1;min-width:0}.tarea-plantilla-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.35rem}.tarea-plantilla-header h5{font-size:.95rem;font-weight:600;color:var(--color-text)}.tarea-plantilla-badges{display:flex;gap:.5rem;flex-wrap:wrap}.prioridad-badge-sm,.asignado-badge-sm,.dias-badge{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.prioridad-badge-sm.prioridad-alta{background:#ef444433;color:#f87171}.prioridad-badge-sm.prioridad-media{background:#f59e0b33;color:#fbbf24}.prioridad-badge-sm.prioridad-baja{background:#22c55e33;color:#4ade80}.asignado-badge-sm{background:#6366f133;color:#818cf8}.dias-badge{background:#94a3b833;color:var(--color-text-secondary)}.tarea-plantilla-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.tarea-plantilla-actions{display:flex;gap:.35rem}.btn-icon-sm{width:28px;height:28px;border:none;border-radius:6px;background:#ffffff1a;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-sm:hover{background:#ffffff26}.btn-icon-sm.btn-icon-danger:hover{background:#ef444433;color:var(--color-danger)}@media(max-width:768px){.servicio-header{flex-direction:column;align-items:flex-start;gap:1rem}.servicio-meta{width:100%;justify-content:space-between}.tarea-plantilla-item{flex-direction:column}.tarea-orden{min-width:auto}.tarea-plantilla-actions{align-self:flex-end}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.empty-state svg{opacity:.3;color:var(--color-text-secondary)}.empty-state h3{font-size:1.25rem;color:var(--color-text)}.empty-state p{color:var(--color-text-secondary)}.servicio-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;gap:1rem}.servicio-header-left{flex:1;cursor:pointer;transition:opacity .2s}.servicio-header-left:hover{opacity:.8}.servicio-actions{display:flex;gap:.5rem}.servicio-descripcion{padding:0 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.servicio-descripcion p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.no-tareas{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:var(--color-text-secondary)}@media(max-width:768px){.servicio-header{flex-wrap:wrap}.servicio-meta{width:100%;justify-content:space-between;margin-top:.5rem}.servicio-actions{order:2}}.contabilidad-page{display:flex;flex-direction:column;gap:1.5rem}.periodo-filter{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;width:fit-content}.periodo-filter svg{color:var(--color-primary)}.tabs{display:flex;gap:.5rem;padding:.5rem;width:fit-content}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:10px;background:transparent;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease}.tab:hover{background:#ffffff0d;color:var(--color-text)}.tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 4px 12px #6366f166}.resumen-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.resumen-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s ease}.resumen-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.resumen-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.resumen-card.ingreso .resumen-icon{background:linear-gradient(135deg,#10b981,#059669)}.resumen-card.impuestos .resumen-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.resumen-card.egresos .resumen-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.resumen-card.utilidad .resumen-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.resumen-content{display:flex;flex-direction:column}.resumen-label{font-size:.85rem;color:var(--color-text-secondary)}.resumen-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.resumen-value.positivo{color:var(--color-success)}.resumen-value.negativo{color:var(--color-danger)}.desglose-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:1rem}.desglose-card{padding:1.5rem}.desglose-card h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.desglose-items{display:flex;flex-direction:column;gap:.5rem}.desglose-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:var(--color-text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.desglose-item:last-child{border-bottom:none}.desglose-item.total{margin-top:.5rem;padding-top:.75rem;border-top:2px solid rgba(255,255,255,.1);border-bottom:none;font-weight:600;color:var(--color-text)}.text-primary{color:var(--color-primary)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.egresos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.egreso-card{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;border-left:4px solid var(--color-warning);transition:all .3s ease}.egreso-card.pagado{border-left-color:var(--color-success);opacity:.8}.egreso-card.vencido{border-left-color:var(--color-danger);background:#ef44441a}.egreso-card.urgente{border-left-color:var(--color-warning);background:#f59e0b1a}.egreso-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.egreso-categoria{padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff}.badge-recurrente{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#6366f133;border-radius:6px;font-size:.7rem;font-weight:600;color:var(--color-primary)}.egreso-body h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.egreso-monto{font-size:1.5rem;font-weight:700;color:var(--color-text)}.egreso-fechas{margin-top:.5rem}.fecha-pago{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-success)}.fecha-vencimiento{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.fecha-vencimiento.vencido{color:var(--color-danger);font-weight:600}.fecha-vencimiento.urgente{color:var(--color-warning);font-weight:600}.egreso-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.egreso-actions{display:flex;gap:.35rem}.categorias-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.categoria-card{display:flex;align-items:center;gap:1rem;padding:1rem}.categoria-color{width:48px;height:48px;border-radius:12px;flex-shrink:0}.categoria-info{flex:1}.categoria-info h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.categoria-info p{font-size:.85rem;color:var(--color-text-secondary)}.input-color{height:50px;padding:4px;cursor:pointer}@media(max-width:768px){.resumen-cards,.desglose-section,.egresos-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{flex:1;justify-content:center}}.iva-section{display:flex;flex-direction:column;gap:1.5rem}.mes-selector{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;width:fit-content}.mes-selector svg{color:var(--color-primary)}.mes-selector .input{width:auto}.iva-card{padding:2rem}.iva-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.iva-header h2{font-size:1.5rem;font-weight:700}.iva-vencimiento{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.9rem;color:var(--color-text-secondary)}.iva-vencimiento.urgente{background:#ef444426;color:var(--color-danger);font-weight:600}.iva-desglose{background:#0003;border-radius:16px;padding:2rem}.iva-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.iva-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;border-radius:12px;min-width:180px}.iva-item.debito{background:#ef44441a;border:2px solid rgba(239,68,68,.3)}.iva-item.credito{background:#10b9811a;border:2px solid rgba(16,185,129,.3)}.iva-item.resultado{background:#6366f11a;border:2px solid rgba(99,102,241,.3)}.iva-label{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.iva-sublabel{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.75rem}.iva-monto{font-size:1.75rem;font-weight:700}.iva-item.debito .iva-monto{color:var(--color-danger)}.iva-item.credito .iva-monto{color:var(--color-success)}.iva-monto.apagar{color:var(--color-warning)}.iva-monto.afavor{color:var(--color-success)}.iva-operador{font-size:2rem;font-weight:300;color:var(--color-text-secondary)}.iva-alerta{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#f59e0b26;border-left:4px solid var(--color-warning);border-radius:8px;color:var(--color-warning);font-weight:500}.iva-info{padding:1.5rem}.iva-info h3{margin-bottom:1rem;font-size:1rem}.iva-info ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.iva-info li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.iva-info li:last-child{border-bottom:none}.egreso-badges{display:flex;gap:.5rem}.badge-factura{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#10b98133;border-radius:6px;font-size:.7rem;font-weight:600;color:var(--color-success)}.egreso-iva-credito{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;padding:.35rem .75rem;background:#10b9811a;border-radius:6px;font-size:.8rem;color:var(--color-success);width:fit-content}.radio-group-horizontal{display:flex;gap:1rem;flex-wrap:wrap}.radio-option-sm{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.radio-option-sm:hover{background:#ffffff14}.radio-option-sm:has(input:checked){background:#6366f126;border-color:var(--color-primary)}.radio-option-sm input{accent-color:var(--color-primary)}.radio-option-sm span{font-size:.9rem;color:var(--color-text)}.iva-credito-preview{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#10b9811a;border-left:3px solid var(--color-success);border-radius:6px;font-size:.85rem;color:var(--color-success)}.iva-credito-preview strong{color:var(--color-success)}.egresos-card{background:linear-gradient(135deg,#ef4444,#dc2626)}@media(max-width:768px){.iva-row{flex-direction:column}.iva-operador{transform:rotate(90deg)}.iva-item{width:100%}.iva-header{flex-direction:column;text-align:center}}