.login-container{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;padding:var(--space-4);background:radial-gradient(at 80% 20%,var(--primary-blue-light) 0%,transparent 50%),radial-gradient(at 20% 90%,var(--secondary-blue) 0%,transparent 50%),linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-attachment:fixed;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.dark-mode .login-container{background:radial-gradient(at 80% 20%,rgba(52,211,153,.1) 0%,transparent 50%),radial-gradient(at 20% 90%,rgba(6,78,59,.2) 0%,transparent 50%),linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%)}.login-card{width:100%;max-width:420px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 20px 60px #00000026,inset 0 1px #ffffff80;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.dark-mode .login-card{background:#1a1a1acc;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-icon-wrapper{width:80px;height:80px;margin:0 auto var(--space-4);background:#10b98126;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #10b98133,inset 0 1px #ffffff4d}.dark-mode .login-icon-wrapper{background:#10b98133;border-color:#ffffff26}.login-icon{font-size:2rem;color:var(--primary-blue)}.dark-mode .login-icon{color:var(--primary-blue-light)}.login-title{font-size:var(--font-3xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-2) 0;letter-spacing:-.025em}.dark-mode .login-title{color:var(--gray-900)}.login-subtitle{font-size:var(--font-base);color:var(--gray-600);margin:0}.dark-mode .login-subtitle{color:var(--gray-600)}.login-form{display:flex;flex-direction:column;gap:var(--space-6)}.login-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.login-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.dark-mode .login-label{color:var(--gray-700)}.input-icon{font-size:var(--font-sm);color:var(--primary-blue)}.dark-mode .input-icon{color:var(--primary-blue-light)}.login-input{width:100%;padding:var(--space-4) var(--space-5);font-size:var(--font-base);font-family:inherit;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:var(--gray-900);transition:all var(--transition);box-shadow:0 4px 16px #0000000d,inset 0 1px #ffffff80}.dark-mode .login-input{background:#ffffff1a;border-color:#fff3;color:var(--gray-900)}.login-input::placeholder{color:var(--gray-500);opacity:.7}.dark-mode .login-input::placeholder{color:var(--gray-600)}.login-input:focus{outline:none;border-color:var(--primary-blue);background:#fffffff2;box-shadow:0 6px 24px #10b98133,0 0 0 4px #10b9811a,inset 0 1px #fff9;transform:translateY(-2px)}.dark-mode .login-input:focus{background:#ffffff26;border-color:var(--primary-blue)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .login-input{padding-right:3.5rem}.password-toggle{position:absolute;right:var(--space-4);background:transparent;border:none;color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast);border-radius:var(--radius)}.password-toggle:hover{color:var(--primary-blue);transform:scale(1.1)}.dark-mode .password-toggle{color:var(--gray-600)}.dark-mode .password-toggle:hover{color:var(--primary-blue-light)}.login-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#ef535026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(239,83,80,.4);border-radius:var(--radius-md);color:var(--error-red);font-size:var(--font-sm);box-shadow:0 4px 16px #ef535033,inset 0 1px #ffffff4d}.dark-mode .login-error{background:#ef535033;border-color:#ef535066;color:#ef5350e6}.error-icon{font-size:var(--font-lg);flex-shrink:0}.login-button{width:100%;padding:var(--space-5) var(--space-6);font-size:var(--font-base);font-weight:600;color:var(--white);background:#10b981cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-3);box-shadow:0 8px 32px #10b9814d,inset 0 1px #fff6;position:relative;overflow:hidden;min-height:52px}.login-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b981f2,#059669f2);z-index:-1;opacity:.9}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #10b98166,inset 0 1px #ffffff80;border-color:#fff6}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none;pointer-events:none}.spinner-icon{animation:spin 1s linear infinite}@media (max-width: 768px){.login-container{padding:var(--space-4)}.login-card{padding:var(--space-6);max-width:100%}.login-icon-wrapper{width:64px;height:64px}.login-icon{font-size:1.5rem}.login-title{font-size:var(--font-2xl)}.login-subtitle{font-size:var(--font-sm)}}.procesos-page{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh}.procesos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.procesos-header h1{font-size:2rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.procesos-list{display:flex;flex-direction:column;gap:1.5rem}.proceso-card{background:var(--card-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.proceso-card:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 8px 16px #0003}.proceso-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.proceso-card-info{flex:1}.proceso-card-info h3{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .5rem}.proceso-descripcion{color:var(--text-secondary, rgba(255, 255, 255, .7));margin:.5rem 0;font-size:.95rem;line-height:1.5}.proceso-stats{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.proceso-steps-badge{display:inline-block;background:var(--primary-color, rgba(16, 185, 129, .2));color:var(--primary-color, #10b981);padding:.25rem .75rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500}.proceso-precio-badge{display:inline-block;background:#22c55e33;color:#22c55e;padding:.25rem .75rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600}.proceso-card-actions{display:flex;gap:.5rem;flex-shrink:0}.proceso-subprocesos{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--card-border, rgba(255, 255, 255, .1))}.subprocesos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subprocesos-header h4{font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.subprocesos-list{display:flex;flex-direction:column;gap:.75rem}.subproceso-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--card-bg, rgba(255, 255, 255, .03));border:1px solid var(--card-border, rgba(255, 255, 255, .05));border-radius:var(--radius-md, 8px);transition:all .2s ease}.subproceso-item:hover{background:var(--card-bg, rgba(255, 255, 255, .05));border-color:var(--card-border, rgba(255, 255, 255, .1))}.subproceso-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-color, rgba(16, 185, 129, .2));color:var(--primary-color, #10b981);border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.subproceso-content{flex:1;min-width:0}.subproceso-content h5{font-size:1rem;font-weight:500;color:var(--text-primary, #ffffff);margin:0 0 .25rem}.subproceso-descripcion{font-size:.875rem;color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0;line-height:1.4}.subproceso-actions{display:flex;gap:.25rem;flex-shrink:0}.empty-state,.empty-subprocesos{text-align:center;padding:3rem 2rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.empty-state svg,.empty-subprocesos svg{opacity:.5;margin-bottom:1rem}.empty-state p,.empty-subprocesos p{margin:.5rem 0 1.5rem;font-size:1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--primary-color, rgba(16, 185, 129, .3));color:#fff;border:1px solid var(--primary-color, rgba(16, 185, 129, .5))}.btn-primary:hover{background:var(--primary-color, rgba(16, 185, 129, .4));border-color:var(--primary-color, rgba(16, 185, 129, .6));transform:translateY(-1px);box-shadow:0 4px 8px #10b98133}.btn-secondary{background:var(--card-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff);border:1px solid var(--card-border, rgba(255, 255, 255, .1))}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--card-bg, rgba(255, 255, 255, .05));border-color:var(--card-border, rgba(255, 255, 255, .2))}.btn-icon.btn-small{width:2rem;height:2rem}.btn-icon.btn-danger:hover{background:#dc354533;border-color:#dc354566;color:#dc3545}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon:disabled:hover{background:transparent;border-color:var(--card-border, rgba(255, 255, 255, .1))}.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:2000;padding:1rem}.modal{background:var(--card-bg, rgba(20, 20, 20, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;position:relative}.close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:1.5rem;cursor:pointer;border-radius:var(--radius-md, 8px);transition:all .2s ease}.close-btn:hover{background:var(--card-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff)}.modal h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 1.5rem;padding-right:2rem}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.9375rem;font-weight:500;color:var(--text-primary, #ffffff)}.form-group input,.form-group textarea{padding:.75rem;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--text-primary, #ffffff);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, rgba(16, 185, 129, .5));box-shadow:0 0 0 3px #10b9811a}.form-group textarea{resize:vertical;min-height:80px}.form-group small{font-size:.8125rem;color:var(--text-secondary, rgba(255, 255, 255, .5))}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}@media (max-width: 768px){.procesos-page{padding:1rem}.procesos-header{flex-direction:column;align-items:stretch}.procesos-header h1{font-size:1.5rem}.proceso-card-header{flex-direction:column}.proceso-card-actions{align-self:flex-end}.subprocesos-header{flex-direction:column;align-items:stretch;gap:1rem}.subproceso-item{flex-wrap:wrap}.subproceso-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.modal{padding:1.5rem}}.dark-mode .proceso-card{background:#1e1e1ecc}.dark-mode .subproceso-item{background:#14141499}.dark-mode .modal{background:#0f0f0ffa}.settings-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .3s ease-out;padding:var(--space-4)}.settings-modal{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);max-width:1200px;width:100%;max-height:90vh;position:relative;z-index:var(--z-modal);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff80;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.dark-mode .settings-modal{background:#1a1a1ae6;border-color:#ffffff1a}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid rgba(0,0,0,.1)}.dark-mode .settings-header{border-bottom-color:#ffffff1a}.settings-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.dark-mode .settings-title{color:var(--gray-900)}.settings-icon{font-size:var(--font-xl);color:var(--primary-blue)}.settings-close-btn{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);font-size:var(--font-xl);color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000001a}.dark-mode .settings-close-btn{background:#ffffff1a;border-color:#fff3;color:var(--gray-700)}.settings-close-btn:hover{background:#ef5350e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);transform:rotate(90deg);border-color:#fff6;box-shadow:0 6px 20px #ef535066}.settings-tabs{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-bottom:1px solid rgba(0,0,0,.1);background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .settings-tabs{border-bottom-color:#ffffff1a;background:#ffffff0d}.settings-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--gray-600);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition);position:relative}.dark-mode .settings-tab{color:var(--gray-400)}.settings-tab:hover{background:#ffffff80;color:var(--gray-900)}.dark-mode .settings-tab:hover{background:#ffffff1a;color:var(--white)}.settings-tab.active{background:#10b98126;color:var(--primary-blue);font-weight:var(--font-semibold)}.dark-mode .settings-tab.active{background:#10b98133;color:var(--primary-blue)}.settings-tab.active:after{content:"";position:absolute;bottom:calc(-1 * var(--space-4) - 1px);left:0;right:0;height:2px;background:var(--primary-blue);border-radius:2px 2px 0 0}.settings-content{flex:1;overflow-y:auto;padding:var(--space-6)}.settings-section{background:var(--slate-900, #18181b);border-radius:var(--radius-lg, 16px);padding:2.5rem 2rem 2rem;box-shadow:0 2px 16px #0000001f;max-width:420px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1.2rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{color:var(--primary-blue, #3b82f6);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:.01em;text-align:center}.settings-form-fields{display:flex;flex-direction:column;gap:1.1rem}.settings-item{display:flex;flex-direction:column;gap:.3rem;background:none;border:none;padding:0;margin-bottom:0}.settings-item label{color:var(--slate-200, #e5e7eb);font-weight:500;font-size:1rem;margin-bottom:.1rem}.settings-item input[type=text],.settings-item input[type=number],.settings-item input[type=email],.settings-item input[type=password]{background:var(--slate-800, #23272f);color:var(--slate-100, #f1f5f9);border:1.5px solid var(--slate-700, #334155);border-radius:7px;padding:.65rem .9rem;font-size:1rem;transition:border .2s;outline:none;width:100%;box-sizing:border-box}.settings-item input:focus{border-color:var(--primary-blue, #3b82f6)}.settings-item input[type=checkbox]{accent-color:var(--primary-blue, #3b82f6);width:1.1rem;height:1.1rem;margin-right:.5rem}.settings-save-btn{width:100%;background:linear-gradient(90deg,#2563eb,#1e40af);color:#fff;font-weight:700;font-size:1.1rem;border:none;border-radius:8px;padding:.9rem 0;margin-top:.5rem;box-shadow:0 2px 8px #3b82f61a;cursor:pointer;transition:background .2s,box-shadow .2s}.settings-save-btn:hover{background:linear-gradient(90deg,#1e40af,#2563eb);box-shadow:0 4px 16px #3b82f62e}.settings-message{margin-top:1rem;text-align:center;color:var(--primary-blue, #3b82f6);font-weight:600;font-size:1rem}.theme-toggle{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--gray-300);transition:all var(--transition);border-radius:var(--radius-full);box-shadow:inset 0 2px 4px #0000001a}.dark-mode .theme-toggle-slider{background:var(--gray-600)}.theme-toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background:var(--white);transition:all var(--transition);border-radius:50%;box-shadow:0 2px 4px #0003}.theme-toggle input:checked+.theme-toggle-slider{background:var(--primary-blue)}.dark-mode .theme-toggle input:checked+.theme-toggle-slider{background:var(--primary-blue)}.theme-toggle input:checked+.theme-toggle-slider:before{transform:translate(26px)}.theme-toggle input:focus+.theme-toggle-slider{box-shadow:0 0 0 3px #10b98140}.settings-procesos-section{padding:0}.settings-procesos-section .procesos-page{padding:0;min-height:auto}.settings-procesos-section .procesos-header{margin-bottom:1.5rem}.settings-procesos-section .procesos-header h1{font-size:1.5rem}@media (max-width: 768px){.settings-modal-overlay{padding:0}.settings-modal{max-width:100%;max-height:100vh;border-radius:0}.settings-header{padding:var(--space-4)}.settings-tabs{padding:var(--space-3) var(--space-4);overflow-x:auto}.settings-tab{white-space:nowrap;font-size:var(--font-xs);padding:var(--space-2) var(--space-3)}.settings-content{padding:var(--space-4)}.settings-procesos-section .procesos-page{padding:0}}@media (max-width: 600px){.settings-section{padding:1.2rem .5rem 1.5rem;max-width:98vw}}.profile-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .3s ease-out;padding:var(--space-4)}.profile-modal{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;position:relative;z-index:var(--z-modal);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff80;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.dark-mode .profile-modal{background:#1a1a1ae6;border-color:#ffffff1a}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid rgba(0,0,0,.1)}.dark-mode .profile-header{border-bottom-color:#ffffff1a}.profile-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.dark-mode .profile-title{color:var(--gray-900)}.profile-icon{font-size:var(--font-xl);color:var(--primary-blue)}.profile-close-btn{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);font-size:var(--font-xl);color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000001a}.dark-mode .profile-close-btn{background:#ffffff1a;border-color:#fff3;color:var(--gray-700)}.profile-close-btn:hover{background:#ef5350e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);transform:rotate(90deg);border-color:#fff6;box-shadow:0 6px 20px #ef535066}.profile-content{flex:1;overflow-y:auto;padding:var(--space-6)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4);color:var(--gray-600)}.profile-loading .spinning{font-size:var(--font-3xl);animation:spin 1s linear infinite}.profile-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-sm)}.profile-error{background:#ef53501a;border:1px solid rgba(239,83,80,.3);color:#d32f2f}.dark-mode .profile-error{background:#ef535033;border-color:#ef535066;color:#ff6b6b}.profile-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#059669}.dark-mode .profile-success{background:#10b98133;border-color:#10b98166;color:#10b981}.profile-section{margin-bottom:var(--space-6)}.profile-section:last-child{margin-bottom:0}.profile-section-title{display:block;font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--gray-700);margin:0 0 var(--space-3) 0}.dark-mode .profile-section-title{color:var(--gray-700)}.profile-photo-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.profile-photo-wrapper{position:relative;width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;cursor:pointer;transition:all var(--transition)}.profile-photo-wrapper:hover{transform:scale(1.05)}.profile-photo-wrapper:hover .profile-photo-overlay{opacity:1}.profile-photo,.profile-photo-placeholder{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{background:#10b9811a;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);font-size:var(--font-4xl)}.dark-mode .profile-photo-placeholder{background:#10b98133}.profile-photo-overlay{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.profile-photo-upload-btn{width:48px;height:48px;border-radius:var(--radius-full);background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-blue);font-size:var(--font-xl);transition:all var(--transition)}.profile-photo-upload-btn:hover{background:#fff;transform:scale(1.1)}.profile-photo-hint{font-size:var(--font-sm);color:var(--gray-600);margin:0;text-align:center}.dark-mode .profile-photo-hint{color:var(--gray-600)}.profile-input-wrapper{position:relative;display:flex;align-items:center}.profile-input-icon{position:absolute;left:var(--space-4);color:var(--gray-500);font-size:var(--font-lg);pointer-events:none;z-index:1}.profile-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 3.5rem;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);font-size:var(--font-base);color:var(--gray-900);transition:all var(--transition);font-family:inherit}.dark-mode .profile-input{background:#ffffff0d;border-color:#ffffff1a;color:var(--gray-900)}.profile-input:focus{outline:none;border-color:var(--primary-blue);background:#fffc;box-shadow:0 0 0 3px #10b9811a}.dark-mode .profile-input:focus{background:#ffffff1a;box-shadow:0 0 0 3px #10b98133}.profile-input:disabled{opacity:.6;cursor:not-allowed;background:#ffffff4d}.dark-mode .profile-input:disabled{background:#ffffff08}.profile-input-hint{font-size:var(--font-xs);color:var(--gray-600);margin:var(--space-2) 0 0 0}.dark-mode .profile-input-hint{color:var(--gray-600)}.profile-actions{display:flex;gap:var(--space-3);padding:var(--space-6);border-top:1px solid rgba(0,0,0,.1)}.dark-mode .profile-actions{border-top-color:#ffffff1a}.profile-btn{flex:1;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;font-family:inherit}.profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-btn-secondary{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--gray-700)}.dark-mode .profile-btn-secondary{background:#ffffff0d;border-color:#ffffff1a;color:var(--gray-700)}.profile-btn-secondary:hover:not(:disabled){background:#fffc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-mode .profile-btn-secondary:hover:not(:disabled){background:#ffffff1a}.profile-btn-primary{background:#10b981cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--white);box-shadow:0 4px 12px #10b9814d}.dark-mode .profile-btn-primary{background:#10b981b3;border-color:#fff3}.profile-btn-primary:hover:not(:disabled){background:#10b981f2;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.profile-btn .spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.profile-modal-overlay{padding:0}.profile-modal{max-width:100%;max-height:100vh;border-radius:0}.profile-header,.profile-content{padding:var(--space-4)}.profile-actions{padding:var(--space-4);flex-direction:column}.profile-btn{width:100%}}.notifications-overlay{position:fixed;inset:0;z-index:1000;background:transparent}.notifications-dropdown{position:fixed;top:72px;right:var(--space-4);width:380px;max-width:calc(100vw - var(--space-8));max-height:calc(100vh - 100px);background:#fffffff2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff80;display:flex;flex-direction:column;overflow:hidden;z-index:1001;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1)}.dark-mode .notifications-dropdown{background:#121212f2;border-color:#ffffff26;box-shadow:0 20px 60px #000c,inset 0 1px #ffffff26}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-header{padding:var(--space-5);border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.dark-mode .notifications-header{background:#ffffff0d;border-bottom-color:#ffffff1a}.notifications-header-title{display:flex;align-items:center;gap:var(--space-3);flex:1}.notifications-header-title h3{font-size:var(--font-xl);font-weight:700;color:var(--gray-900);margin:0}.dark-mode .notifications-header-title h3{color:#fffffff2}.notifications-header-title .fa-icon{font-size:var(--font-lg);color:var(--primary-blue)}.dark-mode .notifications-header-title .fa-icon{color:#10b981e6}.notifications-count-badge{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;font-size:var(--font-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.notifications-header-actions{display:flex;align-items:center;gap:var(--space-2)}.notifications-mark-all-read,.notifications-close{width:32px;height:32px;border-radius:var(--radius-md);background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:var(--font-base)}.dark-mode .notifications-mark-all-read,.dark-mode .notifications-close{background:#ffffff1a;border-color:#fff3;color:#fffc}.notifications-mark-all-read:hover,.notifications-close:hover{background:#10b98133;border-color:#10b9814d;color:var(--primary-blue);transform:scale(1.1)}.dark-mode .notifications-mark-all-read:hover,.dark-mode .notifications-close:hover{background:#10b9814d;border-color:#10b98166;color:#10b981e6}.notifications-content{flex:1;overflow-y:auto;min-height:200px;max-height:500px}.notifications-loading,.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--gray-600)}.dark-mode .notifications-loading,.dark-mode .notifications-empty{color:#fff9}.notifications-loading .fa-icon,.notifications-empty .fa-icon{font-size:var(--font-4xl);margin-bottom:var(--space-4);opacity:.5}.notifications-loading p,.notifications-empty p{margin:0;font-size:var(--font-base)}.notifications-list{padding:var(--space-2)}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);margin-bottom:var(--space-2);cursor:pointer;transition:all var(--transition);position:relative}.dark-mode .notification-item{background:#ffffff0d;border-color:#ffffff1a}.notification-item:hover{background:#fff9;transform:translate(4px);border-color:#10b9814d;box-shadow:0 4px 12px #0000001a}.dark-mode .notification-item:hover{background:#ffffff1a;border-color:#10b98166;box-shadow:0 4px 12px #0006}.notification-item.unread{background:#10b9811a;border-left:3px solid var(--primary-blue)}.dark-mode .notification-item.unread{background:#10b98126;border-left-color:#10b981cc}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background:#ffffffb3;transform:translate(4px);border-color:#10b98166;box-shadow:0 6px 16px #00000026}.dark-mode .notification-item.clickable:hover{background:#ffffff1f;border-color:#10b98180;box-shadow:0 6px 16px #00000080}.notification-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-header-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.notification-title{font-size:var(--font-base);font-weight:600;color:var(--gray-900);margin:0;flex:1}.dark-mode .notification-title{color:#fffffff2}.notification-unread-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--primary-blue);flex-shrink:0}.notification-delete{width:24px;height:24px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:var(--font-sm);opacity:0}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#ef44441a;color:#ef4444}.dark-mode .notification-delete{color:#ffffff80}.dark-mode .notification-delete:hover{background:#ef444433;color:#ff6b6b}.notification-message{font-size:var(--font-sm);color:var(--gray-600);margin:0 0 var(--space-2) 0;line-height:1.5}.dark-mode .notification-message{color:#ffffffb3}.notification-time{font-size:var(--font-xs);color:var(--gray-500)}.dark-mode .notification-time{color:#ffffff80}@media (max-width: 768px){.notifications-dropdown{top:72px;right:var(--space-2);left:var(--space-2);width:auto;max-height:calc(100vh - 90px)}}.search-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .2s ease}.search-modal{width:90%;max-width:700px;max-height:80vh;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.dark-mode .search-modal{background:#1e1e1ef2;border-color:#ffffff1a}.search-modal-header{padding:var(--space-5);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:var(--space-3)}.dark-mode .search-modal-header{border-bottom-color:#ffffff1a}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-4);color:var(--gray-500);font-size:1.1rem;pointer-events:none}.search-modal-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) * 3);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius);font-size:1rem;background:#fffffff2;transition:all var(--transition);color:#1a1a1a!important;font-weight:500}.dark-mode .search-modal-input{background:#fff3;border-color:#ffffff4d;color:#fff!important}.search-modal-input::placeholder{color:#00000080!important}.dark-mode .search-modal-input::placeholder{color:#fff9!important}.search-modal-input:focus{outline:none;border-color:var(--primary-color, #10b981);background:#fff;box-shadow:0 0 0 3px #10b9811a}.dark-mode .search-modal-input:focus{background:#ffffff26;box-shadow:0 0 0 3px #10b98133}.search-clear-btn{position:absolute;right:var(--space-3);background:none;border:none;color:var(--gray-500);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all var(--transition)}.search-clear-btn:hover{background:#0000000d;color:var(--gray-700)}.dark-mode .search-clear-btn:hover{background:#ffffff1a;color:var(--gray-300)}.search-close-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all var(--transition);font-size:1.2rem}.search-close-btn:hover{background:#0000000d;color:var(--gray-700)}.dark-mode .search-close-btn:hover{background:#ffffff1a;color:var(--gray-300)}.search-filters{padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.05)}.dark-mode .search-filters{border-bottom-color:#ffffff1a}.search-filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-full);background:#ffffff80;color:var(--gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.search-filter-label-short{display:none}@media (max-width: 480px){.search-filter-label-full{display:none}.search-filter-label-short{display:inline}.search-filter-btn{padding:var(--space-2) var(--space-3);font-size:.8125rem}}.dark-mode .search-filter-btn{background:#ffffff0d;border-color:#fff3;color:var(--gray-300)}.search-filter-btn:hover{background:#fffc;border-color:#0003}.dark-mode .search-filter-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.search-filter-btn.active{background:#ffffffe6;font-weight:600}.dark-mode .search-filter-btn.active{background:#ffffff26}.search-type-tabs{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-bottom:1px solid rgba(0,0,0,.05);overflow-x:auto}.dark-mode .search-type-tabs{border-bottom-color:#ffffff1a}.search-type-tab{padding:var(--space-2) var(--space-4);border:none;background:none;color:var(--gray-600);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius);transition:all var(--transition);white-space:nowrap;flex-shrink:0}.search-tab-short{display:none}@media (max-width: 480px){.search-tab-full{display:none}.search-tab-short{display:inline}.search-type-tab{padding:var(--space-2) var(--space-3);font-size:.8125rem}.search-type-tabs{gap:var(--space-1);padding:var(--space-2) var(--space-4);-webkit-overflow-scrolling:touch}}.dark-mode .search-type-tab{color:var(--gray-400)}.search-type-tab:hover{background:#0000000d;color:var(--gray-900)}.dark-mode .search-type-tab:hover{background:#ffffff1a;color:var(--gray-200)}.search-type-tab.active{background:var(--primary-color, #10b981);color:#fff;font-weight:600}.search-results{flex:1;overflow-y:auto;padding:var(--space-2)}.search-loading,.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--gray-500);gap:var(--space-3)}.search-loading .spinning{animation:spin 1s linear infinite}.search-empty p{margin:0;font-size:.9375rem;color:#4a4a4a!important}.dark-mode .search-empty p{color:#d0d0d0!important}.search-hint{font-size:.8125rem!important;opacity:.7}.search-results-list{display:flex;flex-direction:column;gap:var(--space-2)}.search-result-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius);background:#ffffff80;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all var(--transition)}.dark-mode .search-result-item{background:#ffffff0d;border-color:#ffffff1a}.search-result-item:hover{background:#fffc;border-color:var(--primary-color, #10b981);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.dark-mode .search-result-item:hover{background:#ffffff1a;box-shadow:0 4px 12px #0000004d}.search-result-item:focus{outline:2px solid var(--primary-color, #10b981);outline-offset:2px}.result-icon{width:40px;height:40px;border-radius:var(--radius);background:#10b9811a;display:flex;align-items:center;justify-content:center;color:var(--primary-color, #10b981);flex-shrink:0;font-size:1.2rem}.result-content{flex:1;min-width:0}.result-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.result-title{margin:0;font-size:1rem;font-weight:600;color:#1a1a1a!important}.dark-mode .result-title{color:#fff!important}.result-estado{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.result-subtitle{margin:0 0 var(--space-1) 0;font-size:.875rem;color:#4a4a4a!important;font-weight:500}.dark-mode .result-subtitle{color:#d0d0d0!important}.result-description{margin:0 0 var(--space-1) 0;font-size:.8125rem;color:#6a6a6a!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dark-mode .result-description{color:#b0b0b0!important}.result-meta{margin:var(--space-1) 0 0 0;font-size:.75rem;color:var(--gray-500)}.dark-mode .result-meta{color:var(--gray-500)}.result-arrow{color:var(--gray-400);flex-shrink:0;font-size:1rem}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.dark-mode .search-results::-webkit-scrollbar-track{background:#ffffff0d}.search-results::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.dark-mode .search-results::-webkit-scrollbar-thumb{background:#fff3}.search-results::-webkit-scrollbar-thumb:hover{background:#0000004d}.dark-mode .search-results::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-footer{background:linear-gradient(135deg,#10b9811a,#0f172af2);border-top:1px solid rgba(16,185,129,.2);padding:2rem 1.5rem 1rem;margin-top:auto;width:100%;position:relative;z-index:10}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:1.5rem}.footer-section{display:flex;flex-direction:column;gap:.75rem}.footer-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.footer-logo-icon{font-size:1.5rem;color:#10b981e6}.footer-brand-text{font-size:1.25rem;font-weight:600;color:#fffffff2}.footer-tagline{font-size:.875rem;color:#fff9;margin:0;line-height:1.5}.footer-title{font-size:.9375rem;font-weight:600;color:#ffffffe6;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-links li{display:flex;align-items:center;gap:.5rem}.footer-links a{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-links a:hover{color:#10b981e6}.footer-links a svg,.footer-links li svg{font-size:.875rem;opacity:.7}.footer-links span{color:#ffffffb3;font-size:.875rem}.footer-demo-badge{padding:.25rem .75rem;background:#10b98133;border:1px solid rgba(16,185,129,.3);border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;color:#10b981e6;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center}.footer-copyright{font-size:.8125rem;color:#ffffff80;margin:0}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:1.5rem}.app-footer{padding:1.5rem 1rem .75rem}}:root{--primary-blue: #10b981;--secondary-blue: #d1fae5;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-700: #616161;--gray-900: #212121;--white: #ffffff;--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .03);--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--border-radius: 12px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}.main-layout{min-height:100vh;display:flex;flex-direction:column;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;width:100%;max-width:100vw}.main-content{flex:1;display:flex;flex-direction:column}.navbar{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;position:sticky;top:0;z-index:var(--z-sticky, 1020);width:100%;overflow-x:hidden;overflow-y:visible;max-width:100vw}.dark-mode .navbar{background:#1a1a1acc;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080}.navbar-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:72px;gap:var(--spacing-md);width:100%;min-width:0;overflow:visible;position:relative}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--gray-900);font-weight:700;white-space:nowrap;flex-shrink:0}.brand-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.brand-icon{font-size:1.5rem;color:var(--primary-blue)}.brand-text{display:none;line-height:1.4;font-size:1rem;font-weight:700;white-space:nowrap}.navbar-nav{display:none;flex:0 1 auto;min-width:0;overflow:hidden}.nav-item{position:relative}.nav-link{color:var(--gray-700);text-decoration:none;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--spacing-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-md);font-size:.9375rem}.nav-link:hover{color:var(--primary-blue);background:var(--secondary-blue)}.nav-link.active{color:var(--primary-blue);background:var(--secondary-blue);position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--primary-blue);border-radius:2px}.navbar-search{display:none;max-width:300px;flex:1 1 auto;min-width:150px;margin:0 var(--spacing-xl);overflow:hidden}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);font-size:.875rem;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-fast);color:var(--gray-900)}.dark-mode .search-input{background:#ffffff1a;border-color:#fff3;color:var(--gray-900)}.dark-mode .search-input::placeholder{color:var(--gray-600)}.search-input:focus{outline:none;border-color:var(--primary-blue);background:var(--white);box-shadow:0 0 0 3px #10b9811a}.dark-mode .search-input:focus{background:#ffffff26;box-shadow:0 0 0 3px #10b98133}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0;min-width:0}.action-button{background:none;border:none;color:var(--gray-700);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--spacing-sm);transition:all var(--transition-fast);position:relative!important;font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.action-button:hover{background:var(--gray-100);color:var(--primary-blue)}.user-profile-button{overflow:hidden;padding:0;border-radius:50%;background:transparent}.user-profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.user-profile-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.user-profile-button:hover .user-profile-image{opacity:.9}.search-mobile{display:flex}.hamburger-button{display:flex;flex-direction:column;gap:3px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--spacing-sm);transition:all var(--transition-fast)}.hamburger-button:hover{background:var(--gray-100)}.hamburger-line{width:20px;height:2px;background:var(--gray-700);border-radius:2px;transition:all var(--transition-normal)}.hamburger-button.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-button.active .hamburger-line:nth-child(2){opacity:0}.hamburger-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{position:fixed;inset:72px 0 0;z-index:var(--z-mobile-menu, 1100);opacity:0;visibility:hidden;transition:all var(--transition-normal);pointer-events:none}.mobile-menu.active{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-overlay{position:fixed;inset:72px 0 0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-mobile-menu, 1100) - 1)}.mobile-menu-content{position:fixed;top:72px;left:0;bottom:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:280px;max-width:85vw;height:calc(100vh - 72px);box-shadow:0 8px 32px #0003;border-right:1px solid rgba(255,255,255,.3);transform:translate(-100%);transition:transform var(--transition-normal);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:var(--z-mobile-menu, 1100)}.dark-mode .mobile-menu-content{background:#1a1a1af2;border-right-color:#ffffff1a;box-shadow:0 8px 32px #00000080}.mobile-menu.active .mobile-menu-content{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.dark-mode .mobile-menu-header{border-bottom-color:#ffffff1a}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;border-radius:var(--spacing-sm);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.dark-mode .mobile-menu-close{color:#fffc}.mobile-menu-close:hover{background:var(--gray-100);color:var(--primary-blue)}.dark-mode .mobile-menu-close:hover{background:#ffffff1a}.mobile-search{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.dark-mode .mobile-search{border-bottom-color:#ffffff1a}.mobile-search .search-input{background:var(--gray-50);color:var(--gray-900);cursor:pointer}.mobile-search .search-input[readonly]{cursor:pointer}.dark-mode .mobile-search .search-input{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.mobile-nav{padding:var(--spacing-lg) 0}.mobile-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--gray-700);text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);font-weight:500;border-bottom:1px solid var(--gray-100);transition:all var(--transition-fast)}.mobile-nav-item:hover{background:var(--secondary-blue);color:var(--primary-blue)}.mobile-nav-item.active{background:var(--secondary-blue);color:var(--primary-blue);border-right:3px solid var(--primary-blue)}.user-menu{position:relative}.user-menu-dropdown{position:fixed;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);box-shadow:0 8px 32px #00000026;min-width:200px;z-index:1100!important;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.dark-mode .user-menu-dropdown{background:#1a1a1af2;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080}.user-menu-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-item{display:block;color:var(--gray-700);text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);font-size:.875rem;border-bottom:1px solid var(--gray-100);transition:all var(--transition-fast)}.user-menu-item:last-child{border-bottom:none}.user-menu-item:hover{background:var(--gray-50);color:var(--primary-blue)}.notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important;border-radius:50%;min-width:20px;width:20px;height:20px;padding:0;font-size:11px;display:flex!important;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--background-color);box-shadow:0 2px 6px #ef444466;line-height:1;z-index:100;white-space:nowrap;box-sizing:border-box}.notification-badge.multi-digit{min-width:auto;width:auto;padding:0 6px;border-radius:10px}.dark-mode .notification-badge{border-color:#121212f2;box-shadow:0 2px 6px #ef444499}.main-content{flex:1;background:linear-gradient(135deg,var(--gray-50) 0%,var(--secondary-blue) 100%);width:100%;max-width:100vw;overflow-x:hidden}.main-content:has(.equipo-detalle){background:#1a1a1a;padding:0;margin:0}@media (min-width: 768px){.navbar-container{padding:0 var(--spacing-xl);height:76px}.navbar-brand{gap:var(--spacing-md)}.brand-logo{width:36px;height:36px}.brand-text{display:block;font-size:1rem;line-height:1.3}.navbar-search{display:block}.search-mobile,.hamburger-button{display:none}.navbar-nav{display:flex;align-items:center;gap:var(--spacing-xs);flex:0 1 auto;min-width:0;overflow:hidden}.nav-link{white-space:nowrap;flex-shrink:0}.nav-label{overflow:hidden;text-overflow:ellipsis;display:block}}@media (min-width: 1024px){.navbar-container{padding:0 var(--spacing-xl);height:80px;gap:var(--spacing-sm)}.navbar-brand{gap:var(--spacing-lg)}.brand-logo{width:40px;height:40px}.brand-text{font-size:1.0625rem;line-height:1.4}.navbar-search{max-width:280px;flex:0 1 280px;min-width:200px;margin:0 var(--spacing-lg)}.navbar-nav{gap:var(--spacing-xs);flex:0 1 auto;min-width:0}.nav-link{padding:var(--spacing-md);font-size:.875rem;white-space:nowrap;flex-shrink:0;gap:0;justify-content:center}.nav-label{display:none}.navbar-actions{gap:var(--spacing-lg)}.action-button{width:44px;height:44px;font-size:1.375rem}}@media (min-width: 1440px){.navbar-container{max-width:1400px}.navbar-search{max-width:350px;flex:0 1 350px}.navbar-nav{gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-md);font-size:.9375rem}.nav-label{display:none}}.dark-mode .navbar-brand{color:var(--gray-900)}.dark-mode .nav-link{color:var(--gray-700)}.dark-mode .nav-link:hover{background:#ffffff1a}.dark-mode .nav-link.active{background:#10b98133}.dark-mode .action-button{color:var(--gray-700)}.dark-mode .action-button:hover{background:#ffffff1a}.dark-mode .hamburger-line{background:var(--gray-700)}.dark-mode .user-menu-item{color:var(--gray-700)}.dark-mode .user-menu-item:hover{background:#ffffff1a}.dark-mode .mobile-nav-item{color:var(--gray-700)}.dark-mode .mobile-nav-item:hover,.dark-mode .mobile-nav-item.active{background:#10b98133}.dark-mode .main-content{background:transparent}.main-dashboard{min-height:100vh;background:var(--gray-50);background-attachment:fixed;padding:var(--space-4);font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--gray-900);width:100%;max-width:100vw;overflow-x:hidden}.dark-mode .main-dashboard{background:#1a1a1a;color:#e2e8f0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--gray-600);gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:3px solid var(--gray-200);border-top:3px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.section-title{font-size:var(--font-2xl);font-weight:700;color:#212121!important;margin:0 0 var(--space-6) 0;letter-spacing:-.025em}.alerts-section{margin-bottom:var(--space-8);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:0 var(--space-4)}.alerts-container{display:flex;flex-direction:column;gap:var(--space-3)}.alert-pill{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 16px #0000001a}.alert-pill:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000026}.alert-warning{background:#fbbf2433;border-color:#fbbf2480;color:#92400e}.alert-info{background:#3b82f633;border-color:#3b82f680;color:#1e40af}.alert-danger{background:#ef444433;border-color:#ef444480;color:#991b1b}.alert-icon{font-size:var(--font-xl);flex-shrink:0}.alert-content{flex:1;min-width:0}.alert-title{font-size:var(--font-base);font-weight:700;margin-bottom:var(--space-1);line-height:1.3}.alert-message{font-size:var(--font-sm);opacity:.9;line-height:1.4}.alert-badge{background:#0003;color:inherit;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:700;flex-shrink:0}.stats-section{margin-bottom:var(--space-8)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--gray-200);box-shadow:0 2px 8px #00000014;transition:all var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:var(--gray-300)}.stat-card.highlight{background:#fff;border-color:var(--gray-300)}.dark-mode .stat-card{background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.dark-mode .stat-card:hover{background:#232323e6;box-shadow:0 6px 24px #0006}.stat-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.stat-icon{font-size:var(--font-lg);color:var(--primary-blue, #10b981)}.stat-label{font-size:var(--font-sm);font-weight:600;color:#424242!important;text-transform:uppercase;letter-spacing:.05em}.dark-mode .stat-label{color:#bdbdbd!important}.stat-value-large{font-size:var(--font-3xl);font-weight:800;color:var(--gray-900);line-height:1}.actions-section{margin-bottom:var(--space-8)}.actions-list{display:flex;flex-direction:column;gap:var(--space-3)}.action-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all var(--transition);box-shadow:0 4px 16px #0000001a}.action-item:hover{transform:translate(4px);box-shadow:0 6px 24px #00000026;background:#ffffffd9}.action-item.action-priority-alta{border-left:4px solid #ef4444}.action-item.action-priority-media{border-left:4px solid #f59e0b}.action-icon-wrapper{width:48px;height:48px;border-radius:var(--radius);background:#10b9811a;display:flex;align-items:center;justify-content:center;color:var(--primary-color, #10b981);font-size:var(--font-xl);flex-shrink:0}.action-content{flex:1;min-width:0}.action-title{font-size:var(--font-base);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1);line-height:1.3}.action-description{font-size:var(--font-sm);color:var(--gray-600);line-height:1.4}.action-arrow{font-size:var(--font-lg);color:var(--gray-400);flex-shrink:0;transition:transform var(--transition)}.action-item:hover .action-arrow{transform:translate(4px);color:var(--primary-color, #10b981)}.dashboard-overview{margin-bottom:var(--space-12)}.overview-cards{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.overview-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d;display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;cursor:pointer}.overview-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--card-color, var(--primary-blue));border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.overview-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003,inset 0 1px #fff6;border-color:#ffffff80}.overview-card:active{transform:translateY(0)}.card-icon{font-size:2rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--white);box-shadow:0 4px 16px #00000026,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.3)}.overview-card.equipos-pendientes{--card-color: #10b981;background:#10b98126}.dark-mode .overview-card.equipos-pendientes,.overview-card.equipos-pendientes:hover{background:#10b98140}.dark-mode .overview-card.equipos-pendientes:hover{background:#10b98159}.overview-card.equipos-pendientes .card-icon{background:#10b981cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);box-shadow:0 8px 32px #10b98166,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.3)}.overview-card.trabajos-pendientes{--card-color: #059669;background:#05966926}.dark-mode .overview-card.trabajos-pendientes,.overview-card.trabajos-pendientes:hover{background:#05966940}.dark-mode .overview-card.trabajos-pendientes:hover{background:#05966959}.overview-card.trabajos-pendientes .card-icon{background:#059669cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);box-shadow:0 8px 32px #05966966,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.3)}.overview-card.entregas-pendientes{--card-color: #047857;background:#04785726}.dark-mode .overview-card.entregas-pendientes,.overview-card.entregas-pendientes:hover{background:#04785740}.dark-mode .overview-card.entregas-pendientes:hover{background:#04785759}.overview-card.entregas-pendientes .card-icon{background:#047857cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);box-shadow:0 8px 32px #04785766,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.3)}.overview-card.equipos-listos{--card-color: #10b981;background:#10b98126}.dark-mode .overview-card.equipos-listos,.overview-card.equipos-listos:hover{background:#10b98140}.dark-mode .overview-card.equipos-listos:hover{background:#10b98159}.overview-card.equipos-listos .card-icon{background:#10b981cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);box-shadow:0 8px 32px #10b98166,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.3)}.overview-card.equipos-entregados{--card-color: #3b82f6;background:#3b82f626}.dark-mode .overview-card.equipos-entregados,.overview-card.equipos-entregados:hover{background:#3b82f640}.dark-mode .overview-card.equipos-entregados:hover{background:#3b82f659}.overview-card.equipos-entregados .card-icon{background:#3b82f6cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);box-shadow:0 8px 32px #3b82f666,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.3)}.card-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.card-content h3{font-size:var(--font-base);font-weight:700;color:#000000d9;margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.dark-mode .card-content h3{color:#fffffff2}.card-number{font-size:var(--font-2xl);font-weight:800;color:#000000e6;margin:0;line-height:1;letter-spacing:-.02em}.dark-mode .card-number{color:#fff}.modules-section{margin-bottom:var(--space-12)}.modules-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.module-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80;cursor:pointer;transition:all var(--transition);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--module-color, var(--primary-blue));transform:scaleX(0);transition:transform var(--transition);transform-origin:left}.module-card:hover:before{transform:scaleX(1)}.module-card:hover{transform:translateY(-6px);background:#ffffffd9;box-shadow:0 16px 48px #00000026,inset 0 1px #fff9;border-color:#fff6}.module-card:active{transform:translateY(-2px)}.module-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.module-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);flex-shrink:0;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff9}.module-title{font-size:var(--font-xl);font-weight:700;color:var(--gray-900);margin:0;line-height:1.3}.module-description{color:var(--gray-600);font-size:var(--font-sm);margin:0 0 var(--space-6) 0;line-height:1.5}.module-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-4);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);flex:1;min-width:80px;border:1px solid rgba(255,255,255,.3);transition:all var(--transition-fast);box-shadow:0 4px 12px #0000000d,inset 0 1px #ffffff80}.stat-item:hover{background:#fffc;border-color:#fff6;box-shadow:0 6px 20px #0000001a,inset 0 1px #fff9}.stat-label{font-size:.75rem;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.stat-value{font-size:var(--font-xl);font-weight:800;color:var(--gray-900);line-height:1}.coming-soon{background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--gray-500);padding:var(--space-4);border-radius:var(--radius);text-align:center;font-weight:600;border:2px dashed rgba(255,255,255,.4);font-size:var(--font-sm);box-shadow:0 4px 12px #0000000d,inset 0 1px #ffffff80}.module-arrow{position:absolute;top:var(--space-6);right:var(--space-6);font-size:var(--font-xl);color:var(--gray-400);transition:all var(--transition-fast)}.module-card:hover .module-arrow{color:var(--module-color, var(--primary-blue));transform:translate(4px)}.activities-section{margin-bottom:var(--space-12)}.activities-feed{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast);background:transparent}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.activity-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-lg);flex-shrink:0;box-shadow:var(--shadow)}.activity-content{flex:1;min-width:0}.activity-title{font-size:var(--font-sm);font-weight:600;color:var(--gray-900);margin:0 0 var(--space-1) 0;line-height:1.4}.activity-description{font-size:var(--font-sm);color:var(--gray-600);margin:0 0 var(--space-2) 0;line-height:1.4}.activity-time{font-size:.75rem;color:var(--gray-500);font-weight:500}.view-all-activities{padding:var(--space-6);text-align:center;background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2)}.btn-view-all{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--gray-700);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-sm);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff80}.btn-view-all:hover{background:#10b981cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166,inset 0 1px #fff6}.quick-actions{margin-bottom:var(--space-8);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:0 var(--space-4)}.quick-actions-title{display:none}.quick-actions-grid{display:flex;flex-direction:row;gap:var(--space-3);overflow-x:auto;overflow-y:visible;padding:var(--space-3) 0;scrollbar-width:none;-ms-overflow-style:none;scroll-padding:var(--space-4)}.quick-actions-grid::-webkit-scrollbar{display:none}.quick-action-btn{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:600;color:var(--gray-700);text-align:center;position:relative;overflow:hidden;min-width:72px;flex-shrink:0;aspect-ratio:1;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d}.action-label{display:none;font-size:.75rem;line-height:1.2}.action-icon{font-size:var(--font-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);flex-shrink:0;transition:all var(--transition);position:relative;z-index:1;border:1px solid rgba(255,255,255,.3);color:var(--gray-700);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff80}.quick-action-btn:before{content:"";position:absolute;inset:0;width:0;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));transition:width var(--transition);transform-origin:left}.quick-action-btn:not(:disabled):hover,.quick-action-btn:not(:disabled):active{color:var(--white);background:#10b981cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#fff6;transform:scale(1.05) translateY(-2px);box-shadow:0 8px 32px #10b98166,inset 0 1px #fff6;z-index:1}.quick-action-btn:not(:disabled):hover:before,.quick-action-btn:not(:disabled):active:before{width:100%}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-50)}.quick-action-btn:not(:disabled):hover .action-icon,.quick-action-btn:not(:disabled):active .action-icon{background:#fff3;transform:scale(1.1)}.action-label{position:relative;z-index:1}@media (min-width: 640px){.main-dashboard{padding:var(--space-6)}.quick-actions-title{display:block}.overview-cards{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);max-width:600px}.alerts-container{flex-direction:row;flex-wrap:wrap}.alert-pill{flex:1;min-width:280px}.modules-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);overflow-x:visible}.quick-action-btn{flex-direction:row;min-width:auto;aspect-ratio:auto;padding:var(--space-4) var(--space-6);justify-content:flex-start;text-align:left}.action-label{display:inline}.action-icon{width:40px;height:40px;font-size:var(--font-xl)}.card-icon{width:80px;height:80px;font-size:3rem}.card-number{font-size:var(--font-2xl)}.card-content h3{font-size:var(--font-lg)}.card-icon{width:64px;height:64px;font-size:2rem}}@media (min-width: 768px){.section-title{font-size:var(--font-3xl)}.module-card{padding:var(--space-10)}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.main-dashboard{padding:var(--space-8);max-width:1400px;margin:0 auto}.overview-cards{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.stats-grid{grid-template-columns:repeat(2,1fr);max-width:600px}.modules-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.card-number{font-size:var(--font-3xl)}.card-content h3{font-size:var(--font-lg)}.card-icon{width:72px;height:72px;font-size:2.5rem}.module-icon{width:88px;height:88px;font-size:3.5rem}}@media (min-width: 1280px){.main-dashboard{padding:var(--space-12)}.overview-cards{gap:var(--space-8)}.modules-grid{gap:var(--space-10)}}.dark-mode .section-title{color:#fff!important}.dark-mode .overview-card .card-content h3{color:#fffffff2;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-mode .overview-card .card-number{color:#fff;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.4)}.dark-mode .module-title{color:var(--gray-900)}.dark-mode .module-description,.dark-mode .stat-label{color:var(--gray-600)}.dark-mode .stat-value{color:var(--gray-900)}.dark-mode .activity-title{color:var(--gray-900)}.dark-mode .activity-description{color:var(--gray-600)}.dark-mode .activity-time{color:var(--gray-500)}.dark-mode .quick-action-btn{background:#ffffff1a;border-color:#ffffff26;color:var(--gray-700)}.dark-mode .quick-action-btn:not(:disabled):hover{background:#10b981cc;color:var(--white);border-color:#ffffff4d}.dark-mode .quick-action-btn:disabled{background:#ffffff0d;opacity:.5}.dark-mode .action-icon{background:#ffffff1a;border-color:#ffffff26;color:var(--gray-700)}.dark-mode .quick-action-btn:not(:disabled):hover .action-icon{background:#fff3}.dark-mode .module-card{background:#ffffff1a;border-color:#ffffff26}.dark-mode .module-card:hover{background:#ffffff26;border-color:#ffffff40}.dark-mode .module-icon,.dark-mode .activities-feed{background:#ffffff1a;border-color:#ffffff26}.dark-mode .activity-item:hover{background-color:#ffffff26}.dark-mode .view-all-activities{background:#ffffff0d;border-top-color:#ffffff1a}.dark-mode .btn-view-all{background:#ffffff1a;border-color:#ffffff26;color:var(--gray-700)}.dark-mode .btn-view-all:hover{background:#10b981cc;color:var(--white)}.dark-mode .stat-item{background:#ffffff1a;border-color:#ffffff26}.dark-mode .stat-item:hover{background:#ffffff26;border-color:#ffffff40}.dark-mode .coming-soon{background:#ffffff1a;border-color:#ffffff26;color:var(--gray-600)}.dark-mode .alert-pill{background:#0000004d}.dark-mode .alert-warning{background:#fbbf244d;color:#fbbf24}.dark-mode .alert-info{background:#3b82f64d;color:#60a5fa}.dark-mode .alert-danger{background:#ef44444d;color:#f87171}.dark-mode .stat-card{background:#ffffff1a;border-color:#ffffff26}.dark-mode .stat-card.highlight{background:linear-gradient(135deg,#10b9814d,#10b98126)}.dark-mode .stat-value-large{color:#fffffff2}.dark-mode .action-item{background:#ffffff1a;border-color:#ffffff26}.dark-mode .action-item:hover{background:#ffffff26}.dark-mode .action-title{color:#fffffff2}.dark-mode .action-description{color:var(--gray-400)}:root{--card-bg-color: #10b981}.card{border:none;width:100%;max-width:100%;min-height:160px;border-radius:var(--radius-lg, 12px);display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;padding:1.25rem;background:#fff;border:1px solid var(--gray-200, #eeeeee);box-shadow:0 2px 8px #00000014;transition:all .3s ease}.dark-mode .card{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color, #10b981),rgba(16,185,129,.5));opacity:0;transition:opacity .3s ease;z-index:1}.card:hover{transform:translateY(-2px);border-color:var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0000001f}.dark-mode .card:hover{border-color:var(--primary-blue, #10b981)}.dark-mode .card:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 8px 16px #0003}.card:hover:before{opacity:1}.dark-mode .card{background:#1e1e1ecc;border-color:#ffffff1a;box-shadow:0 4px 16px #0000004d}.dark-mode .card:hover{background:#232323e6;border-color:#10b9814d;box-shadow:0 8px 24px #0006}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:var(--gray-300, #e0e0e0)}.equipo-card-header{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:.875rem}.equipo-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;font-weight:600;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.equipo-avatar.avatar-color-claro{color:var(--gray-900, #212121);border:2px solid var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0003,inset 0 0 0 1px #0000001a}.dark-mode .equipo-avatar.avatar-color-claro{color:#fffffff2;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #00000080,inset 0 0 0 1px #fff3}.equipo-info{flex:1;min-width:0}.equipo-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;flex-wrap:wrap}.equipo-marca{font-size:1.0625rem;font-weight:600;color:var(--gray-900, #212121);margin:0;line-height:1.3;word-break:break-word}.dark-mode .equipo-marca{color:#fff}.equipo-nota-badge{display:inline-flex;align-items:center;padding:.1875rem .4375rem;background:var(--primary-color, rgba(16, 185, 129, .2));color:var(--primary-color, #10b981);border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:600;white-space:nowrap;line-height:1.2}.equipo-modelo{font-size:.8125rem;color:var(--gray-700, #616161);margin:0 0 .375rem;line-height:1.4}.dark-mode .equipo-modelo{color:#ffffffb3}.equipo-color-info{display:flex;align-items:center;gap:.4375rem;font-size:.75rem;color:var(--gray-700, #616161);margin-top:.125rem}.dark-mode .equipo-color-info{color:#ffffffb3}.equipo-color-info.color-claro{color:var(--gray-900, #212121);font-weight:600}.dark-mode .equipo-color-info.color-claro{color:#ffffffe6}.equipo-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 1px 3px #0000004d;flex-shrink:0;border:1px solid transparent}.equipo-color-dot.color-claro{border:1.5px solid var(--gray-400, #bdbdbd);box-shadow:0 1px 3px #0003,inset 0 0 0 1px #0000001a}.dark-mode .equipo-color-dot.color-claro{border:1.5px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #00000080,inset 0 0 0 1px #fff3}.equipo-card-content{margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--gray-200, #eeeeee)}.dark-mode .equipo-card-content{border-top:1px solid rgba(255,255,255,.1)}.equipo-actions{display:flex;gap:.5rem}.equipo-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);color:var(--gray-900, #212121);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.dark-mode .equipo-action-btn{background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));color:#fff}.equipo-action-btn:hover{background:var(--primary-color, rgba(16, 185, 129, .2));border-color:var(--primary-color, rgba(16, 185, 129, .4));color:#fff;transform:translateY(-1px)}.equipo-action-btn.contactar:hover{background:#10b98133;border-color:#10b98166}.equipo-action-btn.entregado:hover{background:#05966933;border-color:#05966966}.equipo-paso-info{display:flex;align-items:center;gap:.625rem;padding:.5625rem .75rem;background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);color:var(--gray-900, #212121);font-size:.8125rem;font-weight:500}.dark-mode .equipo-paso-info{background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));color:#fff}.equipo-paso-info .paso-icon{color:var(--primary-color, #10b981);flex-shrink:0;font-size:.875rem}.equipo-paso-info .paso-texto{color:var(--gray-900, #212121);font-weight:500;line-height:1.3;flex:1;min-width:0}.dark-mode .equipo-paso-info .paso-texto{color:#fff}.card>*{position:relative;z-index:1}.card:active{transform:translateY(-2px);transition:all var(--transition-fast)}.modal-active .card{opacity:.6;pointer-events:none;filter:blur(2px)}.modal-active .card:hover{transform:none;box-shadow:var(--shadow-xl)}.card_number{position:absolute;top:var(--space-2);right:var(--space-2);text-align:right;color:var(--gray-900, #212121);z-index:3;font-weight:var(--font-bold);background:var(--gray-50, #fafafa);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--gray-200, #eeeeee);width:auto;min-width:70px;max-width:100px;white-space:nowrap;overflow:hidden;box-sizing:border-box;box-shadow:0 2px 4px #00000014}.dark-mode .card_number{color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.4),0 0 20px rgba(255,255,255,.2);background:#fff3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000001a,inset 0 1px #fff6}.dark-mode .card_number{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7),0 0 20px rgba(16,185,129,.2);background:#10b98126;border-color:#10b9814d;box-shadow:0 4px 12px #0000004d,inset 0 1px #10b98133}.dark-mode .card_number span{color:#fff}.card-number-prefix{font-size:.4em}.card-number-suffix{font-size:1.2em;font-weight:800}@media (min-width: 640px){.card-number-suffix{font-size:2.5em}}@media (min-width: 768px){.card-number-suffix{font-size:3em}}.card-content-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;margin-top:auto;padding-top:var(--space-2);position:relative;z-index:2}.card_title{flex:1;color:var(--gray-900, #212121);line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding-right:var(--space-2);box-sizing:border-box;min-width:0}.dark-mode .card_title{color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.1)}.card-title-with-color{display:flex;align-items:center;gap:var(--space-3);width:100%}.card-color-indicator{width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0;border:2px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff4d}.card-title-text{flex:1;min-width:0;display:flex;flex-direction:column}.dark-mode .card_title{color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.7),0 0 20px rgba(255,255,255,.2)}.dark-mode .card_title span{color:#fffffff2}.card-marca{font-size:1.25rem;display:block;line-height:1;font-weight:700;color:var(--gray-900, #212121)}.dark-mode .card-marca{color:var(--white)}.card-modelo{font-size:.7rem;display:block;margin-top:.1em;color:var(--gray-700, #616161);opacity:1}.dark-mode .card-modelo{color:#ffffffe6;opacity:.9}.card_list{display:flex;flex-direction:column;position:relative;padding:var(--space-4);width:100%;height:100%;margin:0;list-style:none;border-radius:var(--radius-xl);background:transparent;font-size:var(--font-base);transition:all var(--transition);flex:1;justify-content:space-between}.card__list_item{margin-top:auto;margin-bottom:var(--space-2);padding:var(--space-2) 0;color:var(--gray-700, #616161);font-size:var(--font-sm)}.dark-mode .card__list_item{color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.6)}.card__list_item.siguiente-paso{display:flex;align-items:center;gap:var(--space-2);background:var(--gray-50, #fafafa);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-semibold);border:1px solid var(--gray-200, #eeeeee);box-shadow:0 2px 8px #00000014;flex-shrink:0;white-space:nowrap;list-style:none;color:var(--gray-900, #212121)}.dark-mode .card__list_item.siguiente-paso{background:#10b98126;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.3);box-shadow:0 4px 16px #0000004d,inset 0 1px #10b98133,inset 0 -1px #10b9811a;color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.1)}.paso-icon{font-size:var(--font-lg);flex-shrink:0;color:var(--primary-blue, #10b981)}.dark-mode .paso-icon{color:var(--white)}.dark-mode .paso-icon{color:#fff}.paso-texto{color:var(--gray-900, #212121);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.dark-mode .paso-texto{color:var(--white);text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-mode .paso-texto{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.card-actions-listos{display:flex;flex-direction:row;gap:var(--space-2);padding:0;flex-shrink:0;z-index:2}.btn-contactar,.btn-entregado{flex:1;color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:.7rem;font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-1);position:relative;overflow:hidden;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a}.btn-contactar{background:#10b98180}.btn-contactar:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b981b3,#05966999);z-index:-1;opacity:.8}.btn-entregado{background:#05966980}.btn-entregado:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#059669b3,#04785799);z-index:-1;opacity:.8}.btn-contactar:hover,.btn-entregado:hover{transform:translateY(-3px);background:#10b981a6;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 12px 40px #10b9814d,inset 0 1px #fff9,inset 0 -1px #fff3;border-color:#ffffff80}.btn-entregado:hover{background:#059669a6;box-shadow:0 12px 40px #0596694d,inset 0 1px #fff9,inset 0 -1px #fff3}.btn-contactar:active,.btn-entregado:active{transform:translateY(-1px)}.btn-contactar i,.btn-entregado i{font-size:.75rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.btn-contactar span,.btn-entregado span{text-shadow:0 1px 2px rgba(0,0,0,.3);color:var(--white)}.dark-mode .btn-contactar span,.dark-mode .btn-entregado span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.dark-mode .btn-contactar,.dark-mode .btn-entregado{color:#fff}.dark-mode .btn-contactar i,.dark-mode .btn-entregado i{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}@media (min-width: 640px){.card{aspect-ratio:3 / 1.2;min-height:140px;max-height:160px}.card_number{top:var(--space-3);right:var(--space-3);width:110px;max-width:130px;padding:var(--space-2) var(--space-3)}.card-content-row{padding-top:var(--space-3);gap:var(--space-4)}.card_title{max-width:none;width:auto}.card-marca{font-size:1.75rem}.card-modelo{font-size:.8rem}.card-number-suffix{font-size:1.8em}.card__list_item.siguiente-paso{padding:var(--space-2) var(--space-3);font-size:var(--font-xs)}.btn-contactar,.btn-entregado{padding:var(--space-3) var(--space-4);font-size:var(--font-sm);gap:var(--space-2)}.btn-contactar i,.btn-entregado i{font-size:var(--font-base)}}@media (min-width: 768px){.card{aspect-ratio:16 / 7;min-height:180px;max-height:200px;border-radius:var(--radius-xl)}.card_list{padding:var(--space-6);font-size:var(--font-lg)}.card_number{top:var(--space-4);right:var(--space-4);width:130px;max-width:140px;padding:var(--space-2) var(--space-4)}.card-content-row{padding-top:var(--space-4);gap:var(--space-5)}.card_title{max-width:none;width:auto}.card-marca{font-size:2.2rem}.card-modelo{font-size:.9rem}.card-number-suffix{font-size:2.5em}.card__list_item.siguiente-paso{padding:var(--space-3) var(--space-4);font-size:var(--font-sm);gap:var(--space-3)}.card-actions-listos{gap:var(--space-3)}.btn-contactar,.btn-entregado{padding:var(--space-3) var(--space-4);font-size:var(--font-base);gap:var(--space-3)}.btn-contactar i,.btn-entregado i{font-size:var(--font-lg)}}@media (min-width: 1024px){.card{aspect-ratio:16 / 7}}.contact-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeInContact .3s ease-out;padding:var(--space-4)}.dark-mode .contact-modal-overlay{background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@keyframes fadeInContact{0%{opacity:0}to{opacity:1}}.contact-modal{background:#fffffff2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);max-width:500px;width:100%;position:relative;z-index:1101;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff80;animation:slideUpContact .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes slideUpContact{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .contact-modal{background:#121212f2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #000c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff26,inset 0 -1px #ffffff0d}.contact-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:var(--radius-full);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000001a;z-index:10}.dark-mode .contact-modal-close{background:#ffffff1a;border-color:#fff3;color:var(--gray-300)}.contact-modal-close:hover{background:#ef5350e6;color:var(--white);transform:rotate(90deg);border-color:#fff6;box-shadow:0 6px 20px #ef535066}.contact-modal-content{padding:var(--space-8) var(--space-6) var(--space-6);text-align:center}.contact-modal-icon{width:80px;height:80px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:#10b9811a;display:flex;align-items:center;justify-content:center;font-size:var(--font-3xl);color:var(--primary-blue)}.dark-mode .contact-modal-icon{background:linear-gradient(135deg,#10b9814d,#05966933);border:1px solid rgba(16,185,129,.3);box-shadow:0 8px 24px #10b98133,inset 0 1px #ffffff1a;color:#10b981}.entrega-modal .entrega-modal-icon{background:linear-gradient(135deg,#22c55e33,#16a34a26);border:1px solid rgba(34,197,94,.3);color:#22c55ee6}.dark-mode .entrega-modal .entrega-modal-icon{background:linear-gradient(135deg,#22c55e4d,#16a34a33);border:1px solid rgba(34,197,94,.4);box-shadow:0 8px 24px #22c55e4d,inset 0 1px #fff3;color:#22c55ef2}.entrega-confirm-btn{background:linear-gradient(135deg,#22c55ee6,#16a34ae6)!important;box-shadow:0 4px 12px #22c55e66!important}.entrega-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 6px 20px #22c55e80!important;transform:translateY(-2px)}.dark-mode .entrega-confirm-btn{background:linear-gradient(135deg,#22c55ecc,#16a34acc)!important;box-shadow:0 4px 12px #22c55e80!important}.dark-mode .entrega-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55ef2,#16a34af2)!important;box-shadow:0 6px 20px #22c55e99!important}.contact-modal-icon .fa-spin{animation:spin 1s linear infinite}.contact-modal-title{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-2) 0}.dark-mode .contact-modal-title{color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.5)}.contact-modal-description{font-size:var(--font-base);color:var(--gray-600);margin:0 0 var(--space-6) 0;line-height:1.6}.dark-mode .contact-modal-description{color:#ffffffb3}.contact-modal-error{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef53501a;border:1px solid rgba(239,83,80,.3);border-radius:var(--radius-md);color:#d32f2f;margin-bottom:var(--space-4);font-size:var(--font-sm)}.dark-mode .contact-modal-error{background:#ef535033;border-color:#ef535066;color:#ff6b6b}.contact-modal-input-wrapper{position:relative;margin-bottom:var(--space-6)}.contact-input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:var(--font-lg);pointer-events:none;z-index:1}.contact-modal-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 3.5rem;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);font-size:var(--font-lg);color:var(--gray-900);transition:all var(--transition);font-family:inherit}.dark-mode .contact-modal-input{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fffffff2}.dark-mode .contact-input-icon{color:#fff9}.contact-modal-input:focus{outline:none;border-color:var(--primary-blue);background:#fffc;box-shadow:0 0 0 3px #10b9811a}.dark-mode .contact-modal-input:focus{background:#ffffff1f;border-color:#10b981;box-shadow:0 0 0 3px #10b9814d,0 4px 12px #10b98133}.contact-modal-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.contact-option-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);text-align:left;width:100%}.dark-mode .contact-option-btn{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.contact-option-btn:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#fff6}.dark-mode .contact-option-btn:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 8px 24px #0006,0 0 0 1px #10b98133,inset 0 1px #ffffff26;transform:translateY(-3px)}.contact-option-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);flex-shrink:0}.contact-option-icon.phone{background:#10b9811a;color:var(--primary-blue)}.contact-option-icon.whatsapp{background:#25d3661a;color:#25d366}.dark-mode .contact-option-icon.phone{background:linear-gradient(135deg,#10b9814d,#05966933);border:1px solid rgba(16,185,129,.4);box-shadow:0 4px 12px #10b9814d,inset 0 1px #ffffff1a;color:#10b981}.dark-mode .contact-option-icon.whatsapp{background:linear-gradient(135deg,#25d3664d,#19b45533);border:1px solid rgba(37,211,102,.4);box-shadow:0 4px 12px #25d3664d,inset 0 1px #ffffff1a;color:#25d366}.contact-option-content h3{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.dark-mode .contact-option-content h3{color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.3)}.contact-option-content p{font-size:var(--font-sm);color:var(--gray-600);margin:0}.dark-mode .contact-option-content p{color:#ffffffa6}.contact-modal-actions{display:flex;gap:var(--space-3)}.contact-btn{flex:1;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;font-family:inherit}.contact-btn-secondary{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--gray-700)}.dark-mode .contact-btn-secondary{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#ffffffe6;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.contact-btn-secondary:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-mode .contact-btn-secondary:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 6px 20px #0006,inset 0 1px #ffffff26;transform:translateY(-3px)}.contact-btn-primary{background:#10b981cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--white);box-shadow:0 4px 12px #10b9814d}.dark-mode .contact-btn-primary{background:linear-gradient(135deg,#10b981cc,#059669b3);border:1px solid rgba(16,185,129,.4);box-shadow:0 4px 12px #10b98166,0 0 0 1px #10b98133,inset 0 1px #fff3}.contact-btn-primary:hover{background:#10b981f2;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.dark-mode .contact-btn-primary:hover{background:linear-gradient(135deg,#10b981f2,#059669d9);border-color:#10b98180;box-shadow:0 8px 24px #10b98180,0 0 0 1px #10b9814d,inset 0 1px #ffffff40;transform:translateY(-3px)}@media (max-width: 768px){.contact-modal-overlay{padding:0}.contact-modal{max-width:100%;border-radius:0;max-height:100vh}.contact-modal-content{padding:var(--space-6) var(--space-4) var(--space-4)}.contact-modal-actions{flex-direction:column}.contact-btn{width:100%}}.dashboard{min-height:100vh;background:var(--gray-50, #fafafa);background-attachment:fixed;position:relative;display:flex;flex-direction:column;padding:var(--space-4);font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark-mode .dashboard{background:#1a1a1a}.dashboard-tabs{display:flex;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);margin:0 0 var(--space-4) 0;padding:var(--space-1);gap:var(--space-1);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80;max-width:100%}.dark-mode .dashboard-tabs{background:#1a1a1acc;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:1;min-width:100px;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--gray-600);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2);position:relative;font-size:var(--font-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);white-space:nowrap}.tab-btn.active{color:var(--primary-blue);background:#10b98126;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #10b98133,inset 0 1px #ffffff4d}.dark-mode .tab-btn.active{background:#10b98133;color:var(--white)}.tab-btn:hover:not(.active){color:var(--gray-900);background:#ffffff80}.tab-icon{font-size:var(--font-base);display:flex;align-items:center;justify-content:center}.tab-text{font-size:var(--font-sm);font-weight:var(--font-semibold);white-space:nowrap}.tab-count{background:#0000001a;color:var(--gray-700);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.7rem;font-weight:var(--font-bold);min-width:22px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-mode .tab-count{background:#ffffff1a;color:var(--gray-700)}.tab-btn.active .tab-count{background:var(--primary-blue);color:var(--white);box-shadow:0 2px 8px #10b9814d}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--gray-600);max-width:500px;margin:0 auto;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80}.dark-mode .empty-state{background:#1a1a1acc;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a}.empty-icon{font-size:var(--font-5xl);margin-bottom:var(--space-4);opacity:.6;color:var(--gray-600)}.dark-mode .empty-icon{color:var(--gray-600)}.empty-state h3{font-size:var(--font-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0;color:var(--gray-900)}.empty-state p{font-size:var(--font-base);margin:0;color:var(--gray-600);line-height:1.5}.dashboard-content{flex:1;padding:0 0 100px;max-width:1600px;margin:0 auto;width:100%}.dashboard-summary{margin-bottom:var(--space-4)}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.summary-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80;transition:all var(--transition);text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:90px}.dark-mode .summary-card{background:#1a1a1acc;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026,inset 0 1px #fff9}.summary-card-title{font-size:var(--font-xs);font-weight:600;color:var(--gray-600);margin:0 0 var(--space-1) 0;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.dark-mode .summary-card-title{color:var(--gray-600)}.summary-card-value{font-size:var(--font-2xl);font-weight:700;color:var(--gray-900);margin:0;line-height:1}.dark-mode .summary-card-value{color:var(--gray-900)}.equipos-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);width:100%}.dashboard-section-title{font-size:var(--font-xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-4) 0;letter-spacing:-.025em}.dark-mode .dashboard-section-title{color:var(--gray-900)}@media (min-width: 480px){.equipos-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (min-width: 640px){.equipos-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (min-width: 768px){.equipos-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.dashboard-section-title{font-size:var(--font-2xl);margin:0 0 var(--space-5) 0}}@media (min-width: 1024px){.equipos-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.dashboard-tabs{margin:0 0 var(--space-5) 0;padding:var(--space-2);gap:var(--space-2)}.tab-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-base);min-width:120px}.tab-icon{font-size:var(--font-lg)}.tab-text{font-size:var(--font-base)}.tab-count{font-size:var(--font-sm);padding:var(--space-1) var(--space-3);min-width:28px}}@media (min-width: 1440px){.equipos-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}}.add-equipo-fab{position:fixed;bottom:var(--space-5);right:var(--space-5);width:64px;height:64px;border-radius:var(--radius-full);background:#10b981cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:var(--white);font-size:var(--font-2xl);font-weight:300;cursor:pointer;box-shadow:0 8px 32px #10b98166,inset 0 1px #ffffff4d;transition:all var(--transition);display:flex;align-items:center;justify-content:center;z-index:var(--z-fixed)}.add-equipo-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #10b98180,inset 0 1px #fff6;background:#10b981f2}.add-equipo-fab:active{transform:translateY(-2px) scale(1)}.dark-mode .add-equipo-fab{background:#10b981cc;border-color:#fff3}.modal-active .add-equipo-fab,.modal-active .user-menu-toggle{opacity:.3;pointer-events:none}@media (max-width: 767px){.summary-cards{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.summary-card{min-height:80px;padding:var(--space-3) var(--space-4)}.summary-card-title{font-size:.65rem}.summary-card-value{font-size:var(--font-xl)}.tab-text{display:none}.tab-btn{min-width:60px;padding:var(--space-2);gap:var(--space-1);flex-direction:column}.tab-icon{font-size:var(--font-lg)}.tab-count{font-size:.65rem;padding:2px 6px;min-width:20px}.dashboard-tabs{padding:var(--space-1);gap:var(--space-1);margin:0 0 var(--space-3) 0}}@media (min-width: 768px){.dashboard{padding:var(--space-6)}.summary-cards{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.summary-card{min-height:100px;padding:var(--space-5)}.summary-card-value{font-size:var(--font-3xl)}.dashboard-tabs{padding:var(--space-2);gap:var(--space-2);margin:0 0 var(--space-5) 0}.tab-btn{min-width:120px;padding:var(--space-3) var(--space-4);font-size:var(--font-base)}.tab-icon{font-size:var(--font-lg)}.tab-text{font-size:var(--font-base)}.tab-count{font-size:var(--font-sm);padding:var(--space-1) var(--space-3);min-width:28px}.dashboard-content{padding-bottom:120px}.empty-state{padding:var(--space-16) var(--space-8)}.empty-icon{font-size:5rem}.empty-state h3{font-size:var(--font-3xl)}.empty-state p{font-size:var(--font-lg)}.add-equipo-fab{width:72px;height:72px;font-size:var(--font-3xl);bottom:var(--space-8);right:var(--space-8)}}@media (min-width: 1024px){.dashboard{padding:var(--space-8)}.summary-cards{gap:var(--space-5)}.summary-card{min-height:110px}.summary-card-value{font-size:var(--font-4xl)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.dashboard-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.add-equipo-fab{bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}}.dark-mode .dashboard{background:radial-gradient(at 80% 20%,rgba(52,211,153,.1) 0%,transparent 50%),radial-gradient(at 20% 90%,rgba(6,78,59,.2) 0%,transparent 50%),linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%)}.dark-mode .tab-btn{color:var(--gray-600)}.dark-mode .tab-btn:hover:not(.active){background:#ffffff1a;color:var(--gray-900)}.dark-mode .tab-btn.active{background:#10b98133}.dark-mode .tab-count{background:#ffffff1a;color:var(--gray-600)}.dark-mode .empty-state{color:var(--gray-600)}.dark-mode .empty-state h3{color:var(--gray-900)}.dark-mode .empty-state p{color:var(--gray-600)}.dark-mode .add-equipo-fab{background:#10b981cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.skeleton{background:linear-gradient(90deg,var(--gray-200, #e5e7eb) 0%,var(--gray-100, #f3f4f6) 50%,var(--gray-200, #e5e7eb) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md, 8px)}.dark-mode .skeleton{background:linear-gradient(90deg,#2a2a2a,#1f1f1f,#2a2a2a);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{height:16px;width:80px;margin-bottom:12px}.skeleton-value{height:32px;width:50px}.skeleton-icon{width:20px;height:20px;border-radius:50%}.skeleton-text{height:16px;width:80px}.skeleton-count{height:20px;width:24px;border-radius:12px}.skeleton-section-title{height:28px;width:200px;margin-bottom:var(--space-4);border-radius:var(--radius-lg)}.skeleton-tab{cursor:default;pointer-events:none;gap:var(--space-2)}.skeleton-card{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 2px 8px #0000001a}.dark-mode .skeleton-card{background:#2a2a2a;border-color:#404040}.skeleton-card-header{height:24px;width:60%;margin-bottom:var(--space-3)}.skeleton-card-body{height:60px;width:100%}.nota-pdf-container{position:fixed;inset:0;width:100vw;height:100vh;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;margin:0;padding:1rem;box-sizing:border-box}.dark-mode .nota-pdf-container{background:#000000b3}.nota-pdf-content{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1.5rem;max-width:500px;width:90%;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff80;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative;margin:0;transform:none;flex-shrink:0;display:flex;flex-direction:column}.nota-pdf-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;border-radius:1.5rem 1.5rem 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.nota-pdf-header h2{margin:0;font-size:1.5rem;font-weight:700}.nota-pdf-close-btn{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);width:40px;height:40px;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease-out;box-shadow:0 4px 12px #0000001a}.nota-pdf-close-btn:hover{background:#ef5350e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#fff;transform:rotate(90deg);border-color:#fff6;box-shadow:0 6px 20px #ef535066}.nota-pdf-info{padding:2rem;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.nota-pdf-info p{margin:.5rem 0;color:#475569;font-size:1rem;line-height:1.6}.dark-mode .nota-pdf-info p{color:#cbd5e1}.nota-pdf-loading{text-align:center;font-size:1.125rem;margin:2rem 0!important;color:#475569!important}.dark-mode .nota-pdf-loading{color:#94a3b8!important}.nota-pdf-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.nota-pdf-btn-primary{padding:.75rem 2rem;background:#10b981cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 32px #10b9814d,inset 0 1px #fff6;text-decoration:none;text-align:center;display:inline-block;width:100%}.nota-pdf-btn-primary:hover{transform:translateY(-2px);background:#10b981f2;box-shadow:0 12px 40px #10b98166,inset 0 1px #ffffff80;border-color:#fff6}.nota-pdf-btn-primary:active{transform:translateY(0)}.nota-pdf-btn-secondary{padding:.75rem 2rem;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#64748b;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80;width:100%}.nota-pdf-btn-secondary:hover{background:#ffffffd9;border-color:#fff6;color:#475569;box-shadow:0 6px 24px #00000026,inset 0 1px #fff9}.nota-pdf-btn-close{padding:.75rem 2rem;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#64748b;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80;width:100%}.nota-pdf-btn-close:hover{background:#ffffffd9;border-color:#fff6;color:#475569;box-shadow:0 6px 24px #00000026,inset 0 1px #fff9}.dark-mode .nota-pdf-content{background:#1a1a1ae6;border-color:#10b98133;box-shadow:0 20px 60px #000000b3,inset 0 1px #10b9811a}.dark-mode .nota-pdf-btn-secondary,.dark-mode .nota-pdf-btn-close{background:#ffffff1a;border-color:#fff3;color:#cbd5e1}.dark-mode .nota-pdf-btn-secondary:hover,.dark-mode .nota-pdf-btn-close:hover{background:#ffffff26;border-color:#ffffff4d}.equipo-detalle{min-height:100vh;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);display:flex;flex-direction:column;width:100%;overflow-x:hidden;margin:-72px 0 0;padding:72px 0 0;position:relative}.dark-mode .equipo-detalle{background:#1a1a1a;color:#e2e8f0}.equipo-detalle-loading,.equipo-detalle-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#94a3b8}.equipo-detalle-loading .spinning{animation:spin 1s linear infinite;font-size:2rem}.equipo-detalle-header{background:var(--bg-secondary, #f5f5f5);border-bottom:1px solid var(--border-color, #e0e0e0);padding:1.5rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a;margin:0;width:100%}.equipo-detalle-header-expanded{display:flex;flex-direction:column;gap:1.25rem}.header-top-row{display:flex;align-items:center;gap:1rem}.header-main{flex:1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.header-main .status-badge-header{margin-left:0}.header-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e8e8e8)}.dark-mode .header-data-grid{border-top-color:#404040}.header-data-block{display:flex;flex-direction:column;gap:.5rem}.header-data-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #757575)}.dark-mode .header-data-label{color:#94a3b8}.header-data-values{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.header-info-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:6px}.header-info-color{color:#fff}.header-info-yes{background:#3b82f633;color:#2563eb}.header-info-no{background:#6b728033;color:#6b7280}.header-info-password{background:#10b98126;color:#059669}.dark-mode .header-info-yes{background:#3b82f640;color:#60a5fa}.dark-mode .header-info-no{background:#6b72804d;color:#9ca3af}.dark-mode .header-info-password{background:#10b98133;color:#34d399}.header-data-cliente{flex-direction:column;align-items:flex-start}.header-cliente-nombre{font-weight:600;color:var(--text-primary, #1a1a1a)}.dark-mode .header-cliente-nombre{color:#e2e8f0}.header-cliente-row{display:flex;align-items:center;gap:.35rem;font-size:.875rem;color:var(--text-secondary, #616161)}.dark-mode .header-cliente-row{color:#94a3b8}.header-btn-whatsapp{margin-left:.25rem;padding:.2rem .4rem;border:none;background:#22c55e33;color:#16a34a;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center}.header-btn-whatsapp:hover{background:#22c55e59}.header-cliente-empty{font-size:.875rem;color:var(--text-secondary, #757575)}.header-proceso-nombre{font-weight:600;color:var(--text-primary, #1a1a1a)}.dark-mode .header-proceso-nombre{color:#e2e8f0}.header-proceso-pasos{font-size:.8125rem;color:var(--text-secondary, #616161)}.dark-mode .header-proceso-pasos{color:#94a3b8}.header-proceso-fecha{font-size:.75rem;color:var(--text-secondary, #757575);display:flex;align-items:center;gap:.25rem}.dark-mode .header-proceso-fecha{color:#94a3b8}.header-siguiente-paso{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e8e8e8)}.dark-mode .header-siguiente-paso{border-top-color:#404040}.header-data-block-proceso{min-width:0}.header-equipo-total{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e8e8e8)}.dark-mode .header-equipo-total{border-top-color:#404040}.header-total-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;padding:.15rem 0}.header-total-row span:first-child{color:var(--text-secondary, #616161)}.dark-mode .header-total-row span:first-child{color:#94a3b8}.header-total-valor{font-size:1rem;font-weight:700;color:#10b981}.header-adeudo-pendiente{color:#f59e0b;font-weight:600}.header-adeudo-cero{color:#10b981;font-weight:600}.header-siguiente-paso-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #757575);margin-bottom:.5rem}.dark-mode .header-siguiente-paso-label{color:#94a3b8}.header-siguiente-paso-label svg,.header-siguiente-paso-label i{color:#10b981}.header-step-title{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.25rem}.dark-mode .header-step-title{color:#e2e8f0}.header-step-desc{font-size:.8125rem;color:var(--text-secondary, #616161);margin-bottom:.5rem}.dark-mode .header-step-desc{color:#94a3b8}.header-step-input-wrapper{display:flex;gap:.5rem;align-items:center;min-width:0}.header-step-input{flex:1;min-width:0;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a1a)}.header-step-input:focus{outline:none;border-color:#10b981}.dark-mode .header-step-input{background:#1a1a1a;border-color:#404040;color:#e2e8f0}.header-btn-step-complete{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.header-btn-step-complete:hover:not(:disabled){background:#059669}.header-btn-step-complete:disabled{opacity:.5;cursor:not-allowed}.equipo-detalle-header .header-actions{display:flex;align-items:center;gap:1rem}.dark-mode .equipo-detalle-header{background:#2a2a2a;border-bottom:1px solid #404040;box-shadow:0 2px 8px #0000004d}.header-back-btn{width:40px;height:40px;border-radius:8px;background:var(--gray-100, #f5f5f5);border:1px solid var(--gray-200, #eeeeee);color:var(--gray-900, #212121);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-back-btn:hover{background:var(--gray-200, #eeeeee);border-color:var(--gray-300, #e0e0e0);color:var(--gray-900, #212121);transform:translate(-2px)}.dark-mode .header-back-btn{background:#404040;color:#e2e8f0}.dark-mode .header-back-btn:hover{background:#505050}.header-content{display:flex;flex-direction:column;gap:.25rem}.header-actions{display:flex;align-items:center;gap:1rem}.header-options-btn{width:40px;height:40px;border-radius:8px;background:var(--gray-100, #f5f5f5);border:1px solid var(--gray-200, #eeeeee);color:var(--gray-900, #212121);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-options-btn:hover{background:var(--gray-200, #eeeeee);border-color:var(--gray-300, #e0e0e0);transform:scale(1.05)}.dark-mode .header-options-btn{background:#404040;border-color:#505050;color:#e2e8f0}.dark-mode .header-options-btn:hover{background:#505050}.header-equipo-number{font-size:2rem;font-weight:700;color:var(--text-primary, #1a1a1a);line-height:1.2}.dark-mode .header-equipo-number{color:#fff}.header-equipo-model{font-size:1rem;color:var(--text-secondary, #616161);font-weight:400}.dark-mode .header-equipo-model{color:#94a3b8}.header-status{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-header{padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;border-radius:12px;box-shadow:0 2px 8px #0003}.status-badge.pendiente{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.en_proceso{background:#10b981;color:#fff;border:none}.status-badge-header.en_proceso{background:#10b981;color:#fff;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;box-shadow:0 2px 8px #10b9814d}.status-badge.listo{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.finalizado{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.equipo-detalle-main{display:grid;grid-template-columns:420px 1fr;gap:0;max-width:1600px;margin:0 auto;width:100%;flex:1;overflow:hidden;min-height:0;height:calc(100vh - 152px)}.equipo-detalle-sidebar{background:var(--bg-secondary, #f5f5f5);border-right:1px solid var(--border-color, #e0e0e0);padding:1.5rem;overflow-y:auto;overflow-x:hidden;position:sticky;top:72px;align-self:flex-start;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 152px);height:calc(100vh - 152px)}.dark-mode .equipo-detalle-sidebar{background:#2a2a2a;border-right:1px solid #404040}.equipo-detalle-sidebar::-webkit-scrollbar{width:6px}.equipo-detalle-sidebar::-webkit-scrollbar-track{background:var(--gray-100, #f0f0f0)}.equipo-detalle-sidebar::-webkit-scrollbar-thumb{background:var(--gray-300, #d0d0d0);border-radius:3px}.equipo-detalle-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-400, #b0b0b0)}.dark-mode .equipo-detalle-sidebar::-webkit-scrollbar-track{background:#1a1a1a}.dark-mode .equipo-detalle-sidebar::-webkit-scrollbar-thumb{background:#505050}.dark-mode .equipo-detalle-sidebar::-webkit-scrollbar-thumb:hover{background:#606060}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-card{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:1rem;margin-bottom:1rem}.dark-mode .sidebar-card{background:#ffffff0f;border-color:#ffffff14}.sidebar-card-photo{padding:0;overflow:hidden}.sidebar-card-problema{padding:0}.sidebar-card-problema .problema-content{border-radius:12px}.sidebar-card-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sidebar-card-icon{width:18px;height:18px;color:#10b981}.dark-mode .sidebar-card-icon{color:#34d399}.sidebar-card-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.dark-mode .sidebar-card-title{color:#e2e8f0}.sidebar-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sidebar-meta-date{font-size:.75rem;color:var(--text-secondary, #616161);display:flex;align-items:center;gap:.25rem}.dark-mode .sidebar-meta-date{color:#94a3b8}.info-buttons-compact .info-button-square{aspect-ratio:1;padding:.75rem;font-size:.7rem}.section-title{font-size:.875rem;font-weight:600;color:var(--gray-700, #616161);text-transform:uppercase;letter-spacing:.5px;margin:0}.dark-mode .section-title{color:#94a3b8}.section-content{display:flex;flex-direction:column;gap:.75rem}.equipo-photo-main{width:100%;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:var(--bg-tertiary, #fafafa);cursor:pointer;transition:transform .2s}.dark-mode .equipo-photo-main{background:#1a1a1a}.equipo-photo-main:hover{transform:scale(1.02)}.equipo-photo-main img{width:100%;height:100%;object-fit:cover;display:block}.equipo-photo-thumbnails{display:flex;gap:.5rem;flex-wrap:wrap}.photo-thumb{width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;background:var(--bg-tertiary, #fafafa)}.dark-mode .photo-thumb{background:#1a1a1a}.photo-thumb:hover{border-color:#10b981}.photo-thumb.active{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.photo-thumb img{width:100%;height:100%;object-fit:cover}.equipo-photo-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:8px;background:var(--bg-tertiary, #fafafa);border:2px dashed var(--border-color, #e0e0e0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary, #9e9e9e)}.dark-mode .equipo-photo-placeholder{background:#1a1a1a;border:2px dashed #404040;color:gray}.equipo-photo-placeholder svg{font-size:2rem;opacity:.5}.info-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-tertiary, #fafafa);border-radius:6px;margin-bottom:.5rem;transition:background .2s}.info-item:hover{background:var(--bg-hover, #f0f0f0)}.dark-mode .info-item{background:#1a1a1a}.dark-mode .info-item:hover{background:#252525}.info-item-icon{width:20px;height:20px;color:var(--gray-600, #757575);flex-shrink:0;margin-top:.125rem}.dark-mode .info-item-icon{color:#64748b}.info-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.info-label{font-size:.75rem;color:var(--text-secondary, #616161);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dark-mode .info-label{color:#94a3b8}.info-value{font-size:.875rem;color:var(--text-primary, #1a1a1a);font-weight:500;word-break:break-word}.dark-mode .info-value{color:#e2e8f0}.password-value{font-family:Courier New,monospace;color:#10b981;font-weight:500}.problema-section{margin-bottom:1rem}.problema-content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 2px 8px #10b98133}.dark-mode .problema-content{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #10b9814d}.problema-icon{width:24px;height:24px;color:#fff;flex-shrink:0;margin-top:.125rem}.problema-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.problema-label{font-size:.75rem;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.problema-value{font-size:.9375rem;color:#fff;font-weight:500;line-height:1.5;word-break:break-word}.info-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.info-button-square{aspect-ratio:1;padding:1rem;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.info-button-square:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.info-button-square .info-button-icon{width:24px;height:24px;flex-shrink:0}.info-button-square .info-button-label{font-size:.75rem;font-weight:600;text-align:center}.info-button-cargador-yes{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.info-button-cargador-yes:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.info-button-cargador-yes .info-button-icon{color:#fff}.info-button-cargador-no{background:var(--gray-200, #e5e7eb);border-color:var(--gray-300, #d1d5db);color:var(--gray-600, #4b5563)}.info-button-cargador-no:hover{background:var(--gray-300, #d1d5db);box-shadow:0 4px 8px #0000001a}.dark-mode .info-button-cargador-no{background:#404040;border-color:#505050;color:#9ca3af}.dark-mode .info-button-cargador-no:hover{background:#505050}.info-button-cargador-no .info-button-icon{color:inherit}.info-button-color{border-width:2px}.info-button-color .info-button-icon,.info-button-color .info-button-label{color:inherit}.info-button-password{background:var(--bg-tertiary, #fafafa);border-color:var(--border-color, #e0e0e0);color:var(--text-primary, #1a1a1a)}.info-button-password:hover{background:var(--bg-hover, #f0f0f0);border-color:var(--primary-color, #10b981);box-shadow:0 4px 8px #10b98133}.dark-mode .info-button-password{background:#1a1a1a;border-color:#404040;color:#e2e8f0}.dark-mode .info-button-password:hover{background:#252525;border-color:#10b981}.info-button-password .info-button-icon{color:#10b981}.info-button-password.password-visible .info-button-label{font-family:Courier New,monospace;font-size:.8rem;word-break:break-all;color:#10b981}.dark-mode .info-button-password.password-visible .info-button-label{color:#34d399}.client-name{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.dark-mode .client-name{color:#fff}.client-phone,.client-email{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #616161);font-size:.875rem}.dark-mode .client-phone,.dark-mode .client-email{color:#cbd5e1}.client-empty{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #616161);font-size:.875rem;padding:.5rem 0}.dark-mode .client-empty{color:#64748b}.client-empty svg{opacity:.5}.client-phone{justify-content:space-between}.btn-call{width:32px;height:32px;border-radius:6px;background:#10b981;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-call:hover{background:#059669;transform:scale(1.05)}.process-name{font-size:1rem;font-weight:600;color:var(--gray-900, #212121)}.dark-mode .process-name{color:#fff}.process-progress{display:flex;flex-direction:column;gap:.5rem}.progress-label{font-size:.875rem;color:var(--gray-600, #757575)}.dark-mode .progress-label{color:#94a3b8}.progress-bar-container{width:100%;height:6px;background:var(--gray-200, #e0e0e0);border-radius:3px;overflow:hidden}.dark-mode .progress-bar-container{background:#0f172a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.status-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-tertiary, #fafafa);border-radius:6px}.dark-mode .status-item{background:#1a1a1a}.status-label{font-size:.875rem;color:var(--gray-700, #616161)}.dark-mode .status-label{color:#94a3b8}.status-badge-inline{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-inline.pendiente{background:#fbbf2440;color:#b45309}.dark-mode .status-badge-inline.pendiente{color:#fbbf24}.status-badge-inline.en_proceso{background:#f59e0b33;color:#b45309}.dark-mode .status-badge-inline.en_proceso{color:#fbbf24}.status-badge-inline.listo{background:#22c55e33;color:#15803d}.dark-mode .status-badge-inline.listo{color:#4ade80}.status-badge-inline.finalizado{background:#6b728033;color:#4b5563}.dark-mode .status-badge-inline.finalizado{color:#9ca3af}.date-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-tertiary, #fafafa);border-radius:6px}.dark-mode .date-item{background:#1a1a1a}.date-item svg{color:var(--gray-600, #757575);margin-top:.125rem}.dark-mode .date-item svg{color:#64748b}.date-label{font-size:.75rem;color:var(--gray-600, #757575);text-transform:uppercase;letter-spacing:.5px}.dark-mode .date-label{color:#94a3b8}.date-value{font-size:.875rem;color:var(--gray-900, #212121);margin-top:.25rem}.dark-mode .date-value{color:#e2e8f0}.current-step-section{background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:1rem}.dark-mode .current-step-section{background:#10b9811a;border-color:#10b98133}.current-step-section .section-title{color:var(--gray-800, #424242)}.dark-mode .current-step-section .section-title{color:#94a3b8}.step-title{font-size:1rem;font-weight:600;color:var(--gray-900, #212121);margin-bottom:.5rem}.dark-mode .step-title{color:#fff}.step-desc{font-size:.875rem;color:var(--gray-700, #616161);margin-bottom:1rem;line-height:1.5}.dark-mode .step-desc{color:#cbd5e1}.step-input-wrapper{display:flex;gap:.5rem}.step-input-field{flex:1;padding:.75rem;background:#fff;border:1px solid var(--gray-200, #e0e0e0);border-radius:6px;color:var(--gray-900, #212121);font-size:.875rem}.step-input-field::placeholder{color:var(--gray-400, #9e9e9e)}.step-input-field:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.dark-mode .step-input-field{background:#1a1a1a;border:1px solid #404040;color:#e2e8f0}.dark-mode .step-input-field::placeholder{color:#64748b}.dark-mode .step-input-field:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.btn-step-complete{width:44px;height:44px;border-radius:6px;background:#10b981;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 2px 6px #10b98159}.btn-step-complete svg,.btn-step-complete i{color:#fff}.btn-step-complete:hover:not(:disabled){background:#059669;transform:scale(1.05);box-shadow:0 3px 10px #10b98173}.btn-step-complete:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.actions-list{display:flex;flex-direction:column;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary, #fafafa);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;color:var(--text-primary, #1a1a1a);cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;text-align:left}.action-btn:hover{background:var(--bg-hover, #f0f0f0);border-color:var(--border-hover, #b0b0b0)}.dark-mode .action-btn{background:#1a1a1a;border:1px solid #404040;color:#e2e8f0}.dark-mode .action-btn:hover{background:#252525;border-color:#505050}.action-btn-primary{background:#22c55e33;border-color:#22c55e4d;color:#4ade80}.action-btn-primary:hover{background:#22c55e4d}.action-btn-success{background:#10b98133;border-color:#10b9814d;color:#4ade80}.action-btn-success:hover{background:#10b9814d}.equipo-detalle-timeline{background:var(--bg-primary, #ffffff);padding:2rem 2rem 4rem;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 152px);min-height:0}.dark-mode .equipo-detalle-timeline{background:#1a1a1a}.timeline-header-section{margin-bottom:2rem;padding-bottom:1rem;padding-top:0;border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;align-items:center;justify-content:space-between;gap:1rem}.dark-mode .timeline-header-section{border-bottom:1px solid #404040}.timeline-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin:0;display:block;visibility:visible;opacity:1}.dark-mode .timeline-title{color:#fff}.timeline-container{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;position:relative;padding-left:2rem;padding-bottom:3rem}.timeline-container:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#10b98166,#10b98126);z-index:0}.timeline-event{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1rem;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:1rem;position:relative;z-index:1;transition:all .2s}.timeline-event:hover{border-color:var(--border-hover, #b0b0b0);box-shadow:0 4px 12px #00000026;transform:translate(4px)}.dark-mode .timeline-event{background:#2a2a2a;border:1px solid #404040}.dark-mode .timeline-event:hover{border-color:#505050;box-shadow:0 4px 12px #00000080}.event-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid;position:relative;z-index:1}.event-avatar img{width:100%;height:100%;object-fit:cover;display:block}.event-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700}.event-avatar-green{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.event-avatar-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.event-avatar-orange{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.event-avatar-blue{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1}.event-avatar-yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24}.event-content{display:flex;flex-direction:column;gap:.5rem;min-width:0}.event-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.event-agent{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a1a1a);display:block}.dark-mode .event-agent{color:#fff}.event-time{font-size:.75rem;color:var(--gray-600, #757575);white-space:nowrap;font-weight:400}.dark-mode .event-time{color:#94a3b8}.event-subproceso{font-size:.875rem;font-weight:600;color:#10b981;margin-top:.25rem}.event-notes{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--gray-700, #616161);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin-top:.25rem}.dark-mode .event-notes{color:#cbd5e1}.event-notes-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--gray-200, #e0e0e0);background:var(--gray-100, #f5f5f5);display:flex;align-items:center;justify-content:center}.dark-mode .event-notes-avatar{border-color:#404040;background:#1a1a1a}.event-notes-avatar img{width:100%;height:100%;object-fit:cover;display:block}.event-notes-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-700, #616161);font-size:.75rem;font-weight:600}.dark-mode .event-notes-avatar-fallback{color:#cbd5e1}.event-notes-text{flex:1;min-width:0;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.event-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#4ade80;margin-top:.5rem;font-weight:500}.event-status svg{font-size:.875rem}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--gray-600, #757575);gap:1rem}.dark-mode .timeline-empty{color:#64748b}.timeline-empty svg{font-size:3rem;opacity:.6;color:var(--gray-500, #9e9e9e)}.dark-mode .timeline-empty svg{opacity:.5;color:#64748b}.timeline-empty p{color:var(--gray-600, #757575);font-size:.9375rem;margin:0}.dark-mode .timeline-empty p{color:#64748b}.photo-modal-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease-out}.photo-modal{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.photo-modal-close{position:absolute;top:-50px;right:0;width:40px;height:40px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.photo-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.photo-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.btn-add-comentario{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-comentario:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.btn-add-comentario:active{transform:translateY(0)}.comentario-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease-out}.comentario-modal{background:var(--bg-secondary, #ffffff);border-radius:12px;width:100%;max-width:500px;box-shadow:0 8px 32px #00000080;overflow:hidden}.dark-mode .comentario-modal{background:#2a2a2a}.comentario-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.dark-mode .comentario-modal-header{border-bottom-color:#404040}.comentario-modal-header h3{margin:0;color:var(--text-primary, #1a1a1a);font-size:1.125rem;font-weight:600}.dark-mode .comentario-modal-header h3{color:#fff}.comentario-modal-close{width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:var(--text-secondary, #616161);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.comentario-modal-close:hover{background:var(--gray-100, #f5f5f5);color:var(--text-primary, #1a1a1a)}.dark-mode .comentario-modal-close{color:#94a3b8}.dark-mode .comentario-modal-close:hover{background:#404040;color:#fff}.comentario-modal-body{padding:1.5rem}.comentario-input{width:100%;padding:.875rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;color:var(--text-primary, #1a1a1a);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:120px}.comentario-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.dark-mode .comentario-input{background:#1a1a1a;border-color:#404040;color:#e2e8f0}.comentario-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color, #e0e0e0)}.dark-mode .comentario-modal-footer{border-top-color:#404040}.btn-cancel{padding:.625rem 1.25rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;color:var(--text-primary, #1a1a1a);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--gray-100, #f5f5f5);border-color:var(--gray-300, #e0e0e0)}.dark-mode .btn-cancel{background:#1a1a1a;border-color:#404040;color:#e2e8f0}.dark-mode .btn-cancel:hover{background:#252525;border-color:#505050}.btn-save-comentario{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-comentario:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.btn-save-comentario:disabled{opacity:.5;cursor:not-allowed}.costos-section{background:linear-gradient(135deg,#10b9811f,#0596690f);border:1px solid rgba(16,185,129,.25)}.dark-mode .costos-section{background:linear-gradient(135deg,#10b98126,#05966914);border-color:#10b98159}.costos-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(16,185,129,.2)}.costos-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#059669;background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(16,185,129,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.costos-action-btn:hover{background:#10b9811f;border-color:#10b98173;transform:translateY(-1px)}.costos-action-btn-primary{background:#10b98126;color:#047857}.costos-action-btn-primary:hover{background:#10b98140}.costos-action-btn-success{background:#10b98133;color:#047857}.costos-action-btn-success:hover{background:#10b9814d}.dark-mode .costos-action-btn{background:#10b9811a;color:#34d399;border-color:#10b98140}.dark-mode .costos-action-btn:hover{background:#10b98133}.costos-content{display:flex;flex-direction:column;gap:.75rem}.costos-desglose{background:#fff6;border-radius:8px;padding:.75rem;border:1px solid rgba(16,185,129,.15)}.dark-mode .costos-desglose{background:#0003;border-color:#10b98133}.costos-desglose-titulo{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#059669;margin-bottom:.5rem}.dark-mode .costos-desglose-titulo{color:#34d399}.costos-desglose-titulo .fa,.costos-desglose-titulo i{opacity:.9}.costos-desglose-item{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;padding:.25rem 0}.costos-desglose-nombre{color:var(--text-primary, #1a1a1a);flex:1;min-width:0;padding-right:.5rem}.dark-mode .costos-desglose-nombre{color:#e2e8f0}.costos-desglose-precio{font-weight:600;color:var(--text-primary, #1a1a1a);flex-shrink:0}.dark-mode .costos-desglose-precio{color:#e2e8f0}.costos-desglose-subtotal{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;padding-top:.5rem;margin-top:.25rem;border-top:1px dashed rgba(16,185,129,.3);color:#059669}.dark-mode .costos-desglose-subtotal{color:#34d399}.costos-desglose-empty{color:var(--text-secondary, #757575)}.costos-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.costos-label{color:var(--text-secondary, #616161)}.dark-mode .costos-label{color:#94a3b8}.costos-value{font-weight:600;color:var(--text-primary, #1a1a1a)}.dark-mode .costos-value{color:#e2e8f0}.costos-extra{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed rgba(16,185,129,.3)}.costos-extra-input{width:90px;padding:.375rem .5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.875rem;text-align:right}.dark-mode .costos-extra-input{background:#1a1a1a;border-color:#404040;color:#e2e8f0}.costos-total{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(16,185,129,.3)}.costos-total-value{font-size:1.125rem;color:#10b981}.costos-adelanto-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.costos-btn-adelanto{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;color:#059669;background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(16,185,129,.35);border-radius:8px;cursor:pointer;transition:all .2s ease}.costos-btn-adelanto:hover{background:#10b98126;border-color:#10b98180;transform:translateY(-1px)}.dark-mode .costos-btn-adelanto{color:#34d399;background:#10b9811f;border-color:#10b9814d}.dark-mode .costos-btn-adelanto:hover{background:#10b98138;border-color:#10b98173}.costos-adeudo-pendiente{color:#f59e0b}.costos-adeudo-cero{color:#10b981}.confirmar-total-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.confirmar-total-modal{background:var(--bg-secondary, #ffffff);border-radius:16px;max-width:480px;width:100%;box-shadow:0 24px 48px #0003;animation:slideUp .3s ease-out}.dark-mode .confirmar-total-modal{background:#2a2a2a;box-shadow:0 24px 48px #00000080}.confirmar-total-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.dark-mode .confirmar-total-header{border-bottom-color:#404040}.confirmar-total-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.dark-mode .confirmar-total-header h2{color:#fff}.confirmar-total-close{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary, #616161);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.confirmar-total-close:hover{background:var(--gray-100, #f5f5f5);color:var(--text-primary, #1a1a1a)}.dark-mode .confirmar-total-close:hover{background:#404040;color:#fff}.confirmar-total-body{padding:1.5rem}.confirmar-total-desc{margin:0 0 1.5rem;font-size:.9375rem;color:var(--text-secondary, #616161);line-height:1.5}.dark-mode .confirmar-total-desc{color:#94a3b8}.confirmar-total-display{margin-bottom:1.5rem}.confirmar-total-display label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.dark-mode .confirmar-total-display label{color:#e2e8f0}.confirmar-total-input{width:100%;padding:1rem 1.25rem;font-size:2rem;font-weight:700;text-align:center;border:2px solid #10b981;border-radius:12px;color:#10b981}.dark-mode .confirmar-total-input{background:#1a1a1a;border-color:#10b981;color:#10b981}.confirmar-total-input:focus{outline:none;box-shadow:0 0 0 4px #10b98133}.confirmar-total-resumen{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-tertiary, #fafafa);border-radius:8px}.dark-mode .confirmar-total-resumen{background:#1a1a1a}.confirmar-total-row{display:flex;justify-content:space-between;font-size:.9375rem;color:var(--text-secondary, #616161)}.confirmar-total-row.confirmar-total-adeudo{font-weight:700;font-size:1.125rem;color:var(--text-primary, #1a1a1a)}.dark-mode .confirmar-total-row.confirmar-total-adeudo{color:#e2e8f0}.confirmar-total-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color, #e0e0e0)}.dark-mode .confirmar-total-footer{border-top-color:#404040}.btn-confirmar-total{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-confirmar-total:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.opciones-especiales-modal{max-width:600px}.opcion-especial-section{margin-bottom:2rem}.opcion-especial-section:last-of-type{margin-bottom:0}.opcion-especial-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#fff}.opcion-especial-desc{margin:0 0 1rem;font-size:.875rem;color:#94a3b8;line-height:1.5}.opcion-especial-select{width:100%;padding:.875rem;background:#1a1a1a;border:1px solid #404040;border-radius:6px;color:#e2e8f0;font-size:.9375rem;font-family:inherit;margin-bottom:1rem;cursor:pointer}.opcion-especial-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.opcion-especial-textarea{width:100%;padding:.875rem;background:#1a1a1a;border:1px solid #404040;border-radius:6px;color:#e2e8f0;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;margin-bottom:1rem}.opcion-especial-textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.opcion-especial-divider{height:1px;background:#404040;margin:2rem 0}.btn-opcion-especial{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-opcion-especial:hover:not(:disabled){background:#059669;border-color:#059669}.btn-opcion-especial:disabled{opacity:.5;cursor:not-allowed}.btn-opcion-especial-danger{background:#ef4444;border-color:#ef4444}.btn-opcion-especial-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.opcion-especial-title{color:var(--text-primary, #1a1a1a)}.opcion-especial-desc{color:var(--text-secondary, #616161)}.opcion-especial-select,.opcion-especial-textarea{background:var(--bg-secondary, #f5f5f5);border-color:var(--border-color, #e0e0e0);color:var(--text-primary, #1a1a1a)}.opcion-especial-select:focus{border-color:var(--primary-color, #10b981)}.opcion-especial-textarea:focus{border-color:#ef4444}.opcion-especial-divider{background:var(--border-color, #e0e0e0)}.dark-mode .opcion-especial-title{color:#fff}.dark-mode .opcion-especial-desc{color:#94a3b8}.dark-mode .opcion-especial-select,.dark-mode .opcion-especial-textarea{background:#1a1a1a;border-color:#404040;color:#e2e8f0}.dark-mode .opcion-especial-divider{background:#404040}@media (max-width: 1024px){.equipo-detalle-main{grid-template-columns:1fr;height:auto}.equipo-detalle-sidebar{position:relative;top:0;height:auto;max-height:none;border-right:none;border-bottom:1px solid #404040;overflow-y:visible}.equipo-detalle-timeline{height:auto;min-height:400px}.equipo-detalle-header{margin-top:0}}@media (max-width: 768px){.equipo-detalle{padding:0}.equipo-detalle-header{padding:1rem;margin-top:0;position:sticky;top:64px}.header-top-row{flex-wrap:wrap}.header-main{flex:1;min-width:0}.header-data-grid{grid-template-columns:1fr;gap:1rem}.header-back-btn{width:36px;height:36px}.header-equipo-number{font-size:1.25rem;line-height:1.3}.header-equipo-model{font-size:.875rem}.status-badge-header{padding:.5rem .75rem;font-size:.75rem}.equipo-detalle-main{grid-template-columns:1fr;height:auto;gap:0}.equipo-detalle-sidebar{padding:1rem;position:relative;top:0;height:auto;max-height:none;border-right:none;border-bottom:1px solid #404040;overflow-y:visible}.equipo-photo-main{max-width:100%;margin:0 auto}.equipo-photo-thumbnails{justify-content:center;flex-wrap:wrap}.sidebar-section{margin-bottom:1.25rem}.section-title{font-size:.875rem;margin-bottom:.75rem}.info-item{padding:.625rem;margin-bottom:.5rem}.info-label{font-size:.6875rem}.info-value{font-size:.8125rem}.equipo-detalle-timeline{padding:1rem;height:auto;min-height:300px}.timeline-title{font-size:1.25rem;margin-bottom:1rem}.timeline-event{grid-template-columns:40px 1fr;gap:.75rem;padding:.875rem;margin-bottom:.875rem}.event-avatar{width:36px;height:36px;font-size:.75rem}.event-header{flex-wrap:wrap;gap:.5rem}.event-agent{font-size:.875rem}.event-time{font-size:.75rem}.event-subproceso{font-size:.8125rem;margin-top:.25rem}.event-notes{font-size:.8125rem;margin-top:.375rem}.current-step-section{padding:.875rem}.step-title{font-size:.875rem}.step-desc{font-size:.8125rem}.step-input-field{font-size:.8125rem;padding:.625rem}.btn-step-complete{padding:.625rem 1rem;font-size:.8125rem}.action-btn{padding:.625rem .875rem;font-size:.8125rem}.client-name{font-size:1rem}.client-phone,.client-email{font-size:.8125rem}}@media (max-width: 480px){.equipo-detalle-header{padding:.875rem .75rem;margin-top:0}.header-equipo-number{font-size:1.125rem}.header-equipo-model{font-size:.8125rem}.equipo-detalle-sidebar,.equipo-detalle-timeline{padding:.875rem}.timeline-event{padding:.75rem;gap:.625rem}.event-avatar{width:32px;height:32px;font-size:.6875rem}}.documento-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:2000;padding:1rem;animation:fadeIn .3s ease-out}.documento-modal{background:var(--card-bg, rgba(20, 20, 20, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.documento-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--card-border, rgba(255, 255, 255, .1))}.documento-modal-header-info h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .25rem}.documento-modal-subtitle{font-size:1rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin:0}.documento-modal-close-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:1.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.documento-modal-close-btn:hover{background:var(--card-bg, rgba(255, 255, 255, .05));border-color:var(--card-border, rgba(255, 255, 255, .2));color:var(--text-primary, #ffffff)}.documento-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.documento-info-section{display:flex;flex-direction:column;gap:1.5rem}.documento-info-card{background:var(--card-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);padding:1.25rem}.documento-section-title{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.documento-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.documento-info-item{display:flex;align-items:center;gap:.75rem}.documento-info-icon{font-size:1.125rem;color:var(--primary-color, #10b981);flex-shrink:0}.documento-info-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.documento-info-label{font-size:.6875rem;color:var(--text-secondary, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;font-weight:500}.documento-info-value{font-size:.9375rem;color:var(--text-primary, #ffffff);font-weight:500}.documento-descripcion-detalle{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--card-bg, rgba(255, 255, 255, .03));border-radius:var(--radius-md, 8px);margin-top:1rem}.documento-descripcion-icon{font-size:1rem;color:var(--primary-color, #10b981);flex-shrink:0;margin-top:.125rem}.documento-descripcion-content{flex:1;min-width:0}.documento-descripcion-label{font-size:.6875rem;color:var(--text-secondary, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;font-weight:500;display:block;margin-bottom:.5rem}.documento-descripcion-text{font-size:.875rem;color:var(--text-primary, #ffffff);margin:0;line-height:1.5;white-space:pre-wrap}.documento-cliente-details{display:flex;align-items:center;gap:1rem}.documento-cliente-icon{font-size:1.5rem;color:var(--primary-color, #10b981);flex-shrink:0}.documento-cliente-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.documento-cliente-nombre{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff)}.documento-cliente-contacto,.documento-cliente-email{font-size:.875rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.documento-fechas-list{display:flex;flex-direction:column;gap:.75rem}.documento-fecha-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-bg, rgba(255, 255, 255, .03));border-radius:var(--radius-md, 8px)}.documento-fecha-icon{font-size:1rem;color:var(--primary-color, #10b981);flex-shrink:0}.documento-fecha-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.documento-fecha-label{font-size:.6875rem;color:var(--text-secondary, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;font-weight:500}.documento-fecha-value{font-size:.875rem;color:var(--text-primary, #ffffff);font-weight:500}.documento-archivos-list{display:flex;flex-direction:column;gap:.5rem}.documento-archivo-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-bg, rgba(255, 255, 255, .03));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);text-decoration:none;color:var(--text-primary, #ffffff);transition:all .2s ease}.documento-archivo-item:hover{background:var(--card-bg, rgba(255, 255, 255, .08));border-color:var(--card-border, rgba(255, 255, 255, .2));transform:translateY(-1px)}.documento-archivo-icon{font-size:1rem;color:var(--primary-color, #10b981);flex-shrink:0}.documento-archivo-name{flex:1;font-size:.875rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documento-archivo-link-icon{font-size:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .7));flex-shrink:0}.documento-historial-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--card-border, rgba(255, 255, 255, .1))}.documento-historial-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.documento-historial-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px)}.documento-historial-icon{font-size:1rem;color:var(--primary-color, #10b981);flex-shrink:0;margin-top:.125rem}.documento-historial-content{flex:1;min-width:0}.documento-historial-mensaje{font-size:.875rem;color:var(--text-primary, #ffffff);margin:0 0 .25rem;line-height:1.4}.documento-historial-fecha{font-size:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.documento-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid var(--card-border, rgba(255, 255, 255, .1));background:var(--card-bg, rgba(255, 255, 255, .02));gap:1rem}.documento-modal-actions{display:flex;gap:.75rem;flex:1}.documento-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.documento-action-btn.completado{background:#3b82f64d;color:#fff;border:1px solid rgba(59,130,246,.5)}.documento-action-btn.completado:hover{background:#3b82f666;border-color:#3b82f699;transform:translateY(-1px)}.documento-action-btn.contactar{background:var(--card-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff);border:1px solid var(--card-border, rgba(255, 255, 255, .1))}.documento-action-btn.contactar:hover{background:var(--card-bg, rgba(255, 255, 255, .08));border-color:var(--card-border, rgba(255, 255, 255, .2))}.documento-action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.documento-modal{max-width:100%;max-height:100vh;border-radius:0}.documento-modal-header,.documento-modal-content,.documento-modal-footer{padding:1rem}.documento-info-grid{grid-template-columns:1fr}.documento-modal-footer{flex-direction:column;align-items:stretch}.documento-modal-actions{flex-direction:column}.documento-action-btn{width:100%}}.dark-mode .documento-modal{background:#0f0f0ffa}.dark-mode .documento-info-card{background:#1e1e1ecc}.documento-avatar{background:linear-gradient(135deg,var(--primary-color, #10b981),rgba(16,185,129,.6));color:#fff}.pedido-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:2000;padding:1rem;animation:fadeIn .3s ease-out}.pedido-modal{background:var(--card-bg, rgba(20, 20, 20, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.pedido-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--card-border, rgba(255, 255, 255, .1))}.pedido-modal-header-info h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .25rem}.pedido-modal-subtitle{font-size:1rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin:0}.pedido-modal-close-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:1.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.pedido-modal-close-btn:hover{background:var(--card-bg, rgba(255, 255, 255, .05));border-color:var(--card-border, rgba(255, 255, 255, .2));color:var(--text-primary, #ffffff)}.pedido-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.pedido-info-section{display:flex;flex-direction:column;gap:1.5rem}.pedido-info-card{background:var(--card-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);padding:1.25rem}.pedido-section-title{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.pedido-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pedido-info-item{display:flex;align-items:center;gap:.75rem}.pedido-info-icon{font-size:1.125rem;color:var(--primary-color, #10b981);flex-shrink:0}.pedido-info-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.pedido-info-label{font-size:.6875rem;color:var(--text-secondary, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;font-weight:500}.pedido-info-value{font-size:.9375rem;color:var(--text-primary, #ffffff);font-weight:500}.pedido-proveedor-details,.pedido-cliente-details,.pedido-equipo-details{display:flex;align-items:center;gap:1rem}.pedido-proveedor-icon,.pedido-cliente-icon,.pedido-equipo-icon{font-size:1.5rem;color:var(--primary-color, #10b981);flex-shrink:0}.pedido-proveedor-info,.pedido-cliente-info,.pedido-equipo-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.pedido-proveedor-nombre,.pedido-cliente-nombre,.pedido-equipo-nombre{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff)}.pedido-proveedor-contacto,.pedido-cliente-contacto{font-size:.875rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.pedido-equipo-nota{font-size:.75rem;color:var(--primary-color, #10b981);background:#10b98133;padding:.125rem .5rem;border-radius:var(--radius-sm, 4px);display:inline-block;width:fit-content}.pedido-fechas-list{display:flex;flex-direction:column;gap:.75rem}.pedido-fecha-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-bg, rgba(255, 255, 255, .03));border-radius:var(--radius-md, 8px)}.pedido-fecha-icon{font-size:1rem;color:var(--primary-color, #10b981);flex-shrink:0}.pedido-fecha-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.pedido-fecha-label{font-size:.6875rem;color:var(--text-secondary, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;font-weight:500}.pedido-fecha-value{font-size:.875rem;color:var(--text-primary, #ffffff);font-weight:500}.pedido-historial-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--card-border, rgba(255, 255, 255, .1))}.pedido-historial-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.pedido-historial-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px)}.pedido-historial-icon{font-size:1rem;color:var(--primary-color, #10b981);flex-shrink:0;margin-top:.125rem}.pedido-historial-content{flex:1;min-width:0}.pedido-historial-mensaje{font-size:.875rem;color:var(--text-primary, #ffffff);margin:0 0 .25rem;line-height:1.4}.pedido-historial-fecha{font-size:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.pedido-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid var(--card-border, rgba(255, 255, 255, .1));background:var(--card-bg, rgba(255, 255, 255, .02));gap:1rem}.pedido-modal-actions{display:flex;gap:.75rem;flex:1}.pedido-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.pedido-action-btn.recibido{background:var(--primary-color, rgba(16, 185, 129, .3));color:#fff;border:1px solid var(--primary-color, rgba(16, 185, 129, .5))}.pedido-action-btn.recibido:hover{background:var(--primary-color, rgba(16, 185, 129, .4));border-color:var(--primary-color, rgba(16, 185, 129, .6));transform:translateY(-1px)}.pedido-action-btn.contactar{background:var(--card-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff);border:1px solid var(--card-border, rgba(255, 255, 255, .1))}.pedido-action-btn.contactar:hover{background:var(--card-bg, rgba(255, 255, 255, .08));border-color:var(--card-border, rgba(255, 255, 255, .2))}.pedido-action-btn:disabled{opacity:.5;cursor:not-allowed}.contact-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.contact-modal{background:var(--card-bg, rgba(20, 20, 20, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);max-width:500px;width:100%;padding:2rem;position:relative;box-shadow:0 20px 40px #0000004d}.contact-modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:1.25rem;cursor:pointer;transition:all .2s ease}.contact-modal-close:hover{background:var(--card-bg, rgba(255, 255, 255, .05));border-color:var(--card-border, rgba(255, 255, 255, .2));color:var(--text-primary, #ffffff)}.contact-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-modal-icon{width:64px;height:64px;border-radius:50%;background:var(--primary-color, rgba(16, 185, 129, .2));display:flex;align-items:center;justify-content:center;color:var(--primary-color, #10b981);font-size:2rem;margin-bottom:1rem}.contact-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .5rem}.contact-modal-description{font-size:.9375rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin:0 0 1.5rem}.contact-modal-options{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-bottom:1.5rem}.contact-option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.contact-option-btn:hover{background:var(--card-bg, rgba(255, 255, 255, .08));border-color:var(--card-border, rgba(255, 255, 255, .2));transform:translateY(-1px)}.contact-option-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.contact-option-icon.phone{background:#10b98133;color:#10b981}.contact-option-icon.whatsapp{background:#25d36633;color:#25d366}.contact-option-content{flex:1;min-width:0}.contact-option-content h3{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .25rem}.contact-option-content p{font-size:.875rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin:0}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.contact-btn-secondary{background:var(--card-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff);border:1px solid var(--card-border, rgba(255, 255, 255, .1))}.contact-btn-secondary:hover{background:var(--card-bg, rgba(255, 255, 255, .08));border-color:var(--card-border, rgba(255, 255, 255, .2))}.contact-btn-full{width:100%}@media (max-width: 768px){.pedido-modal{max-width:100%;max-height:100vh;border-radius:0}.pedido-modal-header,.pedido-modal-content,.pedido-modal-footer{padding:1rem}.pedido-info-grid{grid-template-columns:1fr}.pedido-modal-footer{flex-direction:column;align-items:stretch}.pedido-modal-actions{flex-direction:column}.pedido-action-btn{width:100%}}.dark-mode .pedido-modal{background:#0f0f0ffa}.dark-mode .pedido-info-card{background:#1e1e1ecc}.pedido-avatar{background:linear-gradient(135deg,var(--primary-color, #10b981),rgba(16,185,129,.6))}@media (max-width: 768px){.pedido-card{padding:1.25rem}.pedido-nombre{font-size:1.125rem}.pedido-details-list{gap:.5rem}}.typeform-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M8 12L2 4h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-6) center;background-size:20px;padding-right:var(--space-12);cursor:pointer;text-align-last:center;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80}.cliente-historial-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:2000;padding:1rem;animation:fadeIn .3s ease-out}.cliente-historial-modal{background:var(--card-bg, rgba(20, 20, 20, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;animation:slideUp .25s ease-out}.cliente-historial-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--card-border, rgba(255, 255, 255, .1))}.cliente-historial-header-info h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .25rem}.cliente-historial-subtitle{font-size:1rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin:0}.cliente-historial-close-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:1.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.cliente-historial-close-btn:hover{background:var(--card-bg, rgba(255, 255, 255, .05));border-color:var(--card-border, rgba(255, 255, 255, .2));color:var(--text-primary, #ffffff)}.cliente-historial-content{flex:1;overflow-y:auto;padding:1.5rem}.cuenta-section{background:var(--card-bg, rgba(255, 255, 255, .04));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);padding:1rem 1.25rem;margin-bottom:1.25rem}.cuenta-section-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.cuenta-label{font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.cuenta-saldo{font-size:1.25rem;font-weight:700;transition:color .2s ease}.cuenta-saldo.saldo-positivo{color:#22c55e}.cuenta-saldo.saldo-negativo{color:#ef4444}.cuenta-saldo.saldo-cero{color:var(--text-secondary, rgba(255, 255, 255, .6))}.cuenta-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-cuenta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md, 8px);border:none;cursor:pointer;transition:all .2s ease}.btn-cuenta-deposito{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.btn-cuenta-deposito:hover{background:#22c55e4d;border-color:#22c55e;transform:translateY(-1px)}.btn-cuenta-cargo{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.btn-cuenta-cargo:hover{background:#ef44444d;border-color:#ef4444;transform:translateY(-1px)}.cuenta-modal-overlay{z-index:2100;animation:fadeIn .15s ease-out}.cuenta-movimiento-modal.cuenta-movimiento-deposito{border-left:4px solid #22c55e}.cuenta-movimiento-modal.cuenta-movimiento-cargo{border-left:4px solid #ef4444}.cuenta-movimiento-saldo{margin-bottom:.75rem;font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.cuenta-movimiento-saldo .saldo-positivo{color:#22c55e}.cuenta-movimiento-saldo .saldo-negativo{color:#ef4444}.cuenta-movimiento-saldo .saldo-cero{color:var(--text-secondary, rgba(255, 255, 255, .6))}.btn-cuenta-movimiento{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-md, 8px);border:none;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.btn-cuenta-movimiento.btn-cuenta-deposito{background:#22c55e;color:#fff}.btn-cuenta-movimiento.btn-cuenta-deposito:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-cuenta-movimiento.btn-cuenta-cargo{background:#ef4444;color:#fff}.btn-cuenta-movimiento.btn-cuenta-cargo:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-cuenta-movimiento:disabled{opacity:.6;cursor:not-allowed}.cliente-historial-list.historial-updating{opacity:.85;pointer-events:none}.cliente-historial-loading,.cliente-historial-error,.cliente-historial-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px}.cliente-historial-loading .loading-spinner{width:48px;height:48px;border:3px solid var(--card-border, rgba(255, 255, 255, .1));border-top-color:var(--primary-color, #10b981);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.cliente-historial-error{color:#ef4444}.cliente-historial-error svg{font-size:3rem;margin-bottom:1rem;opacity:.7}.cliente-historial-empty svg{font-size:4rem;margin-bottom:1rem;opacity:.5;color:var(--text-secondary, rgba(255, 255, 255, .5))}.cliente-historial-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 .5rem}.cliente-historial-empty p{font-size:.9375rem;color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0}.cliente-historial-list{display:flex;flex-direction:column;gap:1rem}.historial-item{background:var(--card-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);padding:1.25rem;transition:all .2s ease}.historial-item:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 4px 12px #00000026}.historial-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.historial-item-main{flex:1;min-width:0}.historial-item-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.historial-item-title h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.historial-item-nota{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--primary-color, rgba(16, 185, 129, .2));color:var(--primary-color, #10b981);border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:600}.historial-item-color{display:flex;align-items:center;font-size:.875rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.historial-estado-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-full, 999px);font-size:.8125rem;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-pendiente{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-proceso{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-listo{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-finalizado{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-default{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.historial-item-problema,.historial-item-proceso{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.historial-item-problema svg{color:#f59e0b;flex-shrink:0}.historial-item-proceso svg{color:var(--primary-color, #10b981);flex-shrink:0}.historial-item-footer{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--card-border, rgba(255, 255, 255, .1))}.historial-item-date{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.historial-item-date svg{flex-shrink:0;opacity:.7}.cliente-historial-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid var(--card-border, rgba(255, 255, 255, .1));background:var(--card-bg, rgba(255, 255, 255, .02))}.cliente-historial-stats{font-size:.9375rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.cliente-historial-stats strong{color:var(--text-primary, #ffffff);font-weight:600}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--text-primary, #ffffff);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--card-bg, rgba(255, 255, 255, .08));border-color:var(--card-border, rgba(255, 255, 255, .2))}@media (max-width: 768px){.cliente-historial-modal{max-width:100%;max-height:100vh;border-radius:0}.cliente-historial-header,.cliente-historial-content,.cliente-historial-footer{padding:1rem}.historial-item-header{flex-direction:column;align-items:flex-start}.historial-estado-badge{align-self:flex-start}.cliente-historial-footer{flex-direction:column;gap:1rem;align-items:stretch}.btn-secondary{width:100%;justify-content:center}}.dark-mode .cliente-historial-modal{background:#0f0f0ffa}.dark-mode .historial-item{background:#1e1e1ecc}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{width:100%;padding:.75rem 2.75rem .75rem 1rem;font-size:var(--font-base);font-weight:var(--font-normal);color:var(--gray-900);background-color:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition);min-height:48px;outline:none}.custom-select-trigger:hover:not(.disabled){border-color:var(--gray-400)}.custom-select-trigger:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #10b9811a}.custom-select-trigger.disabled{opacity:.6;cursor:not-allowed;background-color:var(--gray-100)}.custom-select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-value.placeholder{color:var(--gray-500)}.custom-select-arrow{flex-shrink:0;margin-left:.5rem;transition:transform var(--transition);color:var(--gray-600);font-size:.75rem;line-height:1;display:inline-block}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:.75rem 1rem;font-size:var(--font-base);font-weight:var(--font-normal);color:var(--gray-900);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-fast);border-bottom:1px solid var(--gray-200)}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover,.custom-select-option.highlighted{background-color:var(--gray-100);color:var(--gray-900)}.custom-select-option.selected{background-color:var(--primary-blue);color:var(--white);font-weight:var(--font-medium)}.custom-select-option.selected:hover,.custom-select-option.selected.highlighted{background-color:var(--primary-blue-dark);color:var(--white)}.custom-select-option.no-options{color:var(--gray-500);cursor:default;font-style:italic}.option-check{margin-left:.5rem;flex-shrink:0;font-size:.875rem}.dark-mode .custom-select-trigger{background-color:#ffffff1a;border-color:var(--gray-400);color:var(--gray-900)}.dark-mode .custom-select-trigger:hover:not(.disabled){border-color:var(--gray-500)}.dark-mode .custom-select-trigger:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #10b98133}.dark-mode .custom-select-trigger.disabled{background-color:var(--gray-200)}.dark-mode .custom-select-value.placeholder{color:var(--gray-500)}.dark-mode .custom-select-arrow{color:var(--gray-600)}.dark-mode .custom-select-dropdown{background:var(--gray-100);border-color:var(--gray-400);box-shadow:var(--shadow-xl)}.dark-mode .custom-select-option{color:var(--gray-900);border-bottom-color:var(--gray-300)}.dark-mode .custom-select-option:hover,.dark-mode .custom-select-option.highlighted{background-color:var(--gray-200);color:var(--gray-900)}.dark-mode .custom-select-option.selected{background-color:var(--primary-blue);color:var(--white)}.dark-mode .custom-select-option.selected:hover,.dark-mode .custom-select-option.selected.highlighted{background-color:var(--primary-blue-dark);color:var(--white)}.dark-mode .custom-select-option.no-options{color:var(--gray-500)}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-sm)}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.dark-mode .custom-select-dropdown::-webkit-scrollbar-track{background:var(--gray-200)}.dark-mode .custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--gray-500)}.dark-mode .custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.typeform-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;background:#0009!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:1050!important;animation:fadeIn .3s ease-out;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;opacity:1!important;visibility:visible!important}.typeform-page{width:100%;min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;box-sizing:border-box}.typeform-page-inner{max-height:none;height:auto;animation:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typeform-modal{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1.5rem;max-width:960px;width:100%;max-height:90vh;position:relative!important;z-index:1060!important;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff80;display:flex!important;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);margin:0!important;flex-shrink:0;opacity:1!important;visibility:visible!important;transform:translate(0)!important;box-sizing:border-box}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.typeform-close-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:9999px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);font-size:1.5rem;color:#616161;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .15s ease-out;box-shadow:0 4px 12px #0000001a}.typeform-close-btn:hover{background:#ef5350e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white);transform:rotate(90deg);border-color:#fff6;box-shadow:0 6px 20px #ef535066}.typeform-progress{height:4px;background:var(--gray-200);width:100%;min-width:0;position:relative;overflow:hidden;flex-shrink:0;border-radius:1.5rem 1.5rem 0 0}.typeform-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-dark));transition:width .4s ease-out;position:relative}.typeform-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.typeform-step-indicator{padding:var(--space-4);text-align:center;font-size:var(--font-sm);color:var(--gray-600);font-weight:var(--font-medium);background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0;min-width:0}.typeform-step{flex:1 1 0;min-height:0;padding:var(--space-8) var(--space-6);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--space-6);background:transparent}.typeform-step h2{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0;line-height:1.2;text-align:center}.typeform-description{font-size:var(--font-base);color:var(--gray-600);text-align:center;margin:0;line-height:1.6}.error-message{background:#ef535026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(239,83,80,.4);color:var(--error-red);padding:var(--space-4);border-radius:var(--radius-md);text-align:left;margin-bottom:var(--space-4);font-size:var(--font-sm);white-space:pre-line;line-height:1.6;max-height:200px;overflow-y:auto;box-shadow:0 4px 16px #ef535033,inset 0 1px #ffffff4d}.camera-container{position:relative;width:100%;max-width:500px;margin:0 auto;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}.camera-video{width:100%;height:100%;object-fit:cover}.captured-image{width:100%;height:100%;object-fit:contain;background:var(--gray-900)}.camera-controls{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;gap:var(--space-4)}.capture-btn{width:80px;height:80px;border-radius:var(--radius-full);font-size:var(--font-2xl);box-shadow:0 8px 24px #0006}.camera-loading{position:absolute;inset:0;background:var(--gray-900);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--white);z-index:5}.detecting-overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--white);z-index:10}.detecting-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--white);border-radius:var(--radius-full);animation:spin 1s linear infinite}.captured-preview{width:100%;max-width:300px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.captured-preview img{width:100%;height:auto;display:block}.typeform-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.typeform-form-group label{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.typeform-form-group input,.typeform-form-group textarea,.typeform-form-group select{width:100%;padding:var(--space-4);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-base);font-family:inherit;transition:all var(--transition-fast);background:var(--white)}.typeform-form-group input:focus,.typeform-form-group textarea:focus,.typeform-form-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #10b9811a}.typeform-form-group textarea{resize:vertical;min-height:100px}.autocomplete-wrapper{position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--gray-300);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-popover);max-height:200px;overflow-y:auto;margin-top:-2px}.suggestion-item{width:100%;padding:var(--space-3) var(--space-4);text-align:left;background:transparent;border:none;border-bottom:1px solid var(--gray-200);font-size:var(--font-base);color:var(--gray-700);cursor:pointer;transition:background var(--transition-fast)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item:focus{background:var(--gray-50);outline:none}.suggestion-item:active{background:var(--primary-blue);color:var(--white)}.typeform-single-field{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--space-8) var(--space-6);animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.typeform-question{font-size:clamp(var(--font-2xl),4vw,var(--font-4xl));font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-10);line-height:1.3;max-width:700px}.typeform-field-wrapper{width:100%;max-width:600px;margin-bottom:var(--space-6);position:relative}.typeform-large-input{width:100%;padding:var(--space-8) var(--space-6);font-size:var(--font-2xl);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);font-family:inherit;transition:all var(--transition);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;min-height:80px;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80}.typeform-large-input:focus{outline:none;border-color:#10b98199;background:#fffffff2;box-shadow:0 6px 24px #10b98133,0 0 0 4px #10b9811a,inset 0 1px #fff9;transform:scale(1.02)}.typeform-large-input::placeholder{color:var(--gray-400);font-size:var(--font-xl);opacity:.7}.color-picker-grid-circles{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;width:100%;max-width:500px;margin:0 auto;padding:0 .5rem;justify-items:center;box-sizing:border-box}.color-picker-circle{width:60px;height:60px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 8px #00000026}.color-picker-circle:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 6px 20px #00000040}.color-picker-circle.selected{border-color:#10b981;border-width:4px;box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px #10b9814d,0 6px 20px #10b98166;transform:scale(1.15)}.color-picker-circle.selected i{color:#fff;font-size:1.25rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.color-picker-custom-wrapper{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.color-picker-custom-wrapper:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 6px 20px #00000040}.color-picker-custom{width:100%;height:100%;border:none;cursor:pointer;opacity:0;position:absolute;top:0;left:0;z-index:2}.color-picker-custom-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#6b7280;pointer-events:none;z-index:1;transition:color .2s}.color-picker-custom-wrapper:hover .color-picker-custom-icon{color:#10b981}.color-picker-custom-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);z-index:0}.cargador-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:500px;margin:0 auto}.cargador-option{padding:1.5rem 2rem;border:2px solid var(--border-color, #e0e0e0);border-radius:12px;background:var(--bg-secondary, #ffffff);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.cargador-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--primary-color, #10b981)}.cargador-option.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 16px #10b9814d}.cargador-option.selected i{color:#fff}.cargador-option:first-child.selected{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.cargador-option:last-child.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.dark-mode .cargador-option{background:#2a2a2a;border-color:#404040;color:#e2e8f0}.dark-mode .cargador-option:hover{background:#353535;border-color:#505050}.dark-mode .cargador-option.selected{color:#fff}.proceso-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.625rem;width:100%;max-width:700px;margin:0 auto}.proceso-picker-square{aspect-ratio:1;padding:.625rem .375rem;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-secondary, #ffffff);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;position:relative;box-shadow:0 2px 6px #0000001a;min-height:90px}.proceso-picker-square:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:var(--primary-color, #10b981)}.proceso-picker-square.selected{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b981;border-width:3px;box-shadow:0 4px 16px #10b9814d}.proceso-check-icon{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;box-shadow:0 2px 6px #10b98166}.proceso-name{font-size:.75rem;font-weight:600;text-align:center;color:var(--text-primary, #1a1a1a);line-height:1.2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.proceso-picker-square.selected .proceso-name{color:#10b981;font-weight:700}.proceso-precio{font-size:.6875rem;color:var(--gray-600, #757575);font-weight:500}.proceso-picker-square.selected .proceso-precio{color:#059669;font-weight:600}.dark-mode .proceso-picker-square{background:#2a2a2a;border-color:#404040;color:#e2e8f0}.dark-mode .proceso-picker-square:hover{background:#353535;border-color:#505050}.dark-mode .proceso-name{color:#e2e8f0}.dark-mode .proceso-precio{color:#94a3b8}.proceso-total{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid #10b981;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.proceso-total-label{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.proceso-total-value{font-size:1.5rem;font-weight:700;color:#10b981}.dark-mode .proceso-total{background:#10b98126;border-color:#10b981}.dark-mode .proceso-total-label{color:#e2e8f0}.dark-mode .proceso-total-value{color:#34d399}.typeform-large-input[type=date]{color:var(--gray-900);font-size:var(--font-2xl);cursor:pointer}.typeform-large-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;font-size:var(--font-xl);padding:var(--space-2);margin-left:var(--space-2);background:#10b9811a;border-radius:var(--radius-md);transition:all var(--transition-fast)}.typeform-large-input[type=date]::-webkit-calendar-picker-indicator:hover{background:#10b98133;transform:scale(1.1)}.typeform-large-input[type=date]::-webkit-datetime-edit{padding:0;color:var(--gray-900)}.typeform-large-input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}.typeform-large-input[type=date]::-webkit-datetime-edit-text{color:var(--gray-600);padding:0 var(--space-1)}.typeform-large-input[type=date]::-webkit-datetime-edit-month-field,.typeform-large-input[type=date]::-webkit-datetime-edit-day-field,.typeform-large-input[type=date]::-webkit-datetime-edit-year-field{color:var(--gray-900);padding:0 var(--space-1)}.typeform-large-input[type=date]:focus::-webkit-calendar-picker-indicator{background:#10b9814d}.dark-mode .typeform-large-input[type=date]{color:#fffffff2}.dark-mode .typeform-large-input[type=date]::-webkit-datetime-edit{color:#fffffff2}.dark-mode .typeform-large-input[type=date]::-webkit-datetime-edit-text{color:#ffffffb3}.dark-mode .typeform-large-input[type=date]::-webkit-datetime-edit-month-field,.dark-mode .typeform-large-input[type=date]::-webkit-datetime-edit-day-field,.dark-mode .typeform-large-input[type=date]::-webkit-datetime-edit-year-field{color:#fffffff2}.dark-mode .typeform-large-input[type=date]::-webkit-calendar-picker-indicator{background:#10b98133;filter:invert(1)}.dark-mode .typeform-large-input[type=date]::-webkit-calendar-picker-indicator:hover{background:#10b9814d}.typeform-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M8 12L2 4h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-6) center;background-size:20px;padding-right:var(--space-12);cursor:pointer;text-align-last:center;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80}.typeform-select:focus{background:#fffffff2;box-shadow:0 6px 24px #10b98133,0 0 0 4px #10b9811a,inset 0 1px #fff9}.typeform-select option{padding:.75rem 1rem!important;font-size:var(--font-base)!important;font-weight:var(--font-normal)!important;background:var(--white)!important;color:var(--gray-900)!important}.typeform-select option:hover{background:var(--gray-100)!important}.typeform-select option:checked,.typeform-select option[selected]{background:var(--primary-blue)!important;color:var(--white)!important;font-weight:var(--font-medium)!important}.dark-mode .typeform-select option{background:var(--gray-100)!important;color:var(--gray-900)!important}.dark-mode .typeform-select option:hover{background:var(--gray-200)!important}.dark-mode .typeform-select option:checked,.dark-mode .typeform-select option[selected]{background:var(--primary-blue)!important;color:var(--white)!important}.typeform-large-textarea{width:100%;padding:var(--space-6);font-size:var(--font-xl);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);font-family:inherit;transition:all var(--transition);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:left;min-height:150px;resize:vertical;line-height:1.6;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80}.typeform-large-textarea:focus{outline:none;border-color:#10b98199;background:#fffffff2;box-shadow:0 6px 24px #10b98133,0 0 0 4px #10b9811a,inset 0 1px #fff9;transform:scale(1.01)}.typeform-large-textarea::placeholder{color:var(--gray-400);font-size:var(--font-lg);opacity:.7}.captured-preview-small{width:150px;height:150px;border-radius:var(--radius-lg);overflow:hidden;margin:0 auto var(--space-6);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff4d;border:2px solid rgba(255,255,255,.4);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.captured-preview-small img{width:100%;height:100%;object-fit:cover}.suggestions-dropdown-large{position:absolute;top:100%;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 10px 40px #0003,inset 0 1px #ffffff80;z-index:var(--z-popover);max-height:300px;overflow-y:auto;margin-top:-2px}.suggestion-item-large{width:100%;padding:var(--space-5) var(--space-6);text-align:left;background:transparent;border:none;border-bottom:1px solid var(--gray-200);font-size:var(--font-lg);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-medium)}.suggestion-item-large:last-child{border-bottom:none}.suggestion-item-large:hover,.suggestion-item-large:focus{background:var(--gray-50);outline:none;transform:translate(4px)}.suggestion-item-large:active{background:var(--primary-blue);color:var(--white)}.typeform-next-btn{display:block!important;width:fit-content!important;max-width:100%!important;margin:var(--space-4) auto 0 auto!important;padding:0 1rem!important;font-size:.875rem!important;min-height:63px!important;height:63px!important;max-height:63px!important;line-height:1.2!important}.typeform-buttons-horizontal{display:flex;gap:var(--space-4);width:100%;max-width:600px;margin-top:var(--space-6)}.typeform-buttons-horizontal .typeform-btn-primary,.typeform-buttons-horizontal .typeform-btn-secondary{flex:1;max-width:none}.typeform-buttons{display:flex;gap:var(--space-3);flex-direction:column;width:100%;margin-top:var(--space-4)}.typeform-btn-primary,.typeform-btn-secondary{flex:1;padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);min-height:48px;width:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.typeform-btn-primary{background:#10b981cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--white);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #10b9814d,inset 0 1px #fff6;position:relative;overflow:hidden}.typeform-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b981f2,#059669f2);z-index:-1;opacity:.9}.typeform-btn-primary:hover:not(:disabled),.typeform-btn-primary:active:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #10b98166,inset 0 1px #ffffff80;border-color:#fff6}.typeform-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.typeform-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;pointer-events:none}.typeform-btn-secondary{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--gray-700);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80}.typeform-btn-secondary:hover{background:#ffffffd9;border-color:#fff6;box-shadow:0 6px 24px #00000026,inset 0 1px #fff9}@media (min-width: 769px){.typeform-modal-overlay{padding:2rem;align-items:center;justify-content:center}.typeform-modal{min-width:560px;width:90%;max-width:960px;min-height:520px;max-height:min(88vh,800px);margin:auto}}@media (max-width: 768px){.typeform-page{padding:0;min-height:100vh}.typeform-page-inner{width:100%;min-height:100vh;border-radius:0}.typeform-modal-overlay{padding:0;align-items:stretch;justify-content:center}.typeform-modal{max-width:100%;width:100%;height:100vh;max-height:100vh;min-height:100vh;border-radius:0;margin:0;align-self:stretch}.typeform-step{padding:2rem 1.5rem;gap:2rem}.typeform-single-field{min-height:0;padding:2rem 1.5rem 4.5rem}.typeform-question{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:2rem;line-height:1.3}.typeform-description{font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem}.typeform-large-input{font-size:1.25rem;padding:1.25rem 1rem;min-height:80px}.typeform-field-wrapper{max-width:100%;margin-bottom:2rem}.typeform-step h2{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.3;margin-bottom:1.5rem}.typeform-step-indicator{font-size:1rem;padding:1rem}.camera-container{aspect-ratio:3/4}.typeform-buttons{flex-direction:column;gap:.75rem}.typeform-buttons .typeform-btn-primary,.typeform-buttons .typeform-btn-secondary{font-size:.9375rem;padding:.75rem 1.25rem;min-height:44px}.typeform-buttons-horizontal{gap:.75rem;margin-top:1.5rem;margin-bottom:calc(1.5rem + env(safe-area-inset-bottom,12px))}.typeform-buttons-horizontal .typeform-btn-primary,.typeform-buttons-horizontal .typeform-btn-secondary{font-size:.9375rem;padding:.75rem 1rem;min-height:44px}.typeform-close-btn{width:48px;height:48px;font-size:1.75rem;top:1.25rem;right:1.25rem}.color-picker-grid-circles{grid-template-columns:repeat(5,1fr);gap:.625rem;padding:0 1rem;max-width:100%}.color-picker-circle,.color-picker-custom-wrapper,.color-picker-custom{width:50px;height:50px}.color-picker-custom-icon{font-size:1.125rem}}.dark-mode .typeform-modal{background:#1a1a1ae6!important;border-color:#ffffff1a!important;box-shadow:0 20px 60px #000000b3,inset 0 1px #ffffff1a!important}.dark-mode .typeform-close-btn{background:#ffffff1a;border-color:#fff3;color:var(--gray-700)}.dark-mode .typeform-close-btn:hover{background:#ef5350e6;color:var(--white)}.dark-mode .typeform-progress{background:#ffffff1a}.dark-mode .typeform-step-indicator{background:#ffffff0d;border-bottom-color:#ffffff1a;color:#ffffffb3}.dark-mode .typeform-question,.dark-mode .typeform-step h2{color:#fffffff2}.dark-mode .typeform-description{color:#ffffffb3}.dark-mode .typeform-large-input{background:#ffffff1a;border-color:#fff3;color:var(--gray-900)}.dark-mode .typeform-large-input::placeholder{color:var(--gray-600)}.dark-mode .typeform-large-input:focus{background:#ffffff26;border-color:#10b98199}.dark-mode .typeform-select{background:#ffffff1a;border-color:#fff3;color:var(--gray-900)}.dark-mode .typeform-select:focus{background:#ffffff26}.dark-mode .typeform-large-textarea{background:#ffffff1a;border-color:#fff3;color:var(--gray-900)}.dark-mode .typeform-large-textarea::placeholder{color:var(--gray-600)}.dark-mode .typeform-large-textarea:focus{background:#ffffff26;border-color:#10b98199}.dark-mode .suggestions-dropdown-large{background:#1a1a1af2;border-color:#ffffff26;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a}.dark-mode .suggestion-item-large{color:var(--gray-700);border-bottom-color:#ffffff1a}.dark-mode .suggestion-item-large:hover,.dark-mode .suggestion-item-large:focus{background:#ffffff1a}.dark-mode .suggestion-item-large:active{background:#10b9814d;color:var(--white)}.dark-mode .typeform-btn-secondary{background:#ffffff1a;border-color:#fff3;color:var(--gray-700)}.dark-mode .typeform-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.dark-mode .error-message{background:#ef535033;border-color:#ef535066;color:#ef5350e6}.dark-mode .captured-preview-small{background:#ffffff0d;border-color:#fff3}.dark-mode .typeform-btn-primary{background:#10b981cc!important;border-color:#ffffff4d!important;color:var(--white)!important}.dark-mode .typeform-btn-primary:before{background:linear-gradient(135deg,#10b981f2,#059669f2)}.dark-mode .typeform-btn-primary:hover:not(:disabled){background:#10b981e6!important;box-shadow:0 12px 40px #10b98166,inset 0 1px #ffffff80!important}.dark-mode .typeform-progress-bar{background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-dark))}.input-with-icon{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--gray-500);font-weight:600;pointer-events:none;z-index:1}.input-with-icon .form-input{padding-left:calc(var(--space-4) * 2.5)}.form-hint{margin-top:var(--space-2);font-size:var(--font-sm);color:var(--gray-500);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.form-section:last-of-type{border-bottom:none}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 1rem}.step-subtitle{font-size:.9375rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin:0 0 1.5rem;font-style:italic}.form-section.collapsible{border-bottom:1px solid rgba(255,255,255,.1)}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;margin-bottom:1rem;color:var(--text-primary, #ffffff);transition:all .2s ease}.section-toggle:hover{opacity:.8}.section-toggle .section-title{margin:0}.section-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-error{margin-top:.5rem;font-size:.875rem;color:#ef4444;font-weight:500}.form-warning{margin-top:.5rem;font-size:.875rem;color:#f59e0b;font-weight:500}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.warning{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.field-badge{display:inline-block;margin-top:.5rem;padding:.375rem .75rem;border-radius:var(--radius-full, 999px);font-size:.75rem;font-weight:600;line-height:1}.field-badge.success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.field-badge.warning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.suggestion-btn{margin-top:.5rem;padding:.5rem .75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md, 8px);color:#10b981;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.suggestion-btn:hover{background:#10b98133;border-color:#10b98180}.calculated-field{margin-top:1rem;padding:1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md, 8px)}.calculated-value{font-size:1.5rem;font-weight:700;color:#10b981;margin-top:.5rem}.dark-mode .calculated-field{background:#10b98126;border-color:#10b98166}.typeform-form-group select,.typeform-form-group select.form-input,.typeform-form-group select.typeform-select,.form-group select,.form-group select.form-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;padding-right:2.75rem!important;cursor:pointer!important;background-color:var(--white)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:10px 6px!important;box-shadow:none!important;text-align-last:left!important}.dark-mode .typeform-form-group select,.dark-mode .typeform-form-group select.form-input,.dark-mode .typeform-form-group select.typeform-select,.dark-mode .form-group select,.dark-mode .form-group select.form-input{background-color:#ffffff1a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23aaa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:10px 6px!important}.typeform-form-group select:focus,.typeform-form-group select.form-input:focus,.typeform-form-group select.typeform-select:focus,.form-group select:focus,.form-group select.form-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2310b981' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:10px 6px!important}.form-group select.form-input option,.typeform-form-group select.form-input option,.typeform-form-group select option,.form-group select option{padding:.75rem 1rem!important;background:var(--white)!important;color:var(--gray-900)!important;font-size:var(--font-base)!important;font-weight:var(--font-normal)!important}.form-group select.form-input option:hover,.typeform-form-group select.form-input option:hover,.typeform-form-group select option:hover,.form-group select option:hover{background:var(--gray-100)!important}.form-group select.form-input option:checked,.typeform-form-group select.form-input option:checked,.typeform-form-group select option:checked,.form-group select option:checked{background:var(--primary-blue)!important;color:var(--white)!important;font-weight:var(--font-medium)!important}.dark-mode .form-group select.form-input option,.dark-mode .typeform-form-group select.form-input option,.dark-mode .typeform-form-group select option,.dark-mode .form-group select option{background:var(--gray-100)!important;color:var(--gray-900)!important}.dark-mode .form-group select.form-input option:hover,.dark-mode .typeform-form-group select.form-input option:hover,.dark-mode .typeform-form-group select option:hover,.dark-mode .form-group select option:hover{background:var(--gray-200)!important}.dark-mode .form-group select.form-input option:checked,.dark-mode .typeform-form-group select.form-input option:checked,.dark-mode .typeform-form-group select option:checked,.dark-mode .form-group select option:checked{background:var(--primary-blue)!important;color:var(--white)!important}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto;width:100%;background:var(--gray-50, #fafafa)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title-section{flex:1;min-width:0}.page-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--gray-900, #212121);margin:0 0 .5rem}.page-title-icon{color:var(--primary-color, #10b981);font-size:1.75rem}.page-subtitle{font-size:.9375rem;color:var(--gray-600, #757575);margin:0;line-height:1.5}.page-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;border-bottom:1px solid var(--gray-200, #eeeeee);padding-bottom:.5rem}.dark-mode .page-tabs{border-bottom:1px solid rgba(255,255,255,.1)}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:var(--radius-md, 8px);color:var(--gray-600, #757575);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{background:var(--gray-100, #f5f5f5);color:var(--gray-900, #212121)}.dark-mode .tab-button{color:#ffffffb3}.dark-mode .tab-button:hover{background:#ffffff0d;color:#fff}.tab-button.active{background:var(--primary-color, rgba(16, 185, 129, .2));color:var(--primary-color, #10b981);font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:var(--primary-color, #10b981);border-radius:2px 2px 0 0}@media (max-width: 768px){.page-container{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:1.5rem}.page-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;flex-shrink:0}}.inventario-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.dark-mode .metric-card{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color, #10b981),rgba(16,185,129,.5));opacity:0;transition:opacity .3s ease}.metric-card:hover{transform:translateY(-2px);border-color:var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0000001f}.dark-mode .metric-card:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 8px 16px #0003}.metric-card:hover:before{opacity:1}.metric-card.highlight{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b9814d}.metric-card.alert{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef44444d}.metric-card.alert:before{background:linear-gradient(90deg,#ef4444,#ef444480)}.dark-mode .metric-card{background:#1e1e1ecc}.dark-mode .metric-card:hover{background:#232323e6}.metric-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #10b981),rgba(16,185,129,.6));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px #10b9814d}.metric-card.alert .metric-icon{background:linear-gradient(135deg,#ef4444,#ef444499);box-shadow:0 4px 12px #ef44444d}.metric-content{flex:1;min-width:0}.metric-label{font-size:.75rem;font-weight:600;color:var(--gray-600, #757575);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.dark-mode .metric-label{color:#ffffffb3}.metric-value{font-size:1.75rem;font-weight:800;color:var(--gray-900, #212121);line-height:1}.dark-mode .metric-value{color:#fff}.inventario-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--gray-500, #9e9e9e);font-size:1rem;pointer-events:none;z-index:1}.dark-mode .search-icon{color:#ffffff80}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);color:var(--gray-900, #212121);font-size:.9375rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color, #10b981);box-shadow:0 0 0 3px #10b9811a;background:#fff}.search-input::placeholder{color:var(--gray-400, #bdbdbd)}.dark-mode .search-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.dark-mode .search-input::placeholder{color:#fff6}.search-clear{position:absolute;right:.75rem;background:none;border:none;color:var(--gray-500, #9e9e9e);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:all .2s ease}.search-clear:hover{color:var(--gray-900, #212121);background:var(--gray-100, #f5f5f5)}.dark-mode .search-clear{color:#ffffff80}.dark-mode .search-clear:hover{color:#fff;background:#ffffff1a}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-full, 999px);color:var(--gray-600, #757575);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--gray-50, #fafafa);border-color:var(--gray-300, #e0e0e0);color:var(--gray-900, #212121)}.dark-mode .filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.dark-mode .filter-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.filter-btn.active{background:var(--primary-color, rgba(16, 185, 129, .2));border-color:var(--primary-color, rgba(16, 185, 129, .4));color:var(--primary-color, #10b981);font-weight:600}.inventario-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.dark-mode .stat-card{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color, #10b981),rgba(16,185,129,.5));opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0000001f}.dark-mode .stat-card:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 8px 16px #0003}.stat-card:hover:before{opacity:1}.dark-mode .stat-card{background:#1e1e1ecc}.dark-mode .stat-card:hover{background:#232323e6}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stat-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #10b981),rgba(16,185,129,.6));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px #10b9814d}.stat-label{font-size:.75rem;font-weight:700;color:var(--gray-600, #757575);text-transform:uppercase;letter-spacing:.1em}.dark-mode .stat-label{color:#ffffffb3}.stat-value{font-size:2.5rem;font-weight:800;color:var(--gray-900, #212121);line-height:1;margin-bottom:.75rem}.dark-mode .stat-value{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-footer{font-size:.875rem;color:var(--gray-600, #757575);font-weight:600;padding-top:.75rem;border-top:1px solid var(--gray-200, #eeeeee)}.dark-mode .stat-footer{color:#fff9;border-top:1px solid rgba(255,255,255,.1)}.refacciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.refaccion-card{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014;cursor:pointer}.dark-mode .refaccion-card{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.refaccion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color, #10b981),rgba(16,185,129,.5));opacity:0;transition:opacity .3s ease}.refaccion-card:hover{transform:translateY(-2px);border-color:var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0000001f}.dark-mode .refaccion-card:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 8px 16px #0003}.refaccion-card:hover:before{opacity:1}.dark-mode .refaccion-card{background:#1e1e1ecc}.dark-mode .refaccion-card:hover{background:#232323e6}.refaccion-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.refaccion-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #10b981),rgba(16,185,129,.6));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0;box-shadow:0 4px 12px #10b9814d}.refaccion-info{flex:1;min-width:0}.refaccion-badge{display:inline-block;padding:.25rem .75rem;background:#10b98133;color:var(--primary-color, #10b981);border-radius:var(--radius-full, 999px);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;border:1px solid rgba(16,185,129,.3);font-family:SF Mono,Monaco,Courier New,monospace}.producto-estado-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full, 999px);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.refaccion-nombre{font-size:1.25rem;font-weight:600;color:var(--gray-900, #212121);margin:0 0 .5rem;line-height:1.3;word-break:break-word}.dark-mode .refaccion-nombre{color:#fff}.refaccion-descripcion{margin:.5rem 0 0;font-size:.9375rem;color:var(--gray-600, #757575);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark-mode .refaccion-descripcion{color:#ffffffb3}.refaccion-parte{margin:.5rem 0 0;font-size:.75rem;color:var(--gray-600, #757575);font-family:SF Mono,Monaco,Courier New,monospace;background:var(--gray-100, #f5f5f5);padding:.25rem .5rem;border-radius:var(--radius-sm, 4px);display:inline-block}.dark-mode .refaccion-parte{color:#ffffff80;background:#ffffff0d}.refaccion-card-content{display:flex;flex-direction:column;gap:.75rem}.refaccion-detail{display:flex;align-items:center;gap:.75rem;color:var(--gray-700, #616161);font-size:.9375rem;transition:color .2s ease}.refaccion-detail:hover{color:var(--gray-900, #212121)}.dark-mode .refaccion-detail{color:#ffffffb3}.dark-mode .refaccion-detail:hover{color:#fff}.detail-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--primary-color, #10b981);flex-shrink:0}.detail-label{font-size:.75rem;font-weight:600;min-width:100px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600, #757575)}.dark-mode .detail-label{color:#fff9}.detail-value{flex:1;text-align:right;font-weight:600;color:var(--gray-900, #212121)}.dark-mode .detail-value{color:#fff}.detail-value.highlight{color:var(--primary-color, #10b981);font-size:1.125rem;font-weight:700}.refaccion-card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200, #eeeeee)}.dark-mode .refaccion-card-actions{border-top:1px solid rgba(255,255,255,.1)}.refaccion-card-actions .btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);color:var(--gray-900, #212121);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.refaccion-card-actions .btn-secondary:hover{background:var(--gray-100, #f5f5f5);border-color:var(--gray-300, #e0e0e0);color:var(--gray-900, #212121);transform:translateY(-1px)}.dark-mode .refaccion-card-actions .btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.dark-mode .refaccion-card-actions .btn-secondary:hover{background:var(--primary-color, rgba(16, 185, 129, .2));border-color:var(--primary-color, rgba(16, 185, 129, .4));color:#fff}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.empty-state .btn-primary{padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 16px #10b9814d}.empty-state .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}@media (max-width: 768px){.inventario-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem}.inventario-stats,.refacciones-grid{grid-template-columns:1fr;gap:1rem}.stat-value{font-size:2rem}.metric-value{font-size:1.5rem}.filter-buttons{overflow-x:auto;-webkit-overflow-scrolling:touch}}.page-container{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto;background:var(--gray-50, #fafafa)}.dark-mode .page-container{background:#1a1a1a}.page-header{margin-bottom:2rem}.page-title-section{display:flex;flex-direction:column;gap:.5rem}.page-title-icon{margin-right:.5rem}.page-title{font-size:2rem;font-weight:600;color:var(--gray-900, #212121);margin:0 0 .5rem}.dark-mode .page-title{color:#fff}.page-subtitle{font-size:1rem;color:var(--gray-600, #757575);margin:0 0 2rem}.dark-mode .page-subtitle{color:#ffffffb3}.reportes-filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);box-shadow:0 2px 8px #00000014}.dark-mode .reportes-filters{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.875rem;font-weight:600;color:var(--gray-700, #616161);text-transform:uppercase;letter-spacing:.05em}.dark-mode .filter-label{color:#ffffffb3}.filter-input{padding:.75rem 1rem;background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);color:var(--gray-900, #212121);font-size:.9375rem;transition:all .2s ease}.filter-input:focus{outline:none;border-color:var(--primary-color, #10b981);box-shadow:0 0 0 3px #10b9811a;background:#fff}.dark-mode .filter-input{background:#ffffff0d;border-color:#fff3;color:#fff}.reportes-section{margin-top:3rem}.section-title{font-size:1.5rem;font-weight:600;color:var(--gray-900, #212121);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.dark-mode .section-title{color:#fff}.resumen-graficas{margin-bottom:3rem}.graficas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.grafica-card{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.grafica-card:hover{transform:translateY(-2px);border-color:var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0000001f}.dark-mode .grafica-card{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.dark-mode .grafica-card:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 8px 16px #0003}.grafica-title{font-size:1.125rem;font-weight:600;color:var(--gray-900, #212121);margin:0 0 1rem;text-align:center}.dark-mode .grafica-title{color:#fff}.grafica-container-small{min-height:250px}.reportes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.reporte-card{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.dark-mode .reporte-card{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.reporte-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color, #10b981),rgba(16,185,129,.5));opacity:0;transition:opacity .3s ease}.reporte-card:hover{transform:translateY(-2px);border-color:var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0000001f}.dark-mode .reporte-card:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 8px 16px #0003}.reporte-card:hover:before{opacity:1}.dark-mode .reporte-card:hover{background:#232323e6}.reporte-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.reporte-content{flex:1;min-width:0}.reporte-nombre{font-size:1.125rem;font-weight:600;color:var(--gray-900, #212121);margin:0 0 .25rem}.dark-mode .reporte-nombre{color:#fff}.reporte-descripcion{font-size:.875rem;color:var(--gray-600, #757575);margin:0;line-height:1.4}.dark-mode .reporte-descripcion{color:#ffffffb3}.reporte-arrow{color:var(--gray-500, #9e9e9e);font-size:1rem;transition:all .2s ease}.dark-mode .reporte-arrow{color:#ffffff80}.reporte-card:hover .reporte-arrow{color:var(--primary-color, #10b981);transform:translate(4px)}.reporte-modal{max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--gray-200, #eeeeee)}.dark-mode .modal-header{border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--gray-900, #212121);margin:0;display:flex;align-items:center}.dark-mode .modal-header h2{color:#fff}.modal-content{padding:1.5rem}.reporte-periodo{padding:1rem;background:#10b9811a;border-radius:var(--radius-md, 8px);margin-bottom:1.5rem;border:1px solid rgba(16,185,129,.3)}.dark-mode .reporte-periodo{background:#10b98126;border-color:#10b98166}.reporte-periodo p{margin:0;color:var(--gray-900, #212121);font-size:.9375rem}.dark-mode .reporte-periodo p{color:#fff}.reporte-resultados{margin-top:1rem}.resultados-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.resultado-card{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);padding:1.25rem;text-align:center;box-shadow:0 2px 8px #00000014}.dark-mode .resultado-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.resultado-card.success{background:#10b9811a;border-color:#10b9814d}.resultado-card.warning{background:#f59e0b1a;border-color:#f59e0b4d}.resultado-card.info{background:#3b82f61a;border-color:#3b82f64d}.resultado-card.highlight{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b98166}.resultado-card.large{grid-column:1 / -1;padding:2rem}.resultado-label{font-size:.75rem;font-weight:600;color:var(--gray-600, #757575);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.dark-mode .resultado-label{color:#ffffffb3}.resultado-value{font-size:2rem;font-weight:700;color:var(--gray-900, #212121);line-height:1}.dark-mode .resultado-value{color:#fff}.resultado-value.huge{font-size:3.5rem;color:var(--primary-color, #10b981)}.resultado-subtext{font-size:.875rem;color:var(--gray-600, #757575);margin-top:.5rem}.dark-mode .resultado-subtext{color:#fff9}.resultados-list{display:flex;flex-direction:column;gap:.75rem}.resultado-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);transition:all .2s ease}.resultado-item:hover{background:var(--gray-50, #fafafa);border-color:var(--gray-300, #e0e0e0)}.dark-mode .resultado-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.dark-mode .resultado-item:hover{background:#ffffff14;border-color:#fff3}.resultado-item-label{font-weight:500;color:var(--gray-900, #212121)}.dark-mode .resultado-item-label{color:#fff}.resultado-item-value{font-weight:700;color:var(--primary-color, #10b981);font-size:1.125rem}.resultados-single{display:flex;justify-content:center}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--card-border, rgba(255, 255, 255, .1))}.grafica-container{margin-top:2rem;padding:1.5rem;background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);min-height:300px;box-shadow:0 2px 8px #00000014}.dark-mode .grafica-container{background:#141414cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.recharts-wrapper{margin:0 auto}.recharts-cartesian-axis-tick-value,.recharts-legend-item-text{fill:var(--gray-700, #616161)!important;font-size:.875rem}.dark-mode .recharts-cartesian-axis-tick-value,.dark-mode .recharts-legend-item-text{fill:#fffc!important}.recharts-cartesian-axis-tick text{fill:var(--gray-700, #616161)!important}.dark-mode .recharts-cartesian-axis-tick text{fill:#ffffffb3!important}.recharts-cartesian-grid line{stroke:var(--gray-200, #eeeeee)!important}.dark-mode .recharts-cartesian-grid line{stroke:#ffffff1a!important}.recharts-cartesian-axis line,.recharts-cartesian-axis-tick line{stroke:var(--gray-300, #e0e0e0)!important}.dark-mode .recharts-cartesian-axis line,.dark-mode .recharts-cartesian-axis-tick line{stroke:#fff3!important}.recharts-label{fill:var(--gray-700, #616161)!important}.dark-mode .recharts-label{fill:#ffffffb3!important}.recharts-pie-label-text{fill:var(--gray-900, #212121)!important;font-weight:600!important}.dark-mode .recharts-pie-label-text{fill:#ffffffe6!important}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background-color:#fff!important;border:1px solid var(--gray-200, #eeeeee)!important;border-radius:8px!important;padding:.5rem!important;box-shadow:0 4px 12px #00000026!important}.dark-mode .recharts-default-tooltip{background-color:#1e1e1ef2!important;border:1px solid rgba(255,255,255,.2)!important}.recharts-tooltip-label{color:var(--gray-900, #212121)!important;font-weight:600!important;margin-bottom:.25rem!important}.dark-mode .recharts-tooltip-label{color:#ffffffe6!important}.recharts-tooltip-item{color:var(--gray-700, #616161)!important}.dark-mode .recharts-tooltip-item{color:#fffc!important}.recharts-legend-wrapper{padding-top:1rem}.recharts-legend-item{color:var(--gray-700, #616161)!important}.dark-mode .recharts-legend-item{color:#fffc!important}@media (max-width: 768px){.reportes-grid{grid-template-columns:1fr}.reportes-filters{flex-direction:column}.resultados-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.grafica-container{padding:1rem;min-height:250px}.recharts-wrapper{font-size:.75rem}}.clientes-page{min-height:100vh;padding:2rem;max-width:1400px;width:100%;margin:0 auto;background:var(--gray-50, #fafafa)}.dark-mode .clientes-page{background:#1a1a1a}.clientes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.clientes-header h1{font-size:2rem;font-weight:600;color:var(--gray-900, #212121);margin:0}.dark-mode .clientes-header h1{color:#fff}.clientes-stats{display:flex;gap:1rem;align-items:center}.clientes-count-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color, rgba(16, 185, 129, .2));color:var(--primary-color, #10b981);border-radius:var(--radius-full, 999px);font-size:.875rem;font-weight:600;border:1px solid var(--primary-color, rgba(16, 185, 129, .3))}.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;width:100%}.cliente-card{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.dark-mode .cliente-card{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.cliente-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color, #10b981),rgba(16,185,129,.5));opacity:0;transition:opacity .3s ease}.cliente-card:hover{transform:translateY(-2px);border-color:var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0000001f}.dark-mode .cliente-card:hover{border-color:var(--primary-color, rgba(16, 185, 129, .3));box-shadow:0 8px 16px #0003}.cliente-card:hover:before{opacity:1}.cliente-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.cliente-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #10b981),rgba(16,185,129,.6));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0;box-shadow:0 4px 12px #10b9814d}.cliente-info{flex:1;min-width:0}.cliente-nombre{font-size:1.25rem;font-weight:600;color:var(--gray-900, #212121);margin:0 0 .75rem;line-height:1.3;word-break:break-word}.dark-mode .cliente-nombre{color:#fff}.cliente-details{display:flex;flex-direction:column;gap:.75rem}.cliente-detail-item{display:flex;align-items:center;gap:.75rem;color:var(--gray-700, #616161);font-size:.9375rem;transition:color .2s ease}.cliente-detail-item:hover{color:var(--gray-900, #212121)}.dark-mode .cliente-detail-item{color:#ffffffb3}.dark-mode .cliente-detail-item:hover{color:#fff}.cliente-detail-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--primary-color, #10b981);flex-shrink:0}.cliente-detail-text{flex:1;min-width:0;word-break:break-all}.cliente-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200, #eeeeee)}.dark-mode .cliente-actions{border-top:1px solid rgba(255,255,255,.1)}.cliente-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);color:var(--gray-900, #212121);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.dark-mode .cliente-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.cliente-action-btn:hover{background:var(--gray-100, #f5f5f5);border-color:var(--gray-300, #e0e0e0);color:var(--gray-900, #212121);transform:translateY(-1px)}.dark-mode .cliente-action-btn:hover{background:var(--primary-color, rgba(16, 185, 129, .2));border-color:var(--primary-color, rgba(16, 185, 129, .4));color:#fff}.cliente-action-btn.whatsapp:hover{background:#25d36633;border-color:#25d36666}.cliente-action-btn.call:hover{background:#10b98133;border-color:#10b98166}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.empty-icon{width:80px;height:80px;border-radius:50%;background:var(--gray-100, #f5f5f5);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--gray-400, #bdbdbd);font-size:2rem}.dark-mode .empty-icon{background:#ffffff0d;color:#ffffff80}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--gray-900, #212121);margin:0 0 .5rem}.dark-mode .empty-state h3{color:#fff}.empty-state p{font-size:1rem;color:var(--gray-600, #757575);margin:0 0 2rem}.dark-mode .empty-state p{color:#fff9}.add-cliente-fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:var(--primary-color, #10b981);color:#fff;border:none;box-shadow:0 8px 24px #10b98166;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease;z-index:100}.add-cliente-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 12px 32px #10b98180}.add-cliente-fab:active{transform:scale(.95)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:400px}.loading-spinner{width:48px;height:48px;border:3px solid var(--card-border, rgba(255, 255, 255, .1));border-top-color:var(--primary-color, #10b981);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{color:var(--gray-600, #757575);font-size:1rem}.dark-mode .loading-state p{color:#fff9}@media (max-width: 768px){.clientes-page{padding:1rem}.clientes-header{flex-direction:column;align-items:stretch}.clientes-header h1{font-size:1.5rem}.clientes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.add-cliente-fab{bottom:1rem;right:1rem;width:56px;height:56px;font-size:1.25rem}.cliente-card{padding:1.25rem}.cliente-nombre{font-size:1.125rem}}.whatsapp-page .page-container{background:var(--gray-50, #fafafa)}.dark-mode .whatsapp-page .page-container{background:#1a1a1a}.whatsapp-page .page-title{color:var(--gray-900, #212121)}.dark-mode .whatsapp-page .page-title{color:#fff}.whatsapp-page .page-subtitle{color:var(--gray-600, #757575)}.dark-mode .whatsapp-page .page-subtitle{color:#ffffffb3}.whatsapp-config-card{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.dark-mode .whatsapp-config-card{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.whatsapp-config-card h3{font-size:1.25rem;font-weight:600;color:var(--gray-900, #212121);margin:0 0 1.5rem}.dark-mode .whatsapp-config-card h3{color:#fff}.config-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--gray-700, #616161);text-transform:uppercase;letter-spacing:.05em}.dark-mode .form-group label{color:#ffffffb3}.form-group input[type=text],.form-group input[type=password]{padding:.75rem 1rem;background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);color:var(--gray-900, #212121);font-size:.9375rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;background:#fff}.dark-mode .form-group input[type=text],.dark-mode .form-group input[type=password]{background:#ffffff0d;border-color:#fff3;color:#fff}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;text-transform:none;font-weight:500;color:var(--gray-900, #212121)}.dark-mode .checkbox-group label{color:#ffffffe6}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#25D366}.checkbox-help{font-size:.75rem;color:var(--gray-600, #757575);margin-top:.25rem;margin-left:0}.dark-mode .checkbox-help{color:#fff9}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.whatsapp-estado{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px)}.dark-mode .whatsapp-estado{background:#ffffff0d;border-color:#ffffff1a}.estado-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-weight:600;font-size:.9375rem}.estado-badge[data-estado=conectado]{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.estado-badge[data-estado=esperando_qr]{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.estado-badge[data-estado=generando_qr]{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.estado-badge[data-estado=desconectado]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.numero-conectado{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#25d3661a;border-radius:var(--radius-md, 8px);color:#25d366;font-size:.875rem;font-weight:500}.qr-container{text-align:center;padding:2rem;background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);margin-bottom:1.5rem}.dark-mode .qr-container{background:#ffffff0d;border-color:#ffffff1a}.qr-instructions{font-size:1rem;font-weight:600;color:var(--gray-900, #212121);margin-bottom:1rem}.dark-mode .qr-instructions{color:#fff}.qr-steps{text-align:left;display:inline-block;margin:1rem 0;padding-left:1.5rem;color:var(--gray-700, #616161);font-size:.875rem;line-height:1.8}.dark-mode .qr-steps{color:#ffffffb3}.qr-steps li{margin-bottom:.5rem}.qr-code-wrapper{display:flex;justify-content:center;padding:1.5rem;background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);margin:1.5rem auto;max-width:300px}.dark-mode .qr-code-wrapper{background:#ffffff0d;border-color:#ffffff1a}.qr-note{font-size:.75rem;color:var(--gray-600, #757575);margin-top:1rem;font-style:italic}.dark-mode .qr-note{color:#fff9}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(37,211,102,.2);border-top-color:#25d366;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--gray-600, #757575);font-size:.9375rem;margin:0}.dark-mode .loading-state p{color:#ffffffb3}.whatsapp-actions{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.whatsapp-page .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981!important;color:#fff!important;border:1px solid #10b981!important;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b98159;opacity:1!important}.whatsapp-page .btn-primary:hover:not(:disabled){background:#059669!important;border-color:#059669!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #10b98173;opacity:1!important}.whatsapp-page .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.whatsapp-page .btn-primary svg,.whatsapp-page .btn-primary i,.whatsapp-page .btn-primary .fa-icon{color:#fff!important;opacity:1!important}.whatsapp-item-actions .btn-primary.small svg,.whatsapp-item-actions .btn-primary.small i,.whatsapp-item-actions .btn-primary.small .fa-icon{color:#fff!important;opacity:1!important}.whatsapp-page .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--gray-900, #212121);border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.whatsapp-page .btn-secondary:hover:not(:disabled){background:var(--gray-50, #fafafa);border-color:var(--gray-300, #e0e0e0);transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.whatsapp-page .btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark-mode .whatsapp-page .btn-primary{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98166;opacity:1}.dark-mode .whatsapp-page .btn-primary:hover:not(:disabled){background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b98180;opacity:1}.dark-mode .whatsapp-page .btn-secondary{background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003}.dark-mode .whatsapp-page .btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #0000004d}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef444466;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.dark-mode .btn-danger{background:#ef444433;color:#ef4444;border-color:#ef44444d}.dark-mode .btn-danger:hover:not(:disabled){background:#ef44444d;border-color:#ef444480}.whatsapp-page.page-container{position:relative}.whatsapp-dev-tape-full{position:absolute;inset:0;z-index:30;pointer-events:auto;cursor:not-allowed;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(-55deg,#facc15,#facc15 18px,#1a1a1a 18px 36px);opacity:.82;transform:rotate(-2deg);box-shadow:inset 0 0 60px #0000001a;overflow:hidden}.whatsapp-dev-tape-text-full{position:relative;z-index:1;font-size:clamp(2rem,6vw,4rem);font-weight:900;letter-spacing:.15em;color:#1a1a1a;text-transform:uppercase;text-shadow:2px 2px 0 #facc15,-2px -2px 0 #facc15,3px 3px 0 rgba(0,0,0,.5),0 0 30px rgba(0,0,0,.3);white-space:nowrap;pointer-events:none;transform:rotate(2deg)}.dark-mode .whatsapp-dev-tape-full{background:repeating-linear-gradient(-55deg,#eab308,#eab308 18px,#0f0f0f 18px 36px);opacity:.85}.dark-mode .whatsapp-dev-tape-text-full{color:#0f0f0f;text-shadow:2px 2px 0 #eab308,-2px -2px 0 #eab308,3px 3px 0 rgba(255,255,255,.2),0 0 40px rgba(0,0,0,.5)}.whatsapp-messaging-section{position:relative;min-height:420px}.whatsapp-dev-tape-x{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden}.whatsapp-dev-tape-arm{position:absolute;pointer-events:auto;cursor:not-allowed;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(-55deg,#facc15,#facc15 12px,#1a1a1a 12px 24px);opacity:.9;box-shadow:0 1px 4px #00000026}.tape-top-left,.tape-top-right,.tape-bottom-left{display:none}.tape-bottom-right{bottom:20px;right:20px;width:35%;height:50px;transform:rotate(-45deg);transform-origin:bottom right}.whatsapp-dev-tape-text{position:relative;z-index:1;font-size:clamp(.875rem,2vw,1.25rem);font-weight:900;letter-spacing:.12em;color:#1a1a1a;text-transform:uppercase;text-shadow:1px 1px 0 #facc15,-1px -1px 0 #facc15,1px 1px 0 rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}.dark-mode .whatsapp-dev-tape-arm,.dark-mode .whatsapp-dev-tape-config{background:repeating-linear-gradient(-55deg,#eab308,#eab308 12px,#0f0f0f 12px 24px);opacity:.92}.dark-mode .whatsapp-dev-tape-text{color:#0f0f0f;text-shadow:1px 1px 0 #eab308,-1px -1px 0 #eab308,2px 2px 0 rgba(255,255,255,.2),0 0 25px rgba(0,0,0,.6)}.whatsapp-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--gray-200, #eeeeee)}.dark-mode .whatsapp-tabs{border-bottom:2px solid rgba(255,255,255,.1)}.whatsapp-tabs .tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--gray-600, #757575);font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;margin-bottom:-2px}.whatsapp-tabs .tab:hover{color:var(--gray-900, #212121)}.whatsapp-tabs .tab.active{color:#25d366;border-bottom-color:#25d366;font-weight:600}.dark-mode .whatsapp-tabs .tab{color:#ffffffb3}.dark-mode .whatsapp-tabs .tab:hover{color:#fff}.whatsapp-list{display:flex;flex-direction:column;gap:1rem}.whatsapp-item{background:#fff;border:1px solid var(--gray-200, #eeeeee);border-radius:var(--radius-lg, 12px);padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.whatsapp-item:hover{transform:translateY(-2px);border-color:var(--gray-300, #e0e0e0);box-shadow:0 4px 12px #0000001f}.dark-mode .whatsapp-item{background:#1e1e1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.dark-mode .whatsapp-item:hover{border-color:#25d3664d;box-shadow:0 8px 16px #0003}.whatsapp-item.sent{opacity:.85;border-color:#25d36640}.whatsapp-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.whatsapp-item-info h4{font-size:1.125rem;font-weight:600;color:var(--gray-900, #212121);margin:0 0 .5rem}.dark-mode .whatsapp-item-info h4{color:#fff}.whatsapp-cliente{display:block;font-size:.875rem;color:var(--gray-700, #616161);margin-bottom:.25rem}.dark-mode .whatsapp-cliente{color:#ffffffb3}.whatsapp-telefono{display:block;font-size:.875rem;color:#059669;font-weight:500}.dark-mode .whatsapp-telefono{color:#25d366}.whatsapp-fecha{font-size:.75rem;color:var(--gray-600, #757575);white-space:nowrap}.dark-mode .whatsapp-fecha{color:#ffffff80}.whatsapp-mensaje-preview{background:#25d36614;border-left:3px solid #25D366;padding:1rem;border-radius:var(--radius-md, 8px);margin-bottom:1rem;color:var(--gray-800, #424242);font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.dark-mode .whatsapp-mensaje-preview{background:#25d3661f;color:#ffffffe6}.whatsapp-item-actions{display:flex;gap:.75rem}.whatsapp-item-actions .btn-primary.small,.whatsapp-item-actions .btn-secondary.small{padding:.625rem 1rem;font-size:.875rem;font-weight:500}.whatsapp-item-actions .btn-primary.small{background:#10b981!important;color:#fff!important;border:1px solid #10b981!important;box-shadow:0 2px 6px #10b98166;opacity:1!important;font-weight:600}.whatsapp-item-actions .btn-primary.small:hover:not(:disabled){background:#059669!important;border-color:#059669!important;color:#fff!important;box-shadow:0 3px 10px #10b98180;opacity:1!important}.whatsapp-item-actions .btn-secondary.small{background:#fff;color:var(--gray-700, #616161);border:1px solid var(--gray-200, #eeeeee);box-shadow:0 1px 3px #00000014}.whatsapp-item-actions .btn-secondary.small:hover:not(:disabled){background:var(--gray-50, #fafafa);border-color:var(--gray-300, #e0e0e0);color:var(--gray-900, #212121);box-shadow:0 2px 6px #0000001f}.dark-mode .whatsapp-item-actions .btn-primary.small{background:#10b981;border-color:#10b981;box-shadow:0 2px 6px #10b98166;opacity:1}.dark-mode .whatsapp-item-actions .btn-primary.small:hover:not(:disabled){background:#059669;border-color:#059669;box-shadow:0 3px 10px #10b98180;opacity:1}.dark-mode .whatsapp-item-actions .btn-secondary.small{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 6px #0003}.dark-mode .whatsapp-item-actions .btn-secondary.small:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fffffff2;box-shadow:0 3px 10px #0000004d}.whatsapp-status{display:flex;align-items:center;gap:.5rem;color:#25d366;font-size:.875rem;font-weight:500;margin-top:.5rem}.pdf-badge{display:inline-flex;align-items:center;gap:.25rem;background:#ec489933;color:#ec4899;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-left:.5rem}.whatsapp-list .empty-state{text-align:center;padding:4rem 2rem;color:var(--gray-600, #757575)}.dark-mode .whatsapp-list .empty-state{color:#ffffff80}.whatsapp-list .empty-state .fa-icon,.whatsapp-list .empty-state svg{font-size:3rem;margin-bottom:1rem;opacity:.5;color:var(--gray-400, #bdbdbd)}.dark-mode .whatsapp-list .empty-state .fa-icon,.dark-mode .whatsapp-list .empty-state svg{color:#fff6}.whatsapp-list .empty-state p{font-size:1.125rem;margin:0;color:var(--gray-600, #757575)}.dark-mode .whatsapp-list .empty-state p{color:#fff9}@media (max-width: 768px){.whatsapp-item-header{flex-direction:column;gap:.5rem}.whatsapp-item-actions{flex-direction:column}.whatsapp-item-actions button{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;line-height:1.6;color:#212121;background:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none}:root{--primary-blue: #10b981;--secondary-blue: #d1fae5;--success-green: #28a745;--warning-orange: #ffa726;--error-red: #ef5350;--purple: #6f42c1;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-500: #9e9e9e;--gray-700: #616161;--gray-900: #212121;--white: #ffffff;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: 12px;--border-radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .03);--transition-fast: .15s ease-out;--transition-normal: .3s ease-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;width:100%}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--gray-900);background:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;width:100%;max-width:100vw}:root{--primary-blue: #10b981;--primary-blue-dark: #059669;--primary-blue-light: #34d399;--secondary-blue: #d1fae5;--success-green: #28a745;--success-green-dark: #1e7e34;--warning-orange: #ffa726;--warning-orange-dark: #ff8f00;--error-red: #ef5350;--error-red-dark: #d32f2f;--purple: #6f42c1;--purple-dark: #5a32a3;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--white: #ffffff;--black: #000000;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-out;--transition: .2s ease-out;--transition-slow: .3s ease-out;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-mobile-menu: 1100}.dark-mode{--gray-50: #1a1a1a;--gray-100: #212121;--gray-200: #2a2a2a;--gray-300: #3a3a3a;--gray-400: #5a5a5a;--gray-500: #7a7a7a;--gray-600: #9a9a9a;--gray-700: #b0b0b0;--gray-800: #d0d0d0;--gray-900: #f0f0f0;--white: #121212;--black: #ffffff;--secondary-blue: #064e3b;--primary-blue-light: #065f46;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}.dark-mode body{color:var(--gray-900);background:var(--gray-50)}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none;font-size:inherit}input,textarea,select{font-family:inherit;outline:none}select option{padding:.75rem 1rem;font-size:var(--font-base);font-weight:var(--font-normal);color:var(--gray-900);background-color:var(--white);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}select option:hover{background-color:var(--gray-100);color:var(--gray-900)}select option:checked,select option[selected]{background-color:var(--primary-blue);color:var(--white);font-weight:var(--font-medium)}.dark-mode select option{background-color:var(--gray-100);color:var(--gray-900)}.dark-mode select option:hover{background-color:var(--gray-200);color:var(--gray-900)}.dark-mode select option:checked,.dark-mode select option[selected]{background-color:var(--primary-blue);color:var(--white)}select{padding:.75rem 1rem;font-size:var(--font-base);color:var(--gray-900);background-color:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer}select:hover{border-color:var(--gray-400)}select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #10b9811a;outline:none}.dark-mode select{background-color:#ffffff1a;border-color:var(--gray-400);color:var(--gray-900)}.dark-mode select:hover{border-color:var(--gray-500)}.dark-mode select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #10b98133}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 767px){button,a,[role=button]{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important}}