@charset "UTF-8";.login-form-container{width:100%;max-width:400px;margin:0 auto}.modern-form{gap:var(--spacing-lg);width:100%}.modern-form,.modern-input{display:flex;flex-direction:column}.modern-input{gap:var(--spacing-xs);position:relative}.modern-input .modern-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.modern-input .modern-label .label-text{font-weight:600;color:var(--color-secondary)}.modern-input .modern-label .required-asterisk{color:var(--color-error);font-weight:700}.modern-input .input-wrapper{position:relative;display:flex;align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.modern-input .input-wrapper:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.modern-input .input-wrapper:focus-within{background:hsla(0,0%,100%,.1);border-color:var(--color-third);box-shadow:0 0 0 3px rgba(252,211,49,.1)}.modern-input .modern-input-field{flex:1 1;background:none;border:none;color:var(--color-secondary);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);outline:none;transition:all .3s ease}.modern-input .modern-input-field::placeholder{color:hsla(0,0%,100%,.5);transition:color .3s ease}.modern-input .modern-input-field:focus::placeholder{color:hsla(0,0%,100%,.3)}.modern-input .modern-input-field:disabled{opacity:.6;cursor:not-allowed}.modern-input .modern-input-field.error{color:var(--color-error)}.modern-input .input-icon{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);color:var(--color-secondary);opacity:.6;transition:all .3s ease}.modern-input .input-icon svg{width:20px;height:20px;stroke:var(--color-secondary);fill:none;stroke-width:2}.modern-input:focus-within .input-icon{color:var(--color-third);opacity:1}.modern-input:focus-within .input-icon svg{stroke:var(--color-third)}.modern-input .modern-error{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);animation:slideIn .3s ease}.modern-input .modern-error:before{content:"⚠";font-size:12px}.form-options{justify-content:space-between;margin:var(--spacing-md) 0;flex-wrap:wrap}.form-options,.modern-checkbox{display:flex;align-items:center;gap:var(--spacing-sm)}.modern-checkbox{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.modern-checkbox:hover{opacity:.8}.modern-checkbox .checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.modern-checkbox .checkbox-custom{position:relative;width:18px;height:18px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.modern-checkbox .checkbox-custom:after{content:"";position:absolute;width:4px;height:8px;border:solid var(--color-secondary);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.modern-checkbox .checkbox-input:checked+.checkbox-custom{background:var(--color-third);border-color:var(--color-third);box-shadow:0 0 0 2px rgba(252,211,49,.2)}.modern-checkbox .checkbox-input:checked+.checkbox-custom:after{transform:rotate(45deg) scale(1)}.modern-checkbox .checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px rgba(252,211,49,.3)}.modern-checkbox .checkbox-label{font-size:var(--font-size-sm);color:var(--color-secondary);font-weight:500}.forgot-password-link{background:none;border:none;color:var(--color-third);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s ease;padding:var(--spacing-xs) 0}.forgot-password-link:hover{color:var(--color-secondary);text-decoration:underline}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.modern-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:48px}.modern-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.modern-button:hover:before{left:100%}.modern-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modern-button svg{transition:transform .3s ease;stroke:var(--color-primary);fill:none;stroke-width:2}.modern-button:hover:not(:disabled) svg{transform:translateX(2px)}.primary-button{background:linear-gradient(135deg,var(--color-third) 0,#f4d03f 100%);color:var(--color-primary);box-shadow:0 4px 12px rgba(252,211,49,.3)}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(252,211,49,.4)}.primary-button:active:not(:disabled){transform:translateY(0)}.button-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.server-error.modern-error{display:flex;align-items:center;gap:var(--spacing-sm);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0}.server-error.modern-error .error-icon{display:flex;align-items:center;color:var(--color-error)}.server-error.modern-error .error-icon svg{stroke:var(--color-error);fill:none;stroke-width:2}.server-error.modern-error .error-text{color:var(--color-error);font-size:var(--font-size-sm);font-weight:500}.forgot-password-container{width:100%;animation:slideIn .3s ease}.forgot-password-header{margin-bottom:var(--spacing-xl)}.forgot-password-header .back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--color-secondary);opacity:.8;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-lg)}.forgot-password-header .back-button:hover{color:var(--color-third);opacity:1}.forgot-password-header .back-button svg{transition:transform .3s ease;stroke:var(--color-secondary);fill:none;stroke-width:2}.forgot-password-header .back-button:hover svg{transform:translateX(-2px)}.forgot-password-header .forgot-password-title{color:var(--color-secondary);font-size:var(--font-size-xxl);font-weight:600;margin:0 0 var(--spacing-sm) 0}.forgot-password-header .forgot-password-description{color:var(--color-secondary);opacity:.8;font-size:var(--font-size-sm);line-height:1.5;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.forgot-password-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;animation:slideIn .3s ease}.forgot-password-message.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.forgot-password-message.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.forgot-password-message .message-icon{display:flex;align-items:center}.forgot-password-message .message-icon svg{stroke:currentColor;fill:none;stroke-width:2}@media (max-width:768px){.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.modern-checkbox{order:1}.forgot-password-link{order:2;align-self:flex-end}}.modern-spinner .modern-spinner-icon{position:relative;width:48px;height:48px;margin-bottom:var(--spacing-md)}.modern-spinner .modern-spinner-icon .spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--color-third);border-radius:50%;animation:spin 1.2s linear infinite}.modern-spinner .modern-spinner-icon .spinner-ring:first-child{animation-delay:0s;border-top-color:var(--color-third)}.modern-spinner .modern-spinner-icon .spinner-ring:nth-child(2){animation-delay:.4s;border-top-color:rgba(252,211,49,.6);width:80%;height:80%;top:10%;left:10%}.modern-spinner .modern-spinner-icon .spinner-ring:nth-child(3){animation-delay:.8s;border-top-color:rgba(252,211,49,.3);width:60%;height:60%;top:20%;left:20%}.modern-spinner .loading-text{font-size:var(--font-size-md);color:var(--color-secondary);font-weight:500;animation:pulse 2s ease-in-out infinite}@media (max-width:480px){.login-form-container{padding:0 var(--spacing-sm)}.modern-button,.modern-input .input-wrapper .modern-input-field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.main-container{width:100%;min-height:100vh;flex-direction:row;overflow:hidden}.login-container,.main-container{max-height:100vh;display:flex;position:relative}.login-container{flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);color:var(--color-primary);background-color:var(--background-color-2);width:30%;min-width:400px;max-width:500px;height:100vh;z-index:2;overflow-y:auto;overflow-x:hidden}.login-container .login-form{width:100%;max-width:100%;flex:1 1;display:flex;flex-direction:column;justify-content:center;min-height:0}.login-container .login-form .input-group{background-color:hsla(0,0%,100%,.02);border-radius:.5rem;margin-bottom:1rem;padding:1rem;position:relative;transition:all .3s ease;flex-shrink:0}.login-container .login-form .input-group:hover{background-color:hsla(0,0%,100%,.05)}.login-container .login-form .input-group label{color:hsla(0,0%,100%,.8);font-size:.875rem;font-weight:500;margin-bottom:.5rem;display:block}.login-container .login-form .input-group input{background:none;border:none;color:var(--color-secondary);padding:.75rem;width:100%;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.login-container .login-form .input-group input:focus{outline:none;background-color:hsla(0,0%,100%,.05)}.login-container .login-form .input-group input::placeholder{color:hsla(0,0%,100%,.4)}.login-container .login-form .input-group input.error{border:1px solid var(--color-error);background-color:rgba(239,68,68,.1)}.login-container .login-form .input-group input:disabled{opacity:.6;cursor:not-allowed}.login-container .login-form .input-group .error-message{color:var(--color-error);font-size:.75rem;margin-top:.25rem;display:block;word-wrap:break-word;max-width:100%}.login-container .login-form .server-error{background-color:rgba(239,68,68,.1);border:1px solid var(--color-error);border-radius:.375rem;padding:.75rem;margin-bottom:1rem;flex-shrink:0;word-wrap:break-word;max-width:100%}.login-container .login-form .server-error .error{color:var(--color-error);font-size:.875rem;margin:0;line-height:1.4}.login-container .container-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.login-container .container-logo img{width:50%;max-width:200px;height:auto;object-fit:contain}.login-container .title-forms{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;flex-direction:column;flex-shrink:0}.login-container .title-forms h3{color:var(--color-secondary);font-weight:400;font-size:1.5rem;margin:0;text-align:center}.login-container .container-icon{width:100%;justify-content:center;align-items:center;display:flex;margin-bottom:1rem;flex-shrink:0}.login-container .container-icon img{width:2rem;height:2rem;object-fit:contain}.button-login{width:100%;margin-top:1.5rem;color:var(--color-primary);font-weight:600;border-radius:.5rem;padding:1rem 1.5rem;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden;flex-shrink:0;box-sizing:border-box}.button-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.button-login:active:not(:disabled){transform:translateY(0)}.button-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.background-login{display:flex;width:70%;flex:1 1;height:100vh;max-height:100vh;background-image:url(/img/background/background-login.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;overflow:hidden}.background-login:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.3))}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--color-secondary);height:100%;width:100%;flex-shrink:0}.loading-spinner .spinner{width:3rem;height:3rem;border:3px solid hsla(0,0%,100%,.3);border-top:3px solid var(--color-secondary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner .loading-text{font-size:1rem;color:hsla(0,0%,100%,.8);text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.main-container{flex-direction:column;min-height:100vh;max-height:none;height:auto}.login-container{width:100%;min-width:unset;max-width:none;height:auto;max-height:none;padding:1.5rem;order:2}.background-login{width:100%;height:200px;max-height:200px;order:-1}}@media (max-width:480px){.login-container{padding:1rem}.container-logo img{width:70%;max-width:150px}.container-icon img{width:1.5rem;height:1.5rem}.title-forms h3{font-size:1.25rem}.button-login{padding:.875rem 1.25rem;font-size:.875rem}}@media (max-width:320px){.login-container{padding:.75rem}.container-logo img{width:60%;max-width:120px}.title-forms h3{font-size:1.125rem}}.new-password-header{text-align:center;margin-bottom:var(--spacing-xl)}.new-password-header h3{color:var(--color-primary);font-size:var(--font-size-xxl);font-weight:600;margin:0 0 var(--spacing-sm) 0;font-family:var(--font-primary)}.new-password-header .new-password-description{color:var(--color-info);font-size:var(--font-size-md);margin:0;line-height:1.5;font-family:var(--font-primary)}.login-form-container .new-password-form .input-group{margin-bottom:var(--spacing-lg)}.login-form-container .new-password-form .input-group .modern-label{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-primary);font-size:var(--font-size-md);font-family:var(--font-primary)}.login-form-container .new-password-form .input-group .modern-label .label-text{font-weight:500}.login-form-container .new-password-form .input-group .modern-label .required-asterisk{color:var(--color-error);font-weight:600}.login-form-container .new-password-form .input-group .input-wrapper{position:relative;display:flex;align-items:center}.login-form-container .new-password-form .input-group .input-wrapper .modern-input-field{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 3rem;border:2px solid var(--background-color-4);border-radius:var(--border-radius-input);font-size:var(--font-size-md);font-family:var(--font-primary);background:var(--bg-primary);color:var(--color-primary);transition:all .3s ease}.login-form-container .new-password-form .input-group .input-wrapper .modern-input-field:focus{outline:none;border-color:var(--color-third);box-shadow:0 0 0 3px var(--background-color-3-40)}.login-form-container .new-password-form .input-group .input-wrapper .modern-input-field.error{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.login-form-container .new-password-form .input-group .input-wrapper .modern-input-field:disabled{background:var(--background-color-4);color:var(--color-info);cursor:not-allowed}.login-form-container .new-password-form .input-group .input-wrapper .modern-input-field::placeholder{color:var(--color-info);font-size:var(--font-size-sm)}.login-form-container .new-password-form .input-group .input-wrapper .input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-info);z-index:1}.login-form-container .new-password-form .input-group .error-message{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-primary)}.login-form-container .new-password-form .server-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(239,68,68,.1);border:1px solid var(--color-error);border-radius:var(--border-radius-input);margin-bottom:var(--spacing-lg)}.login-form-container .new-password-form .server-error .error-icon{flex-shrink:0;color:var(--color-error)}.login-form-container .new-password-form .server-error .error-text{color:var(--color-error);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-primary)}.login-form-container .new-password-form .modern-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-third) 0,#f39c12 100%);color:var(--color-primary);border:none;border-radius:var(--border-radius-input);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden}.login-form-container .new-password-form .modern-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(252,211,49,.3)}.login-form-container .new-password-form .modern-button:active:not(:disabled){transform:translateY(0)}.login-form-container .new-password-form .modern-button:disabled{background:var(--background-color-4);color:var(--color-info);cursor:not-allowed;transform:none;box-shadow:none}.login-form-container .new-password-form .modern-button .button-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.login-form-container .new-password-form .modern-button svg{transition:transform .3s ease}.login-form-container .new-password-form .modern-button:hover:not(:disabled) svg{transform:translateX(4px)}@media (max-width:768px){.new-password-header{margin-bottom:var(--spacing-lg)}.new-password-header h3{font-size:var(--font-size-xl)}.new-password-header .new-password-description{font-size:var(--font-size-sm)}.login-form-container .new-password-form .input-group{margin-bottom:var(--spacing-md)}.login-form-container .new-password-form .input-group .modern-input-field{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem;font-size:var(--font-size-sm)}.login-form-container .new-password-form .input-group .input-icon{left:var(--spacing-sm)}.login-form-container .new-password-form .modern-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (prefers-color-scheme:dark){.new-password-header h3{color:var(--color-secondary)}.new-password-header .new-password-description{color:var(--color-info)}.login-form-container .new-password-form .input-group .modern-label{color:var(--color-secondary)}.login-form-container .new-password-form .input-group .modern-input-field{background:var(--bg-accent-light);color:var(--color-secondary);border-color:var(--bg-accent)}.login-form-container .new-password-form .input-group .modern-input-field:focus{border-color:var(--color-third);box-shadow:0 0 0 3px var(--background-color-3-40)}}.button-30{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px}.button-30:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.button-30:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;transform:translateY(-2px)}.button-30:active{box-shadow:inset 0 3px 7px #d6d6e7;transform:translateY(2px)}.container-home{flex-direction:row;width:100%;overflow:hidden}.container-home,.home-container{display:flex;height:100vh;height:100dvh;background:var(--bg-primary);position:relative}.home-container{flex-direction:column;flex:1 1;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.home-container::-webkit-scrollbar{width:8px}.home-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.home-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.home-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.header-profile{padding:var(--header-padding-vertical) var(--header-padding-horizontal);display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--bg-tertiary);box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%;flex-shrink:0;gap:1rem;min-height:-moz-fit-content;min-height:fit-content}.header-profile h1{font-size:var(--title-welcome-size);font-weight:var(--title-welcome-weight);color:var(--title-welcome-color);margin:0;flex:1 1;min-width:0}.header-profile .search-container{display:flex;align-items:center;flex-shrink:0}.header-profile .search-container img{width:1.5rem;height:1.5rem;opacity:.7;transition:opacity .2s ease}.header-profile .search-container img:hover{opacity:1}.header-profile .container-nueva-order{display:flex;align-items:center;flex-shrink:0}.header-profile .botton-nuevaOrden{all:unset;display:inline-flex;align-items:center;gap:.5rem;padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,1.5rem);background:linear-gradient(135deg,var(--bg-accent) 0,var(--bg-accent-light) 100%);color:var(--color-secondary);border-radius:.5rem;cursor:pointer;font-weight:500;font-size:clamp(.75rem,1.5vw,.875rem);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 .25rem .75rem rgba(26,26,26,.15);white-space:nowrap}.header-profile .botton-nuevaOrden:hover{transform:translateY(-.125rem);box-shadow:0 .375rem 1.25rem rgba(26,26,26,.25)}.header-profile .botton-nuevaOrden:active{transform:translateY(0)}.home-content{flex:1 1;display:flex;flex-direction:column;overflow:visible;position:relative}@media (max-width:480px){.container-home{flex-direction:column;min-height:100vh;min-height:100dvh}.home-container{width:100%;min-height:calc(100vh - 4rem);min-height:calc(100dvh - 4rem);flex:1 1}.header-profile{padding:var(--header-padding-mobile);flex-direction:column;gap:1rem;text-align:center}.header-profile h1{font-size:var(--title-welcome-mobile);order:1}.header-profile .search-container{order:2}.header-profile .container-nueva-order{order:3;width:100%}.header-profile .botton-nuevaOrden{width:100%;justify-content:center;padding:.75rem 1.5rem}}@media (min-width:481px) and (max-width:768px){.header-profile{padding:1.25rem 2rem;flex-wrap:wrap;gap:1rem}.header-profile h1{flex:1 1 100%;text-align:center;margin-bottom:.5rem}.header-profile .container-nueva-order,.header-profile .search-container{flex:1 1;justify-content:center}}@media (min-width:769px){.home-container{min-height:calc(100vh - 0px);min-height:calc(100dvh - 0px)}}@media (min-width:1440px){.header-profile h1{font-size:var(--title-welcome-ultrawide)}.header-profile .botton-nuevaOrden{padding:1rem 2rem;font-size:1rem}}@container (max-width: 400px){.header-profile{flex-direction:column;text-align:center}.header-profile h1{font-size:1rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.header-profile .search-container img{image-rendering:-webkit-optimize-contrast}}.navbar-modern{display:flex;flex-direction:column;width:20%;min-height:100vh;max-height:100vh;background:linear-gradient(180deg,var(--bg-accent) 0,var(--bg-accent-light) 100%);border-right:1px solid hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0;position:relative}.navbar-modern.collapsed{width:4.5rem}.navbar-modern .navbar-toggle-section{display:flex;justify-content:center;align-items:center;padding:.75rem;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative}.navbar-modern .navbar-toggle-section .navbar-toggle{width:1.75rem;height:1.75rem;background:var(--bg-accent);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.navbar-modern .navbar-toggle-section .navbar-toggle i{color:var(--color-secondary);font-size:.875rem;transition:transform .3s ease}.navbar-modern .navbar-toggle-section .navbar-toggle:hover{background:var(--bg-accent-light);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.3)}.navbar-modern .navbar-header{padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;align-items:center;gap:1rem}.navbar-modern .navbar-header .navbar-logo img{width:2.5rem;height:2.5rem;object-fit:contain;transition:all .3s ease}.navbar-modern .navbar-header .navbar-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:hsla(0,0%,100%,.05);border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);width:100%}.navbar-modern .navbar-header .navbar-user-info .user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;border:2px solid var(--color-third);flex-shrink:0}.navbar-modern .navbar-header .navbar-user-info .user-avatar img{width:100%;height:100%;object-fit:cover}.navbar-modern .navbar-header .navbar-user-info .user-details{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1 1}.navbar-modern .navbar-header .navbar-user-info .user-details .user-name{color:var(--color-secondary);font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-modern .navbar-header .navbar-user-info .user-details .user-role{color:var(--color-third);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.navbar-modern .navbar-content{flex:1 1;padding:.5rem 0;overflow-y:auto}.navbar-modern .navbar-content::-webkit-scrollbar{width:.25rem}.navbar-modern .navbar-content::-webkit-scrollbar-track{background:transparent}.navbar-modern .navbar-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:.125rem}.navbar-modern .navbar-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.navbar-modern .navbar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.navbar-modern .navbar-item{position:relative;margin:0 .5rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.navbar-modern .navbar-item:hover{background:hsla(0,0%,100%,.08);transform:translateX(.25rem)}.navbar-modern .navbar-item.active{background:linear-gradient(135deg,var(--color-third) 0,rgba(252,211,49,.8) 100%);box-shadow:0 .25rem .75rem rgba(252,211,49,.3)}.navbar-modern .navbar-item.active .navbar-item-content .navbar-item-label{color:var(--bg-accent);font-weight:600}.navbar-modern .navbar-item.active .navbar-item-content .navbar-item-icon{color:var(--bg-accent)!important}.navbar-modern .navbar-item .navbar-item-content{display:flex;align-items:center;gap:.75rem;padding:.75rem;position:relative;z-index:2}.navbar-modern .navbar-item .navbar-item-content .navbar-item-icon{width:1.25rem;height:1.25rem;color:var(--color-secondary);transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.navbar-modern .navbar-item .navbar-item-content .navbar-item-label{color:var(--color-secondary);font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap;opacity:1;transform:translateX(0)}.navbar-modern .navbar-item .navbar-item-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:.25rem;height:1.5rem;background:var(--bg-accent);border-radius:.125rem 0 0 .125rem;z-index:3}.navbar-modern.collapsed .navbar-user-info{display:none}.navbar-modern.collapsed .navbar-item-content{justify-content:center}.navbar-modern.collapsed .navbar-item-content .navbar-item-label{opacity:0;transform:translateX(-.5rem);width:0;overflow:hidden}.navbar-modern.collapsed .navbar-footer .navbar-version,.navbar-modern.collapsed .navbar-item-indicator{display:none}.navbar-modern .navbar-footer{padding:1rem;border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:.75rem}.navbar-modern .navbar-footer .navbar-version{text-align:center}.navbar-modern .navbar-footer .navbar-version span{color:hsla(0,0%,100%,.5);font-size:.625rem;font-weight:500}.navbar-modern .navbar-footer .navbar-logout{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--background-color-2);border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;color:var(--color-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;width:100%}.navbar-modern .navbar-footer .navbar-logout i{font-size:1rem;flex-shrink:0;color:var(--color-secondary)}.navbar-modern .navbar-footer .navbar-logout span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-secondary)}.navbar-modern .navbar-footer .navbar-logout:hover{background:var(--bg-accent-light);border-color:hsla(0,0%,100%,.3);color:var(--color-secondary);transform:translateX(.25rem)}@media (max-width:768px){.navbar-modern{width:100%;height:auto;min-height:auto;max-height:none;flex-direction:row;padding:1rem;position:relative}.navbar-modern .navbar-toggle-section{padding:.5rem;border-bottom:none;border-right:1px solid hsla(0,0%,100%,.1)}.navbar-modern .navbar-toggle-section .navbar-toggle{width:1.5rem;height:1.5rem}.navbar-modern .navbar-header{display:flex;align-items:center;gap:1rem;padding:0;border:none}.navbar-modern .navbar-header .navbar-logo{margin:0}.navbar-modern .navbar-header .navbar-logo img{width:2rem;height:2rem}.navbar-modern .navbar-header .navbar-user-info{padding:.5rem}.navbar-modern .navbar-header .navbar-user-info .user-avatar{width:2rem;height:2rem}.navbar-modern .navbar-header .navbar-user-info .user-details .user-name{font-size:.875rem}.navbar-modern .navbar-header .navbar-user-info .user-details .user-role{font-size:.625rem}.navbar-modern .navbar-content{flex:1 1;padding:0}.navbar-modern .navbar-content .navbar-menu{flex-direction:row;gap:.5rem;overflow-x:auto}.navbar-modern .navbar-content .navbar-menu::-webkit-scrollbar{height:.125rem}.navbar-modern .navbar-content .navbar-item{margin:0;min-width:-moz-fit-content;min-width:fit-content}.navbar-modern .navbar-content .navbar-item:hover{transform:none}.navbar-modern .navbar-content .navbar-item .navbar-item-content{padding:.5rem 1rem}.navbar-modern .navbar-content .navbar-item .navbar-item-content .navbar-item-icon{width:1rem;height:1rem}.navbar-modern .navbar-content .navbar-item .navbar-item-content .navbar-item-label{font-size:.875rem}.navbar-modern .navbar-content .navbar-item .navbar-item-indicator,.navbar-modern .navbar-footer{display:none}}@media (prefers-color-scheme:dark){.navbar-modern{background:linear-gradient(180deg,#0a0a0a,#1a1a1a);border-right-color:hsla(0,0%,100%,.05)}.navbar-modern .navbar-header{border-bottom-color:hsla(0,0%,100%,.05)}.navbar-modern .navbar-footer{border-top-color:hsla(0,0%,100%,.05)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.navbar-modern.loading .navbar-item{animation:fadeInUp .3s ease-out forwards}.navbar-modern.loading .navbar-item:first-child{animation-delay:.1s}.navbar-modern.loading .navbar-item:nth-child(2){animation-delay:.2s}.navbar-modern.loading .navbar-item:nth-child(3){animation-delay:.3s}.navbar-modern.loading .navbar-item:nth-child(4){animation-delay:.4s}.navbar-modern.loading .navbar-item:nth-child(5){animation-delay:.5s}.navbar-modern.loading .navbar-item:nth-child(6){animation-delay:.6s}.navbar-modern.loading .navbar-item:nth-child(7){animation-delay:.7s}.navbar-modern.loading .navbar-item:nth-child(8){animation-delay:.8s}.navbar-modern.loading .navbar-item:nth-child(9){animation-delay:.9s}.navbar-modern.loading .navbar-item:nth-child(10){animation-delay:1s}.containerOrdenes{width:100%;height:100%;padding:2rem;background-color:rgba(5,5,5,.052)}.containerOrdenes .header-ordenes{width:100%;display:flex;flex-direction:row;justify-content:space-between}.containerOrdenes .header-ordenes .search-container{background-color:var(--background-color-2);width:30%;border-radius:1rem;justify-content:center;align-items:center;padding:var(--spacing-md)}.ordenes-container{margin-top:var(--spacing-xl)}.ordenes-container .ordenes-table{width:100%;padding:var(--spacing-md);background-color:var(--background-color-1);box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.ordenes-container .ordenes-table th{text-align:center}.ordenes-container .ordenes-table tbody td{padding:var(--spacing-sm);text-align:center}.ordenes-container .vendido{width:100%;color:green}.ordenes-container .negociación,.ordenes-container .vendido{border-radius:1rem;font-weight:700;text-align:center;margin-top:var(--spacing-sm)}.ordenes-container .negociación{color:#0096d2}.ordenes-container .presupuesto{color:#ff6961;border-radius:1rem;font-weight:700;text-align:center}.ordenes-container .pagination{margin-top:var(--spacing-xl)}.ordenes-container .pagination button{background-color:var(--background-color-1);box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);padding:var(--spacing-sm);margin-right:var(--spacing-sm)}.ordenes-container .reload{display:flex;flex-direction:row;width:100%;align-items:center;margin-bottom:var(--spacing-xl)}.ordenes-container .reload div{width:15%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ordenes-container .reload div img{width:15%;cursor:pointer}.container-buscador{width:100%;display:flex;justify-content:space-between;align-items:center}.container-buscador input{all:unset;background-color:var(--background-color-1);padding:var(--spacing-md);border-radius:.4rem}.container-buscador .buscador-ordenes{width:60%}.container-buscador .filtro-asesor{width:15%}.container-buscador .dropdown-buscador{all:unset;display:flex;flex-direction:column;list-style:none;background-color:var(--background-color-1);width:100%;border-radius:.4rem;border-top-left-radius:0;border-top-right-radius:0;padding:var(--spacing-md)}.container-buscador .dropdown-buscador li{border-bottom:1px solid #000;padding:var(--spacing-md);cursor:pointer}.tb-padding{padding:var(--spacing-md);display:flex;flex-direction:row;justify-content:center;align-items:center}.tb-padding-border{border:1px solid #000}.ordenes-container tr:hover{box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.no-hover{box-shadow:none!important}.dropdown{background-color:#fff}.filtro-asesor{background-color:var(--background-color-1);padding:var(--spacing-md);border-radius:.4rem;border:none;margin-left:var(--spacing-sm);cursor:pointer}.filtro-asesor[type=date]{width:140px}.dropdown{position:absolute;background-color:var(--background-color-1);z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.2);padding:var(--spacing-md);border-radius:.4rem}.dropdown p{margin:var(--spacing-sm) 0;cursor:pointer}.dropdown p:hover{opacity:.7}.vendido{color:green}.negociación,.vendido{font-weight:700;text-align:center}.negociación{color:#0096d2}.presupuesto{color:#ff6961;font-weight:700;text-align:center}.general-ordenes{padding:var(--spacing-xxl);background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.general-ordenes .ordenes-header{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:.06rem solid hsla(0,0%,100%,.1);position:relative;overflow:hidden}.general-ordenes .ordenes-header:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:var(--color-accent)}.general-ordenes .ordenes-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.general-ordenes .ordenes-header .header-content h2{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-accent);margin:0;text-transform:uppercase;letter-spacing:.05em}.general-ordenes .ordenes-header .header-content .stats-container{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.general-ordenes .ordenes-header .header-content .stats-container .stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);border:.06rem solid #e2e8f0;min-width:6rem}.general-ordenes .ordenes-header .header-content .stats-container .stat-item .stat-label{font-size:var(--font-size-xs);color:var(--color-info);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.general-ordenes .ordenes-header .header-content .stats-container .stat-item .stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent)}.general-ordenes .filters-container{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:.06rem solid hsla(0,0%,100%,.1)}.general-ordenes .filters-container .filters-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);align-items:end}.general-ordenes .filters-container .filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.general-ordenes .filters-container .filter-group label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.general-ordenes .filters-container .filter-group .filter-date,.general-ordenes .filters-container .filter-group .filter-select,.general-ordenes .filters-container .filter-group .search-input{width:100%;padding:var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary)}.general-ordenes .filters-container .filter-group .filter-date:focus,.general-ordenes .filters-container .filter-group .filter-select:focus,.general-ordenes .filters-container .filter-group .search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 .19rem rgba(26,26,26,.1),0 .25rem .5rem rgba(26,26,26,.15);transform:translateY(-.06rem) scale(1.02)}.general-ordenes .filters-container .filter-group .filter-date:hover,.general-ordenes .filters-container .filter-group .filter-select:hover,.general-ordenes .filters-container .filter-group .search-input:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.general-ordenes .filters-container .filter-group .filter-date::placeholder,.general-ordenes .filters-container .filter-group .filter-select::placeholder,.general-ordenes .filters-container .filter-group .search-input::placeholder{color:#9ca3af;transition:color .2s ease}.general-ordenes .filters-container .filter-group .filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.general-ordenes .filters-container .filter-actions{display:flex;gap:var(--spacing-md);align-items:end}.general-ordenes .filters-container .filter-actions .clear-btn,.general-ordenes .filters-container .filter-actions .search-btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);border:none;font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;min-width:6rem}.general-ordenes .filters-container .filter-actions .clear-btn:disabled,.general-ordenes .filters-container .filter-actions .search-btn:disabled{opacity:.6;cursor:not-allowed}.general-ordenes .filters-container .filter-actions .search-btn{background:var(--color-accent);color:var(--color-secondary);box-shadow:0 .25rem .88rem 0 rgba(26,26,26,.4)}.general-ordenes .filters-container .filter-actions .search-btn:hover:not(:disabled){transform:translateY(-.125rem) scale(1.05);box-shadow:0 .38rem 1.25rem 0 rgba(26,26,26,.5)}.general-ordenes .filters-container .filter-actions .clear-btn{background:var(--color-info);color:var(--color-secondary);box-shadow:0 .25rem .88rem 0 hsla(220,9%,46%,.4);min-width:auto;width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.general-ordenes .filters-container .filter-actions .clear-btn svg{font-size:var(--font-size-md)}.general-ordenes .filters-container .filter-actions .clear-btn:hover{transform:translateY(-.125rem) scale(1.05);box-shadow:0 .38rem 1.25rem 0 hsla(220,9%,46%,.5)}.general-ordenes .table-container{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);border:.06rem solid hsla(0,0%,100%,.1);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-accent) #e5e7eb}.general-ordenes .table-container::-webkit-scrollbar{height:.5rem}.general-ordenes .table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:var(--radius-sm)}.general-ordenes .table-container::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-sm)}.general-ordenes .table-container::-webkit-scrollbar-thumb:hover{background:#1a1a1a}.general-ordenes .table-container .empty-state,.general-ordenes .table-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxxl);color:var(--color-info);font-size:var(--font-size-lg);font-weight:600}.general-ordenes .table-container .empty-state .spinner,.general-ordenes .table-container .loading-state .spinner{width:2rem;height:2rem;border:.25rem solid #e5e7eb;border-top:.25rem solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.general-ordenes .table-container .ordenes-table{width:100%;min-width:100%;border-collapse:collapse;background:var(--background-color-1);table-layout:auto}.general-ordenes .table-container .ordenes-table thead{background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%)}.general-ordenes .table-container .ordenes-table thead tr th{padding:var(--spacing-lg);text-align:left;font-weight:700;font-size:var(--font-size-sm);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:.125rem solid var(--color-accent);position:relative;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.general-ordenes .table-container .ordenes-table thead tr th:first-child{border-top-left-radius:var(--radius-sm)}.general-ordenes .table-container .ordenes-table thead tr th:last-child{border-top-right-radius:var(--radius-sm)}.general-ordenes .table-container .ordenes-table thead tr th:first-child{min-width:6rem;max-width:10rem}.general-ordenes .table-container .ordenes-table thead tr th:nth-child(2){min-width:7rem;max-width:9rem}.general-ordenes .table-container .ordenes-table thead tr th:nth-child(3),.general-ordenes .table-container .ordenes-table thead tr th:nth-child(4){min-width:10rem;max-width:18rem}.general-ordenes .table-container .ordenes-table thead tr th:nth-child(5),.general-ordenes .table-container .ordenes-table thead tr th:nth-child(6){min-width:8rem;max-width:14rem}.general-ordenes .table-container .ordenes-table thead tr th:nth-child(7){min-width:10rem;max-width:16rem}.general-ordenes .table-container .ordenes-table thead tr th:nth-child(8),.general-ordenes .table-container .ordenes-table thead tr th:nth-child(9){min-width:8rem;max-width:12rem}.general-ordenes .table-container .ordenes-table tbody .table-row{cursor:pointer;transition:all .2s ease;border-bottom:.06rem solid #f3f4f6}.general-ordenes .table-container .ordenes-table tbody .table-row:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateY(-.06rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.05)}.general-ordenes .table-container .ordenes-table tbody .table-row:last-child{border-bottom:none}.general-ordenes .table-container .ordenes-table tbody .table-row td{padding:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-primary);border-right:.06rem solid #f3f4f6;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.general-ordenes .table-container .ordenes-table tbody .table-row td:last-child{border-right:none}.general-ordenes .table-container .ordenes-table tbody .table-row td.order-id{font-weight:700;color:var(--color-accent);font-family:var(--font-mono);white-space:nowrap;min-width:6rem;max-width:10rem}.general-ordenes .table-container .ordenes-table tbody .table-row td.order-date{color:var(--color-info);font-weight:500;white-space:nowrap;min-width:7rem;max-width:9rem}.general-ordenes .table-container .ordenes-table tbody .table-row td.car-info,.general-ordenes .table-container .ordenes-table tbody .table-row td.client-info{font-weight:500;min-width:10rem;max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4}.general-ordenes .table-container .ordenes-table tbody .table-row td.advisor-info,.general-ordenes .table-container .ordenes-table tbody .table-row td.mechanic-info{font-weight:500;min-width:8rem;max-width:14rem;white-space:normal;line-height:1.4}.general-ordenes .table-container .ordenes-table tbody .table-row td.category{font-weight:600;text-transform:uppercase;letter-spacing:.05em;min-width:8rem;max-width:12rem;white-space:normal}.general-ordenes .table-container .ordenes-table tbody .table-row td.total{font-weight:700;color:var(--color-success);text-align:right;white-space:nowrap;min-width:8rem;max-width:12rem}.general-ordenes .status-cell{padding:var(--spacing-md)!important}.general-ordenes .status-cell .status-badge-container{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:.06rem solid #e5e7eb;transition:all .2s ease;width:100%;min-width:10rem;max-width:100%}.general-ordenes .status-cell .status-badge-container .status-icon{font-size:var(--font-size-sm);width:.875rem;height:.875rem;flex-shrink:0;transition:transform .2s ease}.general-ordenes .status-cell .status-badge-container .status-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:capitalize;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.general-ordenes .status-cell .status-badge-container[data-status=orden_creada]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.general-ordenes .status-cell .status-badge-container[data-status=orden_creada] .status-label{color:#1e40af}.general-ordenes .status-cell .status-badge-container[data-status=coche_en_taller]{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#f59e0b}.general-ordenes .status-cell .status-badge-container[data-status=coche_en_taller] .status-label{color:#92400e}.general-ordenes .status-cell .status-badge-container[data-status=check_in]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.general-ordenes .status-cell .status-badge-container[data-status=check_in] .status-label{color:#065f46}.general-ordenes .status-cell .status-badge-container[data-status=trabajando_en_orden]{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.general-ordenes .status-cell .status-badge-container[data-status=trabajando_en_orden] .status-label{color:#991b1b}.general-ordenes .status-cell .status-badge-container[data-status=check_tecnico]{background:linear-gradient(135deg,#cffafe,#a5f3fc);border-color:#06b6d4}.general-ordenes .status-cell .status-badge-container[data-status=check_tecnico] .status-label{color:#164e63}.general-ordenes .status-cell .status-badge-container[data-status=check_out]{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-color:#14b8a6}.general-ordenes .status-cell .status-badge-container[data-status=check_out] .status-label{color:#134e4a}.general-ordenes .status-cell .status-badge-container[data-status=orden_finalizada]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e}.general-ordenes .status-cell .status-badge-container[data-status=orden_finalizada] .status-label{color:#166534}.general-ordenes .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);margin-top:var(--spacing-xl);border:.06rem solid hsla(0,0%,100%,.1)}.general-ordenes .pagination-container .pagination-info{color:var(--color-info);font-size:var(--font-size-sm);font-weight:500}.general-ordenes .pagination-container .pagination{display:flex;gap:var(--spacing-sm);align-items:center}.general-ordenes .pagination-container .pagination .pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);background:var(--background-color-1);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;min-width:2.5rem;text-align:center}.general-ordenes .pagination-container .pagination .pagination-btn:hover{border-color:var(--color-accent);background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateY(-.06rem)}.general-ordenes .pagination-container .pagination .pagination-btn.active{background:var(--color-accent);color:var(--color-secondary);border-color:var(--color-accent);box-shadow:0 .25rem .5rem rgba(26,26,26,.3)}.general-ordenes .pagination-container .pagination .pagination-btn.next,.general-ordenes .pagination-container .pagination .pagination-btn.prev{min-width:auto;padding:var(--spacing-sm) var(--spacing-lg)}@media (max-width:1200px){.general-ordenes .filters-container .filters-row{grid-template-columns:1.5fr 1fr 1fr;gap:var(--spacing-md)}.general-ordenes .filters-container .filters-row .filter-group:last-of-type{grid-column:1/-1}.general-ordenes .filters-container .filters-row .filter-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:768px){.general-ordenes{padding:var(--spacing-md)}.general-ordenes .ordenes-header{padding:var(--spacing-lg)}.general-ordenes .ordenes-header .header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.general-ordenes .ordenes-header .header-content .stats-container{flex-direction:column;width:100%;gap:var(--spacing-md)}.general-ordenes .filters-container{padding:var(--spacing-lg)}.general-ordenes .filters-container .filters-row{grid-template-columns:1fr;gap:var(--spacing-md)}.general-ordenes .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.general-ordenes .table-container .ordenes-table{min-width:50rem}.general-ordenes .table-container .ordenes-table tbody tr td,.general-ordenes .table-container .ordenes-table thead tr th{padding:var(--spacing-md);font-size:var(--font-size-xs);white-space:normal;word-break:break-word}.general-ordenes .table-container .ordenes-table thead tr th{white-space:nowrap}.general-ordenes .pagination-container{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.general-ordenes .pagination-container .pagination{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.general-ordenes{padding:var(--spacing-sm)}.general-ordenes .filters-container,.general-ordenes .ordenes-header,.general-ordenes .pagination-container,.general-ordenes .table-container{padding:var(--spacing-md)}.general-ordenes .ordenes-table tbody tr td,.general-ordenes .ordenes-table thead tr th{padding:var(--spacing-sm);font-size:var(--font-size-xs)}}.order-details{padding:2rem 4rem}.order-title{width:100%;margin-bottom:var(--spacing-lg);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.order-title h2{font-size:var(--font-size-xxl);color:var(--color-primary);margin:0;flex:1 1}.order-title h2 span{font-weight:400}.order-title .reload-order-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--border-radius);background-color:var(--background-color-1);color:var(--color-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.order-title .reload-order-button .reload-icon{width:1.2rem;height:1.2rem;filter:invert(0);transition:all .3s ease}.order-title .reload-order-button span{font-weight:500;transition:color .3s ease;color:var(--color-primary)}.order-title .reload-order-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.order-title .reload-order-button:hover:not(:disabled) span{color:var(--color-secondary)}.order-title .reload-order-button:hover:not(:disabled) .reload-icon{filter:invert(1)}.order-title .reload-order-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.order-title .reload-order-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.order-title .reload-order-button .reload-icon.spinning{animation:spin 1s linear infinite}.subtitle{margin-bottom:var(--spacing-sm);width:100%}.subtitle,.subtitle h3{display:flex;flex-direction:row;justify-content:space-between}.subtitle h3{color:var(--color-primary);font-size:var(--font-size-xl);margin-right:var(--spacing-md);width:30%;align-items:center;text-align:left}.subtitle input{background-color:#fff;color:#000;border:1px solid #000;padding:.5rem;border-radius:.25rem;font-family:Arial,sans-serif;font-size:1rem}.subtitle input::-webkit-calendar-picker-indicator{filter:invert(1)}.subtitle input::-webkit-clear-button,.subtitle input::-webkit-inner-spin-button{display:none}.subtitle input:focus{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.2)}.subtitle .print-controls{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);position:relative}.subtitle .print-controls .print-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--border-radius);background-color:var(--color-secondary);color:var(--color-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.subtitle .print-controls .print-button img{width:1.2rem;height:1.2rem;filter:invert(0);transition:filter .2s ease}.subtitle .print-controls .print-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.subtitle .print-controls .print-button:hover:not(:disabled) img{filter:invert(1)}.subtitle .print-controls .print-button:active:not(:disabled){transform:translateY(0)}.subtitle .print-controls .print-button:disabled{opacity:.6;cursor:not-allowed}.subtitle .print-controls .print-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:var(--spacing-xs);background-color:var(--color-secondary);border:1px solid var(--color-primary);border-radius:var(--border-radius);box-shadow:0 8px 32px rgba(0,0,0,.12);overflow:hidden;animation:dropdownSlideIn .2s ease-out}.subtitle .print-controls .print-dropdown .dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;color:var(--color-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;border:none;border-bottom:1px solid rgba(0,0,0,.05)}.subtitle .print-controls .print-dropdown .dropdown-item:last-child{border-bottom:none}.subtitle .print-controls .print-dropdown .dropdown-item:hover{background-color:var(--color-primary);color:var(--color-secondary);transform:translateX(4px)}.subtitle .print-controls .print-dropdown .dropdown-item:active{transform:translateX(2px)}.subtitle .print-controls .save-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border:1px solid var(--color-primary);border-radius:var(--border-radius);background-color:var(--color-secondary);cursor:pointer;transition:all .2s ease}.subtitle .print-controls .save-button img{width:1.2rem;height:1.2rem;filter:invert(0);transition:filter .2s ease}.subtitle .print-controls .save-button:hover{background-color:var(--color-primary)}.subtitle .print-controls .save-button:hover img{filter:invert(1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.subtitle img{width:100%}.subtitle .save-container{width:20%}.subtitle .save-container img{cursor:pointer;width:100%!important}.container-orden{width:100%;display:flex;flex-direction:column;color:var(--color-primary);box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);padding:var(--spacing-lg)}.container-orden .presupuesto-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.container-orden .presupuesto-container div p{color:var(--color-primary);padding:var(--spacing-sm)}.container-orden .row-client{align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.container-orden .row-client,.container-orden .row-client .column-client{width:50%;display:flex;flex-direction:row}.container-orden .row-client .column-client .input-two{width:50%}.container-orden .row-client .span-client{font-weight:700}.container-orden .row-client select{all:unset}.container-orden .row-client .nombre-cliente{font-weight:600}.container-orden .row-client input{all:unset;background:none;border:none;font-family:var(--font-primary);font-family:var(--font-size-xl)}.container-orden .precio-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end}.container-desgloce-cantidades{width:100%;display:flex;color:var(--color-primary);box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);padding:var(--spacing-lg);background-color:var(--background-color-1);margin-top:var(--spacing-lg);justify-content:space-between}.container-desgloce-cantidades .container-cantidades{display:flex;width:30%;flex-direction:column}.container-desgloce-cantidades .container-cantidades .row-cantidad{display:flex;width:100%;justify-content:space-between;margin-bottom:var(--spacing-md)}.container-desgloce-cantidades .container-folios{display:flex;flex-direction:column;justify-content:space-between;width:20%}.container-desgloce-cantidades .container-folios .row-cantidad{display:flex;width:100%;justify-content:space-between;margin-bottom:var(--spacing-md)}.container-desgloce-cantidades .container-folios .total h1{font-size:var(--font-size-xxl)}.checks-container{display:flex;flex-direction:row;width:100%}.checks-container .link{cursor:pointer;padding:var(--spacing-sm);border-radius:.5rem;margin-top:var(--spacing-md)}.checks-container .link p{color:#000;font-weight:600}.checks-container button{all:unset;cursor:pointer}.container-productos{margin-top:var(--spacing-xl);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--spacing-lg)}.container-productos button{all:unset;background-color:var(--background-color-2);color:var(--color-secondary);border-radius:.4rem;padding:.5rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.container-productos tr:hover{box-shadow:none!important}.table-order{width:100%}.table-order tr{margin-top:var(--spacing-lg);display:flex;flex-direction:row;justify-content:space-between}.producto-boton{margin-top:var(--spacing-xxl);padding:2rem 1rem;box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);border-radius:1rem}.container-buttons{display:flex;flex-direction:row;justify-content:space-between;width:30%}.container-buttons button{cursor:pointer}.producto-abonar{width:100%;display:flex;flex-direction:row;justify-content:flex-end;margin-top:var(--spacing-lg)}.producto-abonar p{font-weight:700;background-color:var(--background-color-2);padding:.5rem 1rem;border-radius:.4rem;color:var(--color-secondary)}.container-subtotal{display:flex;margin-bottom:var(--spacing-xxl);flex-direction:column;align-items:flex-end}.container-historial-de-pagos,.container-subtotal{width:100%;margin-top:var(--spacing-xl)}.container-historial-de-pagos .historial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.container-historial-de-pagos .historial-header h3{margin:0;color:var(--color-primary);font-size:var(--font-size-xl)}.container-historial-de-pagos .historial-header .payment-method-filter{display:flex;align-items:center;gap:var(--spacing-sm)}.container-historial-de-pagos .historial-header .payment-method-filter label{font-weight:500;color:var(--color-primary);font-size:var(--font-size-sm)}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-primary);border-radius:var(--border-radius);background-color:var(--color-secondary);color:var(--color-primary)!important;font-family:var(--font-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-align:left}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select:focus{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.1);border-color:var(--color-primary);color:var(--color-primary)!important}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select:hover{border-color:var(--color-primary);background-color:rgba(0,0,0,.02)}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select option{background-color:var(--color-secondary)!important;color:var(--color-primary)!important;padding:var(--spacing-xs);font-weight:400}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select::-ms-value{color:var(--color-primary)!important;background-color:var(--color-secondary)!important}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select::selection{color:var(--color-primary)!important}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select::-webkit-input-placeholder{color:var(--color-primary)!important}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select::-moz-placeholder{color:var(--color-primary)!important}.container-historial-de-pagos .historial-header .payment-method-filter .payment-method-select:-ms-input-placeholder{color:var(--color-primary)!important}.container-historial-de-pagos table{width:80%;margin-top:var(--spacing-md);border-spacing:0 1rem}.container-historial-de-pagos table thead{padding-bottom:var(--spacing-xl)}.container-historial-de-pagos table th{text-align:start}.container-historial-de-pagos .empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-primary);font-style:italic}.containerAbonosTotal{display:flex;flex-direction:row;justify-content:flex-end}.table-order td{word-wrap:break-word!important;overflow-wrap:break-word;width:14%}.table-order th{width:14%;text-align:left}.table-order td:first-child,.table-order th:first-child{width:20%}.table-order td:nth-child(2),.table-order th:nth-child(2){width:15%}.table-order td:nth-child(3),.table-order td:nth-child(4),.table-order th:nth-child(3),.table-order th:nth-child(4){width:12%}.table-order td:nth-child(5),.table-order td:nth-child(6),.table-order th:nth-child(5),.table-order th:nth-child(6){width:10%}.table-order td:nth-child(7),.table-order th:nth-child(7){width:12%}.cotizador-actions-panel{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-secondary);border:1px solid rgba(15,23,42,.08);border-radius:1rem;box-shadow:0 20px 50px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:var(--spacing-md)}.cotizador-actions-panel h5{margin:0;font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.cotizador-actions-panel .cotizador-action-row{flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-md);border:1px solid rgba(15,23,42,.05);border-radius:.9rem;background-color:var(--background-color-1)}.cotizador-actions-panel .cotizador-action-info,.cotizador-actions-panel .cotizador-action-row{display:flex;align-items:center;gap:var(--spacing-sm)}.cotizador-actions-panel .cotizador-action-info .cotizador-action-type{font-weight:600;color:var(--color-primary)}.cotizador-actions-panel .cotizador-action-info .cotizador-action-badge{padding:.2rem .75rem;border-radius:999px;background-color:rgba(15,23,42,.08);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary)}.cotizador-actions-panel .cotizador-action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.cotizador-actions-panel .cotizador-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.02em;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.cotizador-actions-panel .cotizador-btn.edit{border-color:var(--color-primary);color:var(--color-primary);background-color:transparent}.cotizador-actions-panel .cotizador-btn.edit:hover{background-color:var(--color-primary);color:var(--color-secondary);box-shadow:0 8px 20px rgba(15,23,42,.12)}.cotizador-actions-panel .cotizador-btn.delete{border-color:var(--color-error);color:var(--color-error);background-color:rgba(214,67,67,.08)}.cotizador-actions-panel .cotizador-btn.delete:hover{background-color:var(--color-error);color:var(--color-secondary);box-shadow:0 8px 20px rgba(214,67,67,.25)}.order-details .order-actions-footer{width:100%;margin-top:var(--spacing-xl);display:flex;justify-content:flex-end}.order-details .order-actions-footer .delete-order-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--color-error);background-color:transparent;color:var(--color-error);font-weight:600;font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;min-width:190px}.order-details .order-actions-footer .delete-order-button:hover:not(:disabled){background-color:var(--color-error);color:var(--color-secondary);box-shadow:0 6px 14px rgba(214,67,67,.25);transform:translateY(-1px)}.order-details .order-actions-footer .delete-order-button:active:not(:disabled){transform:translateY(0)}.order-details .order-actions-footer .delete-order-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.order-details{padding:var(--spacing-xxl);background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.order-details .error-state,.order-details .loading-state{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:var(--font-size-lg);font-weight:600;color:var(--color-info)}.order-details .error-state{color:var(--color-error)}.order-details .order-title{width:100%;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);border-left:.25rem solid var(--background-color-3)}.order-details .order-title h2{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-accent);margin:0;text-transform:uppercase;letter-spacing:.05em}.order-details .order-title h2 span{font-weight:400;color:var(--color-info)}.order-details .subtitle{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05)}.order-details .subtitle h3{gap:var(--spacing-xs);margin:0;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.order-details .subtitle h3 p:first-child{font-size:var(--font-size-sm);font-weight:600;color:var(--color-info);text-transform:uppercase;letter-spacing:.05em;margin:0}.order-details .subtitle h3 p:last-child{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);margin:0}.order-details .subtitle .container-print{display:flex;align-items:center}.order-details .subtitle .container-print button{background-color:var(--background-color-1);color:var(--color-secondary);border:none;border-radius:var(--radius-sm);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.order-details .subtitle .container-print button:hover{transform:translateY(-.06rem)}.order-details .subtitle .container-print button img{width:1.5rem;height:1.5rem}.order-details .subtitle .container-print .save-container{cursor:pointer;transition:all .2s ease}.order-details .subtitle .container-print .save-container:hover{transform:scale(1.1)}.order-details .subtitle .container-print .save-container img{width:1.5rem;height:1.5rem}.order-details .checks-container{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.order-details .checks-container .link{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all .2s ease;text-decoration:none}.order-details .checks-container .link:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:var(--color-accent);transform:translateY(-.06rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.order-details .checks-container .link p{margin:0;font-weight:600;color:var(--color-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.order-details .order-info-container{margin-bottom:var(--spacing-xl)}.order-details .order-info-container .order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.order-details .order-info-container .order-info-grid .info-card{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);border:.06rem solid hsla(0,0%,100%,.1);position:relative;overflow:hidden}.order-details .order-info-container .order-info-grid .info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:var(--color-accent)}.order-details .order-info-container .order-info-grid .info-card h4{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.05em}.order-details .order-info-container .order-info-grid .info-card .info-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-details .order-info-container .order-info-grid .info-card .info-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-primary);display:flex;justify-content:space-between;align-items:center}.order-details .order-info-container .order-info-grid .info-card .info-content p strong{font-weight:600;color:var(--color-accent)}.order-details .order-info-container .order-info-grid .info-card .info-content p .status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.order-details .order-info-container .order-info-grid .info-card .info-content p .status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:.06rem solid var(--color-warning)}.order-details .order-info-container .order-info-grid .info-card .info-content p .status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:.06rem solid var(--color-success)}.order-details .order-info-container .order-info-grid .info-card .info-content p .status-badge.in_progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:.06rem solid #3b82f6}.order-details .container-desgloce-cantidades{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);border:.06rem solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:flex-start}.order-details .container-desgloce-cantidades .container-cantidades{display:flex;flex-direction:column;width:30%}.order-details .container-desgloce-cantidades .container-cantidades .row-cantidad{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:.06rem solid #f3f4f6}.order-details .container-desgloce-cantidades .container-cantidades .row-cantidad:last-child{border-bottom:none}.order-details .container-desgloce-cantidades .container-cantidades .row-cantidad p{margin:0;font-size:var(--font-size-sm);color:var(--color-primary)}.order-details .container-desgloce-cantidades .container-cantidades .row-cantidad p:first-child{font-weight:600;color:var(--color-info)}.order-details .container-desgloce-cantidades .container-cantidades .row-cantidad p:last-child{font-weight:700;color:var(--color-accent)}.order-details .container-desgloce-cantidades .container-folios{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:15rem}.order-details .container-desgloce-cantidades .container-folios .folios{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-details .container-desgloce-cantidades .container-folios .folios .row-cantidad{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.order-details .container-desgloce-cantidades .container-folios .folios .row-cantidad p{margin:0;font-size:var(--font-size-xs);color:var(--color-primary)}.order-details .container-desgloce-cantidades .container-folios .folios .row-cantidad p:first-child{font-weight:600;color:var(--color-info)}.order-details .container-desgloce-cantidades .container-folios .folios .row-cantidad p:last-child{font-weight:700;color:var(--color-accent)}.order-details .container-desgloce-cantidades .container-folios .total{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:.125rem solid var(--color-accent)}.order-details .container-desgloce-cantidades .container-folios .total h1{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);text-align:center}.order-details .container-productos{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05)}.order-details .container-productos h2{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.order-details .container-productos .container-buttons{display:flex;gap:var(--spacing-md)}.order-details .container-productos .container-buttons button{background:var(--color-accent);color:var(--color-secondary);border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .2s ease;font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--spacing-xs)}.order-details .container-productos .container-buttons button:hover{background:var(--color-accent-hover);transform:translateY(-.06rem)}.order-details .container-productos .container-buttons button img{width:1rem;height:1rem}.order-details .table-order{width:100%;background:var(--background-color-1);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);margin-bottom:var(--spacing-xl)}.order-details .table-order thead{background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%)}.order-details .table-order thead tr th{padding:var(--spacing-lg);text-align:left;font-weight:700;font-size:var(--font-size-sm);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;border-right:.06rem solid hsla(0,0%,100%,.1)}.order-details .table-order thead tr th:last-child{border-right:none}.order-details .table-order tbody tr{border-bottom:.06rem solid #f3f4f6;transition:all .2s ease}.order-details .table-order tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.order-details .table-order tbody tr:last-child{border-bottom:none}.order-details .table-order tbody tr td{padding:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-primary);border-right:.06rem solid #f3f4f6}.order-details .table-order tbody tr td:last-child{border-right:none;font-weight:700;color:var(--color-accent);text-align:right}.order-details .container-historial-de-pagos{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05)}.order-details .container-historial-de-pagos h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.order-details .container-historial-de-pagos table{width:100%;border-collapse:collapse}.order-details .container-historial-de-pagos table thead{background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%)}.order-details .container-historial-de-pagos table thead th{padding:var(--spacing-md);text-align:left;font-weight:700;font-size:var(--font-size-sm);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;border-right:.06rem solid hsla(0,0%,100%,.1)}.order-details .container-historial-de-pagos table thead th:last-child{border-right:none}.order-details .container-historial-de-pagos table tbody tr{border-bottom:.06rem solid #f3f4f6;transition:all .2s ease}.order-details .container-historial-de-pagos table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.order-details .container-historial-de-pagos table tbody tr:last-child{border-bottom:none}.order-details .container-historial-de-pagos table tbody tr td{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-primary)}.order-details .container-historial-de-pagos table tbody tr td:first-child{font-weight:700;color:var(--color-accent)}@media (max-width:1200px){.order-details{padding:var(--spacing-lg)}.order-details .order-info-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}@media (max-width:768px){.order-details{padding:var(--spacing-md)}.order-details .container-desgloce-cantidades,.order-details .container-historial-de-pagos,.order-details .container-productos,.order-details .order-info-container,.order-details .order-title,.order-details .subtitle{padding:var(--spacing-lg)}.order-details .order-info-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.order-details .container-desgloce-cantidades{flex-direction:column;gap:var(--spacing-lg)}.order-details .container-desgloce-cantidades .container-folios{min-width:auto}.order-details .container-productos{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.order-details .container-productos .container-buttons{flex-wrap:wrap;width:100%;justify-content:center}.order-details .table-order{overflow-x:auto}.order-details .table-order tbody td,.order-details .table-order thead th{padding:var(--spacing-md);font-size:var(--font-size-xs)}}@media (max-width:480px){.order-details{padding:var(--spacing-sm)}.order-details .container-desgloce-cantidades,.order-details .container-historial-de-pagos,.order-details .container-productos,.order-details .order-info-container,.order-details .order-title,.order-details .subtitle{padding:var(--spacing-md)}.order-details .order-title h2{font-size:var(--font-size-lg)}.order-details .subtitle{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}.order-status-bar{width:100%;margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);border:.06rem solid hsla(0,0%,100%,.1);position:relative;overflow:hidden}.order-status-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#22c55e)}.order-status-bar .status-bar-container{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:var(--spacing-md) 0;gap:var(--spacing-xs)}@media (max-width:1200px){.order-status-bar .status-bar-container{flex-wrap:wrap;gap:var(--spacing-md)}}.order-status-bar .status-bar-container .status-step{flex:1 1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-status-bar .status-bar-container .status-step.clickable{cursor:pointer}.order-status-bar .status-bar-container .status-step.clickable:hover{transform:translateY(-.25rem)}.order-status-bar .status-bar-container .status-step.clickable:hover .status-icon{transform:scale(1.15)!important}.order-status-bar .status-bar-container .status-step.clickable:hover .status-label .status-name{color:var(--color-primary);font-weight:600}.order-status-bar .status-bar-container .status-step .status-icon-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;margin-bottom:var(--spacing-md);z-index:1}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-icon{width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:3;border:.25rem solid var(--background-color-1);background:var(--background-color-1);box-shadow:0 .25rem .5rem rgba(0,0,0,.1),inset 0 .125rem .25rem hsla(0,0%,100%,.2)}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-icon svg{width:1.25rem;height:1.25rem}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-connector{position:absolute;top:1.75rem;left:50%;width:calc(100% - 3.5rem);height:.25rem;z-index:0;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:.125rem}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-connector.completed{background:linear-gradient(90deg,currentColor,currentColor)!important;opacity:.9}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-connector.current{background:linear-gradient(90deg,currentColor,#e5e7eb)!important;opacity:.5}.order-status-bar .status-bar-container .status-step.completed .status-icon{z-index:3;background-clip:padding-box}.order-status-bar .status-bar-container .status-step.completed .status-icon svg{animation:iconPulse 2s ease-in-out infinite}.order-status-bar .status-bar-container .status-step.completed .status-connector{opacity:.85;z-index:0;pointer-events:none}.order-status-bar .status-bar-container .status-step.current .status-icon{animation:glow 2s ease-in-out infinite}.order-status-bar .status-bar-container .status-step.pending .status-icon{opacity:.5}.order-status-bar .status-bar-container .status-step.pending .status-label{opacity:.7}.order-status-bar .status-bar-container .status-step .status-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center;transition:all .3s ease}.order-status-bar .status-bar-container .status-step .status-label .status-name{font-size:var(--font-size-xs);font-weight:500;color:var(--text-color-secondary);line-height:1.3;transition:all .3s ease}@media (max-width:768px){.order-status-bar .status-bar-container .status-step .status-label .status-name{font-size:.625rem}}.order-status-bar .status-bar-container .status-step .status-label .status-badge{display:inline-block;padding:.125rem .5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:.75rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 .125rem .25rem rgba(59,130,246,.3);animation:pulse 2s ease-in-out infinite}@media (max-width:640px){.order-status-bar .status-bar-container .status-step .status-label .status-name{font-size:.5rem;line-height:1.2}}.order-status-bar .status-updating{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-top:var(--spacing-md);background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-radius:var(--radius-sm);border:.06rem solid #81e6d9;color:#2d3748;font-size:var(--font-size-sm);font-weight:500}.order-status-bar .status-updating .spinner{width:1rem;height:1rem;border:.125rem solid #81e6d9;border-top-color:#2d3748;border-radius:50%;animation:spin 1s linear infinite}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes glow{0%,to{box-shadow:0 0 0 4px currentColor20,0 4px 12px currentColor40,0 .25rem .5rem rgba(0,0,0,.1)}50%{box-shadow:0 0 0 6px currentColor30,0 6px 16px currentColor50,0 .25rem .5rem rgba(0,0,0,.1)}}@media (max-width:1024px){.order-status-bar{padding:var(--spacing-md)}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-icon{width:3rem;height:3rem;font-size:var(--font-size-md)}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-icon svg{width:1rem;height:1rem}}@media (max-width:768px){.order-status-bar{padding:var(--spacing-sm);margin:var(--spacing-lg) 0}.order-status-bar .status-bar-container{gap:var(--spacing-xs)}.order-status-bar .status-bar-container .status-step .status-icon-wrapper{margin-bottom:var(--spacing-sm)}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-icon{width:2.5rem;height:2.5rem}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-icon svg{width:.875rem;height:.875rem}.order-status-bar .status-bar-container .status-step .status-icon-wrapper .status-connector{height:.125rem}.order-status-bar .status-bar-container .status-step .status-label .status-name{font-size:.5rem}}.cotizador-avanzado-display{margin-top:var(--spacing-xl);background:var(--background-color-1);border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:0 12px 30px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:var(--spacing-lg)}.cotizador-avanzado-display .cotizador-display-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.cotizador-avanzado-display .cotizador-display-header .cotizador-display-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.cotizador-avanzado-display .cotizador-display-header .cotizador-display-title svg{color:var(--color-third)}.cotizador-avanzado-display .cotizador-entries{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cotizador-entry{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);background:var(--background-color-5);display:flex;flex-direction:column;gap:var(--spacing-md)}.cotizador-entry .cotizador-entry-header{display:flex;justify-content:space-between;align-items:center}.cotizador-entry .cotizador-entry-title-section{display:flex;align-items:center;gap:var(--spacing-md)}.cotizador-entry .cotizador-entry-title-section .cotizador-entry-icon{width:3rem;height:3rem;border-radius:50%;background:var(--background-color-1);display:flex;align-items:center;justify-content:center;color:var(--color-third);font-size:var(--font-size-lg)}.cotizador-entry .cotizador-entry-title-section .cotizador-entry-title{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.cotizador-entry .cotizador-entry-title-section .cilindros-badge{background:var(--background-color-3-40);color:var(--color-third);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600}.cotizador-entry .cotizador-entry-title-section .cotizador-entry-iva{margin:0;font-size:var(--font-size-sm);color:var(--text-color-secondary)}.cotizador-section{background:var(--background-color-1);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--color-border)}.cotizador-section .cotizador-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-md) 0}.cotizador-section .cotizador-section-title svg{color:var(--color-third)}.cotizador-summary .cotizador-summary-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cotizador-summary .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-primary)}.cotizador-summary .summary-row.total{font-weight:700;font-size:var(--font-size-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.cotizador-services-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cotizador-services-list .cotizador-service-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);background:var(--background-color-5);border:1px solid var(--color-border)}.cotizador-services-list .cotizador-service-item .service-check{color:var(--color-third)}.cotizador-services-list .cotizador-service-item span{flex:1 1;color:var(--color-primary);font-size:var(--font-size-sm)}.cotizador-services-list .cotizador-service-item .service-cost{font-weight:600;color:var(--color-primary)}.cotizador-products-table{overflow-x:auto}.cotizador-products-table table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.cotizador-products-table table td,.cotizador-products-table table th{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}.cotizador-products-table table th{background:var(--background-color-5)}.cotizador-products-table table .product-cost,.cotizador-products-table table .product-total,.cotizador-products-table table td.product-name,.cotizador-products-table table th{font-weight:600;color:var(--color-primary)}.cotizador-cilindros-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary)}.cotizador-cilindros-info .cilindros-label{font-weight:600}.cotizador-cilindros-info .cilindros-cost{margin-left:auto;font-weight:700;color:var(--color-third)}.cotizador-discounts-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cotizador-discounts-list .cotizador-discount-item{display:flex;justify-content:space-between;align-items:center;border:1px dashed var(--color-border);border-radius:var(--border-radius-input);padding:var(--spacing-sm) var(--spacing-md)}.cotizador-discounts-list .cotizador-discount-item .discount-code{font-weight:600;color:var(--color-primary)}.cotizador-discounts-list .cotizador-discount-item .discount-amount{font-weight:700;color:var(--color-third)}.container-check-title{padding:var(--spacing-xl);width:100%}.container-check-title .info-orden h1{font-size:var(--font-size-lg)}.container-check-title .container-revision{width:100%;margin-top:var(--spacing-xxl);box-shadow:0 4px 4px rgba(0,0,0,.25)}.container-check-title .container-revision .nav-revision{width:100%;display:flex}.container-check-title .container-revision .nav-revision .block-revision{background-color:#008cf2;padding:var(--spacing-sm);border-radius:.4rem 0 0 .4rem}.container-check-title .container-revision .nav-revision .block-revision p{color:var(--color-secondary)}.container-check-title .container-revision .nav-revision .check-in{background-color:#fcd331!important;border-radius:0 .4rem 0 0!important}.container-check-title .container-revision .container-revision-forms{width:100%;padding:var(--spacing-lg)}.container-check-title .container-revision .container-revision-forms .title{width:100%;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.container-check-title .container-revision .container-revision-forms .title h3{font-size:var(--font-size-md)}.container-check-title .container-revision .container-revision-forms .forms-check{margin-top:var(--spacing-md)}.container-check-title .container-revision .container-revision-forms .forms-check label{display:flex;margin-bottom:var(--spacing-sm)}.container-check-title .container-revision .container-revision-forms .forms-check label input{all:unset;margin-right:var(--spacing-sm);background-color:var(--background-color-1)!important;border:2px solid #000;padding:var(--spacing-sm)}.container-check-title .container-revision .container-revision-forms .container-input-text{margin-top:var(--spacing-md)}.container-check-title .container-revision .container-revision-forms .container-input-text p{margin-bottom:var(--spacing-sm)}.container-check-title .container-revision .container-revision-forms .container-input-text input{all:unset;background-color:var(--background-color-1);border:2px solid #000}.container-check-title .container-revision .container-revision-forms .container-buttons{margin-top:var(--spacing-lg);display:flex;width:100%;justify-content:flex-end}.container-check-title .container-revision .container-revision-forms .container-buttons button{all:unset;cursor:pointer;background-color:var(--background-color-2);color:var(--color-secondary);padding:var(--spacing-sm);border-radius:.4rem;font-size:var(--font-size-sm)}.container-check-title .container-problemas-vehiculo{width:100%;box-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.container-check-title .container-problemas-vehiculo .forms-problemas{display:flex;width:60%;align-items:center;justify-content:space-between;margin-top:var(--spacing-lg)}.container-check-title .container-problemas-vehiculo .forms-problemas .box-forms input{background-color:var(--background-color-1);margin-top:var(--spacing-sm)}.container-check-title .container-problemas-vehiculo .forms-problemas .box-bottons button{all:unset;cursor:pointer;background-color:var(--background-color-2);color:var(--color-secondary);padding:var(--spacing-sm);border-radius:.4rem;width:100%;text-align:center}.container-check-title .container-recomendaciones{box-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.container-check-title .container-recomendaciones .container-columnas{display:flex;width:100%;justify-content:space-between}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion{width:22%}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion{margin-top:var(--spacing-md);width:100%;display:flex;justify-content:space-between;align-items:center}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .inputs-recomendacion{justify-content:space-between;align-items:center}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .titles-recomendacion p{margin-left:var(--spacing-sm)}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .inputs-recomendacion{display:flex;height:100%;width:20%}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .inputs-recomendacion .row-izq{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .inputs-recomendacion .row-izq input,.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .inputs-recomendacion .row-izq p{margin-bottom:var(--spacing-sm)}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .inputs-recomendacion .row-der{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .inputs-recomendacion .row-der input,.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-recomendacion .inputs-recomendacion .row-der p{margin-bottom:var(--spacing-sm)}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-texto{display:flex;flex-direction:column!important;align-items:flex-start}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .box-texto input{margin-top:var(--spacing-md);background-color:var(--background-color-1);width:100%}.container-check-title .container-recomendaciones .container-columnas .container-column-recomendacion .row-recomendacion{display:flex;width:100%;justify-content:space-between;margin-bottom:var(--spacing-md)}.container-check-title .container-evidencias-graficas{box-shadow:0 4px 4px rgba(0,0,0,.25);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.container-check-title .container-evidencias-graficas .container-icono-camara{width:100%;display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.container-check-title .container-buttons{margin-top:var(--spacing-lg);display:flex;justify-content:flex-end;align-items:center;width:100%}.container-check-title .container-buttons button{all:unset;background-color:var(--background-color-2);padding:var(--spacing-sm);border-radius:.4rem;color:var(--color-secondary);font-size:var(--font-size-sm)}.recomendaciones-container{width:100%}.recomendaciones-container .container-table{width:65%;padding:var(--spacing-lg);margin-top:var(--spacing-lg);display:flex;border-radius:.5rem;flex-direction:column;justify-content:space-between;background-color:rgba(0,0,0,.07)}.recomendaciones-container .container-table .title-table p{font-weight:700;font-size:var(--font-size-xl)}.recomendaciones-container .container-table .row{margin-top:var(--font-size-sm);width:100%;display:flex;flex-direction:row;justify-content:space-between}.recomendaciones-container .container-table .row .r-1{width:36%}.recomendaciones-container .container-table .row .r-2,.recomendaciones-container .container-table .row .r-3,.recomendaciones-container .container-table .row .r-4,.recomendaciones-container .container-table .row .r-5{width:15%}.success-recomendaciones{color:#fff!important;background-color:#219c4b;padding:var(--spacing-sm);border-radius:.5rem;width:80%;text-align:center}.modalProduct{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.modalProduct .modal-content{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 1.56rem 3.13rem -.75rem rgba(0,0,0,.25),0 0 0 .06rem hsla(0,0%,100%,.1);width:100%;max-width:37.5rem;max-height:90vh;overflow-y:auto;padding:var(--spacing-xl);position:relative;animation:slideUp .3s ease-out}.modalProduct .modal-content h2{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-xl) 0;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modalProduct .modal-content .form-group{margin-bottom:var(--spacing-lg);width:100%}.modalProduct .modal-content .form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.modalProduct .modal-content .form-group input,.modalProduct .modal-content .form-group select{width:100%;padding:var(--spacing-md) var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary);position:relative}.modalProduct .modal-content .form-group input:focus,.modalProduct .modal-content .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .19rem rgba(102,126,234,.1),0 .25rem .5rem rgba(102,126,234,.15);transform:translateY(-.06rem) scale(1.02)}.modalProduct .modal-content .form-group input:hover,.modalProduct .modal-content .form-group select:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.modalProduct .modal-content .form-group input::placeholder,.modalProduct .modal-content .form-group select::placeholder{color:#9ca3af;transition:color .2s ease}.modalProduct .modal-content .form-group input:focus::placeholder,.modalProduct .modal-content .form-group select:focus::placeholder{color:#cbd5e0}.modalProduct .modal-content .form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.modalProduct .modal-content .form-group select option{background:var(--background-color-1);color:var(--color-primary);padding:var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-md);font-weight:500;border:none;border-radius:var(--radius-sm);margin:.125rem;transition:all .2s ease}.modalProduct .modal-content .form-group select option:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#667eea;transform:translateX(.25rem)}.modalProduct .modal-content .form-group select option:checked,.modalProduct .modal-content .form-group select option:focus{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-secondary);font-weight:600;box-shadow:0 .25rem .5rem rgba(102,126,234,.3)}.modalProduct .modal-content .form-group.brand-field,.modalProduct .modal-content .form-group.subtype-field,.modalProduct .modal-content .form-group.type-field{animation:slideInFromTop .3s ease-out;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:.06rem solid #e2e8f0}.modalProduct .modal-content .form-group.brand-field label,.modalProduct .modal-content .form-group.subtype-field label,.modalProduct .modal-content .form-group.type-field label{color:#4a5568;font-weight:700;margin-bottom:var(--spacing-sm)}.modalProduct .modal-content .form-group.brand-field select,.modalProduct .modal-content .form-group.subtype-field select,.modalProduct .modal-content .form-group.type-field select{width:100%;padding:var(--spacing-md) var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .2s ease;background:var(--background-color-1);color:var(--color-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.modalProduct .modal-content .form-group.brand-field select:focus,.modalProduct .modal-content .form-group.subtype-field select:focus,.modalProduct .modal-content .form-group.type-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .19rem rgba(102,126,234,.1);transform:translateY(-.06rem)}.modalProduct .modal-content .form-group.brand-field select:hover,.modalProduct .modal-content .form-group.subtype-field select:hover,.modalProduct .modal-content .form-group.type-field select:hover{border-color:#d1d5db}.modalProduct .modal-content .form-group.brand-field select option,.modalProduct .modal-content .form-group.subtype-field select option,.modalProduct .modal-content .form-group.type-field select option{background:var(--background-color-1);color:var(--color-primary);padding:var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-md);font-weight:500;border:none;border-radius:var(--radius-sm);margin:.125rem;transition:all .2s ease}.modalProduct .modal-content .form-group.brand-field select option:hover,.modalProduct .modal-content .form-group.subtype-field select option:hover,.modalProduct .modal-content .form-group.type-field select option:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#667eea;transform:translateX(.25rem)}.modalProduct .modal-content .form-group.brand-field select option:checked,.modalProduct .modal-content .form-group.brand-field select option:focus,.modalProduct .modal-content .form-group.subtype-field select option:checked,.modalProduct .modal-content .form-group.subtype-field select option:focus,.modalProduct .modal-content .form-group.type-field select option:checked,.modalProduct .modal-content .form-group.type-field select option:focus{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-secondary);font-weight:600;box-shadow:0 .25rem .5rem rgba(102,126,234,.3)}.modalProduct .modal-content .form-group.brand-field{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 .25rem .5rem rgba(245,158,11,.1)}.modalProduct .modal-content .form-group.brand-field label{color:#92400e;position:relative}.modalProduct .modal-content .form-group.brand-field label:after{content:"🏷️";margin-left:var(--spacing-sm);font-size:var(--font-size-sm)}.modalProduct .modal-content .form-group.brand-field select{border-color:#f59e0b}.modalProduct .modal-content .form-group.brand-field select:focus{border-color:#d97706;box-shadow:0 0 0 .19rem rgba(245,158,11,.15)}.modalProduct .modal-content .form-group.type-field{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e0;box-shadow:0 .25rem .5rem rgba(203,213,224,.1)}.modalProduct .modal-content .form-group.type-field label{color:#4a5568;position:relative}.modalProduct .modal-content .form-group.type-field label:after{content:"⚙️";margin-left:var(--spacing-sm);font-size:var(--font-size-sm)}.modalProduct .modal-content .form-group.type-field select{border-color:#cbd5e0}.modalProduct .modal-content .form-group.type-field select:focus{border-color:#a0aec0;box-shadow:0 0 0 .19rem rgba(203,213,224,.15)}.modalProduct .modal-content .form-group.subtype-field{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-color:#81e6d9;box-shadow:0 .25rem .5rem rgba(129,230,217,.1)}.modalProduct .modal-content .form-group.subtype-field label{color:#2d3748;position:relative}.modalProduct .modal-content .form-group.subtype-field label:after{content:"🔧";margin-left:var(--spacing-sm);font-size:var(--font-size-sm)}.modalProduct .modal-content .form-group.subtype-field select{border-color:#81e6d9}.modalProduct .modal-content .form-group.subtype-field select:focus{border-color:#4fd1c7;box-shadow:0 0 0 .19rem rgba(129,230,217,.15)}.modalProduct .modal-content .price-quantity-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modalProduct .modal-content .breakdown-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border:.06rem solid #e2e8f0}.modalProduct .modal-content .breakdown-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin:0 0 var(--spacing-md) 0;text-align:center}.modalProduct .modal-content .breakdown-section .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:.06rem solid #e5e7eb;transition:all .2s ease}.modalProduct .modal-content .breakdown-section .breakdown-item:last-child{border-bottom:none}.modalProduct .modal-content .breakdown-section .breakdown-item p{margin:0;color:#6b7280;font-weight:500}.modalProduct .modal-content .breakdown-section .breakdown-item .value{font-weight:600;color:var(--color-primary)}.modalProduct .modal-content .breakdown-section .breakdown-item.tax-item{background:linear-gradient(135deg,#fef3c7,#fde68a);margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:.06rem solid #f59e0b;animation:slideInFromTop .3s ease-out}.modalProduct .modal-content .breakdown-section .breakdown-item.tax-item p{color:#92400e;font-weight:600}.modalProduct .modal-content .breakdown-section .breakdown-item.tax-item .value{color:#92400e;font-weight:700}.modalProduct .modal-content .breakdown-section .breakdown-item.total-item{font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary);background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-secondary);margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-sm);border:none}.modalProduct .modal-content .breakdown-section .breakdown-item.total-item p{color:var(--color-secondary);font-weight:700}.modalProduct .modal-content .breakdown-section .breakdown-item.total-item .value{color:var(--color-secondary);font-weight:700;font-size:var(--font-size-lg)}.modalProduct .modal-content .breakdown-section .tax-selector{display:flex;align-items:center;justify-content:center;margin:var(--spacing-md) 0;padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);border:.06rem solid #e2e8f0}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);transition:all .2s ease}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label:hover{color:#667eea;transform:translateY(-.03rem)}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label .tax-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label .tax-checkbox:checked+.checkbox-custom{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.1)}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label .tax-checkbox:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label .tax-checkbox:focus+.checkbox-custom{box-shadow:0 0 0 .19rem rgba(102,126,234,.2)}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label .checkbox-custom{position:relative;width:1.25rem;height:1.25rem;background:var(--background-color-1);border:.125rem solid #d1d5db;border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label .checkbox-custom:after{content:"✓";position:absolute;opacity:0;transform:scale(.5);transition:all .2s ease;color:var(--color-secondary);font-weight:700;font-size:var(--font-size-sm)}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label .checkbox-custom:hover{border-color:#667eea;transform:scale(1.05);box-shadow:0 .125rem .25rem rgba(102,126,234,.15)}.modalProduct .modal-content .breakdown-section .tax-selector .tax-checkbox-label .tax-label-text{font-weight:600;letter-spacing:.025em}.modalProduct .modal-content .modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:center}.modalProduct .modal-content .modal-actions button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease;border:none;min-width:7.5rem}.modalProduct .modal-content .modal-actions button:first-child{background:#f3f4f6;color:var(--color-primary);border:.125rem solid #e5e7eb}.modalProduct .modal-content .modal-actions button:first-child:hover{background:#e5e7eb;transform:translateY(-.06rem)}.modalProduct .modal-content .modal-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-secondary);box-shadow:0 .25rem .88rem 0 rgba(102,126,234,.4)}.modalProduct .modal-content .modal-actions button:last-child:hover{transform:translateY(-.125rem);box-shadow:0 .38rem 1.25rem 0 rgba(102,126,234,.5)}.modalProduct .modal-content .modal-actions button:last-child:disabled{opacity:.6;cursor:not-allowed;transform:none}.content{display:block}.main-blur{filter:blur(5px);transition:filter .3s ease}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:var(--background-color-1);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);max-height:12.5rem;overflow-y:auto;z-index:1000;list-style:none;padding:0;margin:var(--spacing-sm) 0 0 0;animation:slideDown .2s ease-out}.suggestions-list li{padding:var(--spacing-md) var(--spacing-md);cursor:pointer;border-bottom:.06rem solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateX(.25rem)}.suggestions-list li .product-name{font-weight:500;color:var(--color-primary);font-size:var(--font-size-sm)}.suggestions-list li .product-id{font-size:var(--font-size-xs);color:#6b7280;font-style:italic;background:#f3f4f6;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.loading-indicator{position:absolute;top:100%;left:0;right:0;background:#f8fafc;border:.125rem solid #e5e7eb;text-align:center;color:#6b7280;font-weight:500;animation:slideDown .2s ease-out;z-index:1001}.loading-indicator:before{content:"";display:inline-block;width:1rem;height:1rem;border:.125rem solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-sm)}.no-suggestions{position:absolute;top:100%;left:0;right:0;background:#fef3c7;border:.125rem solid #fbbf24;border-radius:var(--radius-sm);text-align:center;color:#92400e;font-weight:500;animation:slideDown .2s ease-out;z-index:1001}.no-suggestions,.saving-indicator{padding:var(--spacing-md);font-size:var(--font-size-sm)}.saving-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:.06rem solid #81e6d9;border-radius:var(--radius-sm);color:#2d3748;font-weight:600;animation:slideDown .3s ease-out}.saving-indicator .saving-spinner{width:1rem;height:1rem;border:.125rem solid #81e6d9;border-top-color:#2d3748;border-radius:50%;animation:spin 1s linear infinite}.form-group{position:relative}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-group select::-ms-expand{display:none}.form-group select::-webkit-scrollbar{width:.5rem}.form-group select::-webkit-scrollbar-track{background:#f1f5f9;border-radius:var(--radius-sm)}.form-group select::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-sm)}.form-group select::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-1.25rem);max-height:0;padding:0;margin:0}to{opacity:1;transform:translateY(0);max-height:6.25rem;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}}.order-details-new .modal-client-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.order-details-new .modal-client{background-color:#fff;width:60%;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1001;position:relative}.order-details-new .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.order-details-new .modal-header h3{font-size:18px;margin:0}.order-details-new .modal-header svg{cursor:pointer;color:#555;font-size:18px}.order-details-new .modal-body{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;color:#333}.order-details-new .modal-body input{all:unset;border:2px solid #000;margin-top:var(--spacing-sm);border-radius:.4rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.order-details-new .modal-footer{text-align:right}.order-details-new .modal-footer button{background-color:var(--background-color-2);color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:5px;cursor:pointer;transition:background-color .3s}.order-details-new .modal-footer button:hover{background-color:#0056b3}.order-details-new .main-blur{filter:blur(5px);pointer-events:none}.order-details-new .modal-close{display:none}.modalProduct .products-list{max-height:60vh;overflow-y:auto;margin:var(--spacing-lg) 0}.modalProduct .products-list .product-item{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:.06rem solid #e2e8f0;box-shadow:0 .25rem .5rem rgba(0,0,0,.05);transition:all .3s ease}.modalProduct .products-list .product-item:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.modalProduct .products-list .product-item .product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:.06rem solid #e5e7eb}.modalProduct .products-list .product-item .product-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin:0}.modalProduct .products-list .product-item .product-header .delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-secondary);border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.modalProduct .products-list .product-item .product-header .delete-button:hover{transform:translateY(-.06rem);box-shadow:0 .25rem .5rem rgba(239,68,68,.3)}.modalProduct .products-list .product-item .product-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modalProduct .products-list .product-item .product-fields .form-group{margin-bottom:0}.modalProduct .products-list .product-item .product-fields .form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.modalProduct .products-list .product-item .product-fields .form-group input,.modalProduct .products-list .product-item .product-fields .form-group select{width:100%;padding:var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary)}.modalProduct .products-list .product-item .product-fields .form-group input:focus,.modalProduct .products-list .product-item .product-fields .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .19rem rgba(102,126,234,.1),0 .25rem .5rem rgba(102,126,234,.15);transform:translateY(-.06rem) scale(1.02)}.modalProduct .products-list .product-item .product-fields .form-group input:hover,.modalProduct .products-list .product-item .product-fields .form-group select:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.modalProduct .products-list .product-item .product-fields .form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.modalProduct .products-list .product-item .product-fields .form-group .readonly-field{background:#f8fafc!important;color:#6b7280!important;cursor:not-allowed!important;border-color:#e5e7eb!important}.modalProduct .products-list .product-item .product-fields .form-group .readonly-field:hover{transform:none!important;box-shadow:none!important}.modalProduct .products-list .product-item .product-fields .form-group .readonly-field:focus{outline:none!important;border-color:#e5e7eb!important;box-shadow:none!important;transform:none!important}.modalProduct .products-list .product-item .product-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-sm);padding:var(--spacing-md);color:var(--color-secondary)}.modalProduct .products-list .product-item .product-summary .summary-item{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--font-size-md)}.modalProduct .products-list .product-item .product-summary .summary-item span:first-child{color:hsla(0,0%,100%,.9)}.modalProduct .products-list .product-item .product-summary .summary-item span:last-child{font-weight:700;font-size:var(--font-size-lg)}.modalProduct .products-list .no-products{text-align:center;padding:var(--spacing-xxl);color:#6b7280;font-size:var(--font-size-lg);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);border:.06rem solid #e2e8f0}.modalAbonar{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.modalAbonar .modal-abono-content{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 1.56rem 3.13rem -.75rem rgba(0,0,0,.25),0 0 0 .06rem hsla(0,0%,100%,.1);width:100%;max-width:37.5rem;max-height:90vh;overflow-y:auto;padding:var(--spacing-xl);position:relative;animation:slideUp .3s ease-out}.modalAbonar .modal-abono-content h2{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-xl) 0;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modalAbonar .modal-abono-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin:var(--spacing-xl) 0 var(--spacing-lg) 0;text-align:center}.modalAbonar .modal-abono-content .form-group{margin-bottom:var(--spacing-lg);width:100%}.modalAbonar .modal-abono-content .form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.modalAbonar .modal-abono-content .form-group input,.modalAbonar .modal-abono-content .form-group select{width:100%;padding:var(--spacing-md) var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary);position:relative}.modalAbonar .modal-abono-content .form-group input:focus,.modalAbonar .modal-abono-content .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .19rem rgba(102,126,234,.1),0 .25rem .5rem rgba(102,126,234,.15);transform:translateY(-.06rem) scale(1.02)}.modalAbonar .modal-abono-content .form-group input:hover,.modalAbonar .modal-abono-content .form-group select:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.modalAbonar .modal-abono-content .form-group input::placeholder,.modalAbonar .modal-abono-content .form-group select::placeholder{color:#9ca3af;transition:color .2s ease}.modalAbonar .modal-abono-content .form-group input:focus::placeholder,.modalAbonar .modal-abono-content .form-group select:focus::placeholder{color:#cbd5e0}.modalAbonar .modal-abono-content .form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.modalAbonar .modal-abono-content .form-group select option{background:var(--background-color-1);color:var(--color-primary);padding:var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-md);font-weight:500;border:none;border-radius:var(--radius-sm);margin:.125rem;transition:all .2s ease}.modalAbonar .modal-abono-content .form-group select option:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#667eea;transform:translateX(.25rem)}.modalAbonar .modal-abono-content .form-group select option:checked,.modalAbonar .modal-abono-content .form-group select option:focus{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-secondary);font-weight:600;box-shadow:0 .25rem .5rem rgba(102,126,234,.3)}.modalAbonar .modal-abono-content .price-quantity-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modalAbonar .modal-abono-content .abonos-list{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border:.06rem solid #e2e8f0;max-height:20rem;overflow-y:auto}.modalAbonar .modal-abono-content .abonos-list .abono-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:.06rem solid #e5e7eb;transition:all .2s ease}.modalAbonar .modal-abono-content .abonos-list .abono-item:last-child{border-bottom:none}.modalAbonar .modal-abono-content .abonos-list .abono-item:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateX(.25rem);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:0 calc(-1 * var(--spacing-md))}.modalAbonar .modal-abono-content .abonos-list .abono-item .abono-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1}.modalAbonar .modal-abono-content .abonos-list .abono-item .abono-info .abono-amount{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.modalAbonar .modal-abono-content .abonos-list .abono-item .abono-info .abono-details{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:#6b7280}.modalAbonar .modal-abono-content .abonos-list .abono-item .abono-info .abono-details .abono-date,.modalAbonar .modal-abono-content .abonos-list .abono-item .abono-info .abono-details .abono-method{font-weight:500}.modalAbonar .modal-abono-content .abonos-list .abono-item .abono-actions button{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;background:#ef4444;color:var(--color-secondary)}.modalAbonar .modal-abono-content .abonos-list .abono-item .abono-actions button:hover{background:#dc2626;transform:translateY(-.03rem)}.modalAbonar .modal-abono-content .abonos-list::-webkit-scrollbar{width:.5rem}.modalAbonar .modal-abono-content .abonos-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:var(--radius-sm)}.modalAbonar .modal-abono-content .abonos-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-sm)}.modalAbonar .modal-abono-content .abonos-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.modalAbonar .modal-abono-content .nuevo-abono{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border:.06rem solid #e2e8f0}.modalAbonar .modal-abono-content .nuevo-abono .form-group{margin-bottom:var(--spacing-md)}.modalAbonar .modal-abono-content .modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:center}.modalAbonar .modal-abono-content .modal-actions button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease;border:none;min-width:7.5rem}.modalAbonar .modal-abono-content .modal-actions button:first-child{background:#f3f4f6;color:var(--color-primary);border:.125rem solid #e5e7eb}.modalAbonar .modal-abono-content .modal-actions button:first-child:hover{background:#e5e7eb;transform:translateY(-.06rem)}.modalAbonar .modal-abono-content .modal-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-secondary);box-shadow:0 .25rem .88rem 0 rgba(102,126,234,.4)}.modalAbonar .modal-abono-content .modal-actions button:last-child:hover{transform:translateY(-.125rem);box-shadow:0 .38rem 1.25rem 0 rgba(102,126,234,.5)}.modalAbonar .modal-abono-content .modal-actions button:last-child:disabled{opacity:.6;cursor:not-allowed;transform:none}.modalAbonar .modal-abono-content .loading-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0;background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:.06rem solid #81e6d9;border-radius:var(--radius-sm);color:#2d3748;font-size:var(--font-size-sm);font-weight:600;animation:slideDown .3s ease-out}.modalAbonar .modal-abono-content .loading-indicator .loading-spinner{width:1rem;height:1rem;border:.125rem solid #81e6d9;border-top-color:#2d3748;border-radius:50%;animation:spin 1s linear infinite}.modalAbonar .modal-abono-content .empty-state{text-align:center;padding:var(--spacing-xxl);color:#6b7280}.modalAbonar .modal-abono-content .empty-state .empty-icon{font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-lg);opacity:.5}.modalAbonar .modal-abono-content .empty-state .empty-text{font-size:var(--font-size-md);font-weight:500}.modalAbonar .modal-abono-content .status-message{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600;font-size:var(--font-size-sm)}.modalAbonar .modal-abono-content .status-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.modalAbonar .modal-abono-content .status-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}@media (max-width:768px){.modalAbonar{padding:var(--spacing-sm)}.modalAbonar .modal-abono-content{max-width:100%;padding:var(--spacing-lg)}.modalAbonar .modal-abono-content .price-quantity-row{grid-template-columns:1fr}.modalAbonar .modal-abono-content .modal-actions{flex-direction:column}.modalAbonar .modal-abono-content .modal-actions button{width:100%}}.modalDiscount{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.modalDiscount .modal-content{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 1.56rem 3.13rem -.75rem rgba(0,0,0,.25),0 0 0 .06rem hsla(0,0%,100%,.1);width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;padding:var(--spacing-xl);position:relative;animation:slideUp .3s ease-out}.modalDiscount .modal-content .container-title-modal{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:.125rem solid #e5e7eb}.modalDiscount .modal-content .container-title-modal .title h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin:0;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modalDiscount .modal-content .container-title-modal .total h1{font-size:var(--font-size-xxl);font-weight:800;color:#f59e0b;margin:0;text-shadow:0 .125rem .25rem rgba(245,158,11,.3)}.modalDiscount .modal-content .subtotal-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:.125rem solid #f59e0b;border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.modalDiscount .modal-content .subtotal-info p{font-size:var(--font-size-md);font-weight:600;color:#92400e;margin:0}.modalDiscount .modal-content .container-discount-inputs{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:.06rem solid #e2e8f0}.modalDiscount .modal-content .container-discount-inputs .inputs-price{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.modalDiscount .modal-content .container-discount-inputs .inputs-price label{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.modalDiscount .modal-content .container-discount-inputs .inputs-price label input{width:100%;padding:var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary)}.modalDiscount .modal-content .container-discount-inputs .inputs-price label input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 .19rem rgba(245,158,11,.1),0 .25rem .5rem rgba(245,158,11,.15);transform:translateY(-.06rem) scale(1.02)}.modalDiscount .modal-content .container-discount-inputs .inputs-price label input:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.modalDiscount .modal-content .container-discount-inputs .inputs-price label input::placeholder{color:#9ca3af;transition:color .2s ease}.modalDiscount .modal-content .container-discount-inputs .inputs-price label input:focus::placeholder{color:#cbd5e0}.modalDiscount .modal-content .notes-input{margin-bottom:var(--spacing-xl)}.modalDiscount .modal-content .notes-input label{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.modalDiscount .modal-content .notes-input label input{width:100%;padding:var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary)}.modalDiscount .modal-content .notes-input label input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 .19rem rgba(245,158,11,.1),0 .25rem .5rem rgba(245,158,11,.15);transform:translateY(-.06rem) scale(1.02)}.modalDiscount .modal-content .notes-input label input:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.modalDiscount .modal-content .notes-input label input::placeholder{color:#9ca3af;transition:color .2s ease}.modalDiscount .modal-content .notes-input label input:focus::placeholder{color:#cbd5e0}.modalDiscount .modal-content .modal-actions{display:flex;gap:var(--spacing-md);justify-content:center}.modalDiscount .modal-content .modal-actions .container-buttons-discount{display:flex;gap:var(--spacing-md)}.modalDiscount .modal-content .modal-actions .container-buttons-discount button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease;border:none;min-width:7.5rem}.modalDiscount .modal-content .modal-actions .container-buttons-discount button.cancelar{background:#f3f4f6;color:var(--color-primary);border:.125rem solid #e5e7eb}.modalDiscount .modal-content .modal-actions .container-buttons-discount button.cancelar:hover{background:#e5e7eb;transform:translateY(-.06rem)}.modalDiscount .modal-content .modal-actions .container-buttons-discount button.guardar{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--color-secondary);box-shadow:0 .25rem .88rem 0 rgba(245,158,11,.4)}.modalDiscount .modal-content .modal-actions .container-buttons-discount button.guardar:hover{transform:translateY(-.125rem);box-shadow:0 .38rem 1.25rem 0 rgba(245,158,11,.5)}.modalDiscount .modal-content .modal-actions .container-buttons-discount button.guardar:disabled{opacity:.6;cursor:not-allowed;transform:none}.modalDiscount .modal-content .loading-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0;background:linear-gradient(135deg,#fef3c7,#fde68a);border:.06rem solid #f59e0b;border-radius:var(--radius-sm);color:#92400e;font-size:var(--font-size-sm);font-weight:600;animation:slideDown .3s ease-out}.modalDiscount .modal-content .loading-indicator .loading-spinner{width:1rem;height:1rem;border:.125rem solid #f59e0b;border-top-color:#92400e;border-radius:50%;animation:spin 1s linear infinite}.modalDiscount .modal-content .status-message{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600;font-size:var(--font-size-sm)}.modalDiscount .modal-content .status-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.modalDiscount .modal-content .status-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}@media (max-width:768px){.modalDiscount{padding:var(--spacing-sm)}.modalDiscount .modal-content{max-width:100%;padding:var(--spacing-lg)}.modalDiscount .modal-content .container-discount-inputs .inputs-price{grid-template-columns:1fr}.modalDiscount .modal-content .modal-actions .container-buttons{flex-direction:column}.modalDiscount .modal-content .modal-actions .container-buttons button{width:100%}}.confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.confirmation-modal .confirmation-modal-content{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 1.56rem 3.13rem -.75rem rgba(0,0,0,.25),0 0 0 .06rem hsla(0,0%,100%,.1);width:100%;max-width:25rem;padding:var(--spacing-xl);position:relative;animation:slideUp .3s ease-out;text-align:center}.confirmation-modal .confirmation-modal-content .confirmation-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.confirmation-modal .confirmation-modal-content .confirmation-header .confirmation-icon{font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);border-radius:50%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:.125rem solid #e2e8f0;transition:all .3s ease}.confirmation-modal .confirmation-modal-content .confirmation-header .confirmation-icon.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.confirmation-modal .confirmation-modal-content .confirmation-header .confirmation-icon.danger{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444;color:#dc2626}.confirmation-modal .confirmation-modal-content .confirmation-header .confirmation-icon.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1d4ed8}.confirmation-modal .confirmation-modal-content .confirmation-header .confirmation-icon.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#047857}.confirmation-modal .confirmation-modal-content .confirmation-header .confirmation-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin:0;text-align:center}.confirmation-modal .confirmation-modal-content .confirmation-body{margin-bottom:var(--spacing-xl)}.confirmation-modal .confirmation-modal-content .confirmation-body .confirmation-message{font-size:var(--font-size-md);color:#6b7280;line-height:1.5;margin:0;text-align:center}.confirmation-modal .confirmation-modal-content .confirmation-actions{display:flex;gap:var(--spacing-md);justify-content:center}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;min-width:7.5rem;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.cancel-btn{background:#f3f4f6;color:var(--color-primary);border:.125rem solid #e5e7eb}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.cancel-btn:hover:not(:disabled){background:#e5e7eb;transform:translateY(-.06rem)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn{color:var(--color-secondary);box-shadow:0 .25rem .88rem 0 rgba(0,0,0,.15)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .38rem 1.25rem 0 rgba(0,0,0,.2)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 .25rem .88rem 0 rgba(245,158,11,.4)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn.warning:hover:not(:disabled){box-shadow:0 .38rem 1.25rem 0 rgba(245,158,11,.5)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 .25rem .88rem 0 rgba(239,68,68,.4)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn.danger:hover:not(:disabled){box-shadow:0 .38rem 1.25rem 0 rgba(239,68,68,.5)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn.info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 .25rem .88rem 0 rgba(59,130,246,.4)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn.info:hover:not(:disabled){box-shadow:0 .38rem 1.25rem 0 rgba(59,130,246,.5)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 .25rem .88rem 0 rgba(16,185,129,.4)}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn.confirm-btn.success:hover:not(:disabled){box-shadow:0 .38rem 1.25rem 0 rgba(16,185,129,.5)}@media (max-width:768px){.confirmation-modal{padding:var(--spacing-sm)}.confirmation-modal .confirmation-modal-content{max-width:100%;padding:var(--spacing-lg)}.confirmation-modal .confirmation-modal-content .confirmation-actions{flex-direction:column}.confirmation-modal .confirmation-modal-content .confirmation-actions .confirmation-btn{width:100%}}.error-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.error-modal .error-modal-content{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 1.56rem 3.13rem -.75rem rgba(0,0,0,.25),0 0 0 .06rem hsla(0,0%,100%,.1);width:100%;max-width:25rem;padding:var(--spacing-xl);position:relative;animation:slideUp .3s ease-out;text-align:center}.error-modal .error-modal-content .error-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.error-modal .error-modal-content .error-header .error-icon{font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);border-radius:50%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:.125rem solid #e2e8f0;transition:all .3s ease}.error-modal .error-modal-content .error-header .error-icon.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b}.error-modal .error-modal-content .error-header .error-icon.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.error-modal .error-modal-content .error-header .error-icon.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.error-modal .error-modal-content .error-header .error-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-color-primary);margin:0}.error-modal .error-modal-content .error-body{margin-bottom:var(--spacing-lg)}.error-modal .error-modal-content .error-body .error-message{font-size:var(--font-size-base);color:var(--text-color-secondary);line-height:1.5;margin:0}.error-modal .error-modal-content .error-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.error-modal .error-modal-content .error-actions .error-btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary);min-width:100px}.error-modal .error-modal-content .error-actions .error-btn.close-btn{background:var(--color-primary);color:var(--color-secondary);box-shadow:0 2px 4px rgba(0,0,0,.1)}.error-modal .error-modal-content .error-actions .error-btn.close-btn:hover{background:var(--color-primary-dark,#1e40af);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.error-modal .error-modal-content .error-actions .error-btn.close-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.car-loader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}.car-loader.car-loader-small{min-height:8rem}.car-loader.car-loader-small .car-loader-container{transform:scale(.7)}.car-loader.car-loader-medium{min-height:12rem}.car-loader.car-loader-medium .car-loader-container{transform:scale(1)}.car-loader.car-loader-large{min-height:16rem}.car-loader.car-loader-large .car-loader-container{transform:scale(1.3)}.car-loader-container{position:relative;width:20rem;height:8rem;display:flex;align-items:center;justify-content:center}.road{position:absolute;bottom:0;left:0;right:0;height:3rem;background:linear-gradient(90deg,var(--bg-accent) 0,var(--bg-accent-light) 50%,var(--bg-accent) 100%);border-radius:.5rem;overflow:hidden}.road .road-line{position:absolute;top:50%;left:-2rem;width:2rem;height:.25rem;background:var(--color-third);border-radius:.125rem;animation:roadMove 2s linear infinite;transform:translateY(-50%)}.road .road-line:first-child{animation-delay:0s}.road .road-line:nth-child(2){animation-delay:.5s}.road .road-line:nth-child(3){animation-delay:1s}.car{position:relative;z-index:10;animation:carBounce 1.5s ease-in-out infinite}.car .car-body{width:4rem;height:2rem;background:linear-gradient(135deg,var(--color-third) 0,#f39c12 50%,var(--color-third) 100%);border-radius:.5rem .5rem .25rem .25rem;position:relative;box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}.car .car-body .car-window{position:absolute;top:.25rem;width:.75rem;height:.75rem;background:hsla(0,0%,100%,.3);border-radius:.125rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.car .car-body .car-window:first-child{left:.5rem}.car .car-body .car-window:last-child{right:.5rem}.car .car-wheel{position:absolute;width:.75rem;height:.75rem;background:var(--bg-accent);border:.125rem solid var(--color-secondary);border-radius:50%;bottom:-.375rem;animation:wheelSpin .5s linear infinite}.car .car-wheel .wheel-spoke{position:absolute;top:50%;left:50%;width:.125rem;height:.5rem;background:var(--color-secondary);transform-origin:50% 0;border-radius:.0625rem}.car .car-wheel .wheel-spoke:first-child{transform:translate(-50%,-50%) rotate(0deg)}.car .car-wheel .wheel-spoke:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}.car .car-wheel .wheel-spoke:nth-child(3){transform:translate(-50%,-50%) rotate(180deg)}.car .car-wheel .wheel-spoke:nth-child(4){transform:translate(-50%,-50%) rotate(270deg)}.car .car-wheel.car-wheel-front{left:.5rem}.car .car-wheel.car-wheel-back{right:.5rem}.speed-lines{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:5}.speed-lines .speed-line{position:absolute;width:.125rem;height:1.5rem;background:linear-gradient(90deg,transparent 0,var(--color-third) 50%,transparent 100%);animation:speedLine 1s linear infinite;opacity:.8}.speed-lines .speed-line:first-child{top:-.75rem;animation-delay:0s}.speed-lines .speed-line:nth-child(2){top:-.25rem;animation-delay:.2s}.speed-lines .speed-line:nth-child(3){top:.25rem;animation-delay:.4s}.speed-lines .speed-line:nth-child(4){top:.75rem;animation-delay:.6s}.car-loader-message{margin-top:2rem;text-align:center}.car-loader-message p{color:var(--color-secondary);font-size:var(--font-size-lg);font-weight:500;margin:0;animation:messagePulse 2s ease-in-out infinite;font-family:var(--font-primary)}@keyframes roadMove{0%{transform:translateX(-2rem) translateY(-50%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(100vw + 2rem)) translateY(-50%);opacity:0}}@keyframes carBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}@keyframes wheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes speedLine{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(-2rem);opacity:0}}@keyframes messagePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (max-width:768px){.car-loader.car-loader-small{min-height:6rem}.car-loader.car-loader-small .car-loader-container{transform:scale(.5)}.car-loader.car-loader-medium{min-height:8rem}.car-loader.car-loader-medium .car-loader-container{transform:scale(.7)}.car-loader.car-loader-large{min-height:10rem}.car-loader.car-loader-large .car-loader-container{transform:scale(.9)}.car-loader-message{margin-top:1rem}.car-loader-message p{font-size:.875rem}}@media (prefers-color-scheme:dark){.car-loader{background:#000!important}}.race-car-loader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(135deg,#000,#1a1a1a 50%,#000);overflow:hidden;font-family:var(--font-primary)}.race-car-loader.race-car-loader-racing{background:linear-gradient(135deg,#000,#1a1a1a 30%,#2d1b1b 70%,#000)}.race-car-loader.race-car-loader-speed{background:linear-gradient(135deg,#000,#1a1a2e 50%,#16213e)}.race-car-loader.race-car-loader-turbo{background:linear-gradient(135deg,#000,#2d1b1b 30%,#1a1a1a 70%,#000)}.race-car-loader.race-car-loader-small{min-height:8rem}.race-car-loader.race-car-loader-small .race-car-loader-container{transform:scale(.7)}.race-car-loader.race-car-loader-medium{min-height:12rem}.race-car-loader.race-car-loader-medium .race-car-loader-container{transform:scale(1)}.race-car-loader.race-car-loader-large{min-height:16rem}.race-car-loader.race-car-loader-large .race-car-loader-container{transform:scale(1.3)}.race-car-loader-container{position:relative;width:24rem;height:10rem;display:flex;align-items:center;justify-content:center}.race-track{position:absolute;bottom:0;left:0;right:0;height:4rem;background:linear-gradient(90deg,#2a2a2a,#404040 20%,#2a2a2a 40%,#404040 60%,#2a2a2a 80%,#404040);border-radius:.5rem;overflow:hidden;box-shadow:inset 0 .25rem .5rem rgba(0,0,0,.3),0 0 1rem rgba(255,0,0,.1)}.race-track .track-lines{position:absolute;top:50%;left:0;right:0;height:.125rem;transform:translateY(-50%)}.race-track .track-lines .track-line{position:absolute;width:2rem;height:.125rem;background:linear-gradient(90deg,transparent,red 50%,transparent);border-radius:.0625rem;animation:trackMove 1.5s linear infinite;opacity:.8}.race-track .track-lines .track-line:first-child{left:0;animation-delay:0s}.race-track .track-lines .track-line:nth-child(2){left:25%;animation-delay:.3s}.race-track .track-lines .track-line:nth-child(3){left:50%;animation-delay:.6s}.race-track .track-lines .track-line:nth-child(4){left:75%;animation-delay:.9s}.speed-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.speed-effects .speed-particle{position:absolute;width:.25rem;height:.25rem;background:radial-gradient(circle,red 0,transparent 70%);border-radius:50%;animation:speedParticle 2s linear infinite;opacity:.6}.speed-effects .speed-particle:first-child{top:20%;left:20%;animation-delay:0s}.speed-effects .speed-particle:nth-child(2){top:40%;left:40%;animation-delay:.4s}.speed-effects .speed-particle:nth-child(3){top:60%;left:60%;animation-delay:.8s}.speed-effects .speed-particle:nth-child(4){top:80%;left:80%;animation-delay:1.2s}.speed-effects .speed-particle:nth-child(5){top:30%;left:70%;animation-delay:1.6s}.race-car{position:relative;z-index:10;animation:raceCarBounce 1.2s ease-in-out infinite}.race-car .car-body{width:5rem;height:2.5rem;background:linear-gradient(135deg,#dc2626,#ef4444 30%,#dc2626 60%,#b91c1c);border-radius:.75rem .75rem .25rem .25rem;position:relative;box-shadow:0 .5rem 1rem rgba(220,38,38,.3),inset 0 .125rem .25rem hsla(0,0%,100%,.2);border:.125rem solid #991b1b}.race-car .car-body .car-spoiler{position:absolute;top:-.25rem;left:50%;transform:translateX(-50%);width:1.5rem;height:.25rem;background:linear-gradient(90deg,#1a1a1a,#404040);border-radius:.125rem .125rem 0 0}.race-car .car-body .car-windshield{position:absolute;top:.25rem;left:.5rem;right:.5rem;height:.75rem;background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1));border-radius:.25rem .25rem 0 0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.race-car .car-body .car-side-window{position:absolute;top:.5rem;left:.25rem;width:.5rem;height:1rem;background:hsla(0,0%,100%,.2);border-radius:.125rem}.race-car .car-body .car-stripe{position:absolute;top:50%;left:.5rem;right:.5rem;height:.125rem;background:linear-gradient(90deg,transparent,#fff 50%,transparent);transform:translateY(-50%);border-radius:.0625rem}.race-car .car-body .car-number{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);color:#fff;font-size:.5rem;font-weight:900;text-shadow:0 .0625rem .125rem rgba(0,0,0,.5);font-family:var(--font-secondary)}.race-car .car-body .car-headlight{position:absolute;top:.75rem;width:.25rem;height:.25rem;background:radial-gradient(circle,#fff 0,#fbbf24 70%);border-radius:50%;box-shadow:0 0 .5rem hsla(0,0%,100%,.8)}.race-car .car-body .car-headlight.car-headlight-left{left:.25rem}.race-car .car-body .car-headlight.car-headlight-right{right:.25rem}.race-car .race-wheel{position:absolute;width:1rem;height:1rem;bottom:-.5rem;animation:raceWheelSpin .3s linear infinite}.race-car .race-wheel .wheel-rim{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#1a1a1a,#404040 50%,#1a1a1a);border:.125rem solid #666;border-radius:50%;box-shadow:inset 0 .125rem .25rem rgba(0,0,0,.3)}.race-car .race-wheel .wheel-spoke{position:absolute;top:50%;left:50%;width:.125rem;height:.75rem;background:linear-gradient(90deg,#666,#999);transform-origin:50% 0;border-radius:.0625rem}.race-car .race-wheel .wheel-spoke:nth-child(2){transform:translate(-50%,-50%) rotate(45deg)}.race-car .race-wheel .wheel-spoke:nth-child(3){transform:translate(-50%,-50%) rotate(90deg)}.race-car .race-wheel .wheel-spoke:nth-child(4){transform:translate(-50%,-50%) rotate(135deg)}.race-car .race-wheel .wheel-spoke:nth-child(5){transform:translate(-50%,-50%) rotate(180deg)}.race-car .race-wheel .wheel-spoke:nth-child(6){transform:translate(-50%,-50%) rotate(225deg)}.race-car .race-wheel .wheel-spoke:nth-child(7){transform:translate(-50%,-50%) rotate(270deg)}.race-car .race-wheel .wheel-spoke:nth-child(8){transform:translate(-50%,-50%) rotate(315deg)}.race-car .race-wheel.race-wheel-front{left:.75rem}.race-car .race-wheel.race-wheel-back{right:.75rem}.race-car .exhaust-effects{position:absolute;right:-1rem;top:50%;transform:translateY(-50%);pointer-events:none}.race-car .exhaust-effects .exhaust-smoke{position:absolute;width:.5rem;height:.5rem;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);border-radius:50%;animation:exhaustSmoke 1.5s linear infinite}.race-car .exhaust-effects .exhaust-smoke:first-child{animation-delay:0s}.race-car .exhaust-effects .exhaust-smoke:nth-child(2){animation-delay:.5s}.race-car .exhaust-effects .exhaust-smoke:nth-child(3){animation-delay:1s}.dynamic-speed-lines{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:5;pointer-events:none}.dynamic-speed-lines .speed-line{position:absolute;width:.125rem;height:2rem;background:linear-gradient(90deg,transparent,red 30%,#fff 50%,red 70%,transparent);animation:dynamicSpeedLine .8s linear infinite;opacity:.9}.dynamic-speed-lines .speed-line:first-child{top:-1rem;animation-delay:0s}.dynamic-speed-lines .speed-line:nth-child(2){top:-.5rem;animation-delay:.1s}.dynamic-speed-lines .speed-line:nth-child(3){top:0;animation-delay:.2s}.dynamic-speed-lines .speed-line:nth-child(4){top:.5rem;animation-delay:.3s}.dynamic-speed-lines .speed-line:nth-child(5){top:1rem;animation-delay:.4s}.dynamic-speed-lines .speed-line:nth-child(6){top:1.5rem;animation-delay:.5s}.race-car-loader-message{margin-top:2rem;text-align:center}.race-car-loader-message .message-container{display:flex;align-items:center;justify-content:center;gap:.5rem}.race-car-loader-message .message-container .loading-text{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin:0;animation:messageGlow 2s ease-in-out infinite;font-family:var(--font-primary);text-shadow:0 0 .5rem rgba(255,0,0,.5)}.race-car-loader-message .message-container .typing-indicator{display:flex;gap:.125rem}.race-car-loader-message .message-container .typing-indicator span{width:.25rem;height:.25rem;background:red;border-radius:50%;animation:typingDot 1.4s ease-in-out infinite}.race-car-loader-message .message-container .typing-indicator span:first-child{animation-delay:0s}.race-car-loader-message .message-container .typing-indicator span:nth-child(2){animation-delay:.2s}.race-car-loader-message .message-container .typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes trackMove{0%{transform:translateX(-2rem) translateY(-50%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(100vw + 2rem)) translateY(-50%);opacity:0}}@keyframes speedParticle{0%{transform:translateX(0) translateY(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(-4rem) translateY(-1rem) scale(1);opacity:0}}@keyframes raceCarBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-.125rem) rotate(.5deg)}50%{transform:translateY(-.25rem) rotate(0deg)}75%{transform:translateY(-.125rem) rotate(-.5deg)}}@keyframes raceWheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes exhaustSmoke{0%{transform:translateX(0) translateY(0) scale(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateX(-2rem) translateY(-.5rem) scale(1.5);opacity:0}}@keyframes dynamicSpeedLine{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(-3rem);opacity:0}}@keyframes messageGlow{0%,to{opacity:.8;text-shadow:0 0 .5rem rgba(255,0,0,.5)}50%{opacity:1;text-shadow:0 0 1rem rgba(255,0,0,.8)}}@keyframes typingDot{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.2);opacity:1}}@media (max-width:768px){.race-car-loader.race-car-loader-small{min-height:6rem}.race-car-loader.race-car-loader-small .race-car-loader-container{transform:scale(.5)}.race-car-loader.race-car-loader-medium{min-height:8rem}.race-car-loader.race-car-loader-medium .race-car-loader-container{transform:scale(.7)}.race-car-loader.race-car-loader-large{min-height:10rem}.race-car-loader.race-car-loader-large .race-car-loader-container{transform:scale(.9)}.race-car-loader-message{margin-top:1rem}.race-car-loader-message .message-container .loading-text{font-size:.875rem}}@media (prefers-color-scheme:dark){.race-car-loader{background:linear-gradient(135deg,#000,#1a1a1a 50%,#000)!important}}.page-transition{position:relative;width:100%;height:100%;overflow:hidden}.page-transition-loader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);animation:loaderFadeIn .3s ease-out}.page-transition-content{width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-transition-content.fade-in{opacity:1;transform:translateY(0);animation:contentFadeIn .5s ease-out}.page-transition-content.fade-out{opacity:0;transform:translateY(1rem);animation:contentFadeOut .3s ease-in}@keyframes loaderFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes contentFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}@media (max-width:768px){.page-transition-loader{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}}@media (prefers-color-scheme:dark){.page-transition-loader{background:var(--bg-accent)}}.initial-loader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-accent) 50%,var(--bg-primary) 100%);display:flex;align-items:center;justify-content:center;animation:initialLoaderFadeIn .5s ease-out}.initial-loader:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(252,211,49,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(252,211,49,.1) 0,transparent 50%);animation:backgroundParticles 3s ease-in-out infinite}@keyframes initialLoaderFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.initial-loader{background:var(--bg-primary)}}@media (prefers-color-scheme:dark){.initial-loader{background:linear-gradient(135deg,var(--bg-accent) 0,#1a1a1a 50%,var(--bg-accent) 100%)}}.auth-guard-loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:var(--background-color-2);display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;animation:authGuardFadeIn .3s ease-out}.auth-guard-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--background-color-3-40) 0,transparent 50%),radial-gradient(circle at 80% 20%,var(--background-color-3-40) 0,transparent 50%);animation:backgroundParticles 3s ease-in-out infinite}@keyframes authGuardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backgroundParticles{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media (max-width:768px){.auth-guard-loading{background:var(--bg-primary)}}@media (prefers-color-scheme:dark){.auth-guard-loading{background:var(--bg-accent)}}.notifications-dropdown-container{position:relative;display:inline-block;margin-left:auto}.notifications-button{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:.125rem solid var(--color-border);border-radius:50%;color:var(--text-color-primary);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-lg)}.notifications-button:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.notifications-button .notification-badge{position:absolute;top:-.25rem;right:-.25rem;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:.625rem;font-size:.625rem;font-weight:700;padding:0 .375rem;border:.125rem solid var(--background-color-1);box-shadow:0 .125rem .25rem rgba(239,68,68,.3);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;width:22rem;max-height:32rem;background:var(--background-color-1);border:.125rem solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 .625rem 1.5rem rgba(0,0,0,.15),0 .25rem .5rem rgba(0,0,0,.1);z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .3s ease-out;transform-origin:top left}@media (max-width:768px){.notifications-dropdown{width:calc(100vw - var(--spacing-xl));left:0;max-width:22rem}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:.125rem solid var(--color-border);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%)}.notifications-header h3{font-size:var(--font-size-lg);font-weight:700;color:var(--text-color-primary);margin:0}.notifications-header .mark-all-read-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:.125rem solid var(--color-border);border-radius:var(--radius-sm);color:var(--text-color-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .3s ease}.notifications-header .mark-all-read-button:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}.notifications-header .mark-all-read-button svg{font-size:var(--font-size-xs)}.notifications-list{flex:1 1;overflow-y:auto;max-height:28rem}.notifications-list::-webkit-scrollbar{width:.375rem}.notifications-list::-webkit-scrollbar-track{background:var(--color-hover)}.notifications-list::-webkit-scrollbar-thumb{background:var(--color-info);border-radius:var(--radius-sm)}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.notification-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:.125rem solid var(--color-border);cursor:pointer;transition:all .3s ease;background:var(--background-color-1)}.notification-item:hover{background:var(--color-hover)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:linear-gradient(135deg,rgba(59,130,246,.05) 0,var(--background-color-1) 100%);border-left:.25rem solid var(--color-primary)}.notification-item.unread:hover{background:linear-gradient(135deg,rgba(59,130,246,.1) 0,var(--color-hover) 100%)}.notification-item .notification-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notification-item .notification-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.notification-item .notification-header-row .notification-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-color-primary);margin:0;flex:1 1}.notification-item .notification-header-row .unread-indicator{font-size:.5rem;color:var(--color-primary);animation:pulse 2s ease-in-out infinite}.notification-item .notification-message{font-size:var(--font-size-sm);color:var(--text-color-secondary);margin:0;line-height:1.5}.notification-item .notification-time{font-size:var(--font-size-xs);color:var(--color-info);margin-top:var(--spacing-xs)}.notifications-empty,.notifications-loading{padding:var(--spacing-xl);text-align:center;color:var(--text-color-secondary);font-size:var(--font-size-sm)}.welcome-section{display:flex;align-items:center;gap:var(--spacing-md)}.welcome-section h1{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-color-primary)}@media (max-width:768px){.welcome-section h1{font-size:var(--font-size-lg)}}.order-details-new{padding:var(--spacing-xxl);padding-top:0;flex:1 1;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.order-details-new .title-order{width:100%;margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .25rem .5rem hsla(0,1%,48%,.05),0 0 0 .06rem hsla(0,0%,100%,.1);border-left:.25rem solid var(--background-color-3)}.order-details-new .title-order h3{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-accent);margin:0}.order-details-new .container-crud{display:grid;grid-template-columns:1fr 2fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-lg);height:auto;min-height:70vh}.order-details-new .user-asignado{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);padding:var(--spacing-xl);border:.06rem solid hsla(0,0%,100%,.1);position:relative;overflow:hidden}.order-details-new .user-asignado:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:var(--color-accent)}.order-details-new .user-asignado .title-new{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:.06rem solid #e5e7eb}.order-details-new .user-asignado .title-new p{font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.order-details-new .user-asignado .title-new svg{color:var(--color-error);cursor:pointer;transition:all .2s ease;padding:var(--spacing-sm);border-radius:50%}.order-details-new .user-asignado .title-new svg:hover{background:#fef2f2;transform:scale(1.1)}.order-details-new .user-asignado .container-usuario-info{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);border:.06rem solid #e2e8f0}.order-details-new .user-asignado .container-usuario-info img{width:4rem;height:4rem;border-radius:50%;border:.25rem solid var(--background-color-1);box-shadow:0 .25rem .5rem rgba(0,0,0,.1);margin-bottom:var(--spacing-md)}.order-details-new .user-asignado .container-usuario-info h3{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);text-align:center}.order-details-new .user-asignado .data-cliente{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-details-new .user-asignado .client-cars,.order-details-new .user-asignado .client-orders{margin-top:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);border:.06rem solid #e2e8f0}.order-details-new .user-asignado .client-cars h4,.order-details-new .user-asignado .client-orders h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.05em}.order-details-new .user-asignado .client-cars .cars-list,.order-details-new .user-asignado .client-cars .orders-list,.order-details-new .user-asignado .client-orders .cars-list,.order-details-new .user-asignado .client-orders .orders-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-details-new .user-asignado .client-cars .car-item,.order-details-new .user-asignado .client-cars .order-item,.order-details-new .user-asignado .client-orders .car-item,.order-details-new .user-asignado .client-orders .order-item{padding:var(--spacing-sm);background:var(--background-color-1);border-radius:var(--radius-sm);border:.06rem solid #e5e7eb;font-size:var(--font-size-xs);color:var(--color-primary);transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.order-details-new .user-asignado .client-cars .car-item:hover,.order-details-new .user-asignado .client-cars .order-item:hover,.order-details-new .user-asignado .client-orders .car-item:hover,.order-details-new .user-asignado .client-orders .order-item:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateX(.125rem)}.order-details-new .user-asignado .client-cars .car-item.selected,.order-details-new .user-asignado .client-cars .order-item.selected,.order-details-new .user-asignado .client-orders .car-item.selected,.order-details-new .user-asignado .client-orders .order-item.selected{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-color:#81e6d9;color:#2d3748;font-weight:600}.order-details-new .user-asignado .client-cars .car-item .selected-indicator,.order-details-new .user-asignado .client-cars .order-item .selected-indicator,.order-details-new .user-asignado .client-orders .car-item .selected-indicator,.order-details-new .user-asignado .client-orders .order-item .selected-indicator{color:var(--color-success);font-weight:700;font-size:var(--font-size-sm)}.order-details-new .user-asignado .client-cars .empty-message,.order-details-new .user-asignado .client-orders .empty-message{padding:var(--spacing-sm);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-sm);border:.06rem solid var(--color-warning);font-size:var(--font-size-xs);color:#92400e;font-style:italic;text-align:center;font-weight:500}.order-details-new .user-asignado .row-cellphone,.order-details-new .user-asignado .row-email{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-sm);border:.06rem solid #e2e8f0;transition:all .2s ease}.order-details-new .user-asignado .row-cellphone:hover,.order-details-new .user-asignado .row-email:hover{transform:translateY(-.06rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.05)}.order-details-new .user-asignado .row-cellphone svg,.order-details-new .user-asignado .row-email svg{color:var(--color-accent);font-size:var(--font-size-md)}.order-details-new .user-asignado .row-cellphone p,.order-details-new .user-asignado .row-email p{font-weight:600;color:var(--color-primary);margin:0;font-size:var(--font-size-sm)}.order-details-new .user-no-asignado{display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);border:.06rem solid hsla(0,0%,100%,.1);position:relative;overflow:hidden}.order-details-new .user-no-asignado:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:var(--color-warning)}.order-details-new .user-no-asignado .input-client{position:relative;margin-bottom:var(--spacing-lg)}.order-details-new .user-no-asignado .input-client p{font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.order-details-new .user-no-asignado .input-client input{width:100%;padding:var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary)}.order-details-new .user-no-asignado .input-client input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 .19rem rgba(26,26,26,.1),0 .25rem .5rem rgba(26,26,26,.15);transform:translateY(-.06rem) scale(1.02)}.order-details-new .user-no-asignado .input-client input:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.order-details-new .user-no-asignado .input-client input::placeholder{color:#9ca3af;transition:color .2s ease}.order-details-new .user-no-asignado .input-client input:focus::placeholder{color:#cbd5e0}.order-details-new .user-no-asignado .button-container{display:flex;justify-content:center}.order-details-new .user-no-asignado .button-container button{background:var(--color-accent);color:var(--color-secondary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);border:none;font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease;box-shadow:0 .25rem .88rem 0 rgba(26,26,26,.4);text-transform:uppercase;letter-spacing:.05em}.order-details-new .user-no-asignado .button-container button:hover{transform:translateY(-.125rem);box-shadow:0 .38rem 1.25rem 0 rgba(26,26,26,.5)}.order-details-new .user-no-asignado .button-container button:active{transform:translateY(0)}.order-details-new .car-container-new{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);padding:var(--spacing-xl);border:.06rem solid hsla(0,0%,100%,.1);position:relative;overflow:hidden}.order-details-new .car-container-new:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:var(--color-accent)}.order-details-new .car-container-new .title-new{width:100%;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:.06rem solid #e5e7eb}.order-details-new .car-container-new .title-new p{font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.order-details-new .car-container-new .row-forms{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width:768px){.order-details-new .car-container-new .row-forms{grid-template-columns:1fr;gap:var(--spacing-md)}}.order-details-new .car-container-new .input{display:flex;flex-direction:column}.order-details-new .car-container-new .input p{font-weight:600;font-size:var(--font-size-sm);color:var(--color-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.order-details-new .car-container-new .input input{width:100%;padding:var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary)}.order-details-new .car-container-new .input input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 .19rem rgba(26,26,26,.1),0 .25rem .5rem rgba(26,26,26,.15);transform:translateY(-.06rem) scale(1.02)}.order-details-new .car-container-new .input input:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.order-details-new .car-container-new .input input::placeholder{color:#9ca3af;transition:color .2s ease}.order-details-new .car-container-new .input input:focus::placeholder{color:#cbd5e0}.order-details-new .car-container-new .input select{width:100%;padding:var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.order-details-new .car-container-new .input select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 .19rem rgba(26,26,26,.1),0 .25rem .5rem rgba(26,26,26,.15);transform:translateY(-.06rem) scale(1.02)}.order-details-new .car-container-new .input select:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.order-details-new .car-container-new .input select option{background:var(--background-color-1);color:var(--color-primary);padding:var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-md);font-weight:500;border:none;border-radius:var(--radius-sm);margin:.125rem;transition:all .2s ease}.order-details-new .car-container-new .input select option:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:var(--color-accent);transform:translateX(.25rem)}.order-details-new .car-container-new .input select option:checked,.order-details-new .car-container-new .input select option:focus{background:var(--color-accent);color:var(--color-secondary);font-weight:600;box-shadow:0 .25rem .5rem rgba(26,26,26,.3)}.order-details-new .car-container-new .container-placa{display:flex;width:100%;align-items:center;justify-content:space-between}.order-details-new .car-container-new .container-placa .placa{width:50%}.order-details-new .car-container-new .container-placa .placa p{margin-bottom:var(--font-size-sm)}.order-details-new .car-container-new .container-placa .placa input{width:100%;all:unset;border:2px solid #000;border-radius:.4rem;padding:var(--spacing-md);font-weight:700}.order-details-new .car-container-new .container-button-assign{display:flex;justify-content:flex-end;margin:var(--spacing-xl) 0}.order-details-new .car-container-new .container-button-assign .assign-car{background:var(--color-accent);color:var(--color-secondary);border-radius:var(--radius-sm);padding:var(--spacing-lg) var(--spacing-md);border:none;font-weight:700;font-size:var(--font-size-sm);text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 .25rem .88rem 0 rgba(26,26,26,.4);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;width:30%;display:flex;align-items:center;justify-content:center}.order-details-new .car-container-new .container-button-assign .assign-car:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.order-details-new .car-container-new .container-button-assign .assign-car:hover{transform:translateY(-.125rem) scale(1.05);box-shadow:0 .38rem 1.25rem 0 rgba(26,26,26,.5)}.order-details-new .car-container-new .container-button-assign .assign-car:hover:before{left:100%}.order-details-new .car-container-new .container-button-assign .assign-car:active{transform:translateY(0) scale(1.02)}.order-details-new .car-container-new .container-button-assign .assign-car:disabled{opacity:.6;cursor:not-allowed}.order-details-new .car-container-new .container-button-assign .assign-car:disabled,.order-details-new .car-container-new .container-button-assign .assign-car:disabled:hover{transform:none;box-shadow:0 .25rem .88rem 0 rgba(26,26,26,.2);background:var(--color-info)}.order-details-new .car-container-new .selected-car-container{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:.125rem solid #81e6d9;border-radius:var(--radius-sm);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.order-details-new .car-container-new .selected-car-container .selected-car-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:.06rem solid #81e6d9}.order-details-new .car-container-new .selected-car-container .selected-car-header h4{margin:0;font-size:var(--font-size-md);font-weight:700;color:#2d3748}.order-details-new .car-container-new .selected-car-container .selected-car-header .deselect-car-btn{background:var(--color-error);color:var(--color-secondary);border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-lg);font-weight:700;transition:all .2s ease}.order-details-new .car-container-new .selected-car-container .selected-car-header .deselect-car-btn:hover{background:#dc2626;transform:scale(1.1)}.order-details-new .car-container-new .selected-car-container .selected-car-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.order-details-new .car-container-new .selected-car-container .selected-car-info .car-info-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-details-new .car-container-new .selected-car-container .selected-car-info .car-info-row .label{font-weight:600;font-size:var(--font-size-xs);color:#4a5568;text-transform:uppercase;letter-spacing:.05em}.order-details-new .car-container-new .selected-car-container .selected-car-info .car-info-row .value{font-size:var(--font-size-sm);color:#2d3748;font-weight:500;padding:var(--spacing-xs);background:hsla(0,0%,100%,.5);border-radius:var(--radius-sm)}.order-details-new .car-container-new .container-button{display:flex;justify-content:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:.06rem solid #e5e7eb}.order-details-new .car-container-new .container-button .new-order{background:var(--color-accent);color:var(--color-secondary);border-radius:var(--radius-sm);padding:var(--spacing-lg) var(--spacing-xxl);border:none;font-weight:700;font-size:var(--font-size-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 .25rem .88rem 0 rgba(26,26,26,.4);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.order-details-new .car-container-new .container-button .new-order:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.order-details-new .car-container-new .container-button .new-order:hover{transform:translateY(-.125rem) scale(1.05);box-shadow:0 .38rem 1.25rem 0 rgba(26,26,26,.5)}.order-details-new .car-container-new .container-button .new-order:hover:before{left:100%}.order-details-new .car-container-new .container-button .new-order:active{transform:translateY(0) scale(1.02)}.order-details-new .car-container-new .container-button .new-order:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 .25rem .88rem 0 rgba(26,26,26,.2)}.order-details-new .client-results-container{position:absolute;top:100%;left:0;right:0;background:var(--background-color-1);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);z-index:1000;margin:var(--spacing-sm) 0 0 0;animation:slideDown .2s ease-out;display:flex;flex-direction:column;max-height:30rem}.order-details-new .client-results-container .client-results{list-style:none;padding:0;margin:0;overflow-y:auto;max-height:25.5rem;flex:1 1}.order-details-new .client-results-container .client-results::-webkit-scrollbar{width:.5rem}.order-details-new .client-results-container .client-results::-webkit-scrollbar-track{background:#f1f5f9;border-radius:var(--radius-sm)}.order-details-new .client-results-container .client-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-sm)}.order-details-new .client-results-container .client-results::-webkit-scrollbar-thumb:hover{background:#94a3b8}.order-details-new .client-results-container .create-client-fixed{border-top:.125rem solid #e5e7eb;background:var(--background-color-1);padding:var(--spacing-xs);flex-shrink:0}.order-details-new .client-results-container .create-client-fixed .create-client-option{padding:var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.order-details-new .client-results{list-style:none;padding:0;margin:0}.order-details-new .client-results li{padding:var(--spacing-md);cursor:pointer;border-bottom:.06rem solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;color:var(--color-primary);background:var(--background-color-1)}.order-details-new .client-results li:last-child{border-bottom:none}.order-details-new .client-results li:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:var(--color-accent)}.order-details-new .client-results li:active{background:var(--color-accent);color:var(--color-secondary)}.order-details-new .client-results li.create-client-option{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:.06rem solid #81e6d9;border-radius:var(--radius-sm);font-weight:600;width:100%}.order-details-new .client-results li.create-client-option .client-info{width:100%}.order-details-new .client-results li.create-client-option .client-info .client-name{color:#2d3748;font-weight:700;font-size:var(--font-size-md)}.order-details-new .client-results li.create-client-option:hover{background:linear-gradient(135deg,#b2f5ea,#81e6d9);border-color:#38b2ac;transform:translateY(-.06rem);box-shadow:0 .25rem .5rem rgba(56,178,172,.2)}.order-details-new .client-results li.create-client-option:active{background:linear-gradient(135deg,#81e6d9,#4fd1c7);transform:translateY(0)}.order-details-new .client-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-details-new .client-info .client-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-primary)}.order-details-new .client-info .client-email,.order-details-new .client-info .client-phone{font-size:var(--font-size-xs);color:var(--color-info)}.order-details-new .client-info .client-phone{font-weight:500}.order-details-new .client-info .client-id{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:600}.order-details-new .no-results{padding:var(--spacing-md);background:linear-gradient(135deg,#fef3c7,#fde68a);border:.06rem solid var(--color-warning);border-radius:var(--radius-sm);color:#92400e;font-size:var(--font-size-sm);font-weight:500;text-align:center;margin:var(--spacing-sm) 0;animation:slideDown .3s ease-out}.input-error{border-color:var(--color-error)!important;box-shadow:0 0 0 .19rem rgba(239,68,68,.1)!important}.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 .19rem rgba(220,38,38,.15)!important}.input-success{border-color:var(--color-success)!important;box-shadow:0 0 0 .19rem rgba(34,197,94,.1)!important}.input-success:focus{border-color:var(--color-success-hover)!important;box-shadow:0 0 0 .19rem rgba(22,163,74,.15)!important}.loading-state{position:relative;pointer-events:none;opacity:.7}.loading-state:after{content:"";position:absolute;top:50%;right:var(--spacing-md);width:1rem;height:1rem;border:.125rem solid #e5e7eb;border-top:.125rem solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;transform:translateY(-50%)}.progress-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:.06rem solid #81e6d9;border-radius:var(--radius-sm);color:#2d3748;font-size:var(--font-size-sm);font-weight:600;margin:var(--spacing-md) 0;animation:slideDown .3s ease-out}.progress-indicator .spinner{width:1rem;height:1rem;border:.125rem solid #81e6d9;border-top-color:#2d3748;border-radius:50%;animation:spin 1s linear infinite}.notification{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-sm);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);z-index:10000;animation:slideInFromRight .3s ease-out;max-width:25rem}.notification.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:.06rem solid var(--color-success);color:#065f46}.notification.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:.06rem solid var(--color-error);color:#991b1b}.notification .notification-content{display:flex;align-items:center;gap:var(--spacing-sm)}.notification .notification-content .icon{font-size:var(--font-size-lg)}.notification .notification-content .message{font-weight:600;font-size:var(--font-size-sm)}.input:focus-visible,button:focus-visible,select:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.125rem}@media (max-width:768px){.order-details-new,.title-order{padding:var(--spacing-md)}.title-order{margin-bottom:var(--spacing-lg)}.title-order h3{font-size:var(--font-size-lg)}.container-crud{grid-template-columns:1fr;gap:var(--spacing-md)}.car-container-new,.user-asignado,.user-no-asignado{padding:var(--spacing-lg)}.row-forms{grid-template-columns:1fr;gap:var(--spacing-md)}.container-button-assign{display:flex}.container-button-assign .assign-car{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.selected-car-container .selected-car-info{grid-template-columns:1fr;gap:var(--spacing-sm)}.container-button .new-order{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}}@media (max-width:480px){.order-details-new,.title-order{padding:var(--spacing-sm)}.title-order h3{font-size:var(--font-size-md)}.car-container-new,.user-asignado,.user-no-asignado{padding:var(--spacing-md)}.input p{font-size:var(--font-size-xs)}.input input,.input select{padding:var(--spacing-sm);font-size:var(--font-size-sm)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.client-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-info .client-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-primary)}.client-info .client-email,.client-info .client-phone{font-size:var(--font-size-xs);color:var(--color-info)}.client-info .client-phone{font-weight:500}.loading-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:.06rem solid #81e6d9;border-radius:var(--radius-sm);color:#2d3748;font-size:var(--font-size-sm);font-weight:600;margin:var(--spacing-sm) 0;animation:slideDown .3s ease-out}.loading-indicator .spinner{width:1rem;height:1rem;border:.125rem solid #81e6d9;border-top-color:#2d3748;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:.06rem solid var(--color-error);border-radius:var(--radius-sm);color:#991b1b;font-weight:600}.error-message,.no-results{padding:var(--spacing-md);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0;animation:slideDown .3s ease-out}.no-results{background:linear-gradient(135deg,#fef3c7,#fde68a);border:.06rem solid var(--color-warning);border-radius:var(--radius-sm);color:#92400e;font-weight:500;text-align:center}.products-container{padding:var(--spacing-xxl);padding-top:0}.products-container h1{font-weight:500}.products-container .container-forms-product{margin-top:var(--spacing-lg)}.products-container .container-forms-product .row-forms{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.products-container .container-forms-product .row-forms .input{width:40%}.products-container .container-forms-product .row-forms .input h3{font-weight:500}.products-container .container-forms-product .row-forms .input input{all:unset;border:1px solid #000;border-radius:.4rem;margin-top:var(--spacing-sm);width:100%;padding:var(--spacing-sm)}.products-container .container-forms-product .row-forms .input select{padding:var(--spacing-sm);background-color:var(--background-color-1);border-radius:.4rem;margin-top:var(--spacing-sm);width:100%}.products-container .container-actions{width:100%;margin-top:var(--spacing-xxl)}.products-container .container-actions button{all:unset;background-color:var(--background-color-2);color:var(--color-secondary);padding:var(--spacing-sm);border-radius:.4rem}:root{--product-primary:var(--color-accent);--product-secondary:var(--bg-secondary);--product-success:var(--color-success);--product-warning:var(--color-warning);--product-error:var(--color-error);--product-info:var(--color-info);--product-spacing-xs:0.5rem;--product-spacing-sm:1rem;--product-spacing-md:1.5rem;--product-spacing-lg:2rem;--product-spacing-xl:3rem;--product-border-radius:0.75rem;--product-shadow-sm:0 1px 3px rgba(0,0,0,.1);--product-shadow-md:0 4px 6px rgba(0,0,0,.1);--product-shadow-lg:0 10px 15px rgba(0,0,0,.1);--product-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--product-transition-fast:all 0.15s ease}.main-view-products,.main-view-products .productos-container{display:flex;flex-direction:column;gap:var(--product-spacing-lg);padding:var(--product-spacing-lg);background:#fff;min-height:100vh;width:100%}.main-view-products .productos-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--product-spacing-lg);padding:var(--product-spacing-lg);background:#fff;border-radius:var(--product-border-radius);box-shadow:var(--product-shadow-sm);border:1px solid #e5e7eb}.main-view-products .productos-title-section{flex:1 1}.main-view-products .productos-title{font-size:var(--font-size-xxxl);font-weight:700;color:#000;margin:0 0 var(--product-spacing-xs) 0;line-height:1.2}.main-view-products .productos-subtitle{font-size:var(--font-size-lg);color:#6b7280;margin:0;font-weight:400}.main-view-products .productos-controls{display:flex;flex-direction:column;gap:var(--product-spacing-md);padding:var(--product-spacing-md);background:#fff;border-radius:var(--product-border-radius);box-shadow:var(--product-shadow-sm);border:1px solid #e5e7eb}.main-view-products .productos-controls-left{display:flex;align-items:center;justify-content:space-between;gap:var(--product-spacing-md);width:100%;min-width:0;flex-wrap:wrap}.main-view-products .productos-controls-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--product-spacing-sm);width:100%;flex-wrap:wrap}.main-view-products .view-mode-toggle{display:flex;background:var(--bg-tertiary);border-radius:.5rem;padding:.25rem;gap:.25rem}.main-view-products .view-mode-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:var(--product-transition-fast)}.main-view-products .view-mode-btn:hover{background:#fff;color:#000}.main-view-products .view-mode-btn:hover i{color:#000}.main-view-products .view-mode-btn.active{background:var(--color-accent);color:#fff;box-shadow:var(--product-shadow-sm)}.main-view-products .view-mode-btn.active i{color:#fff!important}.main-view-products .view-mode-btn i{color:#6b7280}.main-view-products .btn-primary{text-decoration:none}.main-view-products .btn-primary:hover{box-shadow:var(--product-shadow-md)}.main-view-products .btn-primary:active{transform:translateY(0)}.main-view-products .btn-primary i{font-size:var(--font-size-sm)}.main-view-products .btn-secondary{text-decoration:none}.main-view-products .btn-secondary:hover{background:#fff;transform:translateY(-1px);box-shadow:var(--product-shadow-sm)}.main-view-products .btn-secondary:active{transform:translateY(0)}.main-view-products .btn-secondary i{font-size:var(--font-size-sm);color:#6b7280}.main-view-products .btn-secondary:hover i{color:var(--color-accent)}.main-view-products .productos-content{flex:1 1;min-height:0}.main-view-products .productos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--product-spacing-xl);gap:var(--product-spacing-md)}.main-view-products .productos-loading .loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.main-view-products .productos-loading p{color:#6b7280;font-size:var(--font-size-lg);margin:0}.main-view-products .productos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--product-spacing-xl);gap:var(--product-spacing-md);text-align:center}.main-view-products .productos-empty i{font-size:4rem;color:#6b7280;opacity:.5}.main-view-products .productos-empty h3{font-size:var(--font-size-xxl);color:#000;margin:0}.main-view-products .productos-empty p{color:#6b7280;font-size:var(--font-size-lg);margin:0}.main-view-products .productos-grid{display:grid;grid-gap:var(--product-spacing-md);gap:var(--product-spacing-md)}.main-view-products .productos-grid.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.main-view-products .productos-grid.list{grid-template-columns:1fr;gap:var(--product-spacing-sm)}@media (max-width:768px){.main-view-products,.main-view-products .productos-header{padding:var(--product-spacing-sm);gap:var(--product-spacing-sm)}.main-view-products .productos-header{flex-direction:column}.main-view-products .productos-title{font-size:var(--font-size-xxl)}.main-view-products .productos-controls{gap:var(--product-spacing-sm)}.main-view-products .productos-controls,.main-view-products .productos-controls-left,.main-view-products .productos-controls-right{flex-direction:column;align-items:stretch}.main-view-products .productos-grid.grid{grid-template-columns:1fr}}@media (max-width:480px){.main-view-products{padding:var(--product-spacing-xs)}.main-view-products .productos-title{font-size:var(--font-size-xl)}.main-view-products .productos-subtitle{font-size:var(--font-size-md)}}.main-view-products .productos-grid>*{animation:fadeIn .3s ease-out}.main-view-products *{transition:var(--product-transition-fast)}.main-view-products{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.main-view-products::-webkit-scrollbar{width:8px}.main-view-products::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.main-view-products::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.main-view-products::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.main-view-products .product-card{position:relative;background:#fff;border-radius:var(--product-border-radius);box-shadow:var(--product-shadow-sm);border:1px solid #e5e7eb;transition:var(--product-transition);overflow:hidden;cursor:pointer}.main-view-products .product-card:hover{transform:translateY(-2px);box-shadow:var(--product-shadow-lg);border-color:var(--color-accent)}.main-view-products .product-card.out-of-stock{border-left:4px solid var(--product-error);background:linear-gradient(135deg,#fff,rgba(239,68,68,.05))}.main-view-products .product-card.low-stock{border-left:4px solid var(--product-warning);background:linear-gradient(135deg,#fff,rgba(245,158,11,.05))}.main-view-products .product-card.in-stock{border-left:4px solid var(--product-success)}.main-view-products .product-card-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--product-spacing-md);background:#f8fafc}.main-view-products .product-image{width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--product-shadow-sm)}.main-view-products .product-image img{width:100%;height:100%;object-fit:cover;transition:var(--product-transition)}.main-view-products .product-status{position:absolute;top:var(--product-spacing-sm);right:var(--product-spacing-sm)}.main-view-products .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:1rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.main-view-products .status-badge.out-of-stock{background:rgba(239,68,68,.1);color:var(--product-error);border:1px solid rgba(239,68,68,.2)}.main-view-products .status-badge.low-stock{background:rgba(245,158,11,.1);color:var(--product-warning);border:1px solid rgba(245,158,11,.2)}.main-view-products .status-badge.in-stock{background:rgba(34,197,94,.1);color:var(--product-success);border:1px solid rgba(34,197,94,.2)}.main-view-products .product-card-content{padding:var(--product-spacing-md);display:flex;flex-direction:column;gap:var(--product-spacing-sm)}.main-view-products .product-info{flex:1 1}.main-view-products .product-name{font-size:var(--font-size-lg);margin:0 0 var(--product-spacing-xs) 0;line-height:1.3;-webkit-line-clamp:2;line-clamp:2}.main-view-products .product-details{flex-direction:column;gap:.25rem;margin-bottom:var(--product-spacing-sm)}.main-view-products .product-brand,.main-view-products .product-sku{gap:.5rem;font-size:var(--font-size-sm);color:#6b7280}.main-view-products .product-brand i,.main-view-products .product-sku i{width:1rem;text-align:center;opacity:.7}.main-view-products .product-description{font-size:var(--font-size-sm);color:#6b7280;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.main-view-products .product-pricing{background:#f1f5f9;border-radius:.5rem;padding:var(--product-spacing-sm);margin:var(--product-spacing-sm) 0}.main-view-products .price-info{display:flex;flex-direction:column;gap:.25rem}.main-view-products .product-price{font-size:var(--font-size-xl);font-weight:700;color:#000}.main-view-products .product-cost{font-size:var(--font-size-sm);color:#6b7280}.main-view-products .profit-margin{font-size:var(--font-size-xs);color:var(--product-success);font-weight:600}.main-view-products .product-stock{background:#f8fafc;border-radius:.5rem;padding:var(--product-spacing-sm)}.main-view-products .stock-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--product-spacing-xs)}.main-view-products .stock-current,.main-view-products .stock-max,.main-view-products .stock-min{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:#6b7280}.main-view-products .stock-current i,.main-view-products .stock-max i,.main-view-products .stock-min i{width:1rem;text-align:center;opacity:.7}.main-view-products .stock-progress{width:100%;height:.25rem;background:#e5e7eb;border-radius:.125rem;overflow:hidden}.main-view-products .stock-progress-bar{height:100%;background:linear-gradient(90deg,var(--product-success) 0,var(--product-warning) 50%,var(--product-error) 100%);transition:var(--product-transition)}.main-view-products .product-card-actions{position:absolute;top:var(--product-spacing-sm);right:var(--product-spacing-sm);display:flex;gap:.25rem;opacity:0;transform:translateY(-10px);transition:var(--product-transition)}.main-view-products .product-card-actions.visible{opacity:1;transform:translateY(0)}.main-view-products .action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:var(--product-transition-fast);font-size:var(--font-size-sm)}.main-view-products .action-btn i{color:#fff!important}.main-view-products .action-btn.edit-btn{background:var(--product-info);color:#fff}.main-view-products .action-btn.edit-btn i{color:#fff!important}.main-view-products .action-btn.edit-btn:hover{background:var(--color-accent);transform:scale(1.1)}.main-view-products .action-btn.edit-btn:hover i{color:#fff!important}.main-view-products .action-btn.stock-btn{background:var(--product-warning);color:#fff}.main-view-products .action-btn.stock-btn i{color:#fff!important}.main-view-products .action-btn.stock-btn:hover{background:var(--color-accent);transform:scale(1.1)}.main-view-products .action-btn.stock-btn:hover i{color:#fff!important}.main-view-products .action-btn.delete-btn{background:var(--product-error);color:#fff}.main-view-products .action-btn.delete-btn i{color:#fff!important}.main-view-products .action-btn.delete-btn:hover{background:var(--color-accent);transform:scale(1.1)}.main-view-products .action-btn.delete-btn:hover i{color:#fff!important}.main-view-products .product-category{position:absolute;bottom:var(--product-spacing-sm);left:var(--product-spacing-sm)}.main-view-products .category-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-accent);color:#fff;border-radius:1rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.main-view-products .category-badge i{color:#fff!important}.main-view-products .product-card.list{display:flex;flex-direction:row;align-items:center;padding:var(--product-spacing-md)}.main-view-products .product-card.list .product-card-header{flex-shrink:0;padding:0;background:transparent;margin-right:var(--product-spacing-md)}.main-view-products .product-card.list .product-card-content{flex:1 1;flex-direction:row;align-items:center;gap:var(--product-spacing-lg);padding:0}.main-view-products .product-card.list .product-info{flex:1 1;min-width:0}.main-view-products .product-card.list .product-pricing{flex-shrink:0;width:8rem;margin:0}.main-view-products .product-card.list .product-stock{flex-shrink:0;width:6rem;margin:0}.main-view-products .product-card.list .product-card-actions{position:static;opacity:1;transform:none;flex-shrink:0}.main-view-products .product-card.list .product-category{position:static;flex-shrink:0}@media (max-width:768px){.main-view-products .product-card.list{flex-direction:column;align-items:stretch}.main-view-products .product-card.list .product-card-content{flex-direction:column;gap:var(--product-spacing-sm)}.main-view-products .product-card.list .product-pricing,.main-view-products .product-card.list .product-stock{width:100%}.main-view-products .product-card-actions{position:static;opacity:1;transform:none;justify-content:center;margin-top:var(--product-spacing-sm)}}@media (max-width:480px){.main-view-products .product-card-content,.main-view-products .product-card-header{padding:var(--product-spacing-sm)}.main-view-products .product-image{width:3rem;height:3rem}.main-view-products .product-name{font-size:var(--font-size-md)}.main-view-products .product-price{font-size:var(--font-size-lg)}}.main-view-products .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--product-spacing-md);animation:fadeIn .3s ease-out}.main-view-products .product-modal{background:#fff;border-radius:var(--product-border-radius);box-shadow:var(--product-shadow-lg);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow:hidden}.main-view-products .product-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.main-view-products .form-content{flex:1 1;padding:var(--product-spacing-lg);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.main-view-products .form-content::-webkit-scrollbar{width:6px}.main-view-products .form-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.main-view-products .form-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.main-view-products .form-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.main-view-products .form-section{margin-bottom:var(--product-spacing-xl)}.main-view-products .form-section:last-child{margin-bottom:0}.main-view-products .form-section-title{font-size:var(--font-size-lg);font-weight:600;color:#000;margin:0 0 var(--product-spacing-md) 0;padding-bottom:var(--product-spacing-sm);border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:var(--product-spacing-sm)}.main-view-products .form-section-title:before{content:"";width:4px;height:1.5rem;background:var(--color-accent);border-radius:2px}.main-view-products .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--product-spacing-md);gap:var(--product-spacing-md);margin-bottom:var(--product-spacing-md)}.main-view-products .form-row:last-child{margin-bottom:0}.main-view-products .form-row.single{grid-template-columns:1fr}.main-view-products .form-row.triple{grid-template-columns:1fr 1fr 1fr}.main-view-products .form-group{gap:var(--product-spacing-xs)}.main-view-products .form-label{font-size:var(--font-size-sm);font-weight:600;color:#000;display:flex;align-items:center;gap:var(--product-spacing-xs)}.main-view-products .form-label:after{content:"*";color:var(--product-error);margin-left:.25rem}.main-view-products .form-label:not([for*=required]):after{display:none}.main-view-products .form-input,.main-view-products .form-select,.main-view-products .form-textarea{padding:var(--product-spacing-sm) var(--product-spacing-md);border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#000;font-size:var(--font-size-md);transition:var(--product-transition-fast)}.main-view-products .form-input:focus,.main-view-products .form-select:focus,.main-view-products .form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(26,26,26,.1)}.main-view-products .form-input.error,.main-view-products .form-select.error,.main-view-products .form-textarea.error{border-color:var(--product-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.main-view-products .form-input::placeholder,.main-view-products .form-select::placeholder,.main-view-products .form-textarea::placeholder{color:#6b7280;opacity:.7}.main-view-products .form-textarea{resize:vertical;min-height:4rem;font-family:inherit}.main-view-products .input-with-icon{position:relative;display:flex;align-items:center}.main-view-products .input-icon{position:absolute;left:var(--product-spacing-sm);color:#6b7280;font-weight:600;pointer-events:none;z-index:1}.main-view-products .btn-generate-sku{color:#fff}.main-view-products .btn-generate-sku i{color:#fff!important;font-size:var(--font-size-xs)}.main-view-products .input-with-icon .form-input{padding-left:2rem}.main-view-products .btn-generate-sku{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:var(--color-accent);color:var(--color-secondary);border-radius:.25rem;cursor:pointer;transition:var(--product-transition-fast);margin-left:var(--product-spacing-xs)}.main-view-products .btn-generate-sku:hover{background:var(--color-accent-hover);transform:scale(1.1)}.main-view-products .form-error{font-size:var(--font-size-xs);color:var(--product-error);font-weight:500;display:flex;align-items:center;gap:.25rem}.main-view-products .form-error:before{content:"⚠";font-size:.75rem}.main-view-products .modal-footer{gap:var(--product-spacing-md);flex-shrink:0}.main-view-products .btn-primary,.main-view-products .btn-secondary{display:inline-flex;align-items:center;gap:var(--product-spacing-xs);padding:var(--product-spacing-sm) var(--product-spacing-lg);border:none;border-radius:.5rem;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--product-transition-fast);text-decoration:none}.main-view-products .btn-primary:disabled,.main-view-products .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.main-view-products .btn-primary{color:var(--color-secondary)}.main-view-products .btn-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--product-shadow-md)}.main-view-products .btn-primary:active:not(:disabled){transform:translateY(0)}.main-view-products .btn-secondary:hover:not(:disabled){background:var(--color-info);color:var(--color-secondary)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.main-view-products .modal-overlay{padding:var(--product-spacing-sm)}.main-view-products .product-modal{max-height:95vh}.main-view-products .form-row,.main-view-products .form-row.triple{grid-template-columns:1fr}.main-view-products .modal-footer{flex-direction:column}.main-view-products .modal-footer .btn-primary,.main-view-products .modal-footer .btn-secondary{width:100%;justify-content:center}}@media (max-width:480px){.main-view-products .form-content,.main-view-products .modal-footer,.main-view-products .modal-header{padding:var(--product-spacing-md)}.main-view-products .modal-title{font-size:var(--font-size-xl)}}.main-view-products .btn-primary:disabled .fa-spinner{animation:spin 1s linear infinite}.main-view-products .inventory-panel{background:#fff;border-radius:var(--product-border-radius);box-shadow:var(--product-shadow-sm);border:1px solid #e5e7eb;overflow:hidden}.main-view-products .inventory-header{display:flex;justify-content:space-between;align-items:center;padding:var(--product-spacing-lg);background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:var(--product-spacing-md)}.main-view-products .inventory-title{font-size:var(--font-size-xl);font-weight:700;color:#000;margin:0;display:flex;align-items:center;gap:var(--product-spacing-sm)}.main-view-products .inventory-title i{color:var(--color-accent)}.main-view-products .inventory-filters{display:flex;gap:var(--product-spacing-xs);flex-wrap:wrap}.main-view-products .filter-btn{display:inline-flex;align-items:center;gap:var(--product-spacing-xs);padding:var(--product-spacing-xs) var(--product-spacing-sm);border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:1rem;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--product-transition-fast)}.main-view-products .filter-btn:hover{border-color:var(--color-accent);color:#000}.main-view-products .filter-btn.active{background:var(--color-accent);color:var(--color-secondary);border-color:var(--color-accent)}.main-view-products .inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--product-spacing-md);gap:var(--product-spacing-md);padding:var(--product-spacing-lg);background:#fff}.main-view-products .stat-card.warning{background:linear-gradient(135deg,var(--bg-secondary) 0,rgba(245,158,11,.05) 100%)}.main-view-products .stat-card.error{background:linear-gradient(135deg,var(--bg-secondary) 0,rgba(239,68,68,.05) 100%)}.main-view-products .stat-card.success{background:linear-gradient(135deg,var(--bg-secondary) 0,rgba(34,197,94,.05) 100%)}.main-view-products .stat-icon{color:var(--color-secondary)}.main-view-products .inventory-alerts{padding:var(--product-spacing-lg);background:#fff;border-top:1px solid #e5e7eb}.main-view-products .alerts-title{font-size:var(--font-size-lg);font-weight:600;color:#000;margin:0 0 var(--product-spacing-md) 0;display:flex;align-items:center;gap:var(--product-spacing-sm)}.main-view-products .alerts-title:before{content:"";width:4px;height:1.5rem;background:var(--color-accent);border-radius:2px}.main-view-products .alerts-list{display:flex;flex-direction:column;gap:var(--product-spacing-sm)}.main-view-products .alert-item{display:flex;align-items:center;gap:var(--product-spacing-md);padding:var(--product-spacing-md);background:#f8fafc;border-radius:.75rem;border:1px solid #e5e7eb;transition:var(--product-transition-fast)}.main-view-products .alert-item:hover{background:#f1f5f9;transform:translateX(4px)}.main-view-products .alert-product-info{flex:1 1;min-width:0}.main-view-products .product-name{font-size:var(--font-size-md);font-weight:600;color:#000;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.main-view-products .product-details{display:flex;gap:var(--product-spacing-sm);font-size:var(--font-size-sm);color:#6b7280}.main-view-products .product-brand,.main-view-products .product-sku{display:flex;align-items:center;gap:.25rem}.main-view-products .product-brand:before,.main-view-products .product-sku:before{content:"";width:.5rem;height:.5rem;background:#6b7280;border-radius:50%;opacity:.5}.main-view-products .alert-stock-info{display:flex;flex-direction:column;gap:.25rem;font-size:var(--font-size-sm);color:#6b7280;min-width:8rem}.main-view-products .stock-current{font-weight:600;color:#000}.main-view-products .alert-actions{display:flex;gap:var(--product-spacing-xs);flex-shrink:0}.main-view-products .btn-small{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:var(--product-transition-fast);text-decoration:none}.main-view-products .btn-small.btn-primary{background:var(--color-accent);color:var(--color-secondary)}.main-view-products .btn-small.btn-primary:hover{background:var(--color-accent-hover);transform:scale(1.05)}.main-view-products .inventory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--product-spacing-xl);text-align:center;background:#f8fafc;border-radius:.75rem;margin:var(--product-spacing-lg)}.main-view-products .inventory-empty i{font-size:3rem;color:var(--product-success);margin-bottom:var(--product-spacing-md)}.main-view-products .inventory-empty h3{font-size:var(--font-size-lg);font-weight:600;color:#000;margin:0 0 var(--product-spacing-sm) 0}.main-view-products .inventory-empty p{font-size:var(--font-size-md);color:#6b7280;margin:0;max-width:400px}@media (max-width:768px){.main-view-products .inventory-header{flex-direction:column;align-items:stretch;gap:var(--product-spacing-sm)}.main-view-products .inventory-filters{justify-content:center}.main-view-products .inventory-stats{grid-template-columns:1fr;gap:var(--product-spacing-sm);padding:var(--product-spacing-md)}.main-view-products .stat-card{flex-direction:column;text-align:center;gap:var(--product-spacing-sm)}.main-view-products .alert-item{flex-direction:column;align-items:stretch;gap:var(--product-spacing-sm)}.main-view-products .alert-stock-info{min-width:auto}.main-view-products .alert-actions{justify-content:center}}@media (max-width:480px){.main-view-products .inventory-header{padding:var(--product-spacing-md)}.main-view-products .inventory-stats{padding:var(--product-spacing-sm)}.main-view-products .inventory-alerts{padding:var(--product-spacing-md)}.main-view-products .filter-btn{font-size:var(--font-size-xs);padding:.25rem .5rem}.main-view-products .stat-icon{width:2.5rem;height:2.5rem;font-size:var(--font-size-md)}.main-view-products .stat-value{font-size:var(--font-size-xl)}}.main-view-products .product-filters{background:#fff;border-radius:var(--product-border-radius);padding:var(--product-spacing-md);box-shadow:var(--product-shadow-sm);border:1px solid #e5e7eb}.main-view-products .filters-row{display:flex;align-items:end;gap:var(--product-spacing-md);flex-wrap:wrap}.main-view-products .filter-group{display:flex;flex-direction:column;gap:var(--product-spacing-xs);min-width:0;flex:1 1}.main-view-products .filter-label{font-size:var(--font-size-sm);font-weight:600;color:#000;display:flex;align-items:center;gap:var(--product-spacing-xs);margin:0}.main-view-products .filter-label i{color:var(--color-accent);width:1rem;text-align:center}.main-view-products .filter-select{padding:var(--product-spacing-sm) var(--product-spacing-md);border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#000;font-size:var(--font-size-md);cursor:pointer;transition:var(--product-transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.main-view-products .filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(26,26,26,.1)}.main-view-products .filter-select:hover{border-color:var(--color-accent)}.main-view-products .filter-select option{padding:var(--product-spacing-sm);background:#fff;color:#000}.main-view-products .sort-order-buttons{display:flex;background:#f1f5f9;border-radius:.5rem;padding:.25rem;gap:.25rem}.main-view-products .sort-btn{display:flex;align-items:center;gap:var(--product-spacing-xs);padding:var(--product-spacing-xs) var(--product-spacing-sm);border:none;background:transparent;color:#6b7280;border-radius:.375rem;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--product-transition-fast);white-space:nowrap}.main-view-products .sort-btn:hover{background:#fff;color:#000}.main-view-products .sort-btn.active{background:var(--color-accent);color:#fff;box-shadow:var(--product-shadow-sm)}.main-view-products .sort-btn.active i{color:#fff!important}.main-view-products .sort-btn i{font-size:var(--font-size-xs);color:#6b7280}.main-view-products .sort-btn:hover i{color:#000}.main-view-products .sort-btn span{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.025em}.main-view-products .btn-clear-filters{display:inline-flex;align-items:center;gap:var(--product-spacing-xs);padding:var(--product-spacing-sm) var(--product-spacing-md);border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:.5rem;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--product-transition-fast);white-space:nowrap}.main-view-products .btn-clear-filters:hover{border-color:var(--product-error);color:var(--product-error);background:rgba(239,68,68,.05)}.main-view-products .btn-clear-filters:active{transform:scale(.98)}.main-view-products .btn-clear-filters i{font-size:var(--font-size-xs)}.main-view-products .filter-group.active .filter-label{color:var(--color-accent)}.main-view-products .filter-group.active .filter-select{border-color:var(--color-accent);background:rgba(26,26,26,.05)}.main-view-products .filters-indicators{display:flex;gap:var(--product-spacing-sm);margin-top:var(--product-spacing-sm);padding-top:var(--product-spacing-sm);border-top:1px solid var(--bg-tertiary);flex-wrap:wrap}.main-view-products .filter-indicator{display:inline-flex;align-items:center;gap:var(--product-spacing-xs);padding:.25rem .5rem;background:var(--color-accent);color:var(--color-secondary);border-radius:1rem;font-size:var(--font-size-xs);font-weight:600}.main-view-products .filter-indicator .filter-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:none;background:transparent;color:var(--color-secondary);border-radius:50%;cursor:pointer;transition:var(--product-transition-fast)}.main-view-products .filter-indicator .filter-remove:hover{background:hsla(0,0%,100%,.2)}@media (max-width:768px){.main-view-products .filters-row{flex-direction:column;align-items:stretch;gap:var(--product-spacing-sm)}.main-view-products .filter-group{flex:none}.main-view-products .sort-order-buttons{justify-content:center}.main-view-products .btn-clear-filters{width:100%;justify-content:center}.main-view-products .filters-indicators{justify-content:center}}@media (max-width:480px){.main-view-products .product-filters{padding:var(--product-spacing-sm)}.main-view-products .sort-btn{padding:var(--product-spacing-xs)}.main-view-products .sort-btn span{display:none}.main-view-products .btn-clear-filters{padding:var(--product-spacing-xs) var(--product-spacing-sm);font-size:var(--font-size-xs)}}.main-view-products .filter-group.loading .filter-select{opacity:.6;cursor:not-allowed}.main-view-products .filter-group.loading:after{content:"";position:absolute;top:50%;right:.5rem;width:1rem;height:1rem;border-top:2px solid var(--bg-tertiary);border:2px solid var(--bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;transform:translateY(-50%)}.main-view-products .btn-clear-filters,.main-view-products .filter-group,.main-view-products .filter-select,.main-view-products .sort-btn{transition:var(--product-transition-fast)}.main-view-products .btn-clear-filters:focus,.main-view-products .filter-select:focus,.main-view-products .sort-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(26,26,26,.1)}.main-view-products .btn-clear-filters:focus-visible,.main-view-products .filter-select:focus-visible,.main-view-products .sort-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.main-view-products .product-search{position:relative;width:100%;max-width:500px}.main-view-products .search-container{position:relative;transition:var(--product-transition-fast)}.main-view-products .search-container.focused{transform:scale(1.02)}.main-view-products .search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;transition:var(--product-transition-fast);overflow:hidden}.main-view-products .search-input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(26,26,26,.1)}.main-view-products .search-input{flex:1 1;padding:var(--product-spacing-sm) var(--product-spacing-md);padding-left:2.5rem;border:none;background:transparent;color:#000;font-size:var(--font-size-md);outline:none}.main-view-products .search-input::placeholder{color:#6b7280;opacity:.7}.main-view-products .search-icon{position:absolute;left:var(--product-spacing-sm);color:#6b7280;font-size:var(--font-size-md);pointer-events:none;z-index:1}.main-view-products .search-clear{position:absolute;right:var(--product-spacing-sm);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:#e5e7eb;color:#6b7280;border-radius:50%;cursor:pointer;transition:var(--product-transition-fast);z-index:2}.main-view-products .search-clear:hover{background:var(--product-error);color:var(--color-secondary);transform:scale(1.1)}.main-view-products .search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 .75rem .75rem;box-shadow:var(--product-shadow-lg);z-index:10;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.main-view-products .search-suggestions::-webkit-scrollbar{width:6px}.main-view-products .search-suggestions::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.main-view-products .search-suggestions::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.main-view-products .search-suggestions::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.main-view-products .suggestion-item{display:flex;align-items:center;gap:var(--product-spacing-sm);width:100%;padding:var(--product-spacing-sm) var(--product-spacing-md);border:none;background:transparent;color:#000;text-align:left;cursor:pointer;transition:var(--product-transition-fast);font-size:var(--font-size-md)}.main-view-products .suggestion-item:hover{background:#f8fafc;color:var(--color-accent)}.main-view-products .suggestion-item:first-child{border-radius:0}.main-view-products .suggestion-item:last-child{border-radius:0 0 .75rem .75rem}.main-view-products .suggestion-item i{color:#6b7280;width:1rem;text-align:center;opacity:.7}.main-view-products .suggestion-item span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-view-products .search-no-results{display:flex;align-items:center;gap:var(--product-spacing-sm);padding:var(--product-spacing-md);color:#6b7280;font-size:var(--font-size-sm);text-align:center;background:#f8fafc;border-radius:0 0 .75rem .75rem}.main-view-products .search-no-results i{opacity:.7}.main-view-products .search-info{margin-top:var(--product-spacing-xs);padding:0 var(--product-spacing-sm)}.main-view-products .search-term{font-size:var(--font-size-sm);color:#6b7280}.main-view-products .search-term strong{color:#000;font-weight:600}.main-view-products .search-container.loading .search-input{opacity:.7;cursor:not-allowed}.main-view-products .search-container.loading .search-icon{animation:spin 1s linear infinite}.main-view-products .search-suggestions{animation:slideDown .2s ease-out}.main-view-products .suggestion-item{animation:fadeInUp .15s ease-out;animation-fill-mode:both}.main-view-products .suggestion-item:first-child{animation-delay:.05s}.main-view-products .suggestion-item:nth-child(2){animation-delay:.1s}.main-view-products .suggestion-item:nth-child(3){animation-delay:.15s}.main-view-products .suggestion-item:nth-child(4){animation-delay:.2s}.main-view-products .suggestion-item:nth-child(5){animation-delay:.25s}@media (max-width:768px){.main-view-products .product-search{max-width:100%}.main-view-products .search-input{font-size:var(--font-size-sm);padding:var(--product-spacing-xs) var(--product-spacing-sm);padding-left:2rem}.main-view-products .search-icon{left:var(--product-spacing-xs);font-size:var(--font-size-sm)}.main-view-products .search-clear{right:var(--product-spacing-xs);width:1.25rem;height:1.25rem}.main-view-products .suggestion-item{padding:var(--product-spacing-xs) var(--product-spacing-sm);font-size:var(--font-size-sm)}}@media (max-width:480px){.main-view-products .search-input{padding:.5rem .75rem .5rem 1.75rem}.main-view-products .search-icon{left:.5rem}.main-view-products .search-clear{right:.5rem}.main-view-products .search-suggestions{max-height:150px}}.main-view-products .search-input:focus{outline:none}.main-view-products .search-container:focus-within .search-icon{color:var(--color-accent)}.main-view-products .search-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.main-view-products .suggestion-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.main-view-products .search-input-wrapper:hover{border-color:var(--color-accent)}.main-view-products .search-container:hover .search-icon{color:var(--color-accent)}.main-view-products .search-clear,.main-view-products .search-container,.main-view-products .search-icon,.main-view-products .search-input,.main-view-products .search-input-wrapper,.main-view-products .suggestion-item{transition:var(--product-transition-fast)}.main-view-products .search-suggestions{will-change:transform,opacity}.main-view-products .suggestion-item{will-change:background-color,color}.main-view-products .product-stats{background:#fff;border-radius:var(--product-border-radius);box-shadow:var(--product-shadow-sm);border:1px solid #e5e7eb;overflow:hidden}.main-view-products .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--product-spacing-md);gap:var(--product-spacing-md);padding:var(--product-spacing-lg)}.main-view-products .stat-card{display:flex;align-items:center;gap:var(--product-spacing-md);padding:var(--product-spacing-md);background:#f8fafc;border-radius:.75rem;border:1px solid #e5e7eb;transition:var(--product-transition-fast);position:relative;overflow:hidden}.main-view-products .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-accent);transform:scaleX(0);transition:var(--product-transition)}.main-view-products .stat-card:hover{transform:translateY(-2px);box-shadow:var(--product-shadow-md)}.main-view-products .stat-card:hover:before{transform:scaleX(1)}.main-view-products .stat-card.warning{border-left:4px solid var(--product-warning);background:linear-gradient(135deg,#fff,rgba(245,158,11,.05))}.main-view-products .stat-card.warning:before{background:var(--product-warning)}.main-view-products .stat-card.error{border-left:4px solid var(--product-error);background:linear-gradient(135deg,#fff,rgba(239,68,68,.05))}.main-view-products .stat-card.error:before{background:var(--product-error)}.main-view-products .stat-card.success{border-left:4px solid var(--product-success);background:linear-gradient(135deg,#fff,rgba(34,197,94,.05))}.main-view-products .stat-card.success:before{background:var(--product-success)}.main-view-products .stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;background:var(--color-accent);color:#fff;font-size:var(--font-size-lg);flex-shrink:0;position:relative;overflow:hidden}.main-view-products .stat-icon i{color:#fff!important}.main-view-products .stat-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:inherit}.main-view-products .stat-icon i{position:relative;z-index:1}.main-view-products .stat-card.warning .stat-icon{background:var(--product-warning)}.main-view-products .stat-card.warning .stat-icon i{color:#fff!important}.main-view-products .stat-card.error .stat-icon{background:var(--product-error)}.main-view-products .stat-card.error .stat-icon i{color:#fff!important}.main-view-products .stat-card.success .stat-icon{background:var(--product-success)}.main-view-products .stat-card.success .stat-icon i{color:#fff!important}.main-view-products .stat-content{flex:1 1;min-width:0}.main-view-products .stat-value{font-size:var(--font-size-xxl);font-weight:700;color:#000;margin:0 0 .25rem;line-height:1;display:flex;align-items:baseline;gap:.25rem}.main-view-products .stat-label{font-size:var(--font-size-sm);font-weight:600;color:#000;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.025em}.main-view-products .stat-description{font-size:var(--font-size-xs);color:#6b7280;margin:0;line-height:1.3}.main-view-products .stats-indicators{display:flex;justify-content:center;gap:var(--product-spacing-lg);padding:var(--product-spacing-md) var(--product-spacing-lg);background:#f8fafc;border-top:1px solid #e5e7eb;flex-wrap:wrap}.main-view-products .indicator-item{display:flex;align-items:center;gap:var(--product-spacing-xs);font-size:var(--font-size-sm);color:#6b7280;font-weight:500}.main-view-products .indicator-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.main-view-products .indicator-dot.success{background:var(--product-success);box-shadow:0 0 0 2px rgba(34,197,94,.2)}.main-view-products .indicator-dot.warning{background:var(--product-warning);box-shadow:0 0 0 2px rgba(245,158,11,.2)}.main-view-products .indicator-dot.error{background:var(--product-error);box-shadow:0 0 0 2px rgba(239,68,68,.2)}.main-view-products .stat-card{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.main-view-products .stat-card:first-child{animation-delay:.1s}.main-view-products .stat-card:nth-child(2){animation-delay:.2s}.main-view-products .stat-card:nth-child(3){animation-delay:.3s}.main-view-products .stat-card:nth-child(4){animation-delay:.4s}.main-view-products .stat-card:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-view-products .stat-card:hover .stat-icon{transform:scale(1.1)}.main-view-products .stat-card:hover .stat-value{color:var(--color-accent)}@media (max-width:768px){.main-view-products .stats-grid{grid-template-columns:1fr;gap:var(--product-spacing-sm);padding:var(--product-spacing-md)}.main-view-products .stat-card{flex-direction:column;text-align:center;gap:var(--product-spacing-sm)}.main-view-products .stat-icon{width:2.5rem;height:2.5rem;font-size:var(--font-size-md)}.main-view-products .stat-value{font-size:var(--font-size-xl)}.main-view-products .stats-indicators{flex-direction:column;gap:var(--product-spacing-sm);align-items:center}}@media (max-width:480px){.main-view-products .stat-card,.main-view-products .stats-grid{padding:var(--product-spacing-sm)}.main-view-products .stat-icon{width:2rem;height:2rem;font-size:var(--font-size-sm)}.main-view-products .stat-value{font-size:var(--font-size-lg)}.main-view-products .stat-label{font-size:var(--font-size-xs)}.main-view-products .stat-description{font-size:.625rem}.main-view-products .stats-indicators{padding:var(--product-spacing-sm)}.main-view-products .indicator-item{font-size:var(--font-size-xs)}}.main-view-products .stat-card.loading .stat-icon{animation:pulse 1.5s ease-in-out infinite}.main-view-products .stat-card.loading .stat-value{background:var(--bg-tertiary);border-radius:.25rem;height:1.5rem;width:4rem;animation:shimmer 1.5s ease-in-out infinite}.main-view-products .stat-card.loading .stat-label{background:var(--bg-tertiary);border-radius:.25rem;height:1rem;width:6rem;animation:shimmer 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.main-view-products .indicator-item,.main-view-products .stat-card,.main-view-products .stat-description,.main-view-products .stat-icon,.main-view-products .stat-label,.main-view-products .stat-value{transition:var(--product-transition-fast)}.main-view-products .stat-card{will-change:transform,box-shadow}.main-view-products .stat-icon{will-change:transform}.main-view-products .category-manager-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:1200px;max-height:90vh;background:#fff;border-radius:var(--product-border-radius);box-shadow:var(--product-shadow-xl);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.main-view-products .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--product-spacing-lg);background:#f8fafc;border-bottom:1px solid #e5e7eb}.main-view-products .modal-title{font-size:var(--font-size-xxl);font-weight:700;color:#000;margin:0;display:flex;align-items:center;gap:var(--product-spacing-sm)}.main-view-products .modal-title i{color:var(--color-accent)}.main-view-products .modal-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;color:#6b7280;border-radius:.5rem;cursor:pointer;transition:var(--product-transition-fast)}.main-view-products .modal-close:hover{background:#fff;color:#000}.main-view-products .modal-close i{color:#6b7280}.main-view-products .modal-content{flex:1 1;padding:var(--product-spacing-lg);overflow-y:auto}.main-view-products .category-structure{display:flex;flex-direction:column;gap:var(--product-spacing-lg)}.main-view-products .structure-header{text-align:center;margin-bottom:var(--product-spacing-lg)}.main-view-products .structure-header h3{font-size:var(--font-size-xl);font-weight:700;color:#000;margin:0 0 var(--product-spacing-sm) 0}.main-view-products .structure-header p{color:#6b7280;font-size:var(--font-size-md);margin:0}.main-view-products .add-type-section{background:#f8fafc;border-radius:.75rem;padding:var(--product-spacing-lg);border:2px dashed #e5e7eb;transition:var(--product-transition-fast)}.main-view-products .add-type-section:hover{border-color:var(--color-accent);background:rgba(26,26,26,.02)}.main-view-products .form-group{display:flex;flex-direction:column;gap:var(--product-spacing-sm)}.main-view-products .form-group label{font-size:var(--font-size-md);font-weight:600;color:#000}.main-view-products .input-group{display:flex;gap:var(--product-spacing-sm);align-items:center}.main-view-products .form-input{flex:1 1;padding:var(--product-spacing-sm) var(--product-spacing-md);border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#000;font-size:var(--font-size-md);transition:var(--product-transition-fast)}.main-view-products .form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(26,26,26,.1)}.main-view-products .form-input::placeholder{color:#6b7280;opacity:.7}.main-view-products .btn-add{display:inline-flex;align-items:center;gap:var(--product-spacing-xs);padding:var(--product-spacing-sm) var(--product-spacing-md);background:var(--color-accent);color:#fff;border:none;border-radius:.5rem;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--product-transition-fast);white-space:nowrap}.main-view-products .btn-add:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.main-view-products .btn-add:disabled{opacity:.5;cursor:not-allowed}.main-view-products .btn-add i{color:#fff!important}.main-view-products .types-list{display:flex;flex-direction:column;gap:var(--product-spacing-md)}.main-view-products .type-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:var(--product-spacing-lg);transition:var(--product-transition)}.main-view-products .type-card:hover{box-shadow:var(--product-shadow-md);border-color:var(--color-accent)}.main-view-products .type-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--product-spacing-md)}.main-view-products .type-info{flex:1 1}.main-view-products .type-name{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--product-spacing-xs) 0;gap:var(--product-spacing-sm)}.main-view-products .type-count{font-size:var(--font-size-sm);color:#6b7280;font-weight:500}.main-view-products .type-actions{display:flex;gap:var(--product-spacing-xs)}.main-view-products .btn-delete,.main-view-products .btn-edit{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:var(--product-transition-fast);font-size:var(--font-size-sm)}.main-view-products .btn-edit{background:var(--product-info);color:#fff}.main-view-products .btn-edit:hover{background:var(--color-accent);transform:scale(1.1)}.main-view-products .btn-edit i{color:#fff!important}.main-view-products .btn-delete{background:var(--product-error);color:#fff}.main-view-products .btn-delete:hover{background:var(--color-accent);transform:scale(1.1)}.main-view-products .btn-delete i{color:#fff!important}.main-view-products .brands-section,.main-view-products .subtypes-section,.main-view-products .types-section,.main-view-products .variations-section{margin-bottom:var(--product-spacing-md)}.main-view-products .brands-section:last-child,.main-view-products .subtypes-section:last-child,.main-view-products .types-section:last-child,.main-view-products .variations-section:last-child{margin-bottom:0}.main-view-products .brands-header,.main-view-products .subtypes-header,.main-view-products .types-header,.main-view-products .variations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--product-spacing-sm)}.main-view-products .brands-header h5,.main-view-products .subtypes-header h5,.main-view-products .types-header h5,.main-view-products .variations-header h5{font-size:var(--font-size-md);font-weight:600;color:#000;margin:0}.main-view-products .add-brand,.main-view-products .add-subtype{display:flex;gap:var(--product-spacing-xs);align-items:center}.main-view-products .form-input-small{padding:var(--product-spacing-xs) var(--product-spacing-sm);border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#000;font-size:var(--font-size-sm);width:150px;transition:var(--product-transition-fast)}.main-view-products .form-input-small:focus{outline:none;border-color:var(--color-accent)}.main-view-products .form-input-small::placeholder{color:#6b7280;opacity:.7}.main-view-products .btn-add-small{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:var(--product-success);color:#fff;border-radius:.25rem;cursor:pointer;transition:var(--product-transition-fast)}.main-view-products .btn-add-small:hover:not(:disabled){background:var(--color-accent);transform:scale(1.1)}.main-view-products .btn-add-small:disabled{opacity:.5;cursor:not-allowed}.main-view-products .btn-add-small i{color:#fff!important;font-size:var(--font-size-xs)}.main-view-products .brands-list,.main-view-products .subtypes-list,.main-view-products .types-list,.main-view-products .variations-list{display:flex;flex-wrap:wrap;gap:var(--product-spacing-xs)}.main-view-products .type-item{display:flex;align-items:center;justify-content:space-between;gap:var(--product-spacing-sm);padding:var(--product-spacing-sm) var(--product-spacing-md);background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;font-size:var(--font-size-sm);transition:var(--product-transition-fast)}.main-view-products .type-item.clickable{cursor:pointer}.main-view-products .type-item.clickable:hover{background:#fff;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--product-shadow-sm)}.main-view-products .type-item.clickable:active{transform:translateY(0)}.main-view-products .type-name{display:flex;align-items:center;gap:var(--product-spacing-xs);color:#000;font-weight:500}.main-view-products .type-name i{color:var(--color-accent);font-size:var(--font-size-xs)}.main-view-products .type-item i.fa-edit{color:#6b7280;font-size:var(--font-size-xs);opacity:.7}.main-view-products .variations-list{flex-direction:column;gap:var(--product-spacing-sm)}.main-view-products .variation-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;padding:var(--product-spacing-sm);display:flex;flex-direction:column;gap:var(--product-spacing-xs)}.main-view-products .variation-type{font-size:var(--font-size-sm);font-weight:600;color:#000;margin-bottom:var(--product-spacing-xs)}.main-view-products .variation-options{display:flex;flex-wrap:wrap;gap:var(--product-spacing-xs)}.main-view-products .variation-option{display:inline-block;padding:.25rem .5rem;background:var(--color-accent);color:#fff;border-radius:1rem;font-size:var(--font-size-xs);font-weight:500;text-align:center;transition:var(--product-transition-fast)}.main-view-products .variation-option.clickable{cursor:pointer}.main-view-products .variation-option.clickable:hover{background:var(--color-accent-hover);transform:scale(1.05);box-shadow:var(--product-shadow-sm)}.main-view-products .variation-option.clickable:active{transform:scale(.95)}.main-view-products .brand-item,.main-view-products .subtype-item{display:flex;align-items:center;gap:var(--product-spacing-xs);padding:var(--product-spacing-xs) var(--product-spacing-sm);background:#f8fafc;border:1px solid #e5e7eb;border-radius:1rem;font-size:var(--font-size-sm);transition:var(--product-transition-fast)}.main-view-products .brand-item.clickable,.main-view-products .subtype-item.clickable{cursor:pointer}.main-view-products .brand-item.clickable:hover,.main-view-products .subtype-item.clickable:hover{background:#fff;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--product-shadow-sm)}.main-view-products .brand-item.clickable:active,.main-view-products .subtype-item.clickable:active{transform:translateY(0)}.main-view-products .brand-item:not(.clickable):hover,.main-view-products .subtype-item:not(.clickable):hover{background:#fff;border-color:var(--color-accent)}.main-view-products .brand-name,.main-view-products .subtype-name{display:flex;align-items:center;gap:var(--product-spacing-xs);color:#000;font-weight:500}.main-view-products .brand-name i,.main-view-products .subtype-name i{color:var(--color-accent);font-size:var(--font-size-xs)}.main-view-products .btn-delete-small{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:var(--product-error);color:#fff;border-radius:50%;cursor:pointer;transition:var(--product-transition-fast);font-size:var(--font-size-xs)}.main-view-products .btn-delete-small:hover{background:var(--color-accent);transform:scale(1.1)}.main-view-products .btn-delete-small i{color:#fff!important}.main-view-products .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--product-spacing-sm);padding:var(--product-spacing-lg);background:#f8fafc;border-top:1px solid #e5e7eb}.main-view-products .btn-secondary{display:inline-flex;align-items:center;gap:var(--product-spacing-xs);padding:var(--product-spacing-sm) var(--product-spacing-md);background:#f1f5f9;color:#000;border:2px solid #e5e7eb;border-radius:.5rem;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--product-transition-fast)}.main-view-products .btn-secondary:hover{background:#e5e7eb;border-color:var(--color-accent)}.main-view-products .btn-primary{display:inline-flex;align-items:center;gap:var(--product-spacing-xs);padding:var(--product-spacing-sm) var(--product-spacing-md);background:var(--color-accent);color:#fff;border:none;border-radius:.5rem;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--product-transition-fast)}.main-view-products .btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.main-view-products .btn-primary i{color:#fff!important}.main-view-products .product-detail-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:800px;max-height:90vh;background:#fff;border-radius:var(--product-border-radius);box-shadow:var(--product-shadow-xl);z-index:1001;display:flex;flex-direction:column;overflow:hidden}.main-view-products .product-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--product-spacing-lg);gap:var(--product-spacing-lg);margin-bottom:var(--product-spacing-lg)}.main-view-products .product-basic-info,.main-view-products .product-pricing-info{background:#f8fafc;border-radius:.75rem;padding:var(--product-spacing-lg);border:1px solid #e5e7eb}.main-view-products .product-basic-info h3,.main-view-products .product-pricing-info h3{font-size:var(--font-size-lg);font-weight:700;color:#000;margin:0 0 var(--product-spacing-md) 0;display:flex;align-items:center;gap:var(--product-spacing-sm)}.main-view-products .product-basic-info h3:before,.main-view-products .product-pricing-info h3:before{content:"";width:4px;height:1.5rem;background:var(--color-accent);border-radius:2px}.main-view-products .info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--product-spacing-sm) 0;border-bottom:1px solid #e5e7eb}.main-view-products .info-item:last-child{border-bottom:none}.main-view-products .info-item label{font-size:var(--font-size-sm);font-weight:600;color:#6b7280;min-width:120px}.main-view-products .info-item span{font-size:var(--font-size-sm);color:#000;font-weight:500}.main-view-products .info-item .sku-value{background:var(--color-accent);color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-family:var(--font-mono);font-weight:600}.main-view-products .pricing-form{display:flex;flex-direction:column;gap:var(--product-spacing-md)}.main-view-products .pricing-form .form-group{display:flex;flex-direction:column;gap:var(--product-spacing-xs)}.main-view-products .pricing-form .form-group label{font-size:var(--font-size-sm);font-weight:600;color:#000}.main-view-products .pricing-form .form-group .form-input{padding:var(--product-spacing-sm) var(--product-spacing-md);border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#000;font-size:var(--font-size-md);transition:var(--product-transition-fast)}.main-view-products .pricing-form .form-group .form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(26,26,26,.1)}.main-view-products .product-description{background:#f8fafc;border-radius:.75rem;padding:var(--product-spacing-lg);border:1px solid #e5e7eb}.main-view-products .product-description h3{font-size:var(--font-size-lg);font-weight:700;color:#000;margin:0 0 var(--product-spacing-md) 0;display:flex;align-items:center;gap:var(--product-spacing-sm)}.main-view-products .product-description h3:before{content:"";width:4px;height:1.5rem;background:var(--color-accent);border-radius:2px}.main-view-products .product-description p{color:#6b7280;font-size:var(--font-size-md);line-height:1.5;margin:0}@media (max-width:768px){.main-view-products .category-manager-modal{width:95vw;max-height:95vh}.main-view-products .input-group{flex-direction:column;align-items:stretch}.main-view-products .brands-header,.main-view-products .subtypes-header,.main-view-products .type-header{flex-direction:column;align-items:stretch;gap:var(--product-spacing-sm)}.main-view-products .add-brand,.main-view-products .add-subtype{justify-content:stretch}.main-view-products .form-input-small{width:100%}.main-view-products .product-detail-modal{width:95vw;max-height:95vh}.main-view-products .product-info-grid{grid-template-columns:1fr;gap:var(--product-spacing-md)}}:root{--product-modal-z-index:1000;--product-dropdown-z-index:100;--product-card-min-height:200px;--product-modal-max-width:800px;--product-search-max-width:500px;--product-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--product-smooth:cubic-bezier(0.4,0,0.2,1);--product-stock-excellent:#10b981;--product-stock-good:#3b82f6;--product-stock-warning:#f59e0b;--product-stock-danger:#ef4444;--product-stock-critical:#dc2626}.product-util-hidden{display:none!important}.product-util-visible{display:block!important}.product-util-loading{opacity:.6;pointer-events:none;cursor:not-allowed}.product-util-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.product-error{color:var(--product-error);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:.25rem}.product-error:before{content:"⚠";font-size:.75rem}.product-success{color:var(--product-success);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:.25rem}.product-success:before{content:"✓";font-size:.75rem}.product-warning{color:var(--product-warning);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:.25rem}.product-warning:before{content:"⚠";font-size:.75rem}.product-info{color:var(--product-info);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:.25rem}.product-info:before{content:"ℹ";font-size:.75rem}@keyframes productFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes productSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes productScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.product-animate-fade-in{animation:productFadeIn .3s ease-out}.product-animate-slide-in{animation:productSlideIn .3s ease-out}.product-animate-scale-in{animation:productScaleIn .3s ease-out}@media (max-width:768px){.product-util-mobile-hidden{display:none!important}}@media (min-width:769px){.product-util-desktop-hidden{display:none!important}}@media print{.product-card,.productos-container{box-shadow:none;border:1px solid #000}.product-card{page-break-inside:avoid;break-inside:avoid}.modal-overlay,.product-card-actions{display:none!important}}@media (prefers-contrast:high){.filter-select,.product-card,.search-input,.stat-card{border:2px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.productos-container{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#3a3a3a;--color-primary:#fff;--color-info:#a0a0a0}}.dashboard-container{padding:var(--spacing-xxl);padding-top:var(--spacing-xl);background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.dashboard-container .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05)}.dashboard-container .dashboard-header .dashboard-header-content .dashboard-title{font-size:var(--font-size-xxl);font-weight:800;color:var(--color-primary);margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-container .dashboard-header .dashboard-header-content .dashboard-subtitle{font-size:var(--font-size-md);color:var(--color-info);font-weight:500;text-transform:capitalize}.dashboard-container .dashboard-header .dashboard-period-selector{display:flex;gap:var(--spacing-sm);background:var(--background-color-1);padding:var(--spacing-xs);border-radius:var(--radius-md);box-shadow:inset 0 .125rem .25rem rgba(0,0,0,.05)}.dashboard-container .dashboard-header .dashboard-period-selector .period-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-container .dashboard-header .dashboard-period-selector .period-btn:hover{background:rgba(26,26,26,.05)}.dashboard-container .dashboard-header .dashboard-period-selector .period-btn.active{background:var(--color-accent);color:var(--color-secondary);box-shadow:0 .25rem .5rem rgba(26,26,26,.2)}.dashboard-container .dashboard-header .dashboard-date-selectors{display:flex;gap:var(--spacing-lg);align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);box-shadow:inset 0 .125rem .25rem rgba(0,0,0,.05)}.dashboard-container .dashboard-header .dashboard-date-selectors .date-selector-group{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.dashboard-container .dashboard-header .dashboard-date-selectors .date-selector-group label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.dashboard-container .dashboard-header .dashboard-date-selectors .date-selector-group .date-select{position:relative;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;background:var(--background-color-1);color:var(--color-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:180px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%231a1a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.25rem;padding-right:3rem}.dashboard-container .dashboard-header .dashboard-date-selectors .date-selector-group .date-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 .19rem rgba(26,26,26,.1),0 .25rem .5rem rgba(26,26,26,.15);transform:translateY(-.06rem) scale(1.02);background-color:#fff}.dashboard-container .dashboard-header .dashboard-date-selectors .date-selector-group .date-select:hover{border-color:var(--color-accent);background-color:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.05);transform:translateY(-.03rem)}.dashboard-container .dashboard-header .dashboard-date-selectors .date-selector-group .date-select option{padding:var(--spacing-sm);background:var(--background-color-1);color:var(--color-primary);font-weight:500}.dashboard-container .dashboard-download-section{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05)}.dashboard-container .dashboard-download-section .dashboard-download-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%);color:var(--color-secondary);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 .25rem .88rem 0 rgba(26,26,26,.4)}.dashboard-container .dashboard-download-section .dashboard-download-btn svg{font-size:var(--font-size-md)}.dashboard-container .dashboard-download-section .dashboard-download-btn:hover:not(:disabled){transform:translateY(-.125rem) scale(1.02);box-shadow:0 .38rem 1.25rem 0 rgba(26,26,26,.5)}.dashboard-container .dashboard-download-section .dashboard-download-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.dashboard-container .dashboard-download-section .dashboard-download-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.dashboard-container .dashboard-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.dashboard-container .dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}@media (max-width:1200px){.dashboard-container .dashboard-main-grid{grid-template-columns:1fr}}.dashboard-container .dashboard-card{background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:.06rem solid hsla(0,0%,100%,.1);transition:transform .3s ease,box-shadow .3s ease}.dashboard-container .dashboard-card:hover{transform:translateY(-.125rem);box-shadow:0 .88rem 2.19rem -.44rem rgba(0,0,0,.15),0 .38rem .5rem -.19rem rgba(0,0,0,.08)}.dashboard-container .dashboard-card .dashboard-card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:.06rem solid rgba(0,0,0,.1)}.dashboard-container .dashboard-card .dashboard-card-header .dashboard-card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard-container .dashboard-card .dashboard-card-header .dashboard-card-title svg{color:var(--color-accent)}.dashboard-container .dashboard-advisor-section{margin-bottom:var(--spacing-xxl)}.dashboard-container .dashboard-bottom-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.metric-card{background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);border:.06rem solid hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(90deg,var(--color-accent) 0,#404040 100%)}.metric-card:hover{transform:translateY(-.125rem);box-shadow:0 .88rem 2.19rem -.44rem rgba(0,0,0,.15),0 .38rem .5rem -.19rem rgba(0,0,0,.08)}.metric-card .metric-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.metric-card .metric-card-header .metric-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,26,26,.05),rgba(26,26,26,.1));border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--font-size-lg)}.metric-card .metric-card-header .metric-icon svg{width:1.5rem;height:1.5rem}.metric-card .metric-card-header .metric-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-info);text-transform:uppercase;letter-spacing:.05em}.metric-card .metric-value{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-card .metric-value .metric-number{font-size:var(--font-size-xxl);font-weight:800;color:var(--color-primary);line-height:1.2}.metric-card .metric-value .metric-subtitle{font-size:var(--font-size-xs);color:var(--color-info);font-weight:500}.metric-card .metric-value .metric-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.metric-card .metric-trend{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600}.metric-card .metric-trend.trend-up{color:var(--color-success)}.metric-card .metric-trend.trend-down{color:var(--color-error)}.metric-card .metric-trend.trend-neutral{color:var(--color-info)}.status-pipeline .status-pipeline-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.status-pipeline .status-pipeline-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-pipeline .status-pipeline-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);transition:all .2s ease}.status-pipeline .status-pipeline-item:hover{transform:translateX(.25rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.status-pipeline .status-pipeline-item .status-pipeline-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.8);border-radius:var(--radius-md);font-size:var(--font-size-lg)}.status-pipeline .status-pipeline-item .status-pipeline-icon svg{width:1.25rem;height:1.25rem}.status-pipeline .status-pipeline-item .status-pipeline-info{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-pipeline .status-pipeline-item .status-pipeline-info .status-pipeline-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.status-pipeline .status-pipeline-item .status-pipeline-info .status-pipeline-stats{display:flex;gap:var(--spacing-md);align-items:center}.status-pipeline .status-pipeline-item .status-pipeline-info .status-pipeline-stats .status-pipeline-count{font-size:var(--font-size-md);font-weight:700;color:var(--color-accent)}.status-pipeline .status-pipeline-item .status-pipeline-info .status-pipeline-stats .status-pipeline-percentage{font-size:var(--font-size-xs);color:var(--color-info);font-weight:500}.status-pipeline .status-pipeline-item .status-pipeline-bar{width:6rem;height:.5rem;background:rgba(0,0,0,.1);border-radius:var(--radius-sm);overflow:hidden}.status-pipeline .status-pipeline-item .status-pipeline-bar .status-pipeline-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.status-pipeline .status-pipeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-md)}.revenue-chart .chart-container{height:20rem;position:relative}.revenue-chart .chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:20rem;gap:var(--spacing-md)}.top-list .top-list-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.top-list .top-list-title svg{color:var(--color-accent)}.top-list .top-list-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.top-list .top-list-items.top-list-items-horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.top-list .top-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);transition:all .2s ease}.top-list .top-list-item:hover{transform:translateX(.25rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.top-list .top-list-item.top-list-item-horizontal{flex-direction:column;align-items:center;text-align:center;min-width:120px;max-width:150px;padding:var(--spacing-sm)}.top-list .top-list-item.top-list-item-horizontal:hover{transform:translateY(-.125rem)}.top-list .top-list-item.top-list-item-horizontal .top-list-rank{margin-bottom:var(--spacing-xs)}.top-list .top-list-item.top-list-item-horizontal .top-list-content{flex-direction:column;gap:var(--spacing-xs);align-items:center}.top-list .top-list-item.top-list-item-horizontal .top-list-content .top-list-name{font-size:var(--font-size-xs);text-align:center;word-break:break-word;line-height:1.3}.top-list .top-list-item.top-list-item-horizontal .top-list-content .top-list-value{font-size:var(--font-size-xs);font-weight:600}.top-list .top-list-item.top-list-item-horizontal .top-list-percentage{margin-top:var(--spacing-xs);font-size:var(--font-size-xs)}.top-list .top-list-rank .rank-badge{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-weight:700;font-size:var(--font-size-sm);color:var(--color-secondary);background:var(--color-accent)}.top-list .top-list-rank .rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:var(--color-primary)}.top-list .top-list-rank .rank-badge.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:var(--color-primary)}.top-list .top-list-rank .rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#e6a857);color:var(--color-secondary)}.top-list .top-list-content{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.top-list .top-list-content .top-list-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.top-list .top-list-content .top-list-value{font-size:var(--font-size-xs);color:var(--color-info);font-weight:500}.top-list .top-list-percentage{font-size:var(--font-size-xs);color:var(--color-info);font-weight:600}.top-list .top-list-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-info);font-style:italic}.top-list .top-list-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.top-list .top-list-view-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);margin-top:var(--spacing-md);background:transparent;color:var(--color-info);border:.063rem solid #e5e7eb;border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease;align-self:flex-start}.top-list .top-list-view-more-btn svg{font-size:var(--font-size-xs);transition:transform .2s ease}.top-list .top-list-view-more-btn:hover{color:var(--color-primary);border-color:var(--color-accent);background:rgba(26,26,26,.02)}.top-list .top-list-view-more-btn:hover svg{transform:translateX(.125rem)}.top-list .top-list-view-more-btn:active{transform:scale(.98);background:rgba(26,26,26,.04)}.top-list .top-list-view-more-btn:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 .125rem rgba(26,26,26,.1)}.top-list-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-xl);animation:fadeIn .3s ease;margin:0;overflow:auto}.top-list-modal-content{background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);box-shadow:0 1.25rem 3.13rem -.63rem rgba(0,0,0,.3),0 .63rem 1.25rem -.5rem rgba(0,0,0,.2);max-width:50rem;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative;z-index:10000;margin:auto}.top-list-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:.06rem solid rgba(0,0,0,.1)}.top-list-modal-header .top-list-modal-title{font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.top-list-modal-header .top-list-modal-title svg{color:var(--color-accent)}.top-list-modal-header .top-list-modal-close{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;color:var(--color-primary)}.top-list-modal-header .top-list-modal-close:hover{background:rgba(0,0,0,.1);transform:rotate(90deg)}.top-list-modal-header .top-list-modal-close svg{font-size:var(--font-size-lg)}.top-list-modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1 1}.top-list-modal-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.top-list-modal-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);transition:all .2s ease}.top-list-modal-item:hover{transform:translateX(.25rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.top-list-modal-item .top-list-modal-rank .rank-badge{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;font-weight:700;font-size:var(--font-size-sm);color:var(--color-secondary);background:var(--color-accent)}.top-list-modal-item .top-list-modal-rank .rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:var(--color-primary)}.top-list-modal-item .top-list-modal-rank .rank-badge.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:var(--color-primary)}.top-list-modal-item .top-list-modal-rank .rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#e6a857);color:var(--color-secondary)}.top-list-modal-item .top-list-modal-info{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.top-list-modal-item .top-list-modal-info .top-list-modal-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.top-list-modal-item .top-list-modal-info .top-list-modal-stats{display:flex;gap:var(--spacing-md);align-items:center}.top-list-modal-item .top-list-modal-info .top-list-modal-stats .top-list-modal-value{font-size:var(--font-size-xs);color:var(--color-info);font-weight:500}.top-list-modal-item .top-list-modal-info .top-list-modal-stats .top-list-modal-percentage{font-size:var(--font-size-xs);color:var(--color-info);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);background:rgba(26,26,26,.05);border-radius:var(--radius-sm)}.performance-table{overflow-x:auto}.performance-table table{width:100%;border-collapse:collapse}.performance-table table thead{background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%)}.performance-table table thead tr th{padding:var(--spacing-md);text-align:left;font-weight:700;font-size:var(--font-size-sm);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em}.performance-table table tbody tr{border-bottom:.06rem solid rgba(0,0,0,.05);transition:background .2s ease}.performance-table table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.performance-table table tbody tr td{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-primary)}.performance-table table tbody tr td .completion-rate,.performance-table table tbody tr td .conversion-rate{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs)}.performance-table table tbody tr td .completion-rate.high,.performance-table table tbody tr td .conversion-rate.high{background:rgba(34,197,94,.1);color:#22c55e}.performance-table table tbody tr td .completion-rate.medium,.performance-table table tbody tr td .conversion-rate.medium{background:rgba(245,158,11,.1);color:#f59e0b}.performance-table table tbody tr td .completion-rate.low,.performance-table table tbody tr td .conversion-rate.low{background:rgba(239,68,68,.1);color:#ef4444}.table-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl)}.loading-spinner,.loading-spinner-small{border:.25rem solid rgba(0,0,0,.1);border-top:.25rem solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner{width:3rem;height:3rem}.loading-spinner-small{width:1.5rem;height:1.5rem}.advisor-insights{background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);padding:var(--spacing-xxl);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05);border:.06rem solid hsla(0,0%,100%,.1)}.advisor-insights .advisor-insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:.06rem solid rgba(0,0,0,.1)}.advisor-insights .advisor-insights-header .advisor-insights-title{font-size:var(--font-size-xxl);font-weight:800;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-md);margin:0}.advisor-insights .advisor-insights-header .advisor-insights-title svg{color:var(--color-accent)}.advisor-insights .advisor-insights-header .advisor-insights-metric-selector{display:flex;gap:var(--spacing-sm);background:var(--background-color-1);padding:var(--spacing-xs);border-radius:var(--radius-md)}.advisor-insights .advisor-insights-header .advisor-insights-metric-selector .metric-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.advisor-insights .advisor-insights-header .advisor-insights-metric-selector .metric-btn:hover{background:rgba(26,26,26,.05)}.advisor-insights .advisor-insights-header .advisor-insights-metric-selector .metric-btn.active{background:var(--color-accent);color:var(--color-secondary);box-shadow:0 .25rem .5rem rgba(26,26,26,.2)}.advisor-insights .advisor-insights-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.advisor-insights .advisor-summary-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);transition:all .3s ease}.advisor-insights .advisor-summary-card:hover{transform:translateY(-.125rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.advisor-insights .advisor-summary-card .advisor-summary-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-xl)}.advisor-insights .advisor-summary-card .advisor-summary-icon svg{width:1.75rem;height:1.75rem}.advisor-insights .advisor-summary-card .advisor-summary-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1}.advisor-insights .advisor-summary-card .advisor-summary-content .advisor-summary-label{font-size:var(--font-size-xs);color:var(--color-info);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.advisor-insights .advisor-summary-card .advisor-summary-content .advisor-summary-value{font-size:var(--font-size-lg);font-weight:800;color:var(--color-primary)}.advisor-insights .advisor-summary-card .advisor-summary-content .advisor-summary-subvalue{font-size:var(--font-size-xs);color:var(--color-info);font-weight:500}.advisor-insights .advisor-insights-charts{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}@media (max-width:1200px){.advisor-insights .advisor-insights-charts{grid-template-columns:1fr}}.advisor-insights .advisor-chart-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:0 .25rem .5rem rgba(0,0,0,.05)}.advisor-insights .advisor-chart-card .advisor-chart-header{margin-bottom:var(--spacing-lg)}.advisor-insights .advisor-chart-card .advisor-chart-header .advisor-chart-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary);margin:0}.advisor-insights .advisor-chart-card .advisor-chart-content{height:20rem;position:relative}.advisor-insights .advisor-insights-table .advisor-table-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.advisor-insights .advisor-insights-table .advisor-performance-table{overflow-x:auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-md);padding:var(--spacing-md)}.advisor-insights .advisor-insights-table .advisor-performance-table table{width:100%;border-collapse:collapse}.advisor-insights .advisor-insights-table .advisor-performance-table table thead{background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%)}.advisor-insights .advisor-insights-table .advisor-performance-table table thead tr th{padding:var(--spacing-md);text-align:left;font-weight:700;font-size:var(--font-size-sm);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr{border-bottom:.06rem solid rgba(0,0,0,.05);transition:background .2s ease}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr:hover{background:hsla(0,0%,100%,.5)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-primary)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .advisor-rank{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-weight:700;font-size:var(--font-size-sm);color:var(--color-secondary);background:var(--color-accent)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .advisor-rank.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:var(--color-primary)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .advisor-rank.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:var(--color-primary)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .advisor-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#e6a857);color:var(--color-secondary)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .advisor-name-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .advisor-name-cell .top-advisor-badge{color:gold;font-size:var(--font-size-md)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .revenue-cell{font-weight:700;color:var(--color-success)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .success-cell{color:var(--color-success);font-weight:600}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .active-cell{color:var(--color-info);font-weight:600}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .conversion-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs)}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .conversion-badge.high{background:rgba(34,197,94,.1);color:#22c55e}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .conversion-badge.medium{background:rgba(245,158,11,.1);color:#f59e0b}.advisor-insights .advisor-insights-table .advisor-performance-table table tbody tr td .conversion-badge.low{background:rgba(239,68,68,.1);color:#ef4444}.advisor-insights .advisor-insights-empty,.advisor-insights .advisor-insights-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-md);color:var(--color-info);font-style:italic}@media (max-width:768px){.dashboard-container{padding:var(--spacing-md)}.dashboard-container .dashboard-header{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}.dashboard-container .dashboard-header .dashboard-period-selector{width:100%;justify-content:space-between}.dashboard-container .dashboard-bottom-section,.dashboard-container .dashboard-main-grid,.dashboard-container .dashboard-metrics-grid{grid-template-columns:1fr}}.cotizador-avanzado-main{padding:var(--spacing-xxl);padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);background-color:var(--background-color-5);min-height:100vh}.container-cotizador-forms{background-color:var(--background-color-1);padding:var(--spacing-sm);border-radius:var(--border-radius)}.container-cotizador-forms .container-title{border-bottom:.5px solid var(--background-color-2);padding:var(--spacing-lg)}.container-cotizador-forms .container-title h3{font-size:var(--font-size-lg)}.container-cotizador-forms .container-main-forms{background-color:var(--background-color-5)}.container-cotizador-forms .container-main-forms .cotizador-title{padding:var(--spacing-xl);display:flex}.container-cotizador-forms .container-main-forms .cotizador-title h4{font-size:var(--font-size-lg)}.container-cotizador-forms .container-main-forms .cotizador-title img{width:1%;margin-right:var(--spacing-lg)}.container-cotizador-forms .container-main-forms .container-sections-main{display:flex;justify-content:space-between;padding:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .title-part h4{font-size:var(--font-size-xl);padding:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador{background-color:var(--background-color-5);width:65%;border-radius:var(--border-radius)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-part{background-color:var(--background-color-1);border-radius:var(--border-radius)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-part .title-cotizador{padding:var(--spacing-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-part .title-cotizador h3{font-size:var(--font-size-xl)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-cilindros{width:100%;padding:var(--spacing-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-cilindros h4{font-size:var(--font-size-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-cilindros .container-row-cilindros-select{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-color-5);border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-cilindros .container-row-cilindros-select .cube-cilindros{background-color:var(--background-color-1);padding:var(--spacing-lg);border:.1rem solid var(--background-color-2);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;width:15%}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-cilindros .container-row-cilindros-select .cube-cilindros p{font-size:var(--font-size-lg);font-weight:800;margin-top:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-cilindros .container-row-cilindros-select .cube-cilindros img{width:60%}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos{padding:var(--spacing-md);padding-top:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .title-servicios-incluidos{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);padding-top:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .title-servicios-incluidos h4{font-size:var(--font-size-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .title-servicios-incluidos button{all:unset;background-color:var(--background-color-2);border-radius:.2rem;cursor:pointer;color:var(--color-secondary);padding:var(--spacing-sm);font-size:row(--font-size-sm);width:15%;text-align:center;font-size:var(--font-size-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .container-forms-servicios{background-color:var(--background-color-5);padding:var(--spacing-md);border-radius:var(--border-radius);margin-top:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .container-forms-servicios .row-servicios{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .container-forms-servicios .row-servicios .servicio{width:17%;background-color:var(--background-color-1);border-radius:var(--border-radius);padding:var(--spacing-sm);display:flex;align-items:center}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .container-forms-servicios .row-servicios .servicio label{display:flex;align-items:center}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .container-forms-servicios .row-servicios .servicio label input{margin-right:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .container-servicios-incluidos .container-forms-servicios .row-servicios .servicio p{font-size:var(--font-size-xs)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador{padding:var(--spacing-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .title-product{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .title-product img{width:3%;margin-right:var(--spacing-sm);max-height:1.5vw}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .title-product p{font-size:var(--font-size-xl);font-weight:700}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado{background-color:var(--background-color-5);border-radius:var(--border-radius);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .inputs-section{width:90%;display:flex;align-items:center}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .inputs-section p{font-size:var(--font-size-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .inputs-section input{background-color:var(--background-color-1);border:none;border:.04rem solid var(--background-color-2);border-radius:var(--border-radius-input);margin-top:var(--spacing-sm);width:100%;padding:var(--spacing-sm);color:#000}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .inputs-section .container-cantidad{width:15%;margin-right:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .inputs-section .container-marca{width:30%;margin-right:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .inputs-section .container-costo{width:15%;margin-right:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .inputs-section .container-subtipo,.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .inputs-section .container-tipo{margin-right:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .confirmation-insection{width:7%;display:flex;justify-content:center;align-items:center}.container-cotizador-forms .container-main-forms .container-sections-main .container-forms-cotizador .form-input-cotizador .section-form-avanzado .confirmation-insection img{width:40%;cursor:pointer}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce{background-color:var(--background-color-1);width:34%;border-radius:var(--border-radius);padding:var(--spacing-md);display:flex;justify-content:space-between;flex-direction:column}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .iva-toggle{width:100%;font-size:var(--font-size-md);display:flex;align-items:center;margin-top:var(--spacing-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .iva-toggle input{margin-right:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .iva-toggle label{display:flex;align-items:center}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .iva-toggle label input{background-color:var(--background-color-1)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .title{width:100%}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .title h3{font-size:var(--font-size-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .container-desgloce{width:100%;background-color:var(--background-color-5);margin-top:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .container-desgloce .row-desgloce{width:100%;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .container-desgloce .row-desgloce .title-row{width:30%}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .container-desgloce .row-desgloce .title-row p{font-size:var(--font-size-sm);font-weight:600}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .container-desgloce .row-desgloce .cantidad-desgloce{width:30%}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-costos .container-desgloce .row-desgloce .cantidad-desgloce p{font-size:var(--font-size-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-descuentos{width:100%;padding:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-descuentos .title h3{font-size:var(--font-size-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-descuentos .container-descuentos{background-color:var(--background-color-5);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius);margin-top:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-descuentos .container-descuentos input{background-color:var(--background-color-1);border:none;border:1px solid var(--background-color-2);border-radius:var(--border-radius-input);width:100%;color:#000}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-descuentos .container-descuentos .input{margin-bottom:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-descuentos .container-descuentos .input p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-descuentos .container-descuentos .cantidades{width:46%;border-right:.5px solid var(--background-color-2);padding-right:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-descuentos .container-descuentos .codigo{width:46%}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-servicios{width:100%;padding:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-servicios .title{width:100%;margin-top:var(--spacing-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-servicios .title h3{font-size:var(--font-size-lg)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-servicios .container-table{background-color:var(--background-color-5);border-radius:var(--border-radius);padding:var(--spacing-sm);margin-top:var(--spacing-md)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-servicios table{width:100%;margin-top:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-servicios table th{font-size:var(--font-size-md);text-align:left;padding-bottom:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .component-servicios table td{font-size:var(--font-size-sm);padding-bottom:var(--spacing-sm)}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .container-buttons{width:100%;display:flex;justify-content:flex-end}.container-cotizador-forms .container-main-forms .container-sections-main .container-desgloce .container-buttons button{all:unset;cursor:pointer;background-color:var(--background-color-2);border-radius:var(--border-radius);width:30%;color:var(--color-secondary);padding:var(--spacing-sm);text-align:center;font-size:var(--font-size-sm);margin-right:var(--spacing-lg)}.selected{border:1px solid #fff200!important}.cube-cilindros{cursor:pointer;transition:all .2s ease}.cube-cilindros:hover{transform:translateY(-2px)}.dropdown-select{width:100%;background-color:var(--background-color-1);border:.04rem solid var(--background-color-2);border-radius:var(--border-radius-input);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--spacing-sm);padding:var(--spacing-sm);color:#000}.dropdown-select:focus{outline:.12rem solid var(--color-primary)}select.dropdown-select option{font-size:var(--font-size-sm)}.dropdown-container{position:relative;width:100%}.dropdown-list{position:absolute;top:calc(100% + .6rem);left:0;width:100%;max-height:20rem;overflow-y:auto;background-color:var(--background-color-1);border:.04rem solid var(--background-color-2);border-radius:var(--border-radius-input);z-index:10}.dropdown-list li{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .15s ease}.dropdown-list li.active,.dropdown-list li:hover{background-color:var(--background-color-5)}*{scrollbar-width:thin;scrollbar-color:#fff transparent}::-webkit-scrollbar{width:.25rem;height:.25rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:1rem;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.8)}.cotizador-selector{width:100%;max-width:1200px;margin:0 auto}.cotizador-selector .cotizador-selector-header{text-align:center;margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl) var(--spacing-md)}.cotizador-selector .cotizador-selector-header .cotizador-selector-title{font-size:var(--font-size-xxxl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);line-height:1.2}.cotizador-selector .cotizador-selector-header .cotizador-selector-subtitle{font-size:var(--font-size-md);color:var(--text-color-secondary);font-weight:400}.cotizador-selector .cotizador-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);padding:var(--spacing-md)}.cotizador-selector .cotizador-loading{grid-column:1/-1;text-align:center;padding:var(--spacing-xxl);color:var(--text-color-secondary);font-size:var(--font-size-md)}.cotizador-card{position:relative;background:var(--background-color-1);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:var(--spacing-xl);cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;min-height:280px}.cotizador-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.1);border-color:var(--color-accent)}.cotizador-card:hover .cotizador-card-arrow{transform:translateX(4px);opacity:1}.cotizador-card:hover:before{transform:scaleX(1)}.cotizador-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cotizador-card .cotizador-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.cotizador-card .cotizador-card-header .cotizador-card-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,26,26,.05),rgba(26,26,26,.1));border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--font-size-xxl);flex-shrink:0}.cotizador-card .cotizador-card-header .cotizador-card-icon svg{width:2rem;height:2rem}.cotizador-card .cotizador-card-header .cotizador-card-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--background-color-3-40);border-radius:var(--radius-full);color:var(--color-third);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cotizador-card .cotizador-card-header .cotizador-card-badge svg{font-size:var(--font-size-xs)}.cotizador-card .cotizador-card-body{flex:1 1;margin-bottom:var(--spacing-lg)}.cotizador-card .cotizador-card-body .cotizador-card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.3}.cotizador-card .cotizador-card-body .cotizador-card-description{font-size:var(--font-size-sm);color:var(--text-color-secondary);line-height:1.6;margin:0}.cotizador-card .cotizador-card-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.cotizador-card .cotizador-card-footer .cotizador-card-price{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cotizador-card .cotizador-card-footer .cotizador-card-price .price-label{font-size:var(--font-size-xs);color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cotizador-card .cotizador-card-footer .cotizador-card-price .price-value{font-size:var(--font-size-xxl);font-weight:800;color:var(--color-primary);line-height:1.2}.cotizador-card .cotizador-card-footer .cotizador-card-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-color-secondary)}.cotizador-card .cotizador-card-footer .cotizador-card-meta svg{font-size:var(--font-size-xs);opacity:.7}.cotizador-card .cotizador-card-arrow{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-secondary);border-radius:50%;font-size:var(--font-size-sm);opacity:.8;transition:all .3s ease}.cotizador-card .cotizador-card-arrow svg{width:.875rem;height:.875rem}.cotizador-card:focus{outline:2px solid var(--color-accent);outline-offset:2px}.cotizador-topbar{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.cotizador-topbar .cotizador-back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.cotizador-topbar .cotizador-back-button svg{font-size:var(--font-size-sm)}.cotizador-topbar .cotizador-back-button:hover{background:var(--color-hover);border-color:var(--color-accent);color:var(--color-accent)}.cotizador-topbar .cotizador-back-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:768px){.cotizador-selector .cotizador-selector-header .cotizador-selector-title{font-size:var(--font-size-xxl)}.cotizador-selector .cotizador-cards-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.cotizador-card{min-height:auto;padding:var(--spacing-lg)}}.cotizador-ue-main{width:100%;min-height:100vh;background:var(--background-color-5);padding:var(--spacing-lg)}.cotizador-ue-header{display:flex;align-items:center;justify-content:space-between;background:var(--background-color-1);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px rgba(0,0,0,.05)}.cotizador-ue-header .cotizador-ue-back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.cotizador-ue-header .cotizador-ue-back-btn:hover{background:var(--color-hover);border-color:var(--color-accent)}.cotizador-ue-header .cotizador-ue-back-btn svg{font-size:var(--font-size-sm)}.cotizador-ue-header .cotizador-ue-title{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-primary);margin:0}.cotizador-ue-header .cotizador-ue-cart-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--color-accent);color:var(--color-secondary);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.cotizador-ue-header .cotizador-ue-cart-toggle:hover{background:var(--color-accent-hover);transform:scale(1.05)}.cotizador-ue-header .cotizador-ue-cart-toggle svg{font-size:var(--font-size-lg)}.cotizador-ue-header .cotizador-ue-cart-toggle .cart-badge-ue{position:absolute;top:-.25rem;right:-.25rem;background:var(--color-error);color:var(--color-secondary);border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700}.cotizador-ue-content{display:flex;gap:var(--spacing-xl);position:relative}.cotizador-ue-products{flex:1 1;max-width:100%;transition:max-width .3s ease}.cotizador-ue-products.with-cart{max-width:calc(100% - 400px)}.cotizador-products-container-ue{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.cilindros-section-ue{background:var(--background-color-1);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:var(--spacing-xl)}.cilindros-section-ue .container-cilindros{width:100%;padding:0}.cilindros-section-ue .container-cilindros h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.cilindros-section-ue .container-cilindros .container-row-cilindros-select{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-color-5);border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);gap:var(--spacing-md);position:relative}.cilindros-section-ue .container-cilindros .container-row-cilindros-select .cube-cilindros{position:relative;background-color:var(--background-color-1);padding:var(--spacing-lg);border:.1rem solid var(--background-color-2);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1 1;transition:all .2s ease}.cilindros-section-ue .container-cilindros .container-row-cilindros-select .cube-cilindros:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.cilindros-section-ue .container-cilindros .container-row-cilindros-select .cube-cilindros:hover .cilindros-price-hover{opacity:1;transform:translateY(0)}.cilindros-section-ue .container-cilindros .container-row-cilindros-select .cube-cilindros.selected{border:2px solid var(--color-third);background:var(--background-color-3-40)}.cilindros-section-ue .container-cilindros .container-row-cilindros-select .cube-cilindros p{font-size:var(--font-size-lg);font-weight:800;margin-top:var(--spacing-md);color:var(--color-primary)}.cilindros-section-ue .container-cilindros .container-row-cilindros-select .cube-cilindros img{width:60%;max-width:80px}.cilindros-section-ue .container-cilindros .container-row-cilindros-select .cube-cilindros .cilindros-price-hover{position:absolute;bottom:-2.75rem;left:50%;transform:translateX(-50%) translateY(-.5rem);background:var(--color-accent);color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.2)}.cilindros-section-ue .container-cilindros .container-row-cilindros-select .cube-cilindros .cilindros-price-hover:before{content:"";position:absolute;top:-.375rem;left:50%;transform:translateX(-50%);width:0;height:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--color-accent)}.servicios-incluidos-section-ue{margin-bottom:var(--spacing-xl)}.servicios-incluidos-card-ue{background:var(--background-color-1);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid var(--color-border);transition:all .3s ease}.servicios-incluidos-card-ue:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.servicios-incluidos-card-ue .servicios-incluidos-header-ue{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);gap:var(--spacing-md)}@media (max-width:768px){.servicios-incluidos-card-ue .servicios-incluidos-header-ue{flex-direction:column;align-items:stretch}}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-title-section-ue{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1 1}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-title-section-ue .servicios-incluidos-icon-ue{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,26,26,.05),rgba(26,26,26,.1));border-radius:var(--radius-md);color:var(--color-accent);flex-shrink:0}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-title-section-ue .servicios-incluidos-icon-ue svg{font-size:var(--font-size-xl)}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-title-section-ue .servicios-incluidos-title-ue{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.3}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-title-section-ue .servicios-incluidos-subtitle-ue{font-size:var(--font-size-sm);color:var(--text-color-secondary);margin:0;line-height:1.4}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-select-all-ue{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-5);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-select-all-ue:hover{background:var(--color-hover);border-color:var(--color-accent)}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-select-all-ue.all-selected{background:var(--color-accent);color:var(--color-secondary);border-color:var(--color-accent)}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-select-all-ue.all-selected:hover{background:var(--color-accent-hover)}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-select-all-ue svg{font-size:var(--font-size-md)}@media (max-width:768px){.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-select-all-ue{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.servicios-incluidos-card-ue .servicios-incluidos-header-ue .servicios-incluidos-select-all-ue span{display:none}}.servicios-incluidos-card-ue .servicios-incluidos-grid-ue{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (max-width:768px){.servicios-incluidos-card-ue .servicios-incluidos-grid-ue{grid-template-columns:1fr}}.servicios-incluidos-card-ue .servicio-item-ue{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-color-5);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.servicios-incluidos-card-ue .servicio-item-ue:hover{background:var(--color-hover);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.servicios-incluidos-card-ue .servicio-item-ue.selected{background:var(--background-color-3-40);border-color:var(--color-third);box-shadow:0 2px 8px rgba(0,0,0,.1)}.servicios-incluidos-card-ue .servicio-item-ue.selected .servicio-checkbox-ue{color:var(--color-third)}.servicios-incluidos-card-ue .servicio-item-ue.selected .servicio-label-ue{color:var(--color-primary);font-weight:600}.servicios-incluidos-card-ue .servicio-item-ue .servicio-checkbox-ue{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--text-color-secondary);transition:all .2s ease;flex-shrink:0}.servicios-incluidos-card-ue .servicio-item-ue .servicio-checkbox-ue svg{font-size:var(--font-size-lg)}.servicios-incluidos-card-ue .servicio-item-ue .servicio-checkbox-ue svg.checked{color:var(--color-third)}.servicios-incluidos-card-ue .servicio-item-ue .servicio-label-ue{font-size:var(--font-size-sm);color:var(--text-color-secondary);line-height:1.4;transition:color .2s ease;flex:1 1}.servicios-incluidos-card-ue .servicios-incluidos-footer-ue{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}.servicios-incluidos-card-ue .servicios-incluidos-footer-ue .servicios-incluidos-count-ue{font-size:var(--font-size-sm);color:var(--text-color-secondary);font-weight:600}.products-section-ue .section-title-ue{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent)}.products-section-ue .products-grid-ue{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.product-card-ue{background:var(--background-color-1);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden;transition:all .3s ease;cursor:pointer}.product-card-ue:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.product-card-ue.expanded{box-shadow:0 8px 24px rgba(0,0,0,.15)}.product-card-ue .product-card-header-ue{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);cursor:pointer}.product-card-ue .product-card-header-ue .product-card-icon-ue{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,26,26,.05),rgba(26,26,26,.1));border-radius:var(--radius-md);color:var(--color-accent);flex-shrink:0}.product-card-ue .product-card-header-ue .product-card-icon-ue svg{font-size:var(--font-size-xl)}.product-card-ue .product-card-header-ue .product-card-info-ue{flex:1 1;min-width:0}.product-card-ue .product-card-header-ue .product-card-info-ue .product-card-title-ue{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.3}.product-card-ue .product-card-header-ue .product-card-info-ue .product-card-fields-ue{font-size:var(--font-size-xs);color:var(--text-color-secondary);margin:0}.product-card-ue .product-card-header-ue .product-card-action-ue{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-secondary);border-radius:50%;transition:transform .3s ease}.product-card-ue .product-card-header-ue .product-card-action-ue svg{font-size:var(--font-size-sm)}.product-card-ue .product-card-header-ue .product-card-action-ue.rotated{transform:rotate(45deg);background:var(--color-error)}.product-card-ue .product-card-body-ue{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--background-color-5)}.product-card-ue .product-card-form-ue{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-card-ue .form-field-ue{display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-card-ue .form-field-ue label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.product-card-ue .form-field-ue .form-input-ue,.product-card-ue .form-field-ue .form-select-ue{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-input);font-size:var(--font-size-sm);color:var(--color-primary);background:var(--background-color-1);transition:border-color .2s ease}.product-card-ue .form-field-ue .form-input-ue:focus,.product-card-ue .form-field-ue .form-select-ue:focus{outline:none;border-color:var(--color-accent)}.product-card-ue .form-field-ue .quantity-control-ue{display:flex;align-items:center;gap:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-input);overflow:hidden}.product-card-ue .form-field-ue .quantity-control-ue .quantity-btn-ue{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-secondary);border:none;cursor:pointer;transition:background .2s ease}.product-card-ue .form-field-ue .quantity-control-ue .quantity-btn-ue:hover{background:var(--color-accent-hover)}.product-card-ue .form-field-ue .quantity-control-ue .quantity-btn-ue svg{font-size:var(--font-size-xs)}.product-card-ue .form-field-ue .quantity-control-ue .quantity-input-ue{flex:1 1;text-align:center;border:none;padding:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);background:transparent}.product-card-ue .form-field-ue .quantity-control-ue .quantity-input-ue:focus{outline:none}.product-card-ue .add-to-cart-btn-ue{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-border);color:var(--text-color-secondary);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;cursor:not-allowed;transition:all .2s ease}.product-card-ue .add-to-cart-btn-ue.active{background:var(--color-accent);color:var(--color-secondary);cursor:pointer}.product-card-ue .add-to-cart-btn-ue.active:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.product-card-ue .add-to-cart-btn-ue svg{font-size:var(--font-size-sm)}.cart-overlay-ue{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .2s ease}.cart-sidebar-ue{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--background-color-1);box-shadow:-4px 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.cart-sidebar-header-ue{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-accent);color:var(--color-secondary)}.cart-sidebar-header-ue .cart-header-title-ue{display:flex;align-items:center;gap:var(--spacing-sm)}.cart-sidebar-header-ue .cart-header-title-ue h3{font-size:var(--font-size-lg);font-weight:700;margin:0}.cart-sidebar-header-ue .cart-header-title-ue svg{font-size:var(--font-size-lg)}.cart-sidebar-header-ue .cart-close-btn-ue{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:var(--color-secondary);cursor:pointer;transition:background .2s ease}.cart-sidebar-header-ue .cart-close-btn-ue:hover{background:hsla(0,0%,100%,.3)}.cart-sidebar-header-ue .cart-close-btn-ue svg{font-size:var(--font-size-sm)}.cart-items-ue{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.cart-items-ue .cart-empty-ue{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;color:var(--text-color-secondary)}.cart-items-ue .cart-empty-ue svg{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.cart-items-ue .cart-empty-ue p{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0}.cart-items-ue .cart-empty-ue span{font-size:var(--font-size-sm)}.cart-item-ue{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-color-5);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);border:1px solid var(--color-border)}.cart-item-ue .cart-item-info-ue{flex:1 1;min-width:0}.cart-item-ue .cart-item-info-ue .cart-item-name-ue{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-xs) 0}.cart-item-ue .cart-item-info-ue .cart-item-details-ue{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.cart-item-ue .cart-item-info-ue .cart-item-details-ue .cart-item-tag-ue{display:inline-block;padding:.25rem var(--spacing-sm);background:var(--background-color-5);color:var(--text-color-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;transition:all .2s ease}.cart-item-ue .cart-item-info-ue .cart-item-details-ue .cart-item-tag-ue:hover{background:var(--color-hover);border-color:var(--color-accent)}.cart-item-ue .cart-item-info-ue .cart-item-meta-ue{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-color-secondary)}.cart-item-ue .cart-item-info-ue .cart-item-meta-ue .cart-item-price-ue{font-weight:700;color:var(--color-primary)}.cart-item-ue .cart-item-info-ue .cart-item-meta-ue .cart-item-edit-field{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-color-secondary)}.cart-item-ue .cart-item-info-ue .cart-item-meta-ue .cart-item-edit-field label{font-weight:600;margin-bottom:var(--spacing-xxs);color:var(--text-color-secondary)}.cart-item-ue .cart-item-info-ue .cart-item-meta-ue .cart-item-edit-field input{width:90px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-input);border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--text-color-primary);background:var(--background-color-1);transition:all .2s ease}.cart-item-ue .cart-item-info-ue .cart-item-meta-ue .cart-item-edit-field input::placeholder{color:var(--text-color-secondary);opacity:.6}.cart-item-ue .cart-item-info-ue .cart-item-meta-ue .cart-item-edit-field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(0,0,0,.05)}.cart-item-ue .cart-item-info-ue .cart-item-meta-ue .cart-item-edit-field input:hover:not(:focus){border-color:var(--color-border)}.cart-item-ue .cart-item-remove-ue{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-error);color:var(--color-secondary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;flex-shrink:0}.cart-item-ue .cart-item-remove-ue:hover{background:var(--color-error);transform:scale(1.1)}.cart-item-ue .cart-item-remove-ue svg{font-size:var(--font-size-xs)}.cart-discounts-ue{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--background-color-5)}.cart-discounts-ue .cart-add-discount-btn-ue{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background-color-1);border:1px dashed var(--color-border);border-radius:var(--border-radius);color:var(--text-color-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.cart-discounts-ue .cart-add-discount-btn-ue:hover{background:var(--color-hover);border-color:var(--color-accent);color:var(--color-primary)}.cart-discounts-ue .cart-add-discount-btn-ue svg{font-size:var(--font-size-sm)}.cart-discounts-ue .cart-discount-content-ue .cart-discount-header-ue{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.cart-discounts-ue .cart-discount-content-ue .cart-discount-header-ue .cart-section-title-ue{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary);margin:0}.cart-discounts-ue .cart-discount-content-ue .cart-discount-header-ue .cart-discount-close-btn-ue{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--text-color-secondary);cursor:pointer;transition:all .2s ease}.cart-discounts-ue .cart-discount-content-ue .cart-discount-header-ue .cart-discount-close-btn-ue:hover{background:var(--color-hover);border-color:var(--color-accent);color:var(--color-primary)}.cart-discounts-ue .cart-discount-content-ue .cart-discount-header-ue .cart-discount-close-btn-ue svg{font-size:var(--font-size-xs)}.cart-discounts-ue .cart-discount-inputs-ue{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cart-discounts-ue .cart-discount-field-ue{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-discounts-ue .cart-discount-field-ue label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.05em}.cart-discounts-ue .cart-discount-field-ue .cart-discount-input-ue{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-input);font-size:var(--font-size-sm);color:var(--text-color-primary);background:var(--background-color-1);transition:all .2s ease}.cart-discounts-ue .cart-discount-field-ue .cart-discount-input-ue::placeholder{color:var(--text-color-secondary);opacity:.6}.cart-discounts-ue .cart-discount-field-ue .cart-discount-input-ue:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(0,0,0,.05)}.cart-discounts-ue .cart-discount-field-ue .cart-discount-input-ue:hover:not(:focus){border-color:var(--color-border)}.cart-summary-ue{padding:var(--spacing-lg);border-top:2px solid var(--color-border);background:var(--background-color-5)}.cart-summary-ue .cart-summary-row-ue{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-color-secondary)}.cart-summary-ue .cart-summary-row-ue.discount{color:var(--color-success)}.cart-summary-ue .cart-summary-row-ue .cart-tax-toggle-ue{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.cart-summary-ue .cart-summary-row-ue .cart-tax-toggle-ue input[type=checkbox]{cursor:pointer}.cart-summary-ue .cart-summary-total-ue{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;margin-top:var(--spacing-sm);border-top:2px solid var(--color-border);font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.cart-checkout-ue{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--background-color-1)}.cart-checkout-ue .checkout-btn-ue{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-accent);color:var(--color-secondary);border:none;border-radius:var(--border-radius);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all .2s ease}.cart-checkout-ue .checkout-btn-ue:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.cart-checkout-ue .checkout-btn-ue svg{font-size:var(--font-size-md)}@media (max-width:1024px){.cotizador-ue-content{flex-direction:column}.cotizador-ue-products{max-width:100%}.cart-sidebar-ue{width:100%;height:70vh;bottom:0;top:auto;border-radius:var(--border-radius) var(--border-radius) 0 0}}.checkin-container{width:100%;min-height:100vh;padding:var(--spacing-md);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.checkin-container .checkin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-md);color:var(--color-primary)}.checkin-container .checkin-loading p{font-size:var(--font-size-md);font-weight:500}.checkin-container .checkin-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);box-shadow:0 .63rem 1.56rem -.31rem rgba(0,0,0,.1),0 .25rem .38rem -.125rem rgba(0,0,0,.05)}.checkin-container .checkin-header .checkin-back-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:rgba(0,0,0,.05);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--color-primary)}.checkin-container .checkin-header .checkin-back-btn:hover{background:rgba(0,0,0,.1);transform:translateX(-.25rem)}.checkin-container .checkin-header .checkin-header-content{flex:1 1}.checkin-container .checkin-header .checkin-header-content .checkin-title{font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary);margin:0 0 var(--spacing-xs) 0;background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.checkin-container .checkin-header .checkin-header-content .checkin-subtitle{font-size:var(--font-size-sm);color:var(--color-info);margin:0}.checkin-container .checkin-evidence-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (min-width:768px){.checkin-container .checkin-evidence-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.checkin-container .checkin-evidence-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}.checkin-container .checkin-evidence-card{background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 .25rem .63rem rgba(0,0,0,.1),0 .13rem .25rem rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.checkin-container .checkin-evidence-card:hover{transform:translateY(-.25rem);box-shadow:0 .5rem 1.25rem rgba(0,0,0,.15),0 .25rem .5rem rgba(0,0,0,.1)}.checkin-container .checkin-evidence-card.uploaded{border:.125rem solid var(--color-accent)}.checkin-container .checkin-evidence-card .checkin-evidence-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.checkin-container .checkin-evidence-card .checkin-evidence-card-header .checkin-evidence-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-lg)}.checkin-container .checkin-evidence-card .checkin-evidence-card-header .checkin-evidence-icon svg{color:#fff}.checkin-container .checkin-evidence-card .checkin-evidence-card-header .checkin-evidence-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin:0}.checkin-container .checkin-evidence-card .checkin-evidence-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg) 0}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-placeholder{width:100%;max-width:12rem;margin-bottom:var(--spacing-md)}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-placeholder .checkin-evidence-placeholder-img{width:100%;height:auto;opacity:.6}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-description{font-size:var(--font-size-sm);color:var(--color-info);margin-bottom:var(--spacing-lg);line-height:1.5}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-upload-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent) 0,#404040 100%);color:var(--color-secondary);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-upload-btn:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .38rem .75rem rgba(0,0,0,.15)}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-upload-btn:disabled{opacity:.6;cursor:not-allowed}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-progress{width:100%;margin-top:var(--spacing-md)}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-progress .checkin-evidence-progress-bar{width:100%;height:.5rem;background:rgba(0,0,0,.1);border-radius:var(--radius-sm);overflow:hidden}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-progress .checkin-evidence-progress-bar .checkin-evidence-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0,#404040 100%);transition:width .3s ease}.checkin-container .checkin-evidence-card .checkin-evidence-empty .checkin-evidence-progress .checkin-evidence-progress-text{display:block;text-align:center;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary)}.checkin-container .checkin-evidence-card .checkin-evidence-preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkin-container .checkin-evidence-card .checkin-evidence-preview .checkin-evidence-image,.checkin-container .checkin-evidence-card .checkin-evidence-preview .checkin-evidence-video{width:100%;border-radius:var(--radius-md);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.checkin-container .checkin-evidence-card .checkin-evidence-preview .checkin-evidence-video{max-height:20rem;object-fit:cover}.checkin-container .checkin-evidence-card .checkin-evidence-preview .checkin-evidence-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkin-container .checkin-evidence-card .checkin-evidence-preview .checkin-evidence-info .checkin-evidence-date{font-size:var(--font-size-xs);color:var(--color-info);margin:0}.checkin-container .checkin-evidence-card .checkin-evidence-preview .checkin-evidence-info .checkin-evidence-replace-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--color-accent);border:.063rem solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s ease}.checkin-container .checkin-evidence-card .checkin-evidence-preview .checkin-evidence-info .checkin-evidence-replace-btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-secondary)}.checkin-container .checkin-evidence-card .checkin-evidence-preview .checkin-evidence-info .checkin-evidence-replace-btn:disabled{opacity:.6;cursor:not-allowed}.checkin-container .checkin-actions{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.checkin-container .checkin-actions .checkin-complete-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xxl);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 .25rem .88rem 0 rgba(16,185,129,.4),inset 0 .06rem 0 hsla(0,0%,100%,.1)}.checkin-container .checkin-actions .checkin-complete-btn svg{color:#fff}.checkin-container .checkin-actions .checkin-complete-btn:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .38rem 1.25rem 0 rgba(16,185,129,.5),inset 0 .06rem 0 hsla(0,0%,100%,.2)}.checkin-container .checkin-actions .checkin-complete-btn:hover:not(:disabled) svg{color:#fff}.checkin-container .checkin-actions .checkin-complete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.checkin-container .checkin-actions .checkin-complete-btn:disabled svg{color:#fff}.checkin-upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md);animation:fadeIn .3s ease}.checkin-upload-modal-content{background:linear-gradient(135deg,var(--background-color-1) 0,#fff 100%);border-radius:var(--radius-lg);box-shadow:0 1.25rem 3.13rem -.63rem rgba(0,0,0,.3),0 .63rem 1.25rem -.5rem rgba(0,0,0,.2);max-width:40rem;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative;z-index:10000}.checkin-upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:.06rem solid rgba(0,0,0,.1)}.checkin-upload-modal-header .checkin-upload-modal-title{font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary);margin:0}.checkin-upload-modal-header .checkin-upload-modal-close{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;color:var(--color-primary)}.checkin-upload-modal-header .checkin-upload-modal-close:hover{background:rgba(0,0,0,.1);transform:rotate(90deg)}.checkin-upload-modal-body{padding:var(--spacing-xl);overflow-y:auto}.checkin-upload-modal-body .checkin-upload-modal-description{font-size:var(--font-size-sm);color:var(--color-info);margin-bottom:var(--spacing-lg);line-height:1.5}.checkin-upload-modal-body .checkin-upload-modal-zone{position:relative;border:.125rem dashed rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;transition:all .3s ease}.checkin-upload-modal-body .checkin-upload-modal-zone:hover{border-color:var(--color-accent);background:rgba(26,26,26,.02)}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-info)}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-placeholder p{margin:0;font-size:var(--font-size-sm)}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-placeholder .checkin-upload-modal-hint{font-size:var(--font-size-xs);color:var(--color-info);opacity:.7}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-preview{width:100%;max-height:20rem;border-radius:var(--radius-md);overflow:hidden}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-preview img,.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-preview video{width:100%;height:auto;max-height:20rem;object-fit:contain}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-progress{margin-top:var(--spacing-md)}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-progress .checkin-upload-modal-progress-bar{width:100%;height:.5rem;background:rgba(0,0,0,.1);border-radius:var(--radius-sm);overflow:hidden}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-progress .checkin-upload-modal-progress-bar .checkin-upload-modal-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0,#404040 100%);transition:width .3s ease}.checkin-upload-modal-body .checkin-upload-modal-zone .checkin-upload-modal-progress .checkin-upload-modal-progress-text{text-align:center;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary)}@media (max-width:767px){.checkin-container{padding:var(--spacing-sm)}.checkin-container .checkin-header{padding:var(--spacing-md)}.checkin-container .checkin-header .checkin-header-content .checkin-title{font-size:var(--font-size-lg)}.checkin-container .checkin-header .checkin-header-content .checkin-subtitle{font-size:var(--font-size-xs)}.checkin-container .checkin-evidence-card{padding:var(--spacing-md)}.checkin-container .checkin-upload-modal-content{max-width:100%;margin:var(--spacing-sm)}}.check-tecnico-container{padding:var(--spacing-xxl);padding-top:0}.check-tecnico-container .container-check-main{width:100%}.check-tecnico-container .container-check-main .container-forms{background-color:var(--background-color-1);border:.1rem solid #d9d9d9;width:100%;border-radius:.5rem;padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.check-tecnico-container .container-check-main .container-forms .container-form{width:100%}.check-tecnico-container .container-check-main .container-forms .container-form .container-title h1{font-size:var(--font-size-xl)}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs{margin-top:var(--spacing-md);display:flex;flex-direction:column}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check{width:30%}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .title{display:flex;align-items:center}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .title img{width:5%}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .title h1{font-size:var(--font-size-lg)}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check{height:10vw}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-check{margin-top:var(--spacing-sm);height:100%;background-color:hsla(0,0%,85%,.2);padding:var(--spacing-md);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-check .input-text{height:100%;width:60%}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-check .input-text p{font-size:var(--font-size-lg)}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-check .input-text input{background-color:var(--background-color-1);border-radius:.2rem;margin-top:var(--spacing-sm);width:100%;padding:var(--spacing-sm);border:.1rem solid rgba(0,0,0,.2)}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-check .container-semaforo{width:70%;display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-check .container-semaforo img{width:20%;cursor:pointer}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-cantidad{height:100%;width:25%;display:flex;align-items:center;flex-direction:column}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-cantidad p{font-size:var(--font-size-lg);text-align:center;width:100%}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-cantidad input{background-color:var(--background-color-1);margin-top:var(--spacing-sm);border-radius:.2rem;padding:var(--spacing-sm);width:70%;border:.1rem solid rgba(0,0,0,.2)}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-add{width:10%}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .input-check .container-cube-check .container-add img{width:100%;cursor:pointer}.check-tecnico-container .container-check-main .container-forms .container-form .container-inputs .row-inputs{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.check-tecnico-container .container-check-button{width:100%;display:flex;justify-content:flex-end}.check-tecnico-container .container-check-button button{all:unset;cursor:pointer;background-color:var(--background-color-2);color:var(--color-secondary);padding:var(--spacing-sm);width:10%;font-size:var(--font-size-md);text-align:center;border-radius:.5rem}.check-tecnico-container{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);padding:var(--spacing-lg)}@media (max-width:768px){.check-tecnico-container{padding:var(--spacing-md)}}.check-tecnico-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-md);color:var(--text-color-secondary)}.check-tecnico-container .loading-state svg{font-size:2rem;color:var(--color-primary)}.check-tecnico-container .check-tecnico-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--background-color-1);border-radius:var(--radius-lg);box-shadow:0 .25rem .5rem rgba(0,0,0,.1),0 .125rem .25rem rgba(0,0,0,.05)}@media (max-width:768px){.check-tecnico-container .check-tecnico-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}}.check-tecnico-container .check-tecnico-header .back-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:.125rem solid var(--color-border);border-radius:var(--radius-md);color:var(--text-color-primary);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm)}.check-tecnico-container .check-tecnico-header .back-button:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}.check-tecnico-container .check-tecnico-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-color-primary);margin:0}@media (max-width:768px){.check-tecnico-container .check-tecnico-header h1{font-size:var(--font-size-xl)}}.check-tecnico-container .check-tecnico-header .save-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);border:.125rem solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-secondary);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 .25rem .5rem rgba(0,0,0,.15),0 .125rem .25rem rgba(0,0,0,.1);position:relative;overflow:hidden}.check-tecnico-container .check-tecnico-header .save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.check-tecnico-container .check-tecnico-header .save-button:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-.125rem);box-shadow:0 .5rem 1rem rgba(0,0,0,.2),0 .25rem .5rem rgba(0,0,0,.15)}.check-tecnico-container .check-tecnico-header .save-button:hover:not(:disabled):before{left:100%}.check-tecnico-container .check-tecnico-header .save-button:active:not(:disabled){transform:translateY(0);box-shadow:0 .125rem .25rem rgba(0,0,0,.15),0 .0625rem .125rem rgba(0,0,0,.1)}.check-tecnico-container .check-tecnico-header .save-button:disabled{opacity:.5;cursor:not-allowed;background:var(--color-info);border-color:var(--color-info)}.check-tecnico-container .check-tecnico-header .save-button svg{font-size:var(--font-size-md)}.check-tecnico-container .check-tecnico-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.check-tecnico-container .check-category{background:var(--background-color-1);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 .25rem .5rem rgba(0,0,0,.1),0 .125rem .25rem rgba(0,0,0,.05)}.check-tecnico-container .check-category .category-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-color-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:.125rem solid var(--color-border)}.check-tecnico-container .check-category .check-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (max-width:768px){.check-tecnico-container .check-category .check-items-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.check-tecnico-card{background:var(--background-color-1);border:.125rem solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 .25rem .5rem rgba(0,0,0,.08),0 .125rem .25rem rgba(0,0,0,.04),inset 0 .0625rem 0 hsla(0,0%,100%,.1);border:.125rem solid rgba(0,0,0,.1)}.check-tecnico-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.1) 50%,rgba(0,0,0,.05));opacity:.5}.check-tecnico-card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.12),0 .25rem .5rem rgba(0,0,0,.08),inset 0 .0625rem 0 hsla(0,0%,100%,.1);transform:translateY(-.125rem);border-color:rgba(0,0,0,.15)}.check-tecnico-card.status-0{border-left:.375rem solid;border-color:rgba(239,68,68,.3);background:linear-gradient(135deg,#fef2f2 0,var(--background-color-1) 100%);box-shadow:0 .25rem .5rem rgba(239,68,68,.15),0 .125rem .25rem rgba(239,68,68,.1)}.check-tecnico-card.status-0:before{background:linear-gradient(90deg,#ef4444,rgba(239,68,68,.5));opacity:1}.check-tecnico-card.status-1{border-left:.375rem solid;border-color:rgba(245,158,11,.3);background:linear-gradient(135deg,#fffbeb 0,var(--background-color-1) 100%);box-shadow:0 .25rem .5rem rgba(245,158,11,.15),0 .125rem .25rem rgba(245,158,11,.1)}.check-tecnico-card.status-1:before{background:linear-gradient(90deg,#f59e0b,rgba(245,158,11,.5));opacity:1}.check-tecnico-card.status-2{border-left:.375rem solid;border-color:rgba(16,185,129,.3);background:linear-gradient(135deg,#f0fdf4 0,var(--background-color-1) 100%);box-shadow:0 .25rem .5rem rgba(16,185,129,.15),0 .125rem .25rem rgba(16,185,129,.1)}.check-tecnico-card.status-2:before{background:linear-gradient(90deg,#10b981,rgba(16,185,129,.5));opacity:1}.check-tecnico-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.check-tecnico-card .card-header .item-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-color-primary);margin:0}.check-tecnico-card .card-header .status-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:600}.check-tecnico-card .status-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.check-tecnico-card .status-selector .status-button{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border:.125rem solid;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all .3s ease;font-size:var(--font-size-md)}.check-tecnico-card .status-selector .status-button:hover{transform:scale(1.05);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.check-tecnico-card .status-selector .status-button.active{box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}.check-tecnico-card .form-field{margin-bottom:var(--spacing-md)}.check-tecnico-card .form-field label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-color-secondary);margin-bottom:var(--spacing-xs)}.check-tecnico-card .form-field .car-part-select,.check-tecnico-card .form-field .notes-textarea,.check-tecnico-card .form-field .quantity-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:.125rem solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-color-primary);background:var(--background-color-1);transition:all .3s ease}.check-tecnico-card .form-field .car-part-select:focus,.check-tecnico-card .form-field .notes-textarea:focus,.check-tecnico-card .form-field .quantity-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .125rem rgba(59,130,246,.2)}.check-tecnico-card .form-field .notes-textarea{resize:vertical;min-height:4rem;font-family:inherit}.check-tecnico-card .evidence-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:.125rem solid var(--color-border)}.check-tecnico-card .evidence-section .add-evidence-button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm)}.check-tecnico-card .evidence-section .add-evidence-button:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1rem rgba(99,102,241,.3)}.check-tecnico-card .evidence-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-md)}.check-tecnico-card .evidence-files .evidence-item{position:relative;border-radius:var(--radius-md);overflow:hidden;border:.125rem solid var(--color-border)}.check-tecnico-card .evidence-files .evidence-item .evidence-preview{width:100%;height:150px;overflow:hidden;background:var(--color-hover)}.check-tecnico-card .evidence-files .evidence-item .evidence-preview img,.check-tecnico-card .evidence-files .evidence-item .evidence-preview video{width:100%;height:100%;object-fit:cover}.check-tecnico-card .evidence-files .evidence-item .remove-evidence-button{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.9);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm)}.check-tecnico-card .evidence-files .evidence-item .remove-evidence-button:hover{background:#ef4444;transform:scale(1.1)}.evidence-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}@media (max-width:768px){.evidence-modal-overlay{padding:var(--spacing-md)}}.evidence-modal-content{background:var(--background-color-1);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.3);overflow:hidden}.evidence-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:.125rem solid var(--color-border)}.evidence-modal-content .modal-header h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-color-primary);margin:0}.evidence-modal-content .modal-header .close-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;transition:all .3s ease}.evidence-modal-content .modal-header .close-button:hover{background:var(--color-hover);color:var(--text-color-primary)}.evidence-modal-content .modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1 1}.evidence-modal-content .modal-body .file-input-section{margin-bottom:var(--spacing-lg)}.evidence-modal-content .modal-body .file-input-section .file-input-hidden{display:none}.evidence-modal-content .modal-body .file-input-section .file-select-button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0,#2563eb 100%);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.evidence-modal-content .modal-body .file-input-section .file-select-button:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .5rem 1rem rgba(59,130,246,.3)}.evidence-modal-content .modal-body .file-input-section .file-select-button:disabled{opacity:.6;cursor:not-allowed}.evidence-modal-content .modal-body .file-input-section .file-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-color-secondary);text-align:center}.evidence-modal-content .modal-body .preview-section{margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);overflow:hidden;border:.125rem solid var(--color-border)}.evidence-modal-content .modal-body .preview-section .preview-image,.evidence-modal-content .modal-body .preview-section .preview-video{width:100%;max-height:400px;object-fit:contain;display:block}.evidence-modal-content .modal-body .upload-progress{margin-bottom:var(--spacing-md)}.evidence-modal-content .modal-body .upload-progress .progress-bar{width:100%;height:.5rem;background:var(--color-hover);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.evidence-modal-content .modal-body .upload-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,#2563eb 100%);transition:width .3s ease}.evidence-modal-content .modal-body .upload-progress p{font-size:var(--font-size-sm);color:var(--text-color-secondary);text-align:center}.evidence-modal-content .modal-body .error-message{padding:var(--spacing-md);background:#fef2f2;border:.125rem solid #ef4444;border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);text-align:center}.evidence-modal-content .modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:.125rem solid var(--color-border)}.evidence-modal-content .modal-footer button{flex:1 1;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease}.evidence-modal-content .modal-footer button:disabled{opacity:.6;cursor:not-allowed}.evidence-modal-content .modal-footer .cancel-button{background:transparent;border:.125rem solid var(--color-border);color:var(--text-color-primary)}.evidence-modal-content .modal-footer .cancel-button:hover:not(:disabled){background:var(--color-hover)}.evidence-modal-content .modal-footer .upload-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.evidence-modal-content .modal-footer .upload-button:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .5rem 1rem rgba(16,185,129,.3)}.organizacion-container{padding:var(--spacing-lg);min-height:100vh;background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);animation:fadeIn .3s ease-in}.organizacion-container .organizacion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.organizacion-container .organizacion-header .header-content{flex:1 1;min-width:250px}.organizacion-container .organizacion-header .header-content .organizacion-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-color-primary);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.organizacion-container .organizacion-header .header-content .organizacion-title i{color:var(--color-primary)}.organizacion-container .organizacion-header .header-content .organizacion-subtitle{font-size:var(--font-size-base);color:var(--text-color-secondary);margin:0}.organizacion-container .organizacion-header .btn-create-user{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);border:.125rem solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-secondary);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 .25rem .5rem rgba(0,0,0,.15),0 .125rem .25rem rgba(0,0,0,.1);position:relative;overflow:hidden}.organizacion-container .organizacion-header .btn-create-user:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.organizacion-container .organizacion-header .btn-create-user:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-.125rem);box-shadow:0 .5rem 1rem rgba(0,0,0,.2),0 .25rem .5rem rgba(0,0,0,.15)}.organizacion-container .organizacion-header .btn-create-user:hover:not(:disabled):before{left:100%}.organizacion-container .organizacion-header .btn-create-user:active:not(:disabled){transform:translateY(0);box-shadow:0 .25rem .5rem rgba(0,0,0,.15),0 .125rem .25rem rgba(0,0,0,.1)}.organizacion-container .organizacion-header .btn-create-user i{font-size:var(--font-size-lg)}.organizacion-container .organizacion-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-color-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 .25rem .5rem rgba(0,0,0,.1),0 .125rem .25rem rgba(0,0,0,.05)}.organizacion-container .organizacion-controls .role-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.organizacion-container .organizacion-controls .role-filters .filter-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);background:var(--background-color-1);color:var(--text-color-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease}.organizacion-container .organizacion-controls .role-filters .filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.organizacion-container .organizacion-controls .role-filters .filter-btn.active{background:var(--role-color,var(--color-primary));border-color:var(--role-color,var(--color-primary));color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.organizacion-container .organizacion-controls .view-toggle{display:flex;gap:var(--spacing-xs);background:var(--background-color-1);padding:var(--spacing-xs);border-radius:var(--radius-md)}.organizacion-container .organizacion-controls .view-toggle .view-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-color-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.organizacion-container .organizacion-controls .view-toggle .view-btn:hover{background:var(--color-hover);color:var(--color-primary)}.organizacion-container .organizacion-controls .view-toggle .view-btn.active{background:var(--color-primary);color:#fff}.organizacion-container .organizacion-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.organizacion-container .organizacion-stats .stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-color-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 .25rem .5rem rgba(0,0,0,.1),0 .125rem .25rem rgba(0,0,0,.05);transition:transform .3s ease}.organizacion-container .organizacion-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15),0 .25rem .5rem rgba(0,0,0,.1)}.organizacion-container .organizacion-stats .stat-card .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--role-color,var(--color-primary)) 0,var(--color-accent) 100%);color:var(--color-secondary);font-size:var(--font-size-lg)}.organizacion-container .organizacion-stats .stat-card .stat-content{flex:1 1}.organizacion-container .organizacion-stats .stat-card .stat-content .stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-color-primary);margin:0}.organizacion-container .organizacion-stats .stat-card .stat-content .stat-label{font-size:var(--font-size-sm);color:var(--text-color-secondary);margin:var(--spacing-xs) 0 0 0}.organizacion-container .organizacion-content .employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (max-width:768px){.organizacion-container .organizacion-content .employees-grid{grid-template-columns:1fr}}.organizacion-container .organizacion-content .empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-color-secondary)}.organizacion-container .organizacion-content .empty-state i{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.organizacion-container .organizacion-content .empty-state p{font-size:var(--font-size-lg)}.organizacion-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.organizacion-container .loading-state .loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.organizacion-container .loading-state p{color:var(--text-color-secondary);font-size:var(--font-size-base)}.organizacion-container .refreshing-indicator{position:fixed;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-primary);color:var(--color-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;box-shadow:0 .25rem .5rem rgba(0,0,0,.15);z-index:1000;animation:slideDown .3s ease-out;display:flex;align-items:center;gap:var(--spacing-xs)}.organizacion-container .refreshing-indicator:before{content:"";width:.75rem;height:.75rem;border:2px solid var(--color-secondary);border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.modal-client-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.modal-client{background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-md);box-shadow:0 1.56rem 3.13rem -.75rem rgba(0,0,0,.25),0 0 0 .06rem hsla(0,0%,100%,.1);width:100%;max-width:37.5rem;max-height:90vh;overflow-y:auto;padding:var(--spacing-xl);position:relative;animation:slideUp .3s ease-out}.modal-client .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.modal-client .modal-header h3{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-primary);margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-client .modal-header svg{cursor:pointer;color:var(--color-primary);font-size:var(--font-size-lg);transition:transform .2s ease,opacity .2s ease}.modal-client .modal-header svg:hover{transform:scale(1.05);opacity:.8}.modal-client .modal-body{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--color-primary)}.modal-client .modal-body .input{width:100%}.modal-client .modal-body .input p{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.modal-client .modal-body .input input{width:100%;padding:var(--spacing-md) var(--spacing-md);border:.125rem solid #e5e7eb;border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-color-1);color:var(--color-primary)}.modal-client .modal-body .input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .19rem rgba(102,126,234,.1),0 .25rem .5rem rgba(102,126,234,.15);transform:translateY(-.06rem) scale(1.02)}.modal-client .modal-body .input input:hover{border-color:#d1d5db;transform:translateY(-.03rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.modal-client .modal-body .input input::placeholder{color:#9ca3af;transition:color .2s ease}.modal-client .modal-body .input input:focus::placeholder{color:#cbd5e0}.modal-client .modal-footer{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.modal-client .modal-footer button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease;border:none;min-width:7.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-secondary);box-shadow:0 .25rem .88rem 0 rgba(102,126,234,.4)}.modal-client .modal-footer button:hover{transform:translateY(-.125rem);box-shadow:0 .38rem 1.25rem 0 rgba(102,126,234,.5)}.modal-client .loading-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0;background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:.06rem solid #81e6d9;border-radius:var(--radius-sm);color:#2d3748;font-size:var(--font-size-sm);font-weight:600;animation:slideDown .3s ease-out}.modal-client .loading-indicator .spinner{width:1rem;height:1rem;border:.125rem solid #81e6d9;border-top-color:#2d3748;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.modal-client-overlay{padding:var(--spacing-sm)}.modal-client-overlay .modal-client{max-width:100%;padding:var(--spacing-lg)}}.schedule-calendar-container{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);z-index:10000;display:flex;flex-direction:column;padding:var(--spacing-xl);overflow:hidden;animation:fadeIn .3s ease-out}.schedule-calendar-container .schedule-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%);border-radius:var(--radius-sm);box-shadow:0 .125rem .25rem hsla(0,1%,48%,.05),0 0 0 .06rem hsla(0,0%,100%,.1);border-left:.25rem solid var(--background-color-3)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-back-btn{background:transparent;color:var(--color-accent);border:.125rem solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-back-btn:hover{background:var(--color-accent);color:var(--color-secondary);transform:translateY(-.06rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.1)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-back-btn:active{transform:translateY(0)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-accent);margin:0;text-transform:uppercase;letter-spacing:.05em}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-header-actions{display:flex;gap:var(--spacing-sm);align-items:center;position:relative}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-confirm-btn-header{background:var(--color-accent);color:var(--color-secondary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);border:none;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 .125rem .5rem 0 rgba(26,26,26,.3);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;white-space:nowrap}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-confirm-btn-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-confirm-btn-header:hover{transform:translateY(-.06rem) scale(1.02);box-shadow:0 .25rem .75rem 0 rgba(26,26,26,.4)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-confirm-btn-header:hover:before{left:100%}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-confirm-btn-header:active{transform:translateY(0) scale(1)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-container{position:relative}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-btn{background:transparent;color:var(--color-accent);border:.125rem solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-weight:700;font-size:var(--font-size-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;line-height:1}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-btn:hover{background:var(--color-hover);border-color:var(--color-accent);transform:translateY(-.06rem);box-shadow:0 .125rem .25rem rgba(0,0,0,.1)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-btn:active{transform:translateY(0)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--background-color-1);border:.125rem solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 .25rem .5rem rgba(0,0,0,.1),0 .125rem .25rem rgba(0,0,0,.05);z-index:1000;min-width:10rem;overflow:hidden;animation:slideDown .2s ease-out}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-dropdown .schedule-calendar-menu-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;text-align:left;font-weight:600;font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;transition:all .2s ease;border-bottom:.06rem solid var(--color-border)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-dropdown .schedule-calendar-menu-item:last-child{border-bottom:none}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-dropdown .schedule-calendar-menu-item:hover{background:var(--color-hover);color:var(--color-accent)}.schedule-calendar-container .schedule-calendar-header .schedule-calendar-menu-dropdown .schedule-calendar-menu-item:active{background:var(--color-accent);color:var(--color-secondary)}.schedule-calendar-container .schedule-calendar-main-content{display:grid;grid-template-columns:1fr 18rem;grid-gap:var(--spacing-md);gap:var(--spacing-md);flex:1 1;min-height:0;overflow:hidden}.schedule-calendar-container .schedule-calendar-grid{grid-template-columns:auto repeat(7,1fr);grid-gap:0;gap:0;background:var(--background-color-1);border-radius:var(--radius-sm);box-shadow:0 .25rem .5rem rgba(15,23,42,.08)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-time-column{background:#f9fafb;border-right:1px solid rgba(148,163,184,.35)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-time-slot{height:2rem;display:flex;align-items:flex-start;justify-content:flex-end;padding-right:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-color-secondary);border-bottom:1px dashed rgba(148,163,184,.25)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column{border-left:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;min-width:0}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-header{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid rgba(148,163,184,.35);display:flex;flex-direction:column;align-items:center;gap:.1rem}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-header .schedule-calendar-day-name{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-color-secondary)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-header .schedule-calendar-day-number{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-slot{position:relative;height:2rem;border-bottom:1px solid rgba(148,163,184,.25);transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.02))}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-slot:hover{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.3)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-slot.schedule-calendar-slot-past{cursor:not-allowed;background:linear-gradient(180deg,rgba(148,163,184,.04),rgba(148,163,184,.06));color:rgba(148,163,184,.7)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-slot.schedule-calendar-slot-busy{background:linear-gradient(90deg,rgba(234,179,8,.12),rgba(245,158,11,.18));border-left:.18rem solid rgba(217,119,6,.7)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-slot.schedule-calendar-slot-selected{background:linear-gradient(180deg,rgba(59,130,246,.18),rgba(37,99,235,.16));border-left:.18rem solid rgba(37,99,235,.9);box-shadow:inset 0 0 0 1px rgba(59,130,246,.35)}.schedule-calendar-container .schedule-calendar-nav-compact{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:var(--background-color-1);border-radius:var(--radius-sm);box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-nav-btn{background:var(--background-color-1);color:var(--color-accent);border:.125rem solid var(--color-border);border-radius:var(--radius-sm);padding:0;font-weight:700;font-size:var(--font-size-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-nav-btn:hover{background:var(--color-accent);color:var(--color-secondary);border-color:var(--color-accent);transform:scale(1.1);box-shadow:0 .125rem .25rem rgba(0,0,0,.15)}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-nav-btn:active{transform:scale(1.05)}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-nav-btn.schedule-calendar-nav-btn-left{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-nav-btn.schedule-calendar-nav-btn-right{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-date-range-compact{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:.125rem solid var(--color-border);border-left:none;border-right:none;border-radius:0;flex:1 1;min-height:2.5rem}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-date-range-compact .schedule-calendar-date-end,.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-date-range-compact .schedule-calendar-date-start{font-weight:700;font-size:var(--font-size-sm);color:var(--color-primary);text-transform:capitalize;text-align:center;line-height:1.2;white-space:nowrap}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-date-range-compact .schedule-calendar-date-separator{font-weight:400;font-size:var(--font-size-xs);color:var(--text-color-secondary);opacity:.6;margin:0 var(--spacing-xs)}.schedule-calendar-container .schedule-calendar-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;max-height:100%}.schedule-calendar-container .schedule-calendar-sidebar::-webkit-scrollbar{width:.5rem}.schedule-calendar-container .schedule-calendar-sidebar::-webkit-scrollbar-track{background:#f1f5f9}.schedule-calendar-container .schedule-calendar-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-sm)}.schedule-calendar-container .schedule-calendar-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.schedule-calendar-container .schedule-calendar-selected-info-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:.125rem solid #81e6d9;border-radius:var(--radius-sm);box-shadow:0 .25rem .5rem rgba(56,178,172,.1);animation:slideDown .3s ease-out}.schedule-calendar-container .schedule-calendar-selected-info-sidebar .schedule-calendar-sidebar-title{font-size:var(--font-size-md);font-weight:700;color:#2d3748;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.05em}.schedule-calendar-container .schedule-calendar-selected-info-sidebar .schedule-calendar-info-item-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xs)}.schedule-calendar-container .schedule-calendar-selected-info-sidebar .schedule-calendar-info-item-sidebar .schedule-calendar-info-label-sidebar{font-weight:600;font-size:var(--font-size-xs);color:#4a5568;text-transform:uppercase;letter-spacing:.05em}.schedule-calendar-container .schedule-calendar-selected-info-sidebar .schedule-calendar-info-item-sidebar .schedule-calendar-info-value-sidebar{font-weight:700;font-size:var(--font-size-sm);color:#2d3748;text-transform:capitalize}.schedule-calendar-container .schedule-calendar-selected-info-sidebar .schedule-calendar-duration-select-sidebar{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:.125rem solid #81e6d9;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;background:var(--background-color-1);color:var(--color-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem}.schedule-calendar-container .schedule-calendar-selected-info-sidebar .schedule-calendar-duration-select-sidebar:focus{outline:none;border-color:#38b2ac;box-shadow:0 0 0 .19rem rgba(56,178,172,.1)}.schedule-calendar-container .schedule-calendar-selected-info-sidebar .schedule-calendar-duration-select-sidebar:hover{border-color:#38b2ac;transform:translateY(-.03rem)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#fef3c7,#fde68a);border:.125rem solid #f59e0b;border-radius:var(--radius-sm);box-shadow:0 .25rem .5rem rgba(245,158,11,.1);animation:slideDown .3s ease-out}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--color-secondary);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 .25rem .5rem rgba(245,158,11,.3);position:relative;overflow:hidden}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-btn:hover{transform:translateY(-.06rem);box-shadow:0 .38rem .75rem rgba(245,158,11,.4);background:linear-gradient(135deg,#d97706,#b45309)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-btn:hover:before{left:100%}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-btn:active{transform:translateY(0)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);animation:slideDown .3s ease-out}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-header .schedule-calendar-pickup-assigned-title{font-size:var(--font-size-sm);font-weight:700;color:#92400e;margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-header .schedule-calendar-pickup-assigned-title i{color:#f59e0b}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-header .schedule-calendar-pickup-edit-btn{background:transparent;border:.125rem solid #f59e0b;color:#f59e0b;border-radius:var(--radius-sm);padding:var(--spacing-xs);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-header .schedule-calendar-pickup-edit-btn:hover{background:#f59e0b;color:var(--color-secondary);transform:scale(1.05)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-header .schedule-calendar-pickup-edit-btn:active{transform:scale(.95)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:.125rem solid rgba(245,158,11,.3)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-content .schedule-calendar-pickup-assigned-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);background:hsla(0,0%,100%,.5);border-radius:var(--radius-sm)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-content .schedule-calendar-pickup-assigned-item .schedule-calendar-pickup-assigned-label{font-size:var(--font-size-xs);font-weight:600;color:#92400e;display:flex;align-items:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-content .schedule-calendar-pickup-assigned-item .schedule-calendar-pickup-assigned-label i{color:#f59e0b;font-size:var(--font-size-xs)}.schedule-calendar-container .schedule-calendar-pickup-assignment-sidebar .schedule-calendar-pickup-assigned .schedule-calendar-pickup-assigned-content .schedule-calendar-pickup-assigned-item .schedule-calendar-pickup-assigned-value{font-size:var(--font-size-sm);color:#78350f;font-weight:500;word-break:break-word;line-height:1.4}.schedule-calendar-container .schedule-calendar-empty-sidebar{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-hover);border-radius:var(--radius-sm);border:.125rem dashed var(--color-border)}.schedule-calendar-container .schedule-calendar-empty-sidebar .schedule-calendar-empty-message{font-size:var(--font-size-sm);color:var(--text-color-secondary);text-align:center;font-weight:500;margin:0}.schedule-calendar-container .schedule-calendar-grid{display:grid;grid-template-columns:4rem repeat(7,1fr);grid-gap:.125rem;gap:.125rem;background:var(--color-border);border:.125rem solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;min-height:0;overflow-y:auto}.schedule-calendar-container .schedule-calendar-grid::-webkit-scrollbar{width:.5rem}.schedule-calendar-container .schedule-calendar-grid::-webkit-scrollbar-track{background:#f1f5f9}.schedule-calendar-container .schedule-calendar-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-sm)}.schedule-calendar-container .schedule-calendar-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-time-column{display:grid;grid-template-rows:3rem repeat(48,1.5rem);background:var(--background-color-1);position:-webkit-sticky;position:sticky;left:0;z-index:10}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-time-column .schedule-calendar-time-slot{display:flex;align-items:flex-start;padding:var(--spacing-xs) var(--spacing-sm);border-right:.125rem solid var(--color-border);font-size:var(--font-size-xs);color:var(--text-color-secondary);font-weight:500}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-time-column .schedule-calendar-time-slot .schedule-calendar-time-label{font-weight:600;color:var(--color-primary)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column{display:grid;grid-template-rows:3rem repeat(48,1.5rem);background:var(--background-color-1)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:.125rem solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:5}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-day-header .schedule-calendar-day-name{font-size:var(--font-size-xs);font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.05em}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-day-header .schedule-calendar-day-number{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-top:var(--spacing-xs)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot{border-bottom:.06rem solid #f3f4f6;border-right:.06rem solid #f3f4f6;cursor:pointer;transition:all .2s ease;position:relative;min-height:1.5rem}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot:hover{background:rgba(26,26,26,.03)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-past{background:#f9fafb;cursor:not-allowed;opacity:.5}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-past:hover{background:#f9fafb}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-left:.125rem solid #81e6d9;border-right:.125rem solid #81e6d9;z-index:2;cursor:move}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected.schedule-calendar-slot-start{border-top:.125rem solid #81e6d9;border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected.schedule-calendar-slot-end{border-bottom:.125rem solid #81e6d9;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected.schedule-calendar-slot-resize{cursor:ns-resize;position:relative}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected.schedule-calendar-slot-resize:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:2rem;height:.25rem;background:#38b2ac;border-radius:var(--radius-sm);opacity:.8}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected.schedule-calendar-slot-resize:hover:after{opacity:1;background:#2c9a94}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected .schedule-calendar-event-preview{display:flex;flex-direction:column;padding:var(--spacing-xs);gap:var(--spacing-xs);position:absolute;top:0;left:0;right:0;z-index:3}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected .schedule-calendar-event-preview .schedule-calendar-event-time{font-weight:700;font-size:var(--font-size-xs);color:#2d3748}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-slot.schedule-calendar-slot-selected .schedule-calendar-event-preview .schedule-calendar-event-duration{font-weight:600;font-size:var(--font-size-xs);color:#4a5568}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-.625rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.schedule-calendar-container{padding:var(--spacing-md)}.schedule-calendar-container .schedule-calendar-main-content{grid-template-columns:1fr 16rem;gap:var(--spacing-sm)}.schedule-calendar-container .schedule-calendar-grid{grid-template-columns:3rem repeat(7,1fr)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-time-column{grid-template-rows:2.5rem repeat(48,1.25rem)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-time-column .schedule-calendar-time-slot{font-size:.625rem}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column{grid-template-rows:2.5rem repeat(48,1.25rem)}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-day-header .schedule-calendar-day-name{font-size:.625rem}.schedule-calendar-container .schedule-calendar-grid .schedule-calendar-day-column .schedule-calendar-day-header .schedule-calendar-day-number{font-size:var(--font-size-md)}}@media (max-width:768px){.schedule-calendar-container{padding:var(--spacing-sm)}.schedule-calendar-container .schedule-calendar-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-xs) var(--spacing-sm)}.schedule-calendar-container .schedule-calendar-main-content{grid-template-columns:1fr;gap:var(--spacing-sm)}.schedule-calendar-container .schedule-calendar-sidebar{order:-1}.schedule-calendar-container .schedule-calendar-nav-compact{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-nav-btn{width:2rem;height:2rem;font-size:var(--font-size-md);flex:0 0 auto}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-nav-btn.schedule-calendar-nav-btn-down,.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-nav-btn.schedule-calendar-nav-btn-up{border-radius:var(--radius-sm);border:.125rem solid var(--color-border)}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-date-range-compact{flex-direction:row;flex:1 1;min-height:auto;padding:var(--spacing-xs);gap:var(--spacing-xs)}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-date-range-compact .schedule-calendar-date-end,.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-date-range-compact .schedule-calendar-date-start{font-size:var(--font-size-xs)}.schedule-calendar-container .schedule-calendar-nav-compact .schedule-calendar-date-range-compact .schedule-calendar-date-separator{margin:0 var(--spacing-xs)}.schedule-calendar-container .schedule-calendar-grid{grid-template-columns:2.5rem repeat(7,1fr);font-size:.75rem}}.pickup-assignment-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);z-index:20000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.pickup-assignment-container{background:var(--background-color-1);border-radius:var(--radius-md);box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.15),0 .5rem 1rem rgba(0,0,0,.1);width:100%;max-width:45rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.pickup-assignment-container .pickup-assignment-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:.125rem solid var(--color-border);background:linear-gradient(135deg,var(--background-color-1) 0,#f8fafc 100%)}.pickup-assignment-container .pickup-assignment-header .pickup-assignment-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);margin:0;text-transform:uppercase;letter-spacing:.05em}.pickup-assignment-container .pickup-assignment-header .pickup-assignment-close-btn{background:transparent;border:none;font-size:var(--font-size-xxxl);color:var(--text-color-secondary);cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.pickup-assignment-container .pickup-assignment-header .pickup-assignment-close-btn:hover{background:var(--color-hover);color:var(--color-accent);transform:rotate(90deg)}.pickup-assignment-container .pickup-assignment-form{padding:var(--spacing-xl);overflow-y:auto;flex:1 1}.pickup-assignment-container .pickup-assignment-form::-webkit-scrollbar{width:.5rem}.pickup-assignment-container .pickup-assignment-form::-webkit-scrollbar-track{background:#f1f5f9}.pickup-assignment-container .pickup-assignment-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-sm)}.pickup-assignment-container .pickup-assignment-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pickup-assignment-container .pickup-assignment-section{margin-bottom:var(--spacing-xl)}.pickup-assignment-container .pickup-assignment-section:last-of-type{margin-bottom:0}.pickup-assignment-container .pickup-assignment-section .pickup-assignment-section-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-accent);margin:0 0 var(--spacing-lg) 0;text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--spacing-sm);border-bottom:.125rem solid var(--color-border)}.pickup-assignment-container .pickup-assignment-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pickup-assignment-container .pickup-assignment-form-row:last-child{margin-bottom:0}.pickup-assignment-container .pickup-assignment-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pickup-assignment-container .pickup-assignment-form-group.pickup-assignment-form-group-large{grid-column:span 2}.pickup-assignment-container .pickup-assignment-form-group.pickup-assignment-form-group-small{grid-column:span 1}.pickup-assignment-container .pickup-assignment-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.pickup-assignment-container .pickup-assignment-label .pickup-assignment-required{color:var(--color-error);margin-left:var(--spacing-xs)}.pickup-assignment-container .pickup-assignment-input,.pickup-assignment-container .pickup-assignment-select,.pickup-assignment-container .pickup-assignment-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:.125rem solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-family:var(--font-primary);color:var(--color-primary);background:var(--background-color-1);transition:all .3s cubic-bezier(.4,0,.2,1)}.pickup-assignment-container .pickup-assignment-input:focus,.pickup-assignment-container .pickup-assignment-select:focus,.pickup-assignment-container .pickup-assignment-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 .19rem rgba(26,26,26,.1);transform:translateY(-.03rem)}.pickup-assignment-container .pickup-assignment-input:hover:not(:disabled),.pickup-assignment-container .pickup-assignment-select:hover:not(:disabled),.pickup-assignment-container .pickup-assignment-textarea:hover:not(:disabled){border-color:#d1d5db}.pickup-assignment-container .pickup-assignment-input::placeholder,.pickup-assignment-container .pickup-assignment-select::placeholder,.pickup-assignment-container .pickup-assignment-textarea::placeholder{color:var(--text-color-secondary);opacity:.6}.pickup-assignment-container .pickup-assignment-input.pickup-assignment-input-error,.pickup-assignment-container .pickup-assignment-select.pickup-assignment-input-error,.pickup-assignment-container .pickup-assignment-textarea.pickup-assignment-input-error{border-color:var(--color-error);box-shadow:0 0 0 .19rem rgba(239,68,68,.1)}.pickup-assignment-container .pickup-assignment-input.pickup-assignment-input-error:focus,.pickup-assignment-container .pickup-assignment-select.pickup-assignment-input-error:focus,.pickup-assignment-container .pickup-assignment-textarea.pickup-assignment-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 .19rem rgba(220,38,38,.15)}.pickup-assignment-container .pickup-assignment-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.pickup-assignment-container .pickup-assignment-textarea{resize:vertical;min-height:5rem;font-family:var(--font-primary)}.pickup-assignment-container .pickup-assignment-error{font-size:var(--font-size-xs);color:var(--color-error);font-weight:500;margin-top:calc(var(--spacing-xs) * -1)}.pickup-assignment-container .pickup-assignment-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);margin-top:var(--spacing-xl);border-top:.125rem solid var(--color-border)}.pickup-assignment-container .pickup-assignment-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;border:none;min-width:8rem}.pickup-assignment-container .pickup-assignment-btn.pickup-assignment-btn-cancel{background:transparent;color:var(--text-color-secondary);border:.125rem solid var(--color-border)}.pickup-assignment-container .pickup-assignment-btn.pickup-assignment-btn-cancel:hover{background:var(--color-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-.06rem)}.pickup-assignment-container .pickup-assignment-btn.pickup-assignment-btn-submit{background:var(--color-accent);color:var(--color-secondary);box-shadow:0 .25rem .88rem 0 rgba(26,26,26,.4);position:relative;overflow:hidden}.pickup-assignment-container .pickup-assignment-btn.pickup-assignment-btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.pickup-assignment-container .pickup-assignment-btn.pickup-assignment-btn-submit:hover:not(:disabled){transform:translateY(-.125rem) scale(1.02);box-shadow:0 .38rem 1.25rem 0 rgba(26,26,26,.5)}.pickup-assignment-container .pickup-assignment-btn.pickup-assignment-btn-submit:hover:not(:disabled):before{left:100%}.pickup-assignment-container .pickup-assignment-btn.pickup-assignment-btn-submit:active:not(:disabled){transform:translateY(0) scale(1)}.pickup-assignment-container .pickup-assignment-btn.pickup-assignment-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.pickup-assignment-overlay{padding:var(--spacing-sm)}.pickup-assignment-container{max-width:100%;max-height:95vh}.pickup-assignment-form{padding:var(--spacing-md)}.pickup-assignment-form-row{grid-template-columns:1fr}.pickup-assignment-form-group.pickup-assignment-form-group-large,.pickup-assignment-form-group.pickup-assignment-form-group-small{grid-column:span 1}.pickup-assignment-actions{flex-direction:column-reverse}.pickup-assignment-actions .pickup-assignment-btn{width:100%}}