@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:wght@300;400;600;700&family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";:root{--retroPink: #ff66b3;--retroTeal: #00cc99;--retroYellow: #ffde59;--retroOrange: #ff9966;--retroBlue: #0066ff;--retroMagenta: #ff00cc}.home-page{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.login-button-container{position:fixed;top:1rem;right:1rem;z-index:50;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.login-button{background:var(--retroPink);color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:9999px;box-shadow:0 10px 25px #00c5cc66;display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s ease;transform:scale(1);font-family:Poppins,sans-serif;border:none;cursor:pointer;font-size:1rem}.login-button.register-button{background:var(--retroTeal);box-shadow:0 10px 25px #00c5cc66}.login-button.register-button:hover{background:#00b8c4;transform:scale(1.05);box-shadow:0 15px 35px #00c5cc99}.login-button:hover{background:#f39;transform:scale(1.05);box-shadow:0 15px 35px #00c5cc99}.login-button svg{width:20px;height:20px}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;position:relative;overflow:hidden;background:linear-gradient(to right,#00c5cc,#ff37d7)}.sunburst-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;opacity:.15;background:repeating-linear-gradient(30deg,transparent,transparent 2px,var(--retroPink) 2px,var(--retroPink) 4px),repeating-linear-gradient(60deg,transparent,transparent 2px,var(--retroPink) 2px,var(--retroPink) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,var(--retroPink) 2px,var(--retroPink) 4px)}.icon-pattern-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;opacity:.2;pointer-events:none}.icon-row{display:flex;gap:2rem;position:absolute;width:max-content;will-change:transform;left:0;align-items:center}.icon-row-right{animation:slideRightIcon linear infinite}.icon-row-left{animation:slideLeftIcon linear infinite}.dev-disable-icon-animation .icon-row-right,.dev-disable-icon-animation .icon-row-left{animation:none!important}.pattern-icon{width:60px;height:60px;flex-shrink:0;opacity:.85;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.4));transition:opacity .3s ease}.pattern-icon:hover{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.6))}@keyframes slideRightIcon{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideLeftIcon{0%{transform:translate(-50%)}to{transform:translate(0)}}.hero-content{position:relative;z-index:10;text-align:center;max-width:64rem;width:100%}.main-logo{width:auto;height:auto;max-width:90%;max-height:200px;margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 40px rgba(255,255,255,.6)) drop-shadow(0 0 60px rgba(255,255,255,.4)) drop-shadow(0 0 80px rgba(255,255,255,.3));animation:glow 2s ease-in-out infinite alternate}.dev-disable-icon-animation .main-logo{animation:none!important}@media (min-width: 768px){.main-logo{max-height:500px}}@keyframes glow{0%{filter:drop-shadow(0 0 15px rgba(255,255,255,.7)) drop-shadow(0 0 30px rgba(255,255,255,.5)) drop-shadow(0 0 50px rgba(255,255,255,.3)) drop-shadow(0 0 70px rgba(255,255,255,.2))}to{filter:drop-shadow(0 0 25px rgba(255,255,255,1)) drop-shadow(0 0 50px rgba(255,255,255,.8)) drop-shadow(0 0 70px rgba(255,255,255,.6)) drop-shadow(0 0 100px rgba(255,255,255,.4))}}.hero-subtitle{font-size:1.25rem;margin-bottom:3rem;color:#fffffff2;font-weight:500;max-width:42rem;margin-left:auto;margin-right:auto;font-family:Poppins,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.2)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem;max-width:400px;margin-left:auto;margin-right:auto}.menu-item-card{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 10px 25px #00000026;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.menu-item-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000040}.menu-icon-circle{width:4rem;height:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.menu-icon-circle.retroTeal{background:var(--retroTeal)}.menu-icon-circle.retroPink{background:var(--retroPink)}.menu-icon-circle.retroOrange{background:var(--retroOrange)}.menu-icon{font-size:2rem}.menu-label{font-weight:700;font-family:Poppins,sans-serif}.menu-label.retroTeal{color:var(--retroTeal)}.menu-label.retroPink{color:var(--retroPink)}.menu-label.retroOrange{color:var(--retroOrange)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:transparent;color:#ffffffe6;font-weight:600;padding:1rem 2.5rem;border-radius:9999px;font-size:1rem;text-decoration:none;transition:all .3s ease;transform:scale(1);margin-bottom:4rem;font-family:Poppins,sans-serif;letter-spacing:.1em;position:relative;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #ffffff4d,inset 0 0 0 1px #fff3,0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 10px rgba(255,255,255,.5)}.cta-button:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:9999px;padding:2px;background:linear-gradient(90deg,#add8e666,#ffc0cb66);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.cta-button:hover{transform:scale(1.05);border-color:#ffffffe6;box-shadow:0 0 0 1px #ffffff80,inset 0 0 0 1px #ffffff4d,0 0 30px #ffffff4d;text-shadow:0 0 15px rgba(255,255,255,.8);color:#fff}.cta-icon-left{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #ffffff4d,inset 0 0 0 1px #fff3;position:relative;flex-shrink:0}.cta-icon-left:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 5px #fffc}.cta-text{text-transform:uppercase;font-weight:600;letter-spacing:.15em}.cta-icon-right{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #ffffff4d,inset 0 0 0 1px #fff3;position:relative;flex-shrink:0}.cta-icon-right:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 5px #fffc}.featured-carousel{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 25px 50px #0000004d;margin-bottom:4rem}.carousel-container{display:flex;transition:transform 1.2s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-image-wrapper{min-width:100%;position:relative;flex-shrink:0;height:16rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-background-blur{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(25px);transform:scale(1.1);z-index:0;opacity:.9;width:100%;height:100%}.carousel-image{width:55%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;border-radius:.5rem;box-shadow:0 10px 40px #00000080}@media (min-width: 768px){.carousel-image-wrapper{height:24rem}}.carousel-overlay{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:55%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem;z-index:2;border-radius:0 0 .5rem .5rem}.carousel-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem;font-family:Poppins,sans-serif}.carousel-subtitle{color:var(--retroYellow);font-family:Poppins,sans-serif}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.carousel-indicator{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.carousel-indicator:hover{background:#fffc;transform:scale(1.2)}.carousel-indicator.active{background:#fff;width:30px;border-radius:5px;box-shadow:0 0 10px #fff9}.testimonials-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #00000026;max-width:42rem;width:100%;min-height:400px;height:400px;margin:0 auto;display:flex;flex-direction:column}.testimonials-card-title{font-weight:700;font-size:1.25rem;margin:0 0 1.5rem;color:#1a1a1a;font-family:Poppins,sans-serif;text-align:center}.testimonial-review-card{background:#fff;border:2px solid #00bcd4;border-radius:12px;padding:1.5rem;flex:1;display:flex;flex-direction:column;transition:all .2s;box-shadow:0 4px 12px #00bcd41a;min-height:250px;height:250px;touch-action:pan-y;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.testimonial-progress-container{position:absolute;top:0;left:0;right:0;height:4px;background:#00bcd41a;z-index:10}.testimonial-progress-bar{height:100%;background:linear-gradient(90deg,#00bcd4,#ff1493);transition:width .05s linear;box-shadow:0 0 8px #00bcd480}.testimonial-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.testimonial-review-author{display:flex;gap:1rem;flex:1;min-width:0}.testimonial-review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e5e5e5}.testimonial-review-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,#ff1493);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;border:2px solid #e5e5e5}.testimonial-review-avatar-placeholder svg{width:24px;height:24px}.testimonial-review-author-info{flex:1;min-width:0}.testimonial-review-author-name{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;font-family:Poppins,sans-serif}.testimonial-review-rating{display:flex;gap:2px}.testimonial-review-star{font-size:14px;opacity:.3;transition:opacity .2s}.testimonial-review-star.filled{opacity:1}.testimonial-review-text{font-size:.9375rem;color:#333;line-height:1.6;margin:0 0 1rem;font-family:Poppins,sans-serif;flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;max-height:140px;padding-right:8px;-webkit-overflow-scrolling:touch}.testimonial-review-text::-webkit-scrollbar{width:6px}.testimonial-review-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.testimonial-review-text::-webkit-scrollbar-thumb{background:#00bcd4;border-radius:3px}.testimonial-review-text::-webkit-scrollbar-thumb:hover{background:#0097a7}.testimonial-review-footer{display:flex;justify-content:flex-end;padding-top:.75rem;border-top:1px solid #f0f0f0}.testimonial-review-date{font-size:.75rem;color:#999;font-style:italic;font-family:Poppins,sans-serif}.testimonial-dots{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.testimonial-dot{width:.75rem;height:.75rem;border-radius:9999px;border:none;background:#d1d5db;cursor:pointer;transition:all .3s ease;padding:0}.testimonial-dot.active{background:var(--retroPink);transform:scale(1.2)}.testimonial-dot:hover{background:var(--retroPink);opacity:.7}.testimonial-loading,.testimonial-empty{text-align:center;padding:2rem;color:#666;font-family:Poppins,sans-serif;flex:1;display:flex;align-items:center;justify-content:center}.testimonial-loading p,.testimonial-empty p{margin:0;font-style:italic}@media (max-width: 768px){.testimonials-card{min-height:360px;height:360px;padding:1.5rem}.testimonials-card-title{font-size:1.125rem;margin-bottom:1rem}.testimonial-review-card{padding:1rem;min-height:240px;height:240px}.testimonial-review-avatar,.testimonial-review-avatar-placeholder{width:40px;height:40px}.testimonial-review-avatar-placeholder svg{width:20px;height:20px}.testimonial-review-author-name{font-size:.9375rem}.testimonial-review-text{font-size:.875rem;max-height:120px}.testimonial-review-date{font-size:.6875rem}}.main-footer{background:var(--retroPink);color:#fff;padding:2rem 1rem}.footer-content{max-width:75rem;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}.footer-section{text-align:center}.footer-info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;text-align:left}.footer-info-item:last-child{margin-bottom:0}.footer-icon{color:var(--retroTeal);flex-shrink:0;margin-top:.25rem}.footer-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;font-family:Poppins,sans-serif}.footer-section p{margin-bottom:.5rem;font-family:Poppins,sans-serif;line-height:1.6}.footer-link{color:#ffffffe6;text-decoration:none;transition:color .3s ease;border-bottom:1px solid transparent}.footer-link:hover{color:var(--retroTeal);border-bottom-color:var(--retroTeal)}.footer-social{display:flex;gap:1rem;justify-content:center}.social-icon{width:2.5rem;height:2.5rem;background:#fff3;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:#ffffff4d;transform:scale(1.1)}.footer-bottom{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-family:Poppins,sans-serif}@media (min-width: 768px){.menu-grid{grid-template-columns:repeat(2,1fr);max-width:500px;gap:2rem}.hero-subtitle{font-size:1.5rem}.main-logo{font-size:5rem}.footer-content{grid-template-columns:repeat(3,1fr)}.footer-section,.footer-info-item{text-align:left}}@media (max-width: 767px){.main-logo{font-size:2.5rem}.hero-subtitle{font-size:1rem}.login-button{padding:.5rem 1rem;font-size:.875rem}.login-button svg{width:16px;height:16px}}.pcs-select{padding:14px 36px 14px 12px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.login-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.login-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1)}.login-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.login-close:hover{background:#0000001a;color:#333}.login-close:active{transform:scale(.95)}.login-content{padding:40px 32px 32px}.login-title{font-size:28px;font-weight:700;color:#333;margin:0 0 32px;text-align:center}.login-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:8px}.login-tab{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:10px 10px 0 0;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit;touch-action:manipulation}.login-tab:hover{color:#333;background:#ff00ff0d}.login-tab.active{color:#f0f;background:#ff00ff1a}.login-tab.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background:linear-gradient(90deg,#f0f,#0ff);border-radius:2px 2px 0 0}.login-form-container{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:24px;margin-bottom:24px;background:#ffffff80}.login-form{display:flex;flex-direction:column;gap:20px}.login-input-group{display:flex;flex-direction:column;gap:8px}.login-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.login-country-code{flex:0 0 120px;min-width:0}.login-phone-input-wrapper .pcs-input{flex:1}.login-password-wrapper{position:relative;display:flex;align-items:center}.login-password-wrapper .pcs-input{padding-right:48px}.login-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.login-password-toggle:hover{color:#333;background:#0000000d}.login-password-toggle:active{transform:scale(.95)}.login-password-toggle svg{width:20px;height:20px}.login-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.login-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px;position:relative}.login-google-hint-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;width:calc(100% - 40px);max-width:350px}.login-tooltip-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.login-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #0006}.login-tooltip-icon{color:#4285f4;flex-shrink:0;margin-top:2px}.login-tooltip-text{color:#fff;font-size:13px;line-height:1.4;font-weight:400}.login-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#999;font-size:14px}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.1)}.login-divider span{padding:0 16px}.login-google-button-container{width:100%;margin-bottom:16px;display:flex;justify-content:center;align-items:center}.login-google-button-container>div{display:flex;justify-content:center;align-items:center}.login-google-button-container>div>iframe{margin:0 auto}@media (max-width: 640px){.login-backdrop{padding:0;align-items:flex-end}.login-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.login-content{padding:32px 24px 24px}.login-title{font-size:24px;margin-bottom:24px}.login-form-container{padding:20px}.login-phone-input-wrapper{flex-direction:column}.login-country-code{flex:1;width:100%}}.login-modal::-webkit-scrollbar{width:8px}.login-modal::-webkit-scrollbar-track{background:transparent}.login-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.login-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.login-modal.transitioning{animation:modalTransition .3s ease}.session-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.session-confirm-modal{background:#fff;border-radius:20px;padding:32px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.session-confirm-content{display:flex;flex-direction:column;align-items:center;text-align:center}.session-confirm-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#c44569);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.session-confirm-title{font-size:24px;font-weight:700;color:#333;margin:0 0 12px}.session-confirm-message{font-size:16px;color:#666;margin:0 0 24px}.session-confirm-option{width:100%;text-align:left;margin-bottom:24px}.session-confirm-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.session-confirm-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ff6b9d}.session-confirm-hint{font-size:14px;color:#999;margin:0;padding-left:32px;line-height:1.5}.session-confirm-actions{width:100%;display:flex;gap:12px}.session-confirm-button{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.session-confirm-button-primary{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff}.session-confirm-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b9d66}.session-confirm-button-primary:active{transform:translateY(0)}@media (max-width: 768px){.session-confirm-modal{padding:24px;max-width:90%}.session-confirm-title{font-size:20px}.session-confirm-message{font-size:14px}}.register-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fadeIn .3s ease}.register-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1);animation:slideUp .3s ease}.register-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.register-close:hover{background:#0000001a;color:#333}.register-close:active{transform:scale(.95)}.register-content{padding:40px 32px 32px}.register-title{font-size:28px;font-weight:700;color:#333;margin:0 0 32px;text-align:center}.register-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:8px}.register-tab{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:10px 10px 0 0;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit;touch-action:manipulation}.register-tab:hover{color:#333;background:#ff00ff0d}.register-tab.active{color:#f0f;background:#ff00ff1a}.register-tab.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background:linear-gradient(90deg,#f0f,#0ff);border-radius:2px 2px 0 0}.register-form-container{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:24px;margin-bottom:24px;background:#ffffff80}.register-form{display:flex;flex-direction:column;gap:20px}.register-input-group{position:relative;display:flex;flex-direction:column;gap:8px}.register-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.register-country-code{flex:0 0 120px;min-width:0}.register-phone-input-wrapper .pcs-input{flex:1}.register-username-wrapper{position:relative;display:flex;align-items:center}.register-username-wrapper .pcs-input.valid{padding-right:40px;border-color:#22c55e}.register-username-wrapper .pcs-input.error{padding-right:40px}.register-checking-indicator{position:absolute;right:12px;font-size:12px;color:#666;font-style:italic;pointer-events:none;z-index:2}.register-username-check{position:absolute;right:12px;color:#22c55e;pointer-events:none;z-index:1}.register-username-error{position:absolute;right:12px;color:#ef4444;pointer-events:none;z-index:1}.register-username-tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.register-tooltip-arrow{position:absolute;top:-8px;left:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.register-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0006;min-width:200px;max-width:300px}.register-tooltip-icon{color:#ef4444;flex-shrink:0}.register-hint{font-size:12px;color:#999;margin-top:-4px}.register-password-wrapper{position:relative;display:flex;align-items:center}.register-password-wrapper .pcs-input{padding-right:48px}.register-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.register-password-toggle:hover{color:#333;background:#0000000d}.register-password-toggle:active{transform:scale(.95)}.register-password-toggle svg{width:20px;height:20px}.register-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.register-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px;position:relative}.register-google-hint-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;width:calc(100% - 40px);max-width:350px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.register-tooltip-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.register-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #0006}.register-tooltip-icon{color:#4285f4;flex-shrink:0;margin-top:2px}.register-tooltip-text{color:#fff;font-size:13px;line-height:1.4;font-weight:400}.register-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#999;font-size:14px}.register-divider:before,.register-divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.1)}.register-divider span{padding:0 16px}.register-google-button-container{width:100%;margin-bottom:16px;display:flex;justify-content:center;align-items:center}.register-google-button-container>div{display:flex;justify-content:center;align-items:center}.register-google-button-container>div>iframe{margin:0 auto}@media (max-width: 640px){.register-backdrop{padding:0;align-items:flex-end}.register-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.register-content{padding:32px 24px 24px}.register-title{font-size:24px;margin-bottom:24px}.register-form-container{padding:20px}.register-phone-input-wrapper{flex-direction:column}.register-country-code{flex:1;width:100%}}.register-modal::-webkit-scrollbar{width:8px}.register-modal::-webkit-scrollbar-track{background:transparent}.register-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.register-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.register-modal.transitioning{animation:modalTransition .3s ease}@keyframes modalTransition{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.register-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.register-confirm-modal{background:#fff;border-radius:20px;padding:32px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.register-confirm-content{display:flex;flex-direction:column;align-items:center;text-align:center}.register-confirm-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#45a049);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.register-confirm-title{font-size:24px;font-weight:700;color:#333;margin:0 0 12px}.register-confirm-message{font-size:16px;color:#666;margin:0 0 24px}.register-confirm-warning{width:100%;background:#fff3cd;border:1px solid #ffc107;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;gap:12px;text-align:left}.register-confirm-warning-icon{flex-shrink:0;width:20px;height:20px;color:#ff9800;margin-top:2px}.register-confirm-warning-text{font-size:14px;color:#856404;margin:0;line-height:1.5}.register-confirm-actions{width:100%;display:flex;gap:12px;flex-direction:column}.register-confirm-button{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.register-confirm-button-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.register-confirm-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.register-confirm-button-primary:active{transform:translateY(0)}.register-confirm-button-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.register-confirm-button-secondary:hover{background:#e8e8e8;transform:translateY(-1px)}.register-confirm-button-secondary:active{transform:translateY(0)}@media (max-width: 768px){.register-confirm-modal{padding:24px;max-width:90%}.register-confirm-title{font-size:20px}.register-confirm-message{font-size:14px}.register-confirm-warning-text{font-size:13px}}:root{--loyalty-pink: #FF6B9D;--loyalty-purple: #A855F7;--loyalty-cyan: #22D3EE;--loyalty-yellow: #FBBF24;--loyalty-orange: #FB923C;--loyalty-green: #4ADE80;--loyalty-coral: #FF7F7F}.loyalty-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.loyalty-modal{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 25px 80px #667eea80,0 0 0 1px #fff3,inset 0 0 60px #ffffff1a;animation:modalBounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.8) translateY(40px)}60%{transform:scale(1.05) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.loyalty-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;z-index:10;touch-action:manipulation}.loyalty-close:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1)}.loyalty-close:active{transform:rotate(90deg) scale(.95)}.loyalty-confetti{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.confetti-piece{position:absolute;width:12px;height:12px;background:var(--color);left:var(--x);top:-20px;border-radius:2px;animation:confettiFall 4s linear infinite;animation-delay:var(--delay);transform:rotate(var(--rotation))}@keyframes confettiFall{0%{top:-20px;opacity:1;transform:rotate(var(--rotation)) translate(0)}50%{opacity:1}to{top:100%;opacity:0;transform:rotate(calc(var(--rotation) + 720deg)) translate(30px)}}.loyalty-content{position:relative;z-index:1;padding:48px 32px 36px;display:flex;flex-direction:column;align-items:center;text-align:center}.loyalty-icon-container{position:relative;margin-bottom:24px}.loyalty-icon-glow{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.loyalty-main-icon{position:relative;display:flex;align-items:center;justify-content:center}.loyalty-card-emoji{font-size:72px;animation:cardBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}@keyframes cardBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.loyalty-star{position:absolute;font-size:24px;animation:starSparkle 1.5s ease-in-out infinite}.star-1{top:-10px;left:-30px;animation-delay:0s}.star-2{top:-5px;right:-25px;animation-delay:.3s}.star-3{bottom:-5px;left:-25px;animation-delay:.6s}.star-4{bottom:0;right:-30px;animation-delay:.9s}@keyframes starSparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.6}}.loyalty-title{font-family:Fredoka One,cursive;color:#fff;margin:0 0 16px;display:flex;flex-direction:column;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.3)}.loyalty-title-line1{font-size:28px;opacity:.95}.loyalty-title-line2{font-size:42px;background:linear-gradient(90deg,#ffe66d,#4ecdc4,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.loyalty-subtitle{font-family:Nunito,sans-serif;font-size:18px;font-weight:700;color:#fffffff2;margin:0 0 32px;letter-spacing:.5px}.loyalty-steps{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:24px}.loyalty-step{display:flex;align-items:center;gap:16px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px 20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.loyalty-step:hover{background:#ffffff40;transform:translate(8px)}.step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 15px #0003}.step-icon-1{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.step-icon-2{background:linear-gradient(135deg,#4ecdc4,#6ee7e0)}.step-icon-3{background:linear-gradient(135deg,#ffe66d,#fff59d);font-size:24px}.step-content{text-align:left}.step-content h3{font-family:Nunito,sans-serif;font-size:16px;font-weight:800;color:#fff;margin:0 0 4px}.step-content p{font-family:Nunito,sans-serif;font-size:14px;color:#fffc;margin:0}.loyalty-step-arrow{display:none;color:#ffffff80}.loyalty-highlight{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#ffe66d4d,#4ecdc44d);border-radius:100px;padding:12px 24px;margin-bottom:28px;border:2px dashed rgba(255,255,255,.4);animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{box-shadow:0 0 #ffe66d66}50%{box-shadow:0 0 20px 5px #ffe66d4d}}.loyalty-highlight p{font-family:Nunito,sans-serif;font-size:16px;font-weight:800;color:#fff;margin:0}.highlight-emoji{font-size:20px;animation:emojiWiggle 1s ease-in-out infinite}@keyframes emojiWiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.loyalty-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:20px}.loyalty-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:16px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;border:none;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);touch-action:manipulation}.loyalty-btn-register{background:linear-gradient(135deg,#ffe66d,#ffd93d);color:#1a1a1a;box-shadow:0 8px 25px #ffe66d80,inset 0 -3px #0000001a}.loyalty-btn-register:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px #ffe66d99,inset 0 -3px #0000001a}.loyalty-btn-register:active{transform:translateY(-2px) scale(.98)}.loyalty-btn-login{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.4)}.loyalty-btn-login:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-4px)}.loyalty-btn-login:active{transform:translateY(-2px) scale(.98)}.btn-icon{font-size:22px}.btn-text{letter-spacing:.3px}.loyalty-footer-note{font-family:Nunito,sans-serif;font-size:14px;color:#fffc;margin:0;animation:noteFloat 3s ease-in-out infinite}@keyframes noteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 640px){.loyalty-backdrop{padding:0;align-items:stretch}.loyalty-modal{max-width:100%;width:100%;height:100%;max-height:100vh;border-radius:0;animation:modalSlideUp .4s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.loyalty-content{padding:60px 24px 32px;min-height:100vh;justify-content:center}.loyalty-close{top:12px;right:12px}.loyalty-title-line1{font-size:24px}.loyalty-title-line2{font-size:36px}.loyalty-subtitle{font-size:16px}.loyalty-step{padding:14px 16px}.step-icon{width:44px;height:44px;font-size:18px}.step-content h3{font-size:15px}.step-content p{font-size:13px}.loyalty-highlight{padding:10px 20px}.loyalty-highlight p{font-size:14px}.loyalty-btn{padding:14px 20px;font-size:16px}.confetti-piece{width:10px;height:10px}}.loyalty-modal::-webkit-scrollbar{width:6px}.loyalty-modal::-webkit-scrollbar-track{background:transparent}.loyalty-modal::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.loyalty-modal::-webkit-scrollbar-thumb:hover{background:#ffffff80}.loyalty-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loyalty-content p,.loyalty-content h1,.loyalty-content h3{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.mis-tarjetas-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mis-tarjetas-modal{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:24px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 25px 80px #667eea80;animation:modalBounce .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes modalBounce{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mis-tarjetas-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:#fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.mis-tarjetas-close:hover{background:#ffffff4d;transform:rotate(90deg)}.mis-tarjetas-header{padding:32px 24px 20px;text-align:center}.mis-tarjetas-icon{font-size:48px;display:block;margin-bottom:8px;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mis-tarjetas-header h1{font-family:Fredoka One,cursive;font-size:26px;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.mis-tarjetas-content{padding:0 20px 24px;overflow-y:auto;max-height:calc(90vh - 140px)}.mis-tarjetas-loading{display:flex;flex-direction:column;align-items:center;padding:40px;gap:16px;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.mis-tarjetas-error{text-align:center;padding:32px;color:#fff}.mis-tarjetas-error span{font-size:32px;display:block;margin-bottom:12px}.mis-tarjetas-empty{text-align:center;padding:32px 16px;color:#fff}.empty-icon{font-size:64px;display:block;margin-bottom:16px;animation:iconFloat 2s ease-in-out infinite}.mis-tarjetas-empty h2{font-family:Fredoka One,cursive;font-size:22px;margin:0 0 12px}.mis-tarjetas-empty p{font-family:Nunito,sans-serif;font-size:15px;margin:0 0 8px;opacity:.9;line-height:1.5}.empty-hint{font-size:14px!important;opacity:.8!important;margin-top:16px!important;padding:12px;background:#ffffff26;border-radius:12px}.mis-tarjetas-grid{display:flex;flex-direction:column;gap:12px}.tarjeta-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .3s;text-align:left;position:relative;overflow:hidden}.tarjeta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tarjeta-color, #ff1493)}.tarjeta-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0003}.tarjeta-card.completada{background:linear-gradient(135deg,#fff9e6,#fff)}.tarjeta-card.completada:before{background:linear-gradient(90deg,gold,#ff8c00)}.tarjeta-card-header{display:flex;justify-content:space-between;align-items:center}.tarjeta-emoji{font-size:32px}.tarjeta-badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;background:#e8f5e9;color:#2e7d32}.tarjeta-badge.completada{background:linear-gradient(135deg,gold,#ff8c00);color:#fff}.tarjeta-nombre{font-family:Nunito,sans-serif;font-size:18px;font-weight:800;color:#333;margin:0}.tarjeta-progreso{display:flex;flex-direction:column;gap:6px}.progreso-bar{height:8px;background:#eee;border-radius:4px;overflow:hidden}.progreso-fill{height:100%;background:var(--tarjeta-color, #ff1493);border-radius:4px;transition:width .3s}.progreso-text{font-size:12px;color:#666}.tarjeta-stats{display:flex;gap:16px}.stat{display:flex;flex-direction:column}.stat-value{font-family:Fredoka One,cursive;font-size:20px;color:var(--tarjeta-color, #ff1493)}.stat-label{font-size:11px;color:#999;text-transform:uppercase}.tarjeta-premio{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#fff9e6,#fff5e1);border-radius:8px;border:1px dashed #ffc107}.tarjeta-premio span:first-child{font-size:20px}.tarjeta-premio span:last-child{font-size:14px;font-weight:700;color:#ff8c00}.tarjeta-expira{font-size:11px;color:#999}.tarjeta-cta{font-size:13px;font-weight:700;color:var(--tarjeta-color, #ff1493);text-align:right}@media (max-width: 640px){.mis-tarjetas-backdrop{padding:0;align-items:stretch}.mis-tarjetas-modal{max-width:100%;height:100%;max-height:100vh;border-radius:0;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mis-tarjetas-content{max-height:calc(100vh - 140px)}.mis-tarjetas-header h1{font-size:22px}}.mis-tarjetas-content::-webkit-scrollbar{width:6px}.mis-tarjetas-content::-webkit-scrollbar-track{background:transparent}.mis-tarjetas-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.scratch-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain}.scratch-modal{background:linear-gradient(135deg,#667eead9,#764ba2d9,#f093fbd9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;width:100%;max-width:680px;max-height:95vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 25px 80px #0006,0 0 0 1px #fff3,inset 0 0 60px #ffffff1a;animation:scratchModalIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scratchModalIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.scratch-modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;z-index:10}.scratch-modal-close:hover{background:#fff3;transform:rotate(90deg) scale(1.1)}.scratch-modal-close.syncing{cursor:not-allowed;opacity:.5}.scratch-modal-close.syncing:hover{transform:none}.scratch-modal-close:disabled{cursor:not-allowed;opacity:.5}.scratch-points-item.syncing{color:gold}.scratch-sync-indicator{display:inline-block;animation:syncSpin 1s linear infinite;margin-right:4px;font-size:1.1em}.scratch-modal-confetti{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.5}.scratch-confetti-piece{position:absolute;width:8px;height:8px;background:var(--color);left:var(--x);top:-20px;border-radius:50%;animation:scratchConfettiFall 6s linear infinite;animation-delay:var(--delay);transform:rotate(var(--rotation));opacity:.6}@keyframes scratchConfettiFall{0%{top:-20px;opacity:.6;transform:rotate(var(--rotation)) translate(0)}to{top:100%;opacity:0;transform:rotate(calc(var(--rotation) + 360deg)) translate(15px)}}.scratch-modal-content{position:relative;z-index:1;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center}.scratch-modal-header{text-align:center;margin-bottom:16px}.scratch-modal-icon{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.scratch-card-icon{font-size:44px;animation:scratchIconPulse 2s ease-in-out infinite}@keyframes scratchIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.scratch-star-1,.scratch-star-2{font-size:24px;animation:scratchStarSparkle 1.5s ease-in-out infinite}.scratch-star-2{animation-delay:.5s}@keyframes scratchStarSparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.7}}.scratch-modal-title{font-family:Fredoka One,cursive;font-size:32px;color:#fff;margin:0 0 8px;text-shadow:0 2px 20px rgba(255,107,107,.5);background:linear-gradient(90deg,#ffe66d,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scratch-modal-subtitle{font-family:Nunito,sans-serif;font-size:14px;font-weight:600;color:#fffc;margin:0}.scratch-points-panel{display:flex;align-items:center;justify-content:center;gap:24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:12px 24px;margin-bottom:16px;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 20px #0003}.scratch-points-item{display:flex;flex-direction:column;align-items:center;gap:4px}.scratch-points-label{font-family:Nunito,sans-serif;font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.scratch-points-value{font-family:Fredoka One,cursive;font-size:28px;color:#ffe66d;text-shadow:0 2px 10px rgba(255,230,109,.5)}.scratch-points-divider{width:1px;height:40px;background:#fff3}.scratch-card-wrapper{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;box-shadow:0 15px 50px #00000059,0 0 0 1px #ffffff1a;margin-bottom:16px}.scratch-card-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#ff1493,#ff6b9d,#a855f7);border-bottom:3px solid rgba(255,255,255,.2)}.scratch-card-logo{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.scratch-card-title-container{display:flex;flex-direction:column;gap:2px}.scratch-card-title{font-family:Fredoka One,cursive;font-size:22px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.1}.scratch-card-subtitle{font-family:Nunito,sans-serif;font-size:11px;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:1px}.scratch-game-container{overflow:hidden;background:#fff}.scratch-game-container canvas{display:block;background:#fff!important}.scratch-reward-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:16px;margin-bottom:12px;animation:rewardBannerIn .5s cubic-bezier(.68,-.55,.265,1.55);width:100%;max-width:400px}@keyframes rewardBannerIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.scratch-reward-banner.gold{background:linear-gradient(135deg,gold,orange);box-shadow:0 8px 30px #ffd70066}.scratch-reward-banner.silver{background:linear-gradient(135deg,#00bfff,#4ecdc4);box-shadow:0 8px 30px #00bfff66}.scratch-reward-banner.bronze{background:linear-gradient(135deg,#666,#888);box-shadow:0 8px 30px #6464644d}.reward-emoji{font-size:32px;animation:rewardEmojiPulse 1s ease-in-out infinite}@keyframes rewardEmojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.reward-text{font-family:Fredoka One,cursive;font-size:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 640px){.scratch-modal-backdrop{padding:0;align-items:stretch}.scratch-modal{max-width:100%;width:100%;height:100%;max-height:100vh;border-radius:0;animation:scratchModalSlideUp .4s ease-out}@keyframes scratchModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.scratch-modal-content{padding:16px 12px 20px;min-height:100vh;justify-content:flex-start}.scratch-modal-header{margin-bottom:12px}.scratch-card-icon{font-size:40px}.scratch-modal-title{font-size:26px}.scratch-modal-subtitle{font-size:13px}.scratch-points-panel{padding:10px 20px;gap:20px;margin-bottom:12px}.scratch-points-value{font-size:24px}.scratch-card-wrapper{border-radius:12px;margin-bottom:12px}.scratch-card-header{padding:10px 14px;gap:10px}.scratch-card-logo{height:32px}.scratch-card-title{font-size:18px}.scratch-card-subtitle{font-size:10px}.scratch-reward-banner{padding:12px 20px}.reward-emoji{font-size:28px}.reward-text{font-size:18px}.scratch-instructions{font-size:12px}}.scratch-modal::-webkit-scrollbar{width:6px}.scratch-modal::-webkit-scrollbar-track{background:transparent}.scratch-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.scratch-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.scratch-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scratch-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#fff}.scratch-loading .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.scratch-instruction{text-align:center;font-family:Nunito,sans-serif;font-size:14px;color:#ffffffe6;padding:12px 20px;background:#ffffff1a;border-radius:10px;margin-top:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.scratch-no-circles{text-align:center;padding:16px 20px;background:#ffffff26;border-radius:10px;margin-top:12px}.scratch-no-circles p{font-family:Nunito,sans-serif;font-size:14px;color:#ffffffe6;margin:0}.user-menu-container{display:flex;align-items:center;gap:12px;position:relative}.user-menu-avatar-button{width:40px;height:40px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;overflow:hidden;position:relative}.user-menu-avatar-button:hover{border-color:#ff6b9d;transform:scale(1.05)}.user-menu-avatar-button.active{border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d33}.user-menu-avatar-button:focus{outline:none;box-shadow:0 0 0 3px #ff6b9d33}.user-menu-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-menu-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;background:#f5f5f5;border-radius:50%}.user-menu-avatar-placeholder svg{width:24px;height:24px}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;padding:8px;z-index:1000;animation:slideDown .2s ease}.user-menu-header{padding:12px 16px;border-bottom:1px solid #e0e0e0;margin-bottom:4px}.user-menu-alias{font-size:15px;font-weight:600;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;text-align:left;font-size:15px;color:#333;cursor:pointer;border-radius:8px;transition:background .2s ease}.user-menu-item:hover{background:#f5f5f5}.user-menu-item svg{flex-shrink:0}.user-menu-item-danger{color:#e74c3c}.user-menu-item-danger:hover{background:#fee;color:#c0392b}@media (max-width: 768px){.user-menu-avatar-button{width:36px;height:36px}.user-menu-avatar-placeholder svg{width:20px;height:20px}.user-menu-dropdown{min-width:160px;right:-8px}.user-menu-alias{font-size:14px}}.pcs-button{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pcs-button:active{transform:scale(.98)}.pcs-button:disabled,.pcs-button.disabled{opacity:.4;cursor:not-allowed;transform:none}.pcs-button-primary{background:linear-gradient(135deg,#f0f,#ff1493);color:#fff;box-shadow:0 4px 12px #ff00ff4d}.pcs-button-primary:hover:not(:disabled):not(.disabled){background:linear-gradient(135deg,#ff1493,#f0f);box-shadow:0 6px 16px #f0f6}.pcs-button-secondary{background:#fff;color:#f0f;border:2px solid #ff00ff}.pcs-button-secondary:hover:not(:disabled):not(.disabled){background:#fff0ff}.pcs-button-google{background:#fff;color:#333;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.pcs-button-google:hover:not(:disabled):not(.disabled){background:#f8f8f8;box-shadow:0 4px 8px #00000026}.pcs-input{width:100%;padding:14px 16px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#333;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pcs-input:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a}.pcs-input::placeholder{color:#999}.pcs-input.error{border-color:#ff1493}.pcs-input.error:focus{border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.pcs-select{padding:14px 36px 14px 12px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.pcs-select:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a}.add-phone-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.add-phone-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.add-phone-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.add-phone-close:hover{background:#f5f5f5;color:#1a1a1a}.add-phone-close:disabled{opacity:.5;cursor:not-allowed}.add-phone-content{padding:32px}.add-phone-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.add-phone-form{display:flex;flex-direction:column;gap:20px}.add-phone-input-group{display:flex;flex-direction:column;gap:8px}.add-phone-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.add-phone-country-code{flex:0 0 120px;min-width:0}.add-phone-phone-input-wrapper .pcs-input{flex:1}.add-phone-error-message{font-size:14px;color:#dc3545;margin-top:4px}.add-phone-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.add-phone-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.add-phone-actions .pcs-button{min-width:100px}@media (max-width: 768px){.add-phone-backdrop{padding:12px}.add-phone-modal{max-width:100%}.add-phone-content{padding:24px}.add-phone-title{font-size:20px;margin-bottom:20px}.add-phone-phone-input-wrapper{flex-direction:column}.add-phone-country-code{flex:1;width:100%}.add-phone-actions{flex-direction:column-reverse}.add-phone-actions .pcs-button{width:100%}}.edit-phone-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fadeIn .3s ease}.edit-phone-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1);animation:slideUp .3s ease}.edit-phone-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.edit-phone-close:hover{background:#0000001a;color:#333}.edit-phone-close:active{transform:scale(.95)}.edit-phone-content{padding:40px 32px 32px}.edit-phone-title{font-size:28px;font-weight:700;color:#333;margin:0 0 24px;text-align:center}.edit-phone-form{display:flex;flex-direction:column;gap:20px}.edit-phone-input-group{position:relative;display:flex;flex-direction:column;gap:8px}.edit-phone-phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.edit-phone-country-code{flex:0 0 120px;min-width:0}.edit-phone-phone-input-wrapper .pcs-input{flex:1}.edit-phone-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.edit-phone-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px}.edit-phone-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.edit-phone-actions .pcs-button{min-width:100px}@media (max-width: 640px){.edit-phone-backdrop{padding:0;align-items:flex-end}.edit-phone-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.edit-phone-content{padding:32px 24px 24px}.edit-phone-title{font-size:24px;margin-bottom:24px}.edit-phone-phone-input-wrapper{flex-direction:column}.edit-phone-country-code{flex:1;width:100%}.edit-phone-actions{flex-direction:column-reverse}.edit-phone-actions .pcs-button{width:100%}}.edit-phone-modal::-webkit-scrollbar{width:8px}.edit-phone-modal::-webkit-scrollbar-track{background:transparent}.edit-phone-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.edit-phone-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.remove-phone-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.remove-phone-confirm-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.remove-phone-confirm-content{padding:40px 32px 32px;text-align:center}.remove-phone-confirm-icon{display:flex;justify-content:center;margin-bottom:20px;color:#dc3545}.remove-phone-confirm-icon svg{width:48px;height:48px}.remove-phone-confirm-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.remove-phone-confirm-message{font-size:16px;color:#666;line-height:1.5;margin:0 0 32px}.remove-phone-confirm-message strong{color:#1a1a1a;font-weight:600}.remove-phone-confirm-actions{display:flex;gap:12px;justify-content:center}.remove-phone-confirm-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.remove-phone-confirm-button:disabled{opacity:.6;cursor:not-allowed}.remove-phone-confirm-button-secondary{background:#f5f5f5;color:#1a1a1a}.remove-phone-confirm-button-secondary:hover:not(:disabled){background:#e0e0e0}.remove-phone-confirm-button-danger{background:#dc3545;color:#fff}.remove-phone-confirm-button-danger:hover:not(:disabled){background:#c82333}@media (max-width: 640px){.remove-phone-confirm-backdrop{padding:0;align-items:flex-end}.remove-phone-confirm-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0}.remove-phone-confirm-content{padding:32px 24px 24px}.remove-phone-confirm-title{font-size:20px}.remove-phone-confirm-message{font-size:14px}.remove-phone-confirm-actions{flex-direction:column-reverse}.remove-phone-confirm-button{width:100%}}.add-email-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.add-email-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.add-email-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.add-email-close:hover{background:#f5f5f5;color:#1a1a1a}.add-email-close:disabled{opacity:.5;cursor:not-allowed}.add-email-content{padding:32px}.add-email-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.add-email-form{display:flex;flex-direction:column;gap:20px}.add-email-input-group{display:flex;flex-direction:column;gap:8px}.add-email-error-message{font-size:14px;color:#dc3545;margin-top:4px}.add-email-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.add-email-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.add-email-actions .pcs-button{min-width:100px}@media (max-width: 768px){.add-email-backdrop{padding:12px}.add-email-modal{max-width:100%}.add-email-content{padding:24px}.add-email-title{font-size:20px;margin-bottom:20px}.add-email-actions{flex-direction:column-reverse}.add-email-actions .pcs-button{width:100%}}.edit-email-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fadeIn .3s ease}.edit-email-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1);animation:slideUp .3s ease}.edit-email-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.edit-email-close:hover{background:#0000001a;color:#333}.edit-email-close:active{transform:scale(.95)}.edit-email-content{padding:40px 32px 32px}.edit-email-title{font-size:28px;font-weight:700;color:#333;margin:0 0 24px;text-align:center}.edit-email-form{display:flex;flex-direction:column;gap:20px}.edit-email-input-group{position:relative;display:flex;flex-direction:column;gap:8px}.edit-email-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.edit-email-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px}.edit-email-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.edit-email-actions .pcs-button{min-width:100px}@media (max-width: 640px){.edit-email-backdrop{padding:0;align-items:flex-end}.edit-email-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.edit-email-content{padding:32px 24px 24px}.edit-email-title{font-size:24px;margin-bottom:24px}.edit-email-actions{flex-direction:column-reverse}.edit-email-actions .pcs-button{width:100%}}.edit-email-modal::-webkit-scrollbar{width:8px}.edit-email-modal::-webkit-scrollbar-track{background:transparent}.edit-email-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.edit-email-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.remove-email-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.remove-email-confirm-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.remove-email-confirm-content{padding:40px 32px 32px;text-align:center}.remove-email-confirm-icon{display:flex;justify-content:center;margin-bottom:20px;color:#dc3545}.remove-email-confirm-icon svg{width:48px;height:48px}.remove-email-confirm-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.remove-email-confirm-message{font-size:16px;color:#666;line-height:1.5;margin:0 0 32px}.remove-email-confirm-message strong{color:#1a1a1a;font-weight:600}.remove-email-confirm-actions{display:flex;gap:12px;justify-content:center}.remove-email-confirm-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.remove-email-confirm-button:disabled{opacity:.6;cursor:not-allowed}.remove-email-confirm-button-secondary{background:#f5f5f5;color:#1a1a1a}.remove-email-confirm-button-secondary:hover:not(:disabled){background:#e0e0e0}.remove-email-confirm-button-danger{background:#dc3545;color:#fff}.remove-email-confirm-button-danger:hover:not(:disabled){background:#c82333}@media (max-width: 640px){.remove-email-confirm-backdrop{padding:0;align-items:flex-end}.remove-email-confirm-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0}.remove-email-confirm-content{padding:32px 24px 24px}.remove-email-confirm-title{font-size:20px}.remove-email-confirm-message{font-size:14px}.remove-email-confirm-actions{flex-direction:column-reverse}.remove-email-confirm-button{width:100%}}.add-password-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.add-password-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.add-password-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.add-password-close:hover{background:#f5f5f5;color:#1a1a1a}.add-password-close:disabled{opacity:.5;cursor:not-allowed}.add-password-content{padding:32px}.add-password-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.add-password-form{display:flex;flex-direction:column;gap:20px}.add-password-input-group{display:flex;flex-direction:column;gap:8px}.add-password-input-wrapper{position:relative;display:flex;align-items:center}.add-password-input-wrapper .pcs-input{flex:1;padding-right:40px}.add-password-toggle{position:absolute;right:12px;width:24px;height:24px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.add-password-toggle:hover{color:#1a1a1a}.add-password-error-message{font-size:14px;color:#dc3545;margin-top:4px}.add-password-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.add-password-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.add-password-actions .pcs-button{min-width:100px}@media (max-width: 768px){.add-password-backdrop{padding:12px}.add-password-modal{max-width:100%}.add-password-content{padding:24px}.add-password-title{font-size:20px;margin-bottom:20px}.add-password-actions{flex-direction:column-reverse}.add-password-actions .pcs-button{width:100%}}.edit-password-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fadeIn .3s ease}.edit-password-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,0,255,.1);animation:slideUp .3s ease}.edit-password-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;touch-action:manipulation}.edit-password-close:hover{background:#0000001a;color:#333}.edit-password-close:active{transform:scale(.95)}.edit-password-content{padding:40px 32px 32px}.edit-password-title{font-size:28px;font-weight:700;color:#333;margin:0 0 24px;text-align:center}.edit-password-form{display:flex;flex-direction:column;gap:20px}.edit-password-input-group{position:relative;display:flex;flex-direction:column;gap:8px}.edit-password-input-wrapper{position:relative;display:flex;align-items:center}.edit-password-input-wrapper .pcs-input{flex:1;padding-right:40px}.edit-password-toggle{position:absolute;right:12px;width:24px;height:24px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.edit-password-toggle:hover{color:#1a1a1a}.edit-password-error-message{font-size:13px;color:#ff1493;margin-top:4px;display:block}.edit-password-error-submit{text-align:center;padding:12px;background:#ff14931a;border-radius:8px;margin-top:8px}.edit-password-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.edit-password-actions .pcs-button{min-width:100px}@media (max-width: 640px){.edit-password-backdrop{padding:0;align-items:flex-end}.edit-password-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.edit-password-content{padding:32px 24px 24px}.edit-password-title{font-size:24px;margin-bottom:24px}.edit-password-actions{flex-direction:column-reverse}.edit-password-actions .pcs-button{width:100%}}.edit-password-modal::-webkit-scrollbar{width:8px}.edit-password-modal::-webkit-scrollbar-track{background:transparent}.edit-password-modal::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px}.edit-password-modal::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.delete-account-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.delete-account-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.delete-account-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10}.delete-account-close:hover{background:#0000001a;color:#333}.delete-account-close:active{transform:scale(.95)}.delete-account-close:disabled{opacity:.5;cursor:not-allowed}.delete-account-content{padding:40px 32px 32px;text-align:center}.delete-account-icon{display:flex;justify-content:center;margin-bottom:20px;color:#dc3545}.delete-account-icon svg{width:48px;height:48px}.delete-account-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.delete-account-message{font-size:16px;color:#666;line-height:1.5;margin:0 0 32px;text-align:left}.delete-account-confirm-question{margin-bottom:24px;text-align:left}.delete-account-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px;color:#1a1a1a;line-height:1.5}.delete-account-checkbox{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#dc3545}.delete-account-checkbox:disabled{cursor:not-allowed;opacity:.6}.delete-account-reason-group{margin-bottom:32px;text-align:left}.delete-account-reason-label{display:block;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.delete-account-reason-textarea{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;resize:vertical;min-height:100px;transition:all .2s ease}.delete-account-reason-textarea:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.delete-account-reason-textarea:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.delete-account-reason-counter{display:block;text-align:right;font-size:12px;color:#999;margin-top:4px}.delete-account-actions{display:flex;gap:12px;justify-content:center}.delete-account-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.delete-account-button:disabled{opacity:.6;cursor:not-allowed}.delete-account-button-secondary{background:#f5f5f5;color:#1a1a1a}.delete-account-button-secondary:hover:not(:disabled){background:#e0e0e0}.delete-account-button-danger{background:#dc3545;color:#fff}.delete-account-button-danger:hover:not(:disabled){background:#c82333}@media (max-width: 640px){.delete-account-backdrop{padding:0;align-items:flex-end}.delete-account-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:90vh}.delete-account-content{padding:32px 24px 24px}.delete-account-title{font-size:20px}.delete-account-message,.delete-account-checkbox-label{font-size:14px}.delete-account-actions{flex-direction:column-reverse}.delete-account-button{width:100%}}.delete-account-modal::-webkit-scrollbar{width:8px}.delete-account-modal::-webkit-scrollbar-track{background:transparent}.delete-account-modal::-webkit-scrollbar-thumb{background:#dc35454d;border-radius:4px}.delete-account-modal::-webkit-scrollbar-thumb:hover{background:#dc354580}.verify-email-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.verify-email-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000004d;animation:modalFadeIn .2s ease}.verify-email-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:28px;line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.verify-email-close:hover{background:#f5f5f5;color:#1a1a1a}.verify-email-close:disabled{opacity:.5;cursor:not-allowed}.verify-email-content{padding:40px 32px 32px}.verify-email-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.verify-email-step{display:flex;flex-direction:column;gap:20px}.verify-email-message{font-size:16px;color:#666;text-align:center;margin:0;line-height:1.5}.verify-email-address{font-size:18px;font-weight:600;color:#1a1a1a;text-align:center;margin:0;padding:12px;background:#f8f9fa;border-radius:8px}.verify-email-info{font-size:14px;color:#999;text-align:center;margin:0}.verify-email-countdown{font-size:14px;color:#ff1493;text-align:center;margin:0;font-weight:500}.verify-email-form{width:100%}.verify-email-input-group{display:flex;flex-direction:column;gap:8px}.verify-email-code-input{text-align:center;font-size:32px;font-weight:600;letter-spacing:8px;font-family:Courier New,monospace;padding:16px}.verify-email-code-input::placeholder{letter-spacing:8px;color:#ccc}.verify-email-error-message{font-size:14px;color:#dc3545;margin-top:4px}.verify-email-error-submit{text-align:center;padding:12px;background:#fee;border-radius:8px;border:1px solid #fcc}.verify-email-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.verify-email-actions .pcs-button{flex:1;min-width:120px}@media (max-width: 768px){.verify-email-backdrop{padding:0;align-items:flex-end}.verify-email-modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.verify-email-content{padding:32px 24px 24px}.verify-email-title{font-size:22px;margin-bottom:20px}.verify-email-message{font-size:15px}.verify-email-address{font-size:16px;padding:10px}.verify-email-code-input{font-size:28px;letter-spacing:6px;padding:14px}.verify-email-actions{flex-direction:column}.verify-email-actions .pcs-button{width:100%}}.verify-sms-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.verify-sms-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000004d;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.verify-sms-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:28px;line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.verify-sms-close:hover{background:#f5f5f5;color:#1a1a1a}.verify-sms-close:disabled{opacity:.5;cursor:not-allowed}.verify-sms-content{padding:40px 32px 32px}.verify-sms-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.verify-sms-step{display:flex;flex-direction:column;gap:20px}.verify-sms-message{font-size:16px;color:#666;text-align:center;margin:0;line-height:1.5}.verify-sms-phone{font-size:18px;font-weight:600;color:#1a1a1a;text-align:center;margin:0;padding:12px;background:#f8f9fa;border-radius:8px}.verify-sms-info{font-size:14px;color:#999;text-align:center;margin:0}.verify-sms-countdown{font-size:14px;color:#ff1493;text-align:center;margin:0;font-weight:500}.verify-sms-form{width:100%}.verify-sms-input-group{display:flex;flex-direction:column;gap:8px}.verify-sms-code-input{text-align:center;font-size:32px;font-weight:600;letter-spacing:8px;font-family:Courier New,monospace;padding:16px}.verify-sms-code-input::placeholder{letter-spacing:8px;color:#ccc}.verify-sms-error-message{font-size:14px;color:#dc3545;margin-top:4px}.verify-sms-error-submit{text-align:center;padding:12px;background:#fee;border-radius:8px;border:1px solid #fcc}.verify-sms-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.verify-sms-actions .pcs-button{flex:1;min-width:120px}@media (max-width: 768px){.verify-sms-backdrop{padding:0;align-items:flex-end}.verify-sms-modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.verify-sms-content{padding:32px 24px 24px}.verify-sms-title{font-size:22px;margin-bottom:20px}.verify-sms-message{font-size:15px}.verify-sms-phone{font-size:16px;padding:10px}.verify-sms-code-input{font-size:28px;letter-spacing:6px;padding:14px}.verify-sms-actions{flex-direction:column}.verify-sms-actions .pcs-button{width:100%}}.perfil-status-wrapper{position:relative;display:inline-block}.perfil-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500;border:none;background:transparent;cursor:default;transition:all .2s}.perfil-status-badge.verified{background:#d4edda;color:#155724}.perfil-status-badge.unverified{background:#f8f9fa;color:#6c757d;opacity:.7}.perfil-status-badge.unverified.clickable{background:#fee;color:#dc3545;opacity:1;cursor:pointer;min-height:32px;min-width:100px}.perfil-status-badge.unverified.clickable:hover{background:#fdd;color:#c82333}.perfil-verification-tooltip{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;min-width:200px;max-width:280px}.perfil-tooltip-arrow{position:absolute;top:50%;right:-8px;transform:translateY(-50%) rotate(-90deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.perfil-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #0006}.perfil-tooltip-icon{color:#fff;flex-shrink:0;margin-top:2px}.perfil-tooltip-text{color:#fff;font-size:13px;line-height:1.4;font-weight:400}.perfil-status-wrapper:hover .perfil-verification-tooltip{display:block}.perfil-verification-tooltip.hidden{display:none!important}.perfil-google-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#4285f4;cursor:default;flex-shrink:0;opacity:.7}.perfil-phone-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 768px){.perfil-section-title{font-size:24px;margin-bottom:24px}.perfil-account-item{flex-direction:column;gap:12px;padding:16px 0}.perfil-account-label{width:100%;font-size:14px}.perfil-account-value{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.perfil-account-value-right{justify-content:flex-start}.perfil-account-info{width:100%;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.perfil-input-wrapper{max-width:100%;width:100%}.perfil-input{width:100%}.perfil-action-button{width:100%;text-align:center}.perfil-status-badge.unverified.clickable{min-height:40px;min-width:120px;padding:8px 16px;font-size:15px}.perfil-verification-tooltip{top:50%;left:calc(100% + 12px);right:auto;bottom:auto;transform:translateY(-50%);max-width:280px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.perfil-tooltip-arrow{top:50%;left:-8px;right:auto;bottom:auto;transform:translateY(-50%) rotate(90deg)}.perfil-account-item-danger{margin-top:16px;padding-top:24px}.perfil-danger-actions{flex-direction:column;width:100%}.perfil-danger-actions .perfil-action-button{width:100%}}.birthdate-picker{position:relative;width:100%}.birthdate-picker-input{width:100%;padding:10px 14px;background:#fff;border:1px solid #ddd;border-radius:8px;color:#1a1a1a;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;text-align:left}.birthdate-picker-input:hover:not(:disabled){border-color:#ff1493;background:#fff;box-shadow:0 0 0 3px #ff14931a}.birthdate-picker-input:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff149326}.birthdate-picker-input:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.birthdate-picker-value{color:#1a1a1a}.birthdate-picker-placeholder{color:#999}.birthdate-picker-icon{color:#666;flex-shrink:0}.birthdate-picker-input:hover:not(:disabled) .birthdate-picker-icon{color:#ff1493}.birthdate-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:birthdate-picker-fade-in .2s ease}@keyframes birthdate-picker-fade-in{0%{opacity:0}to{opacity:1}}.birthdate-picker-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px;overflow:hidden;animation:birthdate-picker-slide-up .3s ease}@keyframes birthdate-picker-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.birthdate-picker-header{background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;padding:24px}.birthdate-picker-header-label{font-size:14px;font-weight:500;opacity:.95;margin-bottom:4px}.birthdate-picker-header-date{font-size:24px;font-weight:700;line-height:1.2}.birthdate-picker-content{padding:24px}.birthdate-picker-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.birthdate-picker-month-year-wrapper{display:flex;align-items:center;gap:8px}.birthdate-picker-month-btn,.birthdate-picker-year-btn{background:transparent;border:none;font-size:18px;font-weight:600;color:#1a1a1a;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.birthdate-picker-month-btn:hover,.birthdate-picker-year-btn:hover{background:#ff14931a;color:#ff1493}.birthdate-picker-month-year{font-size:18px;font-weight:600;color:#1a1a1a}.birthdate-picker-nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#f5f5f5;color:#666;cursor:pointer;transition:all .2s ease}.birthdate-picker-nav-btn:hover{background:#ff1493;color:#fff;transform:scale(1.1)}.birthdate-picker-nav-btn:active{transform:scale(.95)}.birthdate-picker-month-selector{margin-bottom:16px;padding:12px;background:#ff14930d;border-radius:8px;border:1px solid rgba(255,20,147,.2)}.birthdate-picker-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.birthdate-picker-month-option{padding:8px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:13px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.birthdate-picker-month-option:hover{background:#ff14931a;border-color:#ff1493;color:#ff1493;transform:scale(1.05)}.birthdate-picker-month-option-selected{background:linear-gradient(135deg,#ff1493,#00bcd4);border-color:#ff1493;color:#fff;font-weight:700}.birthdate-picker-year-selector{margin-bottom:16px;padding:12px;background:#ff14930d;border-radius:8px;border:1px solid rgba(255,20,147,.2);max-height:200px;overflow-y:auto}.birthdate-picker-year-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.birthdate-picker-year-option{padding:10px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;text-align:center}.birthdate-picker-year-option:hover{background:#ff14931a;border-color:#ff1493;color:#ff1493;transform:scale(1.05)}.birthdate-picker-year-option-selected{background:linear-gradient(135deg,#ff1493,#00bcd4);border-color:#ff1493;color:#fff;font-weight:700}.birthdate-picker-year-selector::-webkit-scrollbar{width:6px}.birthdate-picker-year-selector::-webkit-scrollbar-track{background:#ff14931a;border-radius:3px}.birthdate-picker-year-selector::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff1493,#00bcd4);border-radius:3px}.birthdate-picker-year-selector::-webkit-scrollbar-thumb:hover{background:#ff1493}.birthdate-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.birthdate-picker-weekday{text-align:center;font-size:12px;font-weight:600;color:#666;padding:8px 4px}.birthdate-picker-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.birthdate-picker-day{aspect-ratio:1;border:none;background:transparent;color:#1a1a1a;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.birthdate-picker-day:hover:not(.birthdate-picker-day-disabled):not(.birthdate-picker-day-other-month){background:#ff14931a;color:#ff1493;transform:scale(1.1)}.birthdate-picker-day-other-month{color:#ccc;cursor:default}.birthdate-picker-day-today:not(.birthdate-picker-day-selected){background:#00ffff1a;color:#00bcd4;font-weight:600}.birthdate-picker-day-selected{background:linear-gradient(135deg,#ff1493,#00bcd4);color:#fff;font-weight:700;box-shadow:0 2px 8px #ff14934d}.birthdate-picker-day-disabled{opacity:.3;cursor:not-allowed}.birthdate-picker-day-disabled:hover{background:transparent;transform:none}.birthdate-picker-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e5e5}.birthdate-picker-cancel-btn{padding:10px 24px;border:none;background:transparent;color:#666;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.birthdate-picker-cancel-btn:hover{background:#f5f5f5;color:#1a1a1a}.birthdate-picker-confirm-btn{padding:10px 24px;border:none;background:linear-gradient(135deg,#ff1493,#00bcd4);color:#fff;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff14934d}.birthdate-picker-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff149366}.birthdate-picker-confirm-btn:active{transform:translateY(0)}@media (max-width: 768px){.birthdate-picker-modal{max-width:100%;margin:16px}.birthdate-picker-header{padding:20px}.birthdate-picker-header-date{font-size:20px}.birthdate-picker-content{padding:20px}.birthdate-picker-day{font-size:13px}}.perfil-input-readonly{background:#fff!important;border:1px solid #e0e0e0!important;color:#1a1a1a!important;opacity:1!important;cursor:default!important;box-shadow:0 0 0 2px #00000005;transition:all .2s ease}.perfil-input-readonly:hover{border-color:#d0d0d0;box-shadow:0 0 0 3px #00000008}.perfil-input-readonly:focus{outline:none;border-color:#d0d0d0;box-shadow:0 0 0 3px #00000008}.perfil-input-editable{background:#fff!important;border:2px solid #ff1493!important;color:#1a1a1a!important;cursor:text!important;box-shadow:0 0 0 3px #ff14931a,0 2px 8px #ff149326;transition:all .2s ease}.perfil-input-editable:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 4px #ff149326,0 4px 12px #ff149333}.perfil-input-editable:disabled{opacity:.6;cursor:wait}.perfil-input-error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a,0 2px 8px #dc354526!important}.perfil-input-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 4px #dc354526,0 4px 12px #dc354533!important}.perfil-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:48px;gap:20px}.perfil-avatar-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.perfil-avatar-image,.perfil-avatar-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #e0e0e0;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.perfil-avatar-placeholder{background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;border:3px solid #e0e0e0}.perfil-avatar-edit-button{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;border:2px solid #ffffff;background:#ff1493;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff14934d}.perfil-avatar-edit-button:hover{background:#e0127a;transform:scale(1.1);box-shadow:0 4px 12px #ff149366}.perfil-avatar-edit-button:active{transform:scale(.95)}.perfil-avatar-delete-button{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:50%;border:2px solid #ffffff;background:#dc3545;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #dc35454d}.perfil-avatar-delete-button:hover{background:#c82333;transform:scale(1.1);box-shadow:0 4px 12px #dc354566}.perfil-avatar-delete-button:active{transform:scale(.95)}.perfil-avatar-edit-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;align-items:center}.perfil-edit-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.perfil-name-inputs{display:flex;gap:8px;width:100%}.perfil-name-inputs .perfil-input{flex:1}.perfil-edit-actions{display:flex;gap:8px;align-items:center}.perfil-save-button{padding:8px 16px;border:1px solid #ff1493;background:#ff1493;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.perfil-save-button:hover:not(:disabled){background:#e0127a;border-color:#e0127a}.perfil-save-button:active:not(:disabled){transform:scale(.95)}.perfil-save-button:disabled{opacity:.5;cursor:not-allowed}.perfil-cancel-button:hover{background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.perfil-cancel-button:active{transform:scale(.95)}.perfil-edit-button:disabled{opacity:.5;cursor:not-allowed}.perfil-edit-button:disabled:hover{border-color:#ddd;color:#666;background:#fff}.perfil-field-warning{font-size:12px;color:#ff9800;font-weight:400;margin-top:6px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#ff980014;border-radius:6px;border-left:3px solid #ff9800}.perfil-field-warning svg{flex-shrink:0;color:#ff9800}.perfil-field-error{font-size:12px;color:#dc3545;font-weight:500;margin-top:4px;display:block}.perfil-field-validating{font-size:12px;color:#666;font-weight:400;margin-top:4px;display:block;font-style:italic}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.perfil-avatar-section{margin-bottom:32px}.perfil-avatar-wrapper,.perfil-avatar-image,.perfil-avatar-placeholder{width:100px;height:100px}.perfil-avatar-edit-button{width:32px;height:32px}.perfil-avatar-delete-button{width:28px;height:28px}.perfil-edit-form{max-width:100%}.perfil-name-inputs{flex-direction:column}.perfil-edit-actions{width:100%}.perfil-save-button,.perfil-cancel-button{flex:1}.perfil-avatar-edit-form{max-width:100%}}.sessions-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.session-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:12px 16px;transition:all .2s ease}.session-item:hover{border-color:#d0d0d0;box-shadow:0 1px 4px #0000000d}.session-item.session-current{border:1.5px solid #ff1493;background:linear-gradient(to right,#fff,#fff5fc);box-shadow:0 1px 6px #ff14931f}.session-item.session-current:hover{box-shadow:0 2px 8px #ff14932e}.session-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.session-info{flex:1;min-width:0}.session-header-compact{display:flex;flex-direction:column;gap:8px}.session-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session-badge{background:#ff1493;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.session-status{font-size:12px;font-weight:500;color:#1a1a1a;padding:3px 8px;border-radius:6px;background:#f0f0f0}.session-item.session-current .session-status{background:#ff14931a;color:#ff1493}.session-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#666}.session-meta-item{font-size:13px;color:#666}.session-meta-separator{color:#ccc;font-size:12px}.session-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.session-action-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.session-action-button:hover{background:#f8f9fa;border-color:#d0d0d0;box-shadow:0 1px 3px #0000000d}.session-action-button:active{transform:translateY(1px)}.session-action-close-device{padding:8px;color:#ef4444;border-color:#fecaca;background:#fef2f2}.session-action-close-device:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.session-action-close-current{color:#ef4444;border-color:#fecaca;background:#fef2f2;font-size:12px;padding:8px 10px}.session-action-close-current:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.session-action-close-others{color:#ef4444;border-color:#fecaca;background:#fef2f2;font-size:12px;padding:8px 10px}.session-action-close-others:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}@media (max-width: 768px){.sessions-list{gap:10px}.session-item{padding:10px 12px}.session-main{flex-direction:column;align-items:stretch;gap:10px}.session-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:8px}.session-action-button{padding:8px 12px;font-size:12px}.session-meta{font-size:12px;gap:6px}.session-meta-item{font-size:12px}.session-title{gap:6px}}.perfil-container{min-height:100vh;padding:20px;background:#f5f5f5;position:relative}.perfil-back-button{position:absolute;top:20px;left:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;border-radius:12px;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s;z-index:100;box-shadow:0 2px 8px #0000001a;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.perfil-back-button:hover{background:#f5f5f5;border-color:#ff1493;color:#ff1493;box-shadow:0 4px 12px #ff149333}.perfil-back-button:active{transform:scale(.95)}.perfil-back-button svg{width:24px;height:24px}.perfil-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;font-size:18px;color:#666;gap:24px}.perfil-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;gap:32px;background:linear-gradient(135deg,#fff5fc,#fff,#f0f9ff);border-radius:20px;margin:20px;position:relative;overflow:hidden}.perfil-error:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,20,147,.05) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.perfil-error-content{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1;text-align:center}.perfil-error-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff1493,#ff69b4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff149340;animation:float 3s ease-in-out infinite}.perfil-error-icon svg{width:40px;height:40px;color:#fff}.perfil-error-message{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4}.perfil-error-submessage{font-size:16px;color:#666;margin:0;max-width:500px;line-height:1.6}.perfil-error-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;z-index:1;margin-top:8px}.perfil-error-button{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.perfil-error-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.perfil-error-button:hover:before{width:300px;height:300px}.perfil-error-button-primary{background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff}.perfil-error-button-primary:hover{background:linear-gradient(135deg,#e0127d,#ff1493);box-shadow:0 6px 20px #ff149366;transform:translateY(-2px)}.perfil-error-button-primary:active{transform:translateY(0)}.perfil-error-button-secondary{background:#fff;color:#ff1493;border:2px solid #ff1493}.perfil-error-button-secondary:hover{background:linear-gradient(135deg,#fff5fc,#fff);box-shadow:0 6px 20px #ff149340;transform:translateY(-2px);border-color:#ff69b4}.perfil-error-button-secondary:active{transform:translateY(0)}.perfil-error-button svg{width:20px;height:20px;flex-shrink:0}.perfil-layout{display:flex;gap:24px;max-width:1200px;margin:0 auto}@media (min-width: 769px) and (max-width: 1324px){.perfil-layout{margin-top:72px}}.perfil-sidebar{width:240px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.perfil-sidebar-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a}.perfil-nav{display:flex;flex-direction:column;gap:8px}.perfil-nav-item{padding:12px 16px;border:none;background:transparent;text-align:left;font-size:16px;color:#666;cursor:pointer;border-radius:8px;transition:all .2s}.perfil-nav-item:hover{background:#f5f5f5;color:#1a1a1a}.perfil-nav-item.active{background:#ff1493;color:#fff;font-weight:500}.perfil-content{flex:1;background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.perfil-container{padding:64px 12px 12px}.perfil-error{margin:12px;padding:32px 16px;min-height:50vh}.perfil-error-icon{width:64px;height:64px}.perfil-error-icon svg{width:32px;height:32px}.perfil-error-message{font-size:20px}.perfil-error-submessage{font-size:14px}.perfil-error-actions{flex-direction:column;width:100%;max-width:300px}.perfil-error-button{width:100%;justify-content:center;padding:14px 24px}.perfil-back-button{position:fixed;top:12px;left:12px;width:56px;height:56px;z-index:1000;box-shadow:0 4px 12px #00000026}.perfil-back-button svg{width:28px;height:28px}.perfil-layout{flex-direction:column;gap:0;margin-top:8px}.perfil-sidebar{width:100%;padding:0;background:transparent;box-shadow:none;border-radius:0;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:16px}.perfil-sidebar-title{display:none}.perfil-nav{flex-direction:row;overflow-x:auto;gap:0;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-bottom:2px solid #e0e0e0;background:#fff}.perfil-nav::-webkit-scrollbar{display:none}.perfil-nav-item{white-space:nowrap;flex-shrink:0;padding:16px 20px;font-size:14px;font-weight:500;color:#666;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;position:relative;min-width:auto;text-transform:none;letter-spacing:0;transition:all .2s ease}.perfil-nav-item:hover{background:#0000000a;color:#1a1a1a}.perfil-nav-item.active{background:transparent;color:#ff1493;border-bottom-color:#ff1493;font-weight:600}.perfil-nav-item.active:after{display:none}.perfil-content{padding:20px}}.monitor-events-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.monitor-events-modal{background:#fff;border-radius:16px;width:100%;max-width:1000px;height:85vh;max-height:85vh;overflow:hidden;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease;display:flex;flex-direction:column}.monitor-events-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.monitor-events-close:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);color:#1a1a1a;transform:rotate(90deg)}.monitor-events-close svg{width:24px;height:24px}.monitor-events-layout{display:flex;flex:1;overflow:hidden;min-height:0}.monitor-events-sidebar{width:240px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.monitor-events-sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e5e5}.monitor-events-sidebar-title{font-size:20px;font-weight:600;margin:0 0 4px;color:#1a1a1a;background:linear-gradient(135deg,#00bcd4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.monitor-events-sidebar-subtitle{font-size:13px;color:#666;margin:0;font-family:monospace;word-break:break-all}.monitor-events-tabs{display:flex;flex-direction:column;padding:12px;gap:8px}.monitor-events-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:transparent;text-align:left;font-size:15px;font-weight:500;color:#666;cursor:pointer;border-radius:10px;transition:all .2s;position:relative}.monitor-events-tab:hover{background:#fff9;color:#1a1a1a}.monitor-events-tab.active{background:linear-gradient(135deg,#e0f7fa,#fce4ec);color:#1a1a1a;font-weight:600;box-shadow:0 2px 8px #00bcd426}.monitor-events-tab.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(135deg,#00bcd4,#ff1493);border-radius:0 4px 4px 0}.monitor-events-tab svg{width:20px;height:20px;flex-shrink:0}.monitor-events-content{flex:1;padding:32px;overflow-y:auto;min-height:0}.monitor-events-title{font-size:28px;font-weight:600;margin:0 0 8px;color:#1a1a1a;background:linear-gradient(135deg,#00bcd4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.monitor-events-subtitle{font-size:14px;color:#666;margin:0 0 24px;text-align:center;font-family:monospace}.monitor-events-loading,.monitor-events-error,.monitor-events-empty{text-align:center;padding:40px 20px;color:#666;font-size:16px}.monitor-events-error{color:#dc3545}.monitor-events-retry-button{margin-top:16px;padding:10px 20px;border:2px solid #00bcd4;background:#fff;color:#00bcd4;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.monitor-events-retry-button:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-color:#ff1493;color:#ff1493;transform:translateY(-2px)}.monitor-events-list{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;padding-right:8px}.monitor-events-list::-webkit-scrollbar{width:8px}.monitor-events-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.monitor-events-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00bcd4,#ff1493);border-radius:4px}.monitor-events-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00acc1,#e0127d)}.monitor-events-item{background:linear-gradient(135deg,#f0f9fa,#fff5f8);border:1px solid #e5e5e5;border-radius:12px;padding:16px;transition:all .2s}.monitor-events-item:hover{box-shadow:0 4px 12px #00bcd426;transform:translateY(-2px)}.monitor-events-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.monitor-events-type-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.monitor-events-timestamp{font-size:13px;color:#666;font-family:monospace}.monitor-events-item-details{display:flex;flex-direction:column;gap:8px}.monitor-events-detail{display:flex;align-items:flex-start;gap:8px;font-size:14px}.monitor-events-detail-label{font-weight:500;color:#1a1a1a;min-width:100px;flex-shrink:0}.monitor-events-detail-value{color:#666;word-break:break-all;font-family:monospace;font-size:13px}@media (max-width: 768px){.monitor-events-backdrop{padding:12px}.monitor-events-modal{max-width:100%;height:auto;max-height:95vh}.monitor-events-layout{flex-direction:column}.monitor-events-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5;max-height:200px}.monitor-events-sidebar-header{padding:16px 20px}.monitor-events-sidebar-title{font-size:18px}.monitor-events-sidebar-subtitle{font-size:12px}.monitor-events-tabs{flex-direction:row;overflow-x:auto;padding:12px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.monitor-events-tabs::-webkit-scrollbar{display:none}.monitor-events-tab{white-space:nowrap;flex-shrink:0;padding:12px 16px;font-size:14px}.monitor-events-tab.active:before{display:none}.monitor-events-tab.active{border-bottom:3px solid transparent;border-bottom-color:#00bcd4;box-shadow:none}.monitor-events-content{padding:24px}.monitor-events-title{font-size:24px;margin-bottom:8px}.monitor-events-subtitle{font-size:12px;margin-bottom:20px}.monitor-events-list{max-height:50vh;gap:12px}.monitor-events-item{padding:12px}.monitor-events-item-header{flex-direction:column;align-items:flex-start;gap:8px}.monitor-events-detail{flex-direction:column;gap:4px}.monitor-events-detail-label{min-width:auto}.monitor-events-detail-value{font-size:12px}}.asignar-tarjeta-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.asignar-tarjeta-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.asignar-tarjeta-modal-large{max-width:700px}.asignar-tarjeta-header{background:linear-gradient(135deg,#ff1493,#a855f7);color:#fff;padding:20px 24px;position:relative}.asignar-tarjeta-header h2{margin:0 0 4px;font-size:20px;font-weight:700}.asignar-tarjeta-subtitle{margin:0;font-size:14px;opacity:.9}.asignar-tarjeta-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#fff3;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.asignar-tarjeta-close:hover{background:#ffffff4d;transform:rotate(90deg)}.asignar-tarjeta-tabs{display:flex;border-bottom:1px solid #eee;background:#fafafa}.tab-btn{flex:1;padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;border-bottom:2px solid transparent}.tab-btn:hover{color:#ff1493;background:#ff14930d}.tab-btn.active{color:#ff1493;border-bottom-color:#ff1493;background:#fff}.asignar-tarjeta-content{padding:20px;overflow-y:auto;flex:1;max-height:calc(90vh - 180px)}.asignar-tarjeta-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#ff1493;border-radius:50%;animation:spin .8s linear infinite}.asignar-tarjeta-error,.asignar-tarjeta-success{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px}.asignar-tarjeta-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.asignar-tarjeta-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.gestionar-tarjetas{display:flex;flex-direction:column;gap:20px}.no-tarjetas{text-align:center;padding:40px 20px;color:#666}.no-tarjetas-icon{font-size:48px;display:block;margin-bottom:12px}.no-tarjetas p{margin:0 0 16px}.btn-asignar-nueva{padding:10px 20px;background:linear-gradient(135deg,#ff1493,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-asignar-nueva:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff14934d}.tarjetas-section{background:#f8f9fa;border-radius:12px;padding:16px}.tarjetas-section h3{font-size:14px;font-weight:600;color:#333;margin:0 0 12px;display:flex;align-items:center;gap:6px}.tarjetas-list{display:flex;flex-direction:column;gap:12px}.tarjeta-item{background:#fff;border-radius:10px;padding:14px;border-left:4px solid var(--tarjeta-color, #ff1493);box-shadow:0 1px 4px #00000014}.tarjeta-completada{background:linear-gradient(135deg,#fef9e6,#fff);border-left-color:#ffc107}.tarjeta-item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tarjeta-emoji{font-size:28px}.tarjeta-info{display:flex;flex-direction:column;gap:2px;flex:1}.tarjeta-info strong{font-size:15px;color:#333}.tarjeta-stats{font-size:12px;color:#666}.tarjeta-premio{font-size:13px;color:#ff8c00;font-weight:600}.tarjeta-circulos{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.circulo{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:#eee;color:#999;border:2px solid #ddd}.circulo.desbloqueado{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff;border-color:#888}.circulo.rascado{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border-color:#16a34a}.tarjeta-actions{display:flex;gap:8px;justify-content:flex-end}.btn-action{padding:6px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-desbloquear{background:#e0f2fe;color:#0284c7}.btn-desbloquear:hover:not(:disabled){background:#bae6fd}.btn-desbloquear.syncing{background:#dbeafe;color:#3b82f6}.btn-desbloquear .sync-indicator{display:inline-block;animation:syncSpin .8s linear infinite;margin-right:2px}@keyframes syncSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-badge{display:inline-block;margin-left:6px;font-size:.75rem;color:#3b82f6;animation:pulse 1s ease-in-out infinite}.btn-canjear{background:linear-gradient(135deg,gold,#ff8c00);color:#fff}.btn-canjear:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #ff8c004d}.btn-eliminar{background:#fee2e2;color:#dc2626}.btn-eliminar:hover:not(:disabled){background:#fecaca}.mini-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.tarjetas-historial{background:#f0f0f0}.tarjetas-historial-list{display:flex;flex-direction:column;gap:6px}.historial-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-radius:6px;font-size:12px;color:#666}.historial-item span:first-child{font-size:16px}.historial-premio{flex:1;text-align:right;color:#16a34a;font-weight:600}.historial-fecha{color:#999;font-size:11px}.asignar-nueva{display:flex;flex-direction:column;gap:16px}.asignar-instruccion{font-size:14px;color:#666;margin:0}.asignar-tarjeta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.tipo-tarjeta-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;text-align:center}.tipo-tarjeta-card:hover{background:#f0f1f3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tipo-tarjeta-card.selected{border-color:var(--tipo-color, #ff1493);background:#fff;box-shadow:0 4px 16px #ff149333}.tipo-emoji{font-size:32px;line-height:1}.tipo-nombre{font-size:14px;font-weight:600;color:#333}.tipo-descripcion{font-size:11px;color:#666;line-height:1.3}.tipo-check{position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--tipo-color, #ff1493);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.asignar-tarjeta-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #eee}.asignar-btn-cancel,.asignar-btn-confirm{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.asignar-btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.asignar-btn-cancel:hover:not(:disabled){background:#e5e7eb}.asignar-btn-confirm{background:linear-gradient(135deg,#ff1493,#a855f7);border:none;color:#fff}.asignar-btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff149366}.asignar-btn-confirm:disabled,.asignar-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 640px){.asignar-tarjeta-backdrop{padding:0;align-items:flex-end}.asignar-tarjeta-modal{border-radius:20px 20px 0 0;max-height:90vh}.asignar-tarjeta-grid{grid-template-columns:repeat(2,1fr)}.asignar-tarjeta-actions{flex-direction:column}.asignar-btn-cancel,.asignar-btn-confirm{width:100%;justify-content:center}.tarjeta-circulos{justify-content:center}.tarjeta-actions{flex-wrap:wrap;justify-content:center}}.asignar-tarjeta-content::-webkit-scrollbar{width:6px}.asignar-tarjeta-content::-webkit-scrollbar-track{background:transparent}.asignar-tarjeta-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.asignar-tarjeta-content::-webkit-scrollbar-thumb:hover{background:#ccc}.gestion-tipos-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gestion-tipos-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gestion-tipos-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;position:relative}.gestion-tipos-header h2{margin:0 0 4px;font-size:20px;font-weight:700}.gestion-tipos-subtitle{margin:0;font-size:14px;opacity:.9}.gestion-tipos-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#fff3;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gestion-tipos-close:hover{background:#ffffff4d;transform:rotate(90deg)}.gestion-tipos-content{padding:24px;overflow-y:auto;flex:1}.gestion-tipos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gestion-tipos-error,.gestion-tipos-success{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px}.gestion-tipos-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.gestion-tipos-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.gestion-tipos-section{margin-bottom:24px}.gestion-tipos-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px}.gestion-tipos-empty{text-align:center;padding:24px;background:#f8f9fa;border-radius:12px;color:#666}.gestion-tipos-empty p{margin:4px 0}.gestion-tipos-list{display:flex;flex-wrap:wrap;gap:8px}.tipo-existente-card{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.tipo-existente-card .tipo-emoji{font-size:20px}.tipo-existente-card .tipo-info{display:flex;flex-direction:column;gap:2px}.tipo-existente-card .tipo-info strong{font-size:14px;color:#333}.tipo-existente-card .tipo-estado{font-size:11px;color:#16a34a}.gestion-tipos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}.tipo-predefinido-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;text-align:center}.tipo-predefinido-card:not(.existe):not(:disabled):hover{background:#f0f1f3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--tipo-color, #667eea)}.tipo-predefinido-card.existe{opacity:.6;cursor:not-allowed;background:#e8f5e9}.tipo-predefinido-card:disabled{cursor:not-allowed}.tipo-predefinido-card .tipo-emoji{font-size:32px;line-height:1}.tipo-predefinido-card .tipo-nombre{font-size:13px;font-weight:600;color:#333}.tipo-predefinido-card .tipo-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;display:flex;align-items:center;gap:4px}.tipo-badge.existe{background:#d1fae5;color:#059669}.tipo-badge.crear{background:var(--tipo-color, #667eea);color:#fff}.tipo-badge.creando{background:#fef3c7;color:#d97706}.mini-spinner{width:10px;height:10px;border:2px solid rgba(217,119,6,.3);border-top-color:#d97706;border-radius:50%;animation:spin .8s linear infinite}.gestion-tipos-crear-todos{width:100%;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.gestion-tipos-crear-todos:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.gestion-tipos-crear-todos:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.gestion-tipos-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.gestion-tipos-btn-close{padding:10px 24px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.gestion-tipos-btn-close:hover{background:#e5e7eb}@media (max-width: 640px){.gestion-tipos-backdrop{padding:0;align-items:flex-end}.gestion-tipos-modal{border-radius:20px 20px 0 0;max-height:90vh}.gestion-tipos-grid{grid-template-columns:repeat(2,1fr)}}.ceo-container{min-height:100vh;padding:20px;background:#f5f5f5;position:relative}.ceo-back-button{position:absolute;top:20px;left:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;border-radius:12px;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s;z-index:100;box-shadow:0 2px 8px #0000001a;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ceo-back-button:hover{background:#f5f5f5;border-color:#00bcd4;color:#00bcd4;box-shadow:0 4px 12px #00bcd433}.ceo-back-button:active{transform:scale(.95)}.ceo-back-button svg{width:24px;height:24px}.ceo-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;font-size:18px;color:#666;gap:24px}.ceo-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;gap:32px;background:linear-gradient(135deg,#e0f7fa,#fff,#fce4ec);border-radius:20px;margin:20px;position:relative;overflow:hidden}.ceo-error:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,188,212,.05) 0%,rgba(255,20,147,.05) 50%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.ceo-error-content{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1;text-align:center}.ceo-error-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,#ff1493);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00bcd440;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ceo-error-icon svg{width:40px;height:40px;color:#fff}.ceo-error-message{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4}.ceo-error-submessage{font-size:16px;color:#666;margin:0;max-width:500px;line-height:1.6}.ceo-error-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;z-index:1;margin-top:8px}.ceo-error-button{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.ceo-error-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ceo-error-button:hover:before{width:300px;height:300px}.ceo-error-button-primary{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff}.ceo-error-button-primary:hover{background:linear-gradient(135deg,#00acc1,#e0127d);box-shadow:0 6px 20px #00bcd466;transform:translateY(-2px)}.ceo-error-button-primary:active{transform:translateY(0)}.ceo-error-button-secondary{background:#fff;color:#00bcd4;border:2px solid #00bcd4}.ceo-error-button-secondary:hover{background:linear-gradient(135deg,#e0f7fa,#fff);box-shadow:0 6px 20px #00bcd440;transform:translateY(-2px);border-color:#00acc1}.ceo-error-button-secondary:active{transform:translateY(0)}.ceo-error-button svg{width:20px;height:20px;flex-shrink:0}.ceo-content{max-width:1400px;margin:72px auto 0;background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.ceo-section-title{font-size:28px;font-weight:600;margin:0 0 32px;color:#1a1a1a;background:linear-gradient(135deg,#00bcd4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ceo-empty{text-align:center;padding:40px 20px;color:#999;font-size:16px;font-style:italic}.ceo-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid #e5e5e5}.ceo-users-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ceo-user-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0000000f;display:flex;flex-direction:column}.ceo-user-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 10px;background:linear-gradient(135deg,#e0f7fa,#fff,#fce4ec);border-bottom:1px solid #eef2f7}.ceo-user-card-title{display:flex;flex-direction:column;gap:6px;min-width:0}.ceo-user-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ceo-user-username{font-weight:700;font-size:15px;color:#1a1a1a;line-height:1.2}.ceo-user-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.ceo-user-card-section{padding:12px 14px;border-top:1px solid #f0f0f0}.ceo-user-card-section-title{font-size:12px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.ceo-user-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.ceo-user-field-span-2{grid-column:1 / -1}.ceo-user-field-group{display:flex;flex-direction:column;gap:10px}.ceo-user-field{display:flex;flex-direction:column;gap:3px;min-width:0}.ceo-user-bubble{background:#e9f9ef;border:1px solid #bfead0;border-radius:12px;padding:2px 10px}.ceo-user-field-label{font-size:11px;color:#1f6b3a;font-weight:600;letter-spacing:.02em}.ceo-user-field-value{font-size:13px;color:#1a1a1a;font-weight:500;overflow:hidden;text-overflow:ellipsis}.ceo-tarjetas-preview-list{display:flex;flex-wrap:wrap;gap:8px}.ceo-tarjeta-preview-pill{--tarjeta-color: #ff1493;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#00000005;border:1px solid rgba(0,0,0,.08);max-width:100%}.ceo-tarjeta-preview-pill.activa{border-color:#00bcd459;box-shadow:0 2px 10px #00bcd41f}.ceo-tarjeta-preview-pill.completada{border-color:#ff149359;box-shadow:0 2px 10px #ff14931f}.ceo-tarjeta-preview-emoji{font-size:16px;flex-shrink:0}.ceo-tarjeta-preview-name{font-size:12px;font-weight:700;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.ceo-tarjeta-preview-count{font-size:12px;font-weight:800;color:var(--tarjeta-color);flex-shrink:0}.ceo-tarjetas-preview-more{font-size:12px;font-weight:700;color:#666;padding:8px 10px;border-radius:999px;border:1px dashed rgba(0,0,0,.15);background:#00000004}.ceo-tarjetas-preview-muted{font-size:13px;color:#666;font-style:italic}.ceo-tarjetas-preview-error{font-size:12px;color:#dc3545}.ceo-user-card .ceo-deleted-badge{align-self:flex-start}.ceo-table{width:100%;border-collapse:collapse;min-width:1200px;background:#fff}.ceo-table thead{background:linear-gradient(135deg,#e0f7fa,#fce4ec);position:sticky;top:0;z-index:10}.ceo-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:14px;color:#1a1a1a;border-bottom:2px solid #00bcd4;white-space:nowrap}.ceo-table th:first-child{border-top-left-radius:8px}.ceo-table th:last-child{border-top-right-radius:8px}.ceo-table tbody tr{border-bottom:1px solid #e5e5e5;transition:background-color .2s}.ceo-table tbody tr:hover{background:linear-gradient(90deg,#f0f9fa,#fff5f8)}.ceo-table tbody tr:last-child{border-bottom:none}.ceo-table td{padding:14px 12px;font-size:14px;color:#1a1a1a;vertical-align:middle;white-space:nowrap}.ceo-table td:first-child{font-family:monospace;font-size:12px;color:#666;max-width:150px;overflow:hidden;text-overflow:ellipsis}.ceo-verified-badge{display:inline-block;margin-left:6px;padding:2px 6px;background:#d4edda;color:#155724;border-radius:4px;font-size:11px;font-weight:600}.ceo-deleted-badge{display:inline-block;padding:4px 8px;background:#fee;color:#dc3545;border-radius:6px;font-size:12px;font-weight:500}.ceo-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ceo-header-row .ceo-section-title{margin-bottom:0}.ceo-gestion-tipos-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea4d}.ceo-gestion-tipos-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.ceo-gestion-tipos-btn:active{transform:scale(.98)}.ceo-gestion-tipos-btn span{font-size:18px}.ceo-actions-buttons{display:flex;gap:8px;align-items:center}.ceo-monitor-events-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-monitor-events-button:hover{border-color:#00bcd4;color:#00bcd4;background:linear-gradient(135deg,#e0f7fa,#fce4ec);transform:scale(1.05)}.ceo-monitor-events-button:active{transform:scale(.95)}.ceo-monitor-events-button svg{width:18px;height:18px}.ceo-asignar-tarjeta-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:18px;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-asignar-tarjeta-button:hover{border-color:#ff1493;background:linear-gradient(135deg,#fce4ec,#f3e5f5);transform:scale(1.05)}.ceo-asignar-tarjeta-button:active{transform:scale(.95)}@media (max-width: 1200px){.ceo-users-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 769px) and (max-width: 1324px){.ceo-content{margin-top:72px}}@media (max-width: 768px){.ceo-container{padding:64px 12px 12px}.ceo-error{margin:12px;padding:32px 16px;min-height:50vh}.ceo-error-icon{width:64px;height:64px}.ceo-error-icon svg{width:32px;height:32px}.ceo-error-message{font-size:20px}.ceo-error-submessage{font-size:14px}.ceo-error-actions{flex-direction:column;width:100%;max-width:300px}.ceo-error-button{width:100%;justify-content:center;padding:14px 24px}.ceo-back-button{position:fixed;top:12px;left:12px;width:56px;height:56px;z-index:1000;box-shadow:0 4px 12px #00000026}.ceo-back-button svg{width:28px;height:28px}.ceo-content{padding:20px;margin-top:8px}.ceo-section-title{font-size:24px;margin-bottom:24px}.ceo-table-wrapper{border-radius:8px}.ceo-table{min-width:1000px}.ceo-table th,.ceo-table td{padding:12px 8px;font-size:13px}.ceo-table td:first-child{font-size:11px;max-width:100px}.ceo-users-grid,.ceo-user-fields{grid-template-columns:1fr}.ceo-user-field-span-2{grid-column:auto}}.ceo-section{width:100%}.ceo-section-title{font-size:28px;font-weight:600;margin:0 0 32px;color:#1a1a1a}.ceo-placeholder{color:#999;font-size:16px;font-style:italic}.ceo-account-item{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #e5e5e5}.ceo-account-item:last-of-type{border-bottom:none}.ceo-account-item-danger{margin-top:24px;padding-top:32px;border-top:2px solid #e5e5e5;border-bottom:none}.ceo-account-label{width:200px;flex-shrink:0;font-weight:500;color:#1a1a1a;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ceo-account-value{flex:1;display:flex;align-items:center;gap:12px}.ceo-account-value-right{justify-content:flex-end}.ceo-account-info{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.ceo-empty{color:#999;opacity:.6}.ceo-input-wrapper{display:flex;align-items:center;gap:8px;width:100%;max-width:400px}.ceo-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#1a1a1a;background:#f8f9fa;cursor:default}.ceo-input:disabled{opacity:1;color:#1a1a1a;background:#f8f9fa}.ceo-input::placeholder{color:#999;opacity:.6}.ceo-edit-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-edit-button:hover{border-color:#00bcd4;color:#00bcd4;background:#e0f7fa}.ceo-edit-button:active{transform:scale(.95)}.ceo-delete-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#dc3545;cursor:pointer;transition:all .2s;flex-shrink:0}.ceo-delete-button:hover{border-color:#dc3545;color:#fff;background:#dc3545}.ceo-delete-button:active{transform:scale(.95)}.ceo-delete-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;border-color:#ddd;color:#999}.ceo-delete-button:disabled:hover{transform:none;background:#f5f5f5;border-color:#ddd;color:#999;box-shadow:none}.ceo-action-button{padding:10px 20px;border:1px solid #ddd;background:#fff;color:#1a1a1a;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ceo-action-button:hover{background:#f5f5f5;border-color:#bbb}.ceo-action-button-danger{color:#dc3545;border-color:#dc3545}.ceo-action-button-danger:hover{background:#dc3545;color:#fff}.ceo-action-button-logout{color:#666;border-color:#ddd}.ceo-action-button-logout:hover{background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.ceo-danger-actions{display:flex;gap:12px;flex-wrap:wrap}.ceo-status-wrapper{position:relative;display:inline-block}.ceo-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500;border:none;background:transparent;cursor:default;transition:all .2s}.ceo-status-badge.verified{background:#d4edda;color:#155724}.ceo-status-badge.unverified{background:#f8f9fa;color:#6c757d;opacity:.7}.ceo-status-badge.unverified.clickable{background:#fee;color:#dc3545;opacity:1;cursor:pointer;min-height:32px;min-width:100px}.ceo-status-badge.unverified.clickable:hover{background:#fdd;color:#c82333}.ceo-verification-tooltip{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;min-width:200px;max-width:280px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.ceo-tooltip-arrow{position:absolute;top:50%;right:-8px;transform:translateY(-50%) rotate(-90deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ceo-tooltip-content{background:#1a1a1a;border-radius:8px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #0006}.ceo-tooltip-icon{color:#fff;flex-shrink:0;margin-top:2px}.ceo-tooltip-text{color:#fff;font-size:13px;line-height:1.4;font-weight:400}.ceo-status-wrapper:hover .ceo-verification-tooltip{display:block}.ceo-verification-tooltip.hidden{display:none!important}.ceo-google-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#4285f4;cursor:default;flex-shrink:0;opacity:.7}.ceo-phone-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 768px){.ceo-section-title{font-size:24px;margin-bottom:24px}.ceo-account-item{flex-direction:column;gap:12px;padding:16px 0}.ceo-account-label{width:100%;font-size:14px}.ceo-account-value{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.ceo-account-value-right{justify-content:flex-start}.ceo-account-info{width:100%;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.ceo-input-wrapper{max-width:100%;width:100%}.ceo-input{width:100%}.ceo-action-button{width:100%;text-align:center}.ceo-status-badge.unverified.clickable{min-height:40px;min-width:120px;padding:8px 16px;font-size:15px}.ceo-verification-tooltip{top:50%;left:calc(100% + 12px);right:auto;bottom:auto;transform:translateY(-50%);max-width:280px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.ceo-tooltip-arrow{top:50%;left:-8px;right:auto;bottom:auto;transform:translateY(-50%) rotate(90deg)}.ceo-account-item-danger{margin-top:16px;padding-top:24px}.ceo-danger-actions{flex-direction:column;width:100%}.ceo-danger-actions .ceo-action-button{width:100%}}@media (max-width: 768px){.direccion-section .perfil-account-item{flex-direction:row;padding:8px 0;gap:8px;border-bottom:1px solid #f0f0f0;align-items:center}.direccion-section .perfil-account-label{width:auto;min-width:100px;max-width:120px;font-size:12px;font-weight:500;flex-shrink:0;margin:0;padding-right:4px}.direccion-section .perfil-account-value{flex:1;min-width:0;align-items:center;gap:6px}.direccion-section .perfil-input-wrapper{gap:6px;max-width:100%;flex:1;min-width:0}.direccion-section .perfil-input{padding:6px 10px;font-size:13px;min-width:0;flex:1}.direccion-section .perfil-edit-button{width:28px;height:28px;flex-shrink:0}.direccion-section .perfil-edit-button svg{width:14px;height:14px}.direccion-section .perfil-edit-form{gap:8px;width:100%;min-width:0}.direccion-section .perfil-edit-form .perfil-input{padding:6px 10px;font-size:13px}.direccion-section .perfil-edit-actions{gap:6px;flex-wrap:wrap}.direccion-section .perfil-save-button,.direccion-section .perfil-cancel-button{padding:6px 10px;font-size:12px;flex:1;min-width:80px}.direccion-section .perfil-account-item:last-of-type{padding-bottom:0}}.direccion-section{width:100%}.remove-schedule-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-schedule-confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}.remove-schedule-confirm-content{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.remove-schedule-confirm-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.remove-schedule-confirm-icon svg{width:32px;height:32px}.remove-schedule-confirm-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif}.remove-schedule-confirm-message{font-size:.9375rem;color:#666;line-height:1.6;margin:0;font-family:Poppins,sans-serif}.remove-schedule-confirm-message strong{color:#1a1a1a;font-weight:600}.remove-schedule-confirm-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.remove-schedule-confirm-button{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:Poppins,sans-serif}.remove-schedule-confirm-button:disabled{opacity:.6;cursor:not-allowed}.remove-schedule-confirm-button-secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.remove-schedule-confirm-button-secondary:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.remove-schedule-confirm-button-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.remove-schedule-confirm-button-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.remove-schedule-confirm-button-danger:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.remove-schedule-confirm-modal{max-width:100%;margin:1rem;border-radius:12px}.remove-schedule-confirm-content{padding:1.5rem;gap:1.25rem}.remove-schedule-confirm-icon{width:56px;height:56px}.remove-schedule-confirm-icon svg{width:28px;height:28px}.remove-schedule-confirm-title{font-size:1.25rem}.remove-schedule-confirm-message{font-size:.875rem}.remove-schedule-confirm-actions{flex-direction:column}.remove-schedule-confirm-button{width:100%}}.horario-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.horario-day-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .2s;display:flex;flex-direction:column;gap:16px}.horario-day-card:hover{border-color:#00bcd4;box-shadow:0 4px 12px #00bcd41a}.horario-day-header{display:flex;justify-content:space-between;align-items:center}.horario-day-label{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.horario-remove-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #dc3545;border-radius:6px;background:#fff;color:#dc3545;cursor:pointer;transition:all .2s;flex-shrink:0}.horario-remove-button:hover{background:#dc3545;color:#fff}.horario-remove-button svg{width:16px;height:16px}.horario-edit-form{display:flex;flex-direction:column;gap:16px}.horario-time-selectors{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.horario-time-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:120px}.horario-time-label{font-size:13px;font-weight:500;color:#666}.horario-time-select{padding:10px 12px;border:2px solid #00bcd4;border-radius:8px;font-size:14px;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .2s;font-family:inherit}.horario-time-select:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.horario-time-separator{font-size:20px;font-weight:600;color:#666;padding-bottom:8px;flex-shrink:0}.horario-edit-actions{display:flex;gap:8px}.horario-save-button{padding:10px 20px;border:none;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.horario-save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.horario-save-button:active{transform:translateY(0)}.horario-cancel-button{padding:10px 20px;border:1px solid #ddd;background:#fff;color:#666;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.horario-cancel-button:hover{background:#f5f5f5;border-color:#bbb}.horario-display{display:flex;justify-content:space-between;align-items:center;gap:12px}.horario-time-display{display:flex;align-items:center;gap:8px;flex:1}.horario-time-value{font-size:16px;font-weight:600;color:#1a1a1a;font-variant-numeric:tabular-nums}.horario-closed{flex:1}.horario-closed-text{font-size:14px;color:#999;font-style:italic}.horario-edit-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.horario-edit-button:hover{border-color:#ff1493;color:#ff1493;background:#fff5f8}.horario-edit-button:active{transform:scale(.95)}.horario-edit-button svg{width:18px;height:18px}@media (max-width: 768px){.horario-container{grid-template-columns:1fr;gap:16px}.horario-day-card{padding:16px}.horario-day-label{font-size:16px}.horario-time-selectors{flex-direction:column;align-items:stretch}.horario-time-group{min-width:100%}.horario-time-separator{align-self:center;padding:0}.horario-edit-actions{flex-direction:column}.horario-save-button,.horario-cancel-button{width:100%}}@media (max-width: 768px){.contacto-section .perfil-account-item{flex-direction:row;padding:8px 0;gap:8px;border-bottom:1px solid #f0f0f0;align-items:center}.contacto-section .perfil-account-label{width:auto;min-width:100px;max-width:140px;font-size:12px;font-weight:500;flex-shrink:0;margin:0;padding-right:4px}.contacto-section .perfil-account-value{flex:1;min-width:0;align-items:center;gap:6px}.contacto-section .perfil-input-wrapper{gap:6px;max-width:100%;flex:1;min-width:0}.contacto-section .perfil-input{padding:6px 10px;font-size:13px;min-width:0;flex:1}.contacto-section .perfil-edit-button{width:28px;height:28px;flex-shrink:0}.contacto-section .perfil-edit-button svg{width:14px;height:14px}.contacto-section .perfil-edit-form{gap:8px;width:100%;min-width:0}.contacto-section .perfil-edit-form .perfil-input{padding:6px 10px;font-size:13px}.contacto-section .perfil-edit-actions{gap:6px;flex-wrap:wrap}.contacto-section .perfil-save-button,.contacto-section .perfil-cancel-button{padding:6px 10px;font-size:12px;flex:1;min-width:80px}.contacto-section .perfil-account-item:last-of-type{padding-bottom:0}}.contacto-section{width:100%}.confirm-placeapi-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-placeapi-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-placeapi-content{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.confirm-placeapi-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,#ff1493);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.confirm-placeapi-icon svg{width:32px;height:32px}.confirm-placeapi-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif}.confirm-placeapi-message{font-size:.9375rem;color:#666;line-height:1.6;margin:0;font-family:Poppins,sans-serif}.confirm-placeapi-message strong{color:#1a1a1a;font-weight:600}.confirm-placeapi-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.confirm-placeapi-button{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:Poppins,sans-serif}.confirm-placeapi-button:disabled{opacity:.6;cursor:not-allowed}.confirm-placeapi-button-secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.confirm-placeapi-button-secondary:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.confirm-placeapi-button-primary{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff}.confirm-placeapi-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.confirm-placeapi-button-primary:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.confirm-placeapi-modal{max-width:100%;margin:1rem;border-radius:12px}.confirm-placeapi-content{padding:1.5rem;gap:1.25rem}.confirm-placeapi-icon{width:56px;height:56px}.confirm-placeapi-icon svg{width:28px;height:28px}.confirm-placeapi-title{font-size:1.25rem}.confirm-placeapi-message{font-size:.875rem}.confirm-placeapi-actions{flex-direction:column}.confirm-placeapi-button{width:100%}}.reviews-section{width:100%}.reviews-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.reviews-column{display:flex;flex-direction:column;gap:16px}.reviews-column-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #e5e5e5}.reviews-column-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif}.reviews-count{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif}.reviews-update-button{padding:8px 16px;border:none;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.reviews-update-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.reviews-update-button:disabled{opacity:.6;cursor:not-allowed}.reviews-info{padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00bcd4}.reviews-info-text{font-size:14px;color:#1a1a1a;margin:0 0 4px;font-family:Poppins,sans-serif}.reviews-info-date{font-size:12px;color:#666;margin:0;font-family:Poppins,sans-serif}.reviews-list{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto;padding-right:8px}.reviews-list::-webkit-scrollbar{width:6px}.reviews-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.reviews-list::-webkit-scrollbar-thumb{background:#00bcd4;border-radius:3px}.reviews-list::-webkit-scrollbar-thumb:hover{background:#ff1493}.review-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:16px;transition:all .2s}.review-card:hover{border-color:#00bcd4;box-shadow:0 4px 12px #00bcd41a}.review-card.approved{border-color:#00bcd4;background:linear-gradient(to bottom,#fff,#f0f9ff)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.review-author{display:flex;gap:12px;flex:1;min-width:0}.review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e5e5e5}.review-author-info{flex:1;min-width:0}.review-author-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px;font-family:Poppins,sans-serif}.review-rating{display:flex;gap:2px}.review-star{font-size:14px;opacity:.3;transition:opacity .2s}.review-star.filled{opacity:1}.review-actions{display:flex;gap:8px;align-items:center}.review-add-button,.review-remove-button,.review-toggle-photo-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.review-add-button{color:#00bcd4;border-color:#00bcd4}.review-add-button:hover{background:#00bcd4;color:#fff;transform:scale(1.1)}.review-remove-button{color:#dc3545;border-color:#dc3545}.review-remove-button:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.review-toggle-photo-button{color:#ff9800;border-color:#ff9800}.review-toggle-photo-button:hover{background:#ff9800;color:#fff;transform:scale(1.1)}.review-text{font-size:14px;color:#333;line-height:1.6;margin:0 0 12px;font-family:Poppins,sans-serif}.review-footer{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid #f0f0f0}.review-date{font-size:12px;color:#999;font-style:italic;font-family:Poppins,sans-serif}.reviews-empty{text-align:center;padding:40px 20px;color:#999;font-style:italic;font-family:Poppins,sans-serif}@media (max-width: 768px){.reviews-container{grid-template-columns:1fr;gap:24px}.reviews-column-header{flex-direction:column;align-items:flex-start;gap:12px}.reviews-update-button{width:100%}.reviews-list{max-height:400px}.review-card{padding:12px}.review-author{gap:8px}.review-avatar{width:40px;height:40px}.review-author-name{font-size:14px}.review-text{font-size:13px}}.bienvenida-section{padding:0}.bienvenida-container{max-width:800px;margin:0 auto;padding:2rem}.bienvenida-header{margin-bottom:2rem}.bienvenida-title{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.5rem}.bienvenida-description{color:var(--text-secondary, #666);font-size:.95rem;line-height:1.6}.bienvenida-content{background:var(--bg-card, #ffffff);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.bienvenida-display{width:100%}.bienvenida-message-card{display:flex;flex-direction:column;gap:1rem}.bienvenida-message-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.95rem}.bienvenida-message-label svg{color:var(--accent-color, #4a90e2)}.bienvenida-message-content{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:1.5rem;min-height:120px;border:1px solid var(--border-color, #e0e0e0)}.bienvenida-message-text{color:var(--text-primary, #1a1a1a);font-size:1rem;line-height:1.7;margin:0;white-space:pre-wrap;word-wrap:break-word}.bienvenida-message-empty{color:var(--text-secondary, #999);font-style:italic;margin:0}.bienvenida-edit-button{align-self:flex-start;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-color, #4a90e2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bienvenida-edit-button:hover{background:var(--accent-hover, #357abd);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.bienvenida-edit-button:active{transform:translateY(0)}.bienvenida-edit-form{display:flex;flex-direction:column;gap:1.5rem}.bienvenida-form-group{display:flex;flex-direction:column;gap:.75rem}.bienvenida-form-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.95rem}.bienvenida-form-label svg{color:var(--accent-color, #4a90e2)}.bienvenida-textarea{width:100%;padding:1rem;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:1rem;font-family:inherit;line-height:1.6;color:var(--text-primary, #1a1a1a);background:var(--bg-primary, #ffffff);resize:vertical;min-height:150px;transition:border-color .2s ease,box-shadow .2s ease}.bienvenida-textarea:focus{outline:none;border-color:var(--accent-color, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}.bienvenida-textarea::placeholder{color:var(--text-secondary, #999)}.bienvenida-form-hint{font-size:.85rem;color:var(--text-secondary, #666);margin:0;line-height:1.5}.bienvenida-form-actions{display:flex;gap:1rem;align-items:center}.bienvenida-save-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--accent-color, #4a90e2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bienvenida-save-button:hover:not(:disabled){background:var(--accent-hover, #357abd);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.bienvenida-save-button:active:not(:disabled){transform:translateY(0)}.bienvenida-save-button:disabled{opacity:.6;cursor:not-allowed}.bienvenida-spinner{animation:spin 1s linear infinite}.bienvenida-cancel-button{padding:.875rem 1.75rem;background:transparent;color:var(--text-secondary, #666);border:2px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bienvenida-cancel-button:hover:not(:disabled){background:var(--bg-secondary, #f8f9fa);border-color:var(--text-secondary, #999);color:var(--text-primary, #1a1a1a)}.bienvenida-cancel-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.bienvenida-container{padding:1rem}.bienvenida-content{padding:1.5rem}.bienvenida-form-actions{flex-direction:column}.bienvenida-save-button,.bienvenida-cancel-button{width:100%;justify-content:center}}.datos-empresa-container{width:100%}.datos-empresa-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.datos-empresa-tabs::-webkit-scrollbar{display:none}.datos-empresa-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.datos-empresa-tab:hover{color:#1a1a1a;background:#00bcd40d}.datos-empresa-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.datos-empresa-tab svg{width:18px;height:18px;flex-shrink:0}.datos-empresa-content{width:100%}@media (max-width: 768px){.datos-empresa-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.datos-empresa-tab{padding:10px 16px;font-size:13px;gap:6px}.datos-empresa-tab svg{width:16px;height:16px}}.bicolor-picker-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.bicolor-picker-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;position:relative}.bicolor-picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.bicolor-picker-modal-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.bicolor-picker-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:6px;transition:all .2s;flex-shrink:0}.bicolor-picker-modal-close:hover:not(:disabled){background:#f5f5f5;color:#1a1a1a}.bicolor-picker-modal-close:disabled{opacity:.5;cursor:not-allowed}.bicolor-picker-modal-close svg{width:20px;height:20px}.bicolor-picker-modal-content{padding:24px;flex:1;overflow-y:auto}.bicolor-picker-field{margin-bottom:24px}.bicolor-picker-field:last-of-type{margin-bottom:0}.bicolor-picker-label{display:block;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.bicolor-picker-input-group{display:flex;gap:12px;align-items:center}.bicolor-picker-color-input{width:60px;height:60px;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;padding:0;background:none;flex-shrink:0;transition:all .2s}.bicolor-picker-color-input:hover:not(:disabled){border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd41a}.bicolor-picker-color-input:disabled{opacity:.6;cursor:not-allowed}.bicolor-picker-text-input{flex:1;padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;font-family:Courier New,monospace;color:#1a1a1a;background:#fff;transition:all .2s}.bicolor-picker-text-input:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd41a}.bicolor-picker-text-input.error{border-color:#dc3545}.bicolor-picker-text-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.bicolor-picker-text-input:disabled{opacity:.6;cursor:not-allowed;background:#f8f9fa}.bicolor-picker-error{display:block;font-size:12px;color:#dc3545;margin-top:6px}.bicolor-picker-preview{margin-top:24px;padding-top:24px;border-top:1px solid #e5e5e5}.bicolor-picker-preview-label{font-size:14px;font-weight:500;color:#1a1a1a;margin:0 0 12px}.bicolor-picker-preview-card{padding:24px;border-radius:8px;min-height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.bicolor-picker-preview-text{color:#fff;font-size:14px;font-weight:500;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.bicolor-picker-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e5e5;flex-shrink:0;justify-content:flex-end}.bicolor-picker-button{padding:10px 20px;border:2px solid;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.bicolor-picker-button:disabled{opacity:.6;cursor:not-allowed}.bicolor-picker-button-cancel{background:#fff;border-color:#ddd;color:#666}.bicolor-picker-button-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.bicolor-picker-button-save{background:linear-gradient(135deg,#00bcd4,#ff1493);border-color:transparent;color:#fff}.bicolor-picker-button-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.bicolor-picker-button-save:active:not(:disabled){transform:translateY(0)}.bicolor-picker-button-save:disabled{background:#ccc;border-color:#ccc;transform:none;box-shadow:none}@media (max-width: 768px){.bicolor-picker-modal-backdrop{padding:8px}.bicolor-picker-modal{max-width:100%;max-height:95vh;border-radius:8px}.bicolor-picker-modal-header{padding:16px 20px}.bicolor-picker-modal-title{font-size:18px}.bicolor-picker-modal-content{padding:20px}.bicolor-picker-input-group{flex-direction:column;align-items:stretch}.bicolor-picker-color-input{width:100%;height:80px}.bicolor-picker-text-input{width:100%;padding:14px 16px;font-size:16px}.bicolor-picker-preview-card{padding:20px 16px;min-height:70px}.bicolor-picker-preview-text{font-size:13px}.bicolor-picker-modal-footer{padding:16px 20px;flex-direction:column-reverse}.bicolor-picker-button{width:100%;padding:14px 20px;font-size:16px}}.bicolor-principal-container{width:100%;display:flex;flex-direction:column;gap:24px}.bicolor-principal-loading{padding:32px;text-align:center;color:#999;font-size:16px}.bicolor-principal-description{padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00bcd4}.bicolor-principal-description p{margin:0;color:#666;font-size:14px;line-height:1.6}.bicolor-principal-actions{display:flex;gap:12px;flex-wrap:wrap}.bicolor-principal-edit-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #00bcd4;background:#fff;color:#00bcd4;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.bicolor-principal-edit-button:hover:not(:disabled){background:#00bcd4;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00bcd44d}.bicolor-principal-edit-button:active:not(:disabled){transform:translateY(0)}.bicolor-principal-edit-button:disabled{opacity:.6;cursor:not-allowed}.bicolor-principal-edit-button svg{width:18px;height:18px;flex-shrink:0}.bicolor-principal-restore-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #666;background:#fff;color:#666;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.bicolor-principal-restore-button:hover:not(:disabled){background:#666;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.bicolor-principal-restore-button:active:not(:disabled){transform:translateY(0)}.bicolor-principal-restore-button:disabled{opacity:.6;cursor:not-allowed}.bicolor-principal-restore-button svg{width:18px;height:18px;flex-shrink:0}.bicolor-principal-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.bicolor-principal-swatch{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;transition:all .2s}.bicolor-principal-swatch:hover{box-shadow:0 2px 8px #0000001a;border-color:#00bcd4}.bicolor-principal-swatch-color{width:60px;height:60px;border-radius:8px;border:2px solid #e5e5e5;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.bicolor-principal-swatch-info{display:flex;flex-direction:column;gap:4px;flex:1}.bicolor-principal-swatch-label{font-size:14px;font-weight:500;color:#1a1a1a}.bicolor-principal-swatch-value{font-size:13px;font-family:Courier New,monospace;color:#666;background:#f8f9fa;padding:4px 8px;border-radius:4px;display:inline-block;width:fit-content}.bicolor-principal-preview{margin-top:8px}.bicolor-principal-preview-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.bicolor-principal-preview-card{padding:32px;border-radius:12px;min-height:120px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.bicolor-principal-preview-text{color:#fff;font-size:16px;font-weight:500;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}@media (max-width: 768px){.bicolor-principal-container{gap:16px}.bicolor-principal-description{padding:12px}.bicolor-principal-description p{font-size:13px}.bicolor-principal-edit-button,.bicolor-principal-restore-button{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.bicolor-principal-swatches{grid-template-columns:1fr;gap:12px}.bicolor-principal-swatch{padding:12px}.bicolor-principal-swatch-color{width:50px;height:50px}.bicolor-principal-preview-card{padding:24px 16px;min-height:100px}.bicolor-principal-preview-text{font-size:14px}}.perfil-section{width:100%}.perfil-section-title{font-size:28px;font-weight:600;margin:0 0 32px;color:#1a1a1a}.perfil-placeholder{color:#999;font-size:16px;font-style:italic}.perfil-account-item{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #e5e5e5}.perfil-account-item:last-of-type{border-bottom:none}.perfil-account-item-danger{margin-top:24px;padding-top:32px;border-top:2px solid #e5e5e5;border-bottom:none}.perfil-account-label{width:200px;flex-shrink:0;font-weight:500;color:#1a1a1a;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.perfil-account-value{flex:1;display:flex;align-items:center;gap:12px}.perfil-account-value-right{justify-content:flex-end}.perfil-account-info{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.perfil-empty{color:#999;opacity:.6}.perfil-input-wrapper{display:flex;align-items:center;gap:8px;width:100%;max-width:400px}.perfil-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#1a1a1a;background:#f8f9fa;cursor:default}.perfil-input:disabled{opacity:1;color:#1a1a1a;background:#f8f9fa}.perfil-input::placeholder{color:#999;opacity:.6}.perfil-input-editable{background:#fff;cursor:text;border-color:#00bcd4}.perfil-input-editable:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.perfil-input-readonly{background:#f8f9fa;cursor:default}.perfil-edit-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.perfil-edit-button:hover{border-color:#ff1493;color:#ff1493;background:#fff5f8}.perfil-edit-button:active{transform:scale(.95)}.perfil-delete-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;color:#dc3545;cursor:pointer;transition:all .2s;flex-shrink:0}.perfil-delete-button:hover{border-color:#dc3545;color:#fff;background:#dc3545}.perfil-delete-button:active{transform:scale(.95)}.perfil-delete-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;border-color:#ddd;color:#999}.perfil-delete-button:disabled:hover{transform:none;background:#f5f5f5;border-color:#ddd;color:#999;box-shadow:none}.perfil-action-button{padding:10px 20px;border:1px solid #ddd;background:#fff;color:#1a1a1a;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.perfil-action-button:hover{background:#f5f5f5;border-color:#bbb}.perfil-action-button-danger{color:#dc3545;border-color:#dc3545}.perfil-action-button-danger:hover{background:#dc3545;color:#fff}.perfil-action-button-logout{color:#666;border-color:#ddd}.perfil-action-button-logout:hover{background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.perfil-danger-actions{display:flex;gap:12px;flex-wrap:wrap}.perfil-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.perfil-edit-actions{display:flex;gap:8px}.perfil-save-button{padding:8px 16px;border:none;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.perfil-save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.perfil-save-button:active{transform:translateY(0)}.perfil-cancel-button{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#666;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.perfil-cancel-button:hover{background:#f5f5f5;border-color:#bbb}@media (max-width: 768px){.perfil-section-title{font-size:24px;margin-bottom:24px}.perfil-account-item{flex-direction:column;gap:12px;padding:16px 0}.perfil-account-label{width:100%;font-size:14px}.perfil-account-value{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.perfil-account-value-right{justify-content:flex-start}.perfil-account-info{width:100%;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.perfil-input-wrapper{max-width:100%;width:100%}.perfil-input{width:100%}.perfil-action-button{width:100%;text-align:center}.perfil-danger-actions{flex-direction:column;width:100%}.perfil-danger-actions .perfil-action-button{width:100%}}.colores-container{width:100%}.colores-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.colores-tabs::-webkit-scrollbar{display:none}.colores-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.colores-tab:hover{color:#1a1a1a;background:#00bcd40d}.colores-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.colores-tab svg{width:18px;height:18px;flex-shrink:0}.colores-content{width:100%}@media (max-width: 768px){.colores-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.colores-tab{padding:10px 16px;font-size:13px;gap:6px}.colores-tab svg{width:16px;height:16px}}.estilo-pagina-container{width:100%}.estilo-pagina-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.estilo-pagina-tabs::-webkit-scrollbar{display:none}.estilo-pagina-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.estilo-pagina-tab:hover{color:#1a1a1a;background:#00bcd40d}.estilo-pagina-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.estilo-pagina-tab svg{width:18px;height:18px;flex-shrink:0}.estilo-pagina-content{width:100%}.estilo-pagina-placeholder{padding:32px;text-align:center;color:#999;font-size:16px;font-style:italic}@media (max-width: 768px){.estilo-pagina-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.estilo-pagina-tab{padding:10px 16px;font-size:13px;gap:6px}.estilo-pagina-tab svg{width:16px;height:16px}.estilo-pagina-placeholder{padding:24px 16px;font-size:14px}}.migration-container{width:100%}.migration-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e5e5;margin-bottom:24px;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.migration-tabs::-webkit-scrollbar{display:none}.migration-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.migration-tab:hover{color:#1a1a1a;background:#00bcd40d}.migration-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.migration-tab svg{width:18px;height:18px;flex-shrink:0}.migration-content{width:100%}@media (max-width: 768px){.migration-tabs{gap:4px;margin-bottom:16px;padding-bottom:0}.migration-tab{padding:10px 16px;font-size:13px;gap:6px}.migration-tab svg{width:16px;height:16px}}.old-models-container{width:100%}.old-models-loading,.old-models-error,.old-models-empty{padding:40px 20px;text-align:center;color:#666}.old-models-error{color:#dc3545}.old-models-retry-button{margin-top:16px;padding:8px 16px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.old-models-retry-button:hover{background:#dc3545;color:#fff}.old-models-platillos-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:24px;border-bottom:2px solid #e5e5e5;padding-bottom:0}.old-models-nav-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ddd;background:#fff;color:#666;border-radius:8px;cursor:pointer;transition:all .2s;flex-shrink:0;margin-bottom:-2px}.old-models-nav-button:hover:not(:disabled){background:#00bcd41a;border-color:#00bcd4;color:#00bcd4}.old-models-nav-button:active:not(:disabled){transform:scale(.95)}.old-models-nav-button:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5}.old-models-nav-button svg{width:20px;height:20px}.old-models-platillos-tabs{display:flex;gap:8px;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,188,212,.3) transparent;-ms-overflow-style:-ms-autohiding-scrollbar;padding-bottom:0;scroll-behavior:smooth}.old-models-platillos-tabs::-webkit-scrollbar{height:6px}.old-models-platillos-tabs::-webkit-scrollbar-track{background:transparent;border-radius:3px}.old-models-platillos-tabs::-webkit-scrollbar-thumb{background:#00bcd44d;border-radius:3px;transition:background .2s}.old-models-platillos-tabs::-webkit-scrollbar-thumb:hover{background:#00bcd480}.old-models-platillo-tab{padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;position:relative}.old-models-platillo-tab:hover{color:#1a1a1a;background:#00bcd40d}.old-models-platillo-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.old-models-array-tabs-wrapper{display:flex;align-items:center;gap:8px;margin:0;padding:0 0 8px;border-bottom:1px solid #e5e5e5}.old-models-array-tabs-wrapper .old-models-nav-button{width:32px;height:32px;margin-bottom:0}.old-models-array-tabs-wrapper .old-models-nav-button svg{width:16px;height:16px}.old-models-array-tabs{display:flex;gap:4px;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,188,212,.3) transparent;-ms-overflow-style:-ms-autohiding-scrollbar;scroll-behavior:smooth}.old-models-array-tabs::-webkit-scrollbar{height:4px}.old-models-array-tabs::-webkit-scrollbar-track{background:transparent;border-radius:2px}.old-models-array-tabs::-webkit-scrollbar-thumb{background:#00bcd44d;border-radius:2px;transition:background .2s}.old-models-array-tabs::-webkit-scrollbar-thumb:hover{background:#00bcd480}.old-models-array-tab{padding:6px 12px;border:none;background:transparent;color:#666;font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;white-space:nowrap;position:relative}.old-models-array-tab:hover{color:#1a1a1a;background:#00bcd40d}.old-models-array-tab.active{color:#00bcd4;border-bottom-color:#00bcd4;background:transparent}.old-models-tree-container{width:100%;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px}.old-models-tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.old-models-tree-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.old-models-tree-actions{display:flex;gap:8px}.old-models-toggle-all-button{padding:6px 12px;border:1px solid #ddd;background:#fff;color:#666;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.old-models-toggle-all-button:hover{background:#f5f5f5;border-color:#bbb;color:#1a1a1a}.old-models-clear-cache-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.old-models-clear-cache-button:hover{background:#dc3545;color:#fff}.old-models-clear-cache-button svg{width:16px;height:16px;flex-shrink:0}.old-models-tree{font-family:Courier New,monospace;font-size:13px;line-height:1.8}.old-models-tree-node{margin:2px 0}.old-models-tree-item{display:flex;align-items:center;gap:8px;padding:4px 0;transition:background-color .2s}.old-models-tree-item:hover{background-color:#00bcd40d;border-radius:4px}.old-models-tree-toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.old-models-tree-toggle:hover{color:#00bcd4;background:#00bcd41a;border-radius:3px}.old-models-tree-spacer{width:18px;flex-shrink:0}.old-models-tree-key{color:#1a1a1a;font-weight:600}.old-models-tree-separator{color:#999;margin:0 4px}.old-models-tree-value{color:#666}.old-models-tree-value-string{color:#28a745}.old-models-tree-value-number{color:#007bff}.old-models-tree-value-boolean{color:#ff1493}.old-models-tree-value-null,.old-models-tree-value-undefined{color:#999;font-style:italic}.old-models-tree-value-object{color:#ff9800}.old-models-tree-value-array{color:#9c27b0}.old-models-tree-children{margin-left:0}.old-models-array-attribute-input{margin-left:12px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;font-family:inherit;color:#1a1a1a;background:#fff;width:150px;transition:all .2s}.old-models-array-attribute-input:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 2px #00bcd41a}.old-models-array-attribute-input::placeholder{color:#999;font-style:italic}@media (max-width: 768px){.old-models-platillos-wrapper{gap:8px;margin-bottom:16px}.old-models-nav-button{width:36px;height:36px}.old-models-nav-button svg{width:18px;height:18px}.old-models-platillos-tabs{gap:4px}.old-models-platillo-tab{padding:10px 16px;font-size:13px}.old-models-tree-container{padding:16px}.old-models-tree-header{flex-direction:column;align-items:flex-start;gap:12px}.old-models-tree{font-size:12px}.old-models-array-tabs-wrapper{gap:6px;margin:6px 0;padding:6px 0}.old-models-array-tabs-wrapper .old-models-nav-button{width:28px;height:28px}.old-models-array-tabs-wrapper .old-models-nav-button svg{width:14px;height:14px}.old-models-array-tab{padding:5px 10px;font-size:11px}.old-models-array-attribute-input{width:120px;font-size:11px;padding:3px 6px;margin-left:8px}}.edit-minimalist-field{display:flex;align-items:center;padding:4px 0;font-family:Courier New,monospace;font-size:13px;line-height:1.6;color:#1a1a1a;gap:4px}.edit-minimalist-key{color:#06c;font-weight:500;flex-shrink:0}.edit-minimalist-separator{color:#666;margin:0 4px;flex-shrink:0}.edit-minimalist-value{color:#1a1a1a}.edit-minimalist-value-boolean{color:#06c}.edit-minimalist-input{flex:1;border:none;background:transparent;color:#1a1a1a;font-family:Courier New,monospace;font-size:13px;padding:2px 4px;margin:0;outline:none;border-bottom:1px solid #e0e0e0;transition:border-color .2s;min-width:0}.edit-minimalist-input:focus{border-bottom-color:#00bcd4;background:#00bcd40d;border-radius:2px}.edit-minimalist-input:hover:not(:focus){background:#00000005;border-radius:2px;border-bottom-color:#b0b0b0}.edit-minimalist-input::placeholder{color:#999;font-style:italic}.edit-minimalist-input[type=number]{text-align:left}.edit-minimalist-input[type=textarea],.edit-minimalist-input textarea{min-height:40px;resize:vertical;font-family:Courier New,monospace}.edit-minimalist-checkbox{margin:0 4px;cursor:pointer;width:14px;height:14px;flex-shrink:0}.edit-minimalist-field-new{background-color:#ff8a8a;border-radius:4px;padding:4px 8px;margin:2px 0}.editable-platillo-form{display:flex;flex-direction:column;height:100%}.editable-platillo-form-header{padding:20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.editable-platillo-form-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.editable-platillo-form-actions{display:flex;gap:12px}.editable-platillo-form-cancel-button,.editable-platillo-form-save-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.editable-platillo-form-cancel-button{border:1px solid #ddd;background:#fff;color:#666}.editable-platillo-form-cancel-button:hover:not(:disabled){background:#f5f5f5}.editable-platillo-form-save-button{border:1px solid #00bcd4;background:#00bcd4;color:#fff}.editable-platillo-form-save-button:hover:not(:disabled){background:#0097a7}.editable-platillo-form-cancel-button:disabled,.editable-platillo-form-save-button:disabled{opacity:.5;cursor:not-allowed}.editable-platillo-form-content{flex:1;overflow-y:auto;padding:20px}.editable-platillo-form-section{margin-bottom:5px}.editable-platillo-form-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.editable-platillo-form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.editable-platillo-form-add-button{padding:6px 12px;border:1px solid #00bcd4;background:#fff;color:#00bcd4;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.editable-platillo-form-add-button:hover{background:#00bcd4;color:#fff}.editable-platillo-form-field{margin-bottom:16px;display:flex;align-items:center;gap:12px}.editable-platillo-form-field label{display:flex;align-items:center;min-width:140px;font-size:14px;font-weight:500;color:#1a1a1a;flex-shrink:0}.editable-platillo-form-field label:has(input[type=checkbox]){min-width:auto;gap:8px}.editable-platillo-form-field input,.editable-platillo-form-field textarea{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff;transition:all .2s}.editable-platillo-form-field textarea{min-height:60px;resize:vertical}.editable-platillo-form-field input:focus,.editable-platillo-form-field textarea:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 2px #00bcd41a}.editable-platillo-form-array-item{border:1px solid #e5e5e5;border-radius:6px;padding:16px;margin-bottom:16px;background:#f9f9f9}.editable-platillo-form-array-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.editable-platillo-form-array-item-header span{font-size:14px;font-weight:600;color:#1a1a1a}.editable-platillo-form-remove-button{padding:4px 8px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.editable-platillo-form-remove-button:hover{background:#dc3545;color:#fff}.editable-array-container{margin:0;padding:16px;border:1px solid #e5e5e5;border-radius:8px;background:#f9f9f9}.editable-array-empty{padding:0;text-align:center;color:#999;font-style:italic}.editable-array-tab-attribute{margin:0;padding:8px 0}.editable-array-controls{display:flex;gap:8px;margin:0;padding:0;border-top:1px solid #e5e5e5}.editable-array-item-fields{margin-top:16px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e5e5e5}.editable-array-item-content{display:flex;flex-direction:column;gap:16px}.editable-platillo-form-fields-minimalist{display:flex;flex-direction:column;gap:2px;padding:0}.editable-array-section-title{margin:0;padding:8px 0;border-bottom:1px solid #e5e5e5}.editable-array-section-title h5{margin:0;font-size:14px;font-weight:600;color:#1a1a1a;font-family:Courier New,monospace}.create-platillo-container{width:100%}.create-platillo-loading,.create-platillo-error,.create-platillo-empty{padding:40px 20px;text-align:center;color:#666}.create-platillo-error{color:#dc3545}.create-platillo-retry-button{margin-top:16px;padding:8px 16px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-platillo-retry-button:hover{background:#dc3545;color:#fff}.create-platillo-content{display:flex;gap:24px;height:calc(100vh - 200px)}.create-platillo-list{width:300px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.create-platillo-list-header{padding:16px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.create-platillo-list-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.create-platillo-add-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #00bcd4;background:#fff;color:#00bcd4;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.create-platillo-add-button:hover{background:#00bcd4;color:#fff}.create-platillo-list-items{flex:1;overflow-y:auto;padding:8px}.create-platillo-list-item{display:flex;align-items:center;gap:8px;padding:12px;border-radius:6px;margin-bottom:8px;transition:all .2s;cursor:pointer}.create-platillo-list-item:hover{background:#00bcd40d}.create-platillo-list-item.active{background:#00bcd41a;border:1px solid #00bcd4}.create-platillo-list-item-content{flex:1;display:flex;flex-direction:column;gap:4px}.create-platillo-list-item-id{font-size:12px;color:#999;font-weight:500}.create-platillo-list-item-name{font-size:14px;color:#1a1a1a;font-weight:500}.create-platillo-delete-button{padding:6px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.create-platillo-delete-button:hover:not(:disabled){background:#dc3545;color:#fff}.create-platillo-delete-button:disabled{opacity:.5;cursor:not-allowed}.create-platillo-form-container{flex:1;border:1px solid #e5e5e5;border-radius:8px;background:#fff;overflow:auto}.create-platillo-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#999}.create-compare-platillo-container{width:100%}.create-compare-platillo-loading,.create-compare-platillo-error,.create-compare-platillo-empty{padding:40px 20px;text-align:center;color:#666}.create-compare-platillo-error{color:#dc3545}.create-compare-platillo-retry-button{margin-top:16px;padding:8px 16px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-compare-platillo-retry-button:hover{background:#dc3545;color:#fff}.create-compare-platillo-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:calc(100vh - 200px)}.create-compare-platillo-left,.create-compare-platillo-right{border:1px solid #e5e5e5;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.create-compare-platillo-left-header,.create-compare-platillo-right-header{padding:16px;border-bottom:1px solid #e5e5e5}.create-compare-platillo-left-header h3,.create-compare-platillo-right-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.create-compare-platillo-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#999;padding:40px;text-align:center}.old-models-view{display:flex;flex-direction:column;height:100%;overflow:hidden;flex:1;min-height:0}.old-models-view-clone-section{padding:16px;border-bottom:1px solid #e5e5e5}.old-models-view-clone-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #00bcd4;background:#00bcd4;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.old-models-view-clone-button:hover{background:#0097a7}.old-models-view-content{flex:1;overflow:auto;padding:20px}.old-models-view .old-models-tree-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:20px;border:none;border-radius:0}.old-models-view .old-models-tree-header{flex-shrink:0}.old-models-view .old-models-tree{flex:1;overflow-y:auto;overflow-x:auto;padding-right:8px;min-height:0}.old-models-view-json{margin:0;padding:16px;background:#f5f5f5;border-radius:6px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;color:#1a1a1a;overflow-x:auto}.ceo-admin-container{width:100%;min-height:100vh;padding:24px;position:relative}.ceo-admin-back-button{position:absolute;top:24px;left:24px;width:40px;height:40px;border:none;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .2s;z-index:10}.ceo-admin-back-button:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);color:#1a1a1a;transform:translate(-4px)}.ceo-admin-back-button svg{width:24px;height:24px}.ceo-admin-layout{display:flex;gap:0;margin-top:64px;min-height:calc(100vh - 88px);background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.ceo-admin-sidebar{width:240px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.ceo-admin-sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e5e5}.ceo-admin-sidebar-title{font-size:20px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.ceo-admin-sidebar-subtitle{font-size:14px;color:#666;margin:0}.ceo-admin-tabs{display:flex;flex-direction:column;padding:8px;gap:4px}.ceo-admin-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.ceo-admin-tab:hover{background:#fff9;color:#1a1a1a}.ceo-admin-tab.active{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;box-shadow:0 2px 8px #00bcd44d}.ceo-admin-tab svg{width:20px;height:20px;flex-shrink:0}.ceo-admin-content{flex:1;padding:32px;overflow-y:auto;background:#fff}@media (max-width: 768px){.ceo-admin-container{padding:16px}.ceo-admin-back-button{top:16px;left:16px}.ceo-admin-layout{flex-direction:column;margin-top:56px;min-height:calc(100vh - 72px)}.ceo-admin-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5}.ceo-admin-tabs{flex-direction:row;overflow-x:auto;padding:8px}.ceo-admin-tab{white-space:nowrap;min-width:fit-content}.ceo-admin-content{padding:24px 16px}}.image-generator-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.image-generator-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease;overflow:hidden}.image-generator-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.image-generator-title{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.image-generator-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;padding:0}.image-generator-close:hover{background:#e5e5e5;color:#1a1a1a}.image-generator-input-wrapper{display:flex;flex-direction:column;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#fff}.image-generator-input-group{display:flex;flex-direction:column;gap:6px}.image-generator-label{font-size:13px;font-weight:500;color:#555}.image-generator-input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.image-generator-input:focus{outline:none;border-color:#00bcd4}.image-generator-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.image-generator-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;transition:all .2s;white-space:nowrap;margin-top:8px}.image-generator-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00bcd466}.image-generator-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.image-generator-error{padding:16px 24px;background:#dc35451a;color:#dc3545;font-size:14px;border-left:4px solid #dc3545;margin:16px 24px 0;border-radius:4px}.image-generator-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.image-generator-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00bcd4;border-radius:50%;animation:spin 1s linear infinite}.image-generator-loading p{color:#666;font-size:14px;margin:0}.image-generator-results{flex:1;overflow-y:auto;padding:20px 24px}.image-generator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-generator-item{display:flex;flex-direction:column;cursor:pointer;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:all .2s;background:#fff}.image-generator-item:hover{border-color:#00bcd4;transform:translateY(-2px);box-shadow:0 4px 12px #00bcd433}.image-generator-item.uploading{border-color:#00bcd4;opacity:.7}.image-generator-item-image-wrapper{width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.image-generator-item-image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-generator-item:hover .image-generator-item-image{transform:scale(1.05)}.image-generator-item-title{padding:8px 12px;font-size:12px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px}.image-generator-empty{padding:60px 24px;text-align:center;color:#666}.image-generator-empty p{margin:8px 0;font-size:14px}.image-generator-empty-hint{font-size:12px;color:#999}@media (max-width: 768px){.image-generator-backdrop{padding:0;align-items:flex-start;justify-content:center}.image-generator-container{max-width:100%;max-height:100vh;border-radius:0;margin-top:0}.image-generator-header{padding:16px 20px}.image-generator-title{font-size:18px}.image-generator-input-wrapper{padding:16px 20px}.image-generator-button{width:100%}.image-generator-results{padding:16px 20px}.image-generator-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.image-search-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.image-search-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease;overflow:hidden}.image-search-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.image-search-title{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.image-search-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;padding:0}.image-search-close:hover{background:#e5e5e5;color:#1a1a1a}.image-search-input-wrapper{display:flex;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:#fff}.image-search-input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.image-search-input:focus{outline:none;border-color:#00bcd4}.image-search-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.image-search-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;transition:all .2s;white-space:nowrap}.image-search-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00bcd466}.image-search-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.image-search-error{padding:16px 24px;background:#dc35451a;color:#dc3545;font-size:14px;border-left:4px solid #dc3545;margin:16px 24px 0;border-radius:4px}.image-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.image-search-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00bcd4;border-radius:50%;animation:spin 1s linear infinite}.image-search-loading p{color:#666;font-size:14px;margin:0}.image-search-results{flex:1;overflow-y:auto;padding:20px 24px}.image-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.image-search-item{display:flex;flex-direction:column;cursor:pointer;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:all .2s;background:#fff}.image-search-item:hover{border-color:#00bcd4;transform:translateY(-2px);box-shadow:0 4px 12px #00bcd433}.image-search-item-image-wrapper{width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.image-search-item-image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-search-item:hover .image-search-item-image{transform:scale(1.05)}.image-search-item-title{padding:8px 12px;font-size:12px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px}.image-search-empty{padding:60px 24px;text-align:center;color:#666}.image-search-empty p{margin:8px 0;font-size:14px}.image-search-empty-hint{font-size:12px;color:#999}@media (max-width: 768px){.image-search-backdrop{padding:0;align-items:flex-start;justify-content:center}.image-search-container{max-width:100%;max-height:100vh;border-radius:0;margin-top:0}.image-search-header{padding:16px 20px}.image-search-title{font-size:18px}.image-search-input-wrapper{padding:16px 20px;flex-direction:column}.image-search-button{width:100%}.image-search-results{padding:16px 20px}.image-search-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}.image-editor-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:imageEditorFadeIn .2s ease}@keyframes imageEditorFadeIn{0%{opacity:0}to{opacity:1}}.image-editor-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;animation:imageEditorSlideUp .3s ease}@keyframes imageEditorSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.image-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.image-editor-title{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.image-editor-close{width:36px;height:36px;border:none;background:#f3f4f6;font-size:24px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.image-editor-close:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.image-editor-close:disabled{opacity:.5;cursor:not-allowed}.image-editor-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.image-editor-preview-container{position:relative;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e5e7eb,#e5e7eb 25%,#fff 0%,#fff 50%) 50% / 20px 20px;border:2px solid #e5e7eb;border-radius:12px;min-height:300px;max-height:450px;overflow:hidden}.image-editor-canvas{max-width:100%;max-height:450px;object-fit:contain}.image-editor-processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#4f46e5;font-weight:500}.image-editor-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:imageEditorSpin .8s linear infinite}@keyframes imageEditorSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-editor-crop-info{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:13px;color:#0369a1}.image-editor-crop-tip{font-size:12px;color:#0284c7;font-style:italic}.image-editor-actions{display:flex;flex-direction:column;gap:10px}.image-editor-actions-row{display:flex;gap:10px;flex-wrap:wrap}.image-editor-btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.image-editor-btn:disabled{opacity:.5;cursor:not-allowed}.image-editor-btn-primary{background:#4f46e5;color:#fff;border:none}.image-editor-btn-primary:hover:not(:disabled){background:#4338ca}.image-editor-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.image-editor-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.image-editor-btn-active{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.image-editor-btn-active:hover:not(:disabled){background:#bfdbfe}.image-editor-btn-ghost{background:transparent;color:#6b7280;border:1px solid transparent}.image-editor-btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.image-editor-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;flex-shrink:0}@media (max-width: 600px){.image-editor-backdrop{padding:10px}.image-editor-modal{max-height:95vh}.image-editor-header{padding:12px 16px}.image-editor-title{font-size:18px}.image-editor-content{padding:16px;gap:12px}.image-editor-preview-container{min-height:200px;max-height:300px}.image-editor-canvas{max-height:300px}.image-editor-actions-row{flex-direction:column}.image-editor-btn{width:100%}.image-editor-footer{flex-direction:column-reverse;gap:8px}.image-editor-footer .image-editor-btn{width:100%}}.camera-capture-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px}.camera-capture-modal{background:#1a1a1a;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.camera-capture-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.camera-capture-title{margin:0;font-size:18px;font-weight:600;color:#fff}.camera-capture-close{width:32px;height:32px;border:none;background:#333;color:#fff;font-size:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.camera-capture-close:hover{background:#444}.camera-capture-preview{position:relative;flex:1;min-height:300px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-capture-video{width:100%;height:auto;max-height:65vh;object-fit:contain}.camera-capture-loading,.camera-capture-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-align:center;padding:20px}.camera-capture-spinner{width:40px;height:40px;border:4px solid #333;border-top-color:#fff;border-radius:50%;animation:cameraSpin .8s linear infinite}@keyframes cameraSpin{to{transform:rotate(360deg)}}.camera-capture-error{color:#ff6b6b}.camera-capture-retry{padding:8px 16px;background:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.camera-capture-retry:hover{background:#444}.camera-capture-actions{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px;background:#111}.camera-capture-btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s}.camera-capture-btn:disabled{opacity:.4;cursor:not-allowed}.camera-capture-btn-secondary{width:48px;height:48px;background:#333;color:#fff;border-radius:50%}.camera-capture-btn-secondary:hover:not(:disabled){background:#444;transform:scale(1.05)}.camera-capture-btn-capture{width:72px;height:72px;background:#fff;color:#000;border-radius:50%;font-size:32px;box-shadow:0 0 0 4px #333}.camera-capture-btn-capture:hover:not(:disabled){background:#f0f0f0;transform:scale(1.05)}.camera-capture-btn-capture:active:not(:disabled){transform:scale(.95)}@media (max-width: 500px){.camera-capture-backdrop{padding:0}.camera-capture-modal{max-width:100%;max-height:100%;height:100%;border-radius:0}.camera-capture-preview{flex:1;min-height:0}.camera-capture-video{width:100%;height:100%;max-height:none;object-fit:contain}.camera-capture-actions{padding:12px;gap:16px}.camera-capture-btn-capture{width:64px;height:64px;font-size:28px}.camera-capture-btn-secondary{width:44px;height:44px;font-size:20px}}.pcs-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.pcs-button:disabled{opacity:.6;cursor:not-allowed}.pcs-button-primary{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;box-shadow:0 2px 8px #00bcd44d}.pcs-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bcd466}.pcs-button-secondary{background:#fff;color:#666;border:1px solid #ddd}.pcs-button-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.pcs-input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;background:#fff}.pcs-input:focus{outline:none;border-color:#00bcd4}.pcs-input.error{border-color:#dc3545}.pcs-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.create-almacen-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.create-almacen-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.create-almacen-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.create-almacen-close:hover{background:#f5f5f5;color:#1a1a1a}.create-almacen-close:disabled{opacity:.5;cursor:not-allowed}.create-almacen-content{padding:32px}.create-almacen-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1a1a1a;text-align:center}.create-almacen-form{display:flex;flex-direction:column;gap:24px}.create-almacen-section{background:#f8f9fa;border-radius:8px;padding:20px}.create-almacen-section-title{font-size:18px;font-weight:600;margin:0 0 16px;color:#1a1a1a;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.create-almacen-fields{display:flex;flex-direction:column;gap:16px}.create-almacen-input-group{display:flex;flex-direction:column;gap:6px}.create-almacen-input-group label{font-size:14px;font-weight:500;color:#1a1a1a}.create-almacen-input-group .required{color:#dc3545}.create-almacen-input-group .pcs-input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.create-almacen-input-group .pcs-input:focus{outline:none;border-color:#00bcd4}.create-almacen-input-group .pcs-input.error{border-color:#dc3545}.create-almacen-input-group .pcs-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.create-almacen-input-group textarea.pcs-input{resize:vertical;min-height:80px;font-family:inherit}.create-almacen-image-input-wrapper{display:flex;gap:8px;align-items:stretch}.create-almacen-image-input-wrapper .pcs-input{flex:1}.create-almacen-search-image-button{padding:10px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:48px}.create-almacen-search-image-button:hover:not(:disabled){background:#f5f5f5;border-color:#00bcd4;transform:translateY(-1px);box-shadow:0 2px 8px #00bcd433}.create-almacen-search-image-button:disabled{opacity:.6;cursor:not-allowed}.create-almacen-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background-color:#fff;border-radius:4px;border:1px solid #e5e5e5}.create-almacen-checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.create-almacen-checkbox-label input[type=checkbox]{cursor:pointer}.create-almacen-checkbox-label:has(input:disabled){opacity:.6;cursor:not-allowed}.create-almacen-error-message{font-size:14px;color:#dc3545;margin-top:4px}.create-almacen-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.create-almacen-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:1px solid #e5e5e5}.create-almacen-actions .pcs-button{min-width:120px}@media (max-width: 768px){.create-almacen-backdrop{padding:12px}.create-almacen-modal{max-width:100%}.create-almacen-content{padding:24px}.create-almacen-title{font-size:20px;margin-bottom:20px}.create-almacen-section{padding:16px}.create-almacen-actions{flex-direction:column-reverse}.create-almacen-actions .pcs-button{width:100%}}.item-carousel-container{width:100%;margin:12px 0;position:relative}.item-carousel-wrapper{width:100%;overflow:hidden;border-radius:8px;background:#f9f9f9;border:1px solid #e0e0e0;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:grab}.item-carousel-wrapper:active{cursor:grabbing}.item-carousel-track{display:flex;transition:transform .5s ease-in-out;will-change:transform}.item-carousel-slide{min-width:100%;flex-shrink:0;padding:12px;box-sizing:border-box}.item-carousel-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:6px;padding:10px;box-shadow:0 1px 3px #0000001a;height:80px}.item-carousel-image-wrapper{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.item-carousel-image{width:100%;height:100%;object-fit:cover}.item-carousel-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.item-carousel-name{margin:0;font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-carousel-category{font-size:12px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content}.item-carousel-quantity{font-size:12px;color:#00bcd4;font-weight:500}.item-carousel-indicators{display:flex;justify-content:center;gap:6px;margin-top:8px}.item-carousel-indicator{width:8px;height:8px;border-radius:50%;border:none;background:#d0d0d0;cursor:pointer;padding:0;transition:all .2s}.item-carousel-indicator:hover{background:#b0b0b0}.item-carousel-indicator.active{background:#00bcd4;width:24px;border-radius:4px}.item-carousel-empty{text-align:center;padding:20px;color:#999;font-size:13px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.item-carousel-slide{animation:slideIn .3s ease-out}.almacenes-container{width:100%;padding:20px}.almacenes-loading,.almacenes-empty{text-align:center;padding:40px;color:#666}.almacenes-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;padding:16px;margin-bottom:20px;color:#c33}.almacenes-error p{margin:0 0 12px}.almacenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.almacenes-header h2{margin:0;font-size:24px;color:#1a1a1a}.almacenes-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.almacenes-btn-primary{background-color:#00bcd4;color:#fff}.almacenes-btn-primary:hover:not(:disabled){background-color:#00acc1}.almacenes-btn-secondary{background-color:#e0e0e0;color:#1a1a1a}.almacenes-btn-secondary:hover:not(:disabled){background-color:#d0d0d0}.almacenes-btn-danger{background-color:#f44336;color:#fff}.almacenes-btn-danger:hover:not(:disabled){background-color:#d32f2f}.almacenes-btn-sm{padding:6px 12px;font-size:12px}.almacenes-btn:disabled{opacity:.6;cursor:not-allowed}.almacenes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.almacenes-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s;max-width:280px}.almacenes-card:hover{box-shadow:0 4px 8px #00000026}.almacenes-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.almacenes-card-title h3{margin:0 0 4px;font-size:16px;color:#1a1a1a}.almacenes-card-id{font-size:12px;color:#666;font-family:monospace}.almacenes-card-actions{display:flex;gap:8px}.almacenes-card-body{display:flex;flex-direction:column;gap:12px}.almacenes-card-image-wrapper{width:200px;height:200px;overflow:hidden;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;flex-shrink:0;position:relative}.almacenes-card-image-clickable{cursor:pointer;transition:all .2s}.almacenes-card-image-clickable:hover{transform:scale(1.02);box-shadow:0 4px 12px #00bcd44d}.almacenes-card-image-clickable:active{transform:scale(.98)}.almacenes-card-image-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:1}.almacenes-card-image-loading span{color:#fff;font-size:12px;font-weight:500}.almacenes-card-image{width:200px;height:200px;object-fit:cover;display:block}.almacenes-card-info{display:flex;flex-direction:column;gap:8px}.almacenes-info-item{font-size:13px;color:#333;line-height:1.4}.almacenes-info-item strong{color:#1a1a1a;margin-right:8px}.almacenes-notificaciones{background-color:#f5f5f5;border-radius:4px;padding:10px;margin-top:8px}.almacenes-notificaciones h4{margin:0 0 6px;font-size:13px;color:#1a1a1a}.almacenes-notificacion-mensaje{font-size:13px;color:#666;margin-bottom:8px}.almacenes-notificacion-meta{display:flex;flex-wrap:wrap;gap:6px}.almacenes-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;background-color:#e0e0e0;color:#1a1a1a}.almacenes-badge-info{background-color:#2196f3;color:#fff}.almacenes-badge-warning{background-color:#ff9800;color:#fff}.almacenes-badge-error{background-color:#f44336;color:#fff}.almacenes-badge-success{background-color:#4caf50;color:#fff}.almacenes-form-container{width:100%;max-width:800px;margin:0 auto}.almacenes-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.almacenes-form-header h2{margin:0;font-size:24px;color:#1a1a1a}.almacenes-form-actions{display:flex;gap:12px}.almacenes-form{display:flex;flex-direction:column;gap:24px}.almacenes-form-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px}.almacenes-form-section h3{margin:0 0 20px;font-size:18px;color:#1a1a1a;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.almacenes-form-fields{display:flex;flex-direction:column;gap:16px}.almacenes-form-field{display:flex;flex-direction:column;gap:6px}.almacenes-form-field label{font-size:14px;font-weight:500;color:#1a1a1a}.almacenes-form-field .required{color:#f44336}.almacenes-form-field input,.almacenes-form-field select,.almacenes-form-field textarea{padding:10px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.almacenes-form-field input:focus,.almacenes-form-field select:focus,.almacenes-form-field textarea:focus{outline:none;border-color:#00bcd4}.almacenes-form-field textarea{resize:vertical;min-height:80px}.almacenes-form-image-preview{width:100%;max-height:200px;overflow:hidden;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid #e0e0e0}.almacenes-form-image{width:100%;height:auto;max-height:200px;object-fit:cover;display:block}.almacenes-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background-color:#f5f5f5;border-radius:4px}.almacenes-checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.almacenes-checkbox-label input[type=checkbox]{cursor:pointer}@media (max-width: 768px){.almacenes-container{padding:12px}.almacenes-list{grid-template-columns:1fr}.almacenes-header{flex-direction:column;align-items:stretch;gap:12px}.almacenes-card-header{flex-direction:column;gap:12px}.almacenes-card-actions{width:100%}.almacenes-card-actions .almacenes-btn{flex:1}.almacenes-form-header{flex-direction:column;align-items:stretch;gap:12px}.almacenes-form-actions{width:100%}.almacenes-form-actions .almacenes-btn{flex:1}}.dropdown-almacen-container{position:relative;width:100%}.dropdown-almacen-container.disabled{opacity:.6;pointer-events:none}.dropdown-almacen-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s;min-height:42px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dropdown-almacen-input:hover:not(.disabled){border-color:#9ca3af}.dropdown-almacen-input.open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dropdown-almacen-input.disabled{background:#f3f4f6;cursor:not-allowed}.dropdown-almacen-input.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-almacen-content{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.dropdown-almacen-image-wrapper{flex-shrink:0;width:28px;height:28px;border-radius:6px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.dropdown-almacen-image{width:100%;height:100%;object-fit:cover}.dropdown-almacen-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#6b7280;background:#f3f4f6;border-radius:6px}.dropdown-almacen-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.dropdown-almacen-name{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-almacen-categoria{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-almacen-placeholder{font-size:.875rem;color:#9ca3af}.dropdown-almacen-unassigned{font-size:.875rem;color:#6b7280;font-style:italic}.dropdown-almacen-chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s}.dropdown-almacen-chevron.rotated{transform:rotate(180deg)}.dropdown-almacen-dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:99999;overflow:hidden;max-height:300px}.dropdown-almacen-search{padding:.5rem .75rem;border-bottom:1px solid #f3f4f6;background:#fff}.dropdown-almacen-search-input{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-family:inherit;outline:none}.dropdown-almacen-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dropdown-almacen-options{overflow-y:auto;max-height:300px;-webkit-overflow-scrolling:touch}.dropdown-almacen-option{padding:.625rem .75rem;cursor:pointer;transition:background-color .15s;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid #f3f4f6;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dropdown-almacen-option:last-child{border-bottom:none}.dropdown-almacen-option:hover,.dropdown-almacen-option:active{background-color:#f9fafb}.dropdown-almacen-option.selected{background-color:#eef2ff}.dropdown-almacen-option-unassign{border-bottom:2px solid #e5e7eb}.dropdown-almacen-option-unassign .dropdown-almacen-option-icon{color:#9ca3af}.dropdown-almacen-option-content{flex:1;display:flex;align-items:center;gap:.625rem;min-width:0}.dropdown-almacen-option-image-wrapper{flex-shrink:0;width:32px;height:32px;border-radius:6px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.dropdown-almacen-option-image{width:100%;height:100%;object-fit:cover}.dropdown-almacen-option-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;background:#f3f4f6;border-radius:6px}.dropdown-almacen-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.dropdown-almacen-option-name{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-almacen-option-categoria{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-almacen-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6366f1}.dropdown-almacen-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.dropdown-almacen-input{font-size:.875rem;padding:.5rem .625rem;min-height:40px}.dropdown-almacen-image-wrapper,.dropdown-almacen-icon{width:24px;height:24px}.dropdown-almacen-name{font-size:.8125rem}.dropdown-almacen-categoria{font-size:.6875rem}.dropdown-almacen-placeholder{font-size:.8125rem}.dropdown-almacen-option{padding:.5rem .625rem}.dropdown-almacen-option-image-wrapper,.dropdown-almacen-option-icon{width:28px;height:28px}.dropdown-almacen-option-name{font-size:.8125rem}.dropdown-almacen-option-categoria{font-size:.6875rem}}@media (max-width: 480px){.dropdown-almacen-input{font-size:.8125rem;padding:.4375rem .5625rem;min-height:38px}.dropdown-almacen-image-wrapper,.dropdown-almacen-icon{width:22px;height:22px}.dropdown-almacen-name{font-size:.75rem}.dropdown-almacen-categoria{font-size:.625rem}.dropdown-almacen-placeholder{font-size:.75rem}.dropdown-almacen-option{padding:.4375rem .5625rem}.dropdown-almacen-option-image-wrapper,.dropdown-almacen-option-icon{width:26px;height:26px}.dropdown-almacen-option-name{font-size:.75rem}.dropdown-almacen-option-categoria{font-size:.625rem}}.dropdown-almacen-options::-webkit-scrollbar{width:6px}.dropdown-almacen-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-almacen-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-almacen-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (hover: none) and (pointer: coarse){.dropdown-almacen-input:active{background-color:#f9fafb}.dropdown-almacen-option:active{background-color:#eef2ff}}.dropdown-unidades-container{position:relative;width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-container.disabled{opacity:.6;pointer-events:none}.dropdown-unidades-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s;min-height:42px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-input-content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.dropdown-unidades-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6366f1;width:16px;height:16px}.dropdown-unidades-input:hover:not(.disabled){border-color:#9ca3af}.dropdown-unidades-input.open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dropdown-unidades-input.disabled{background:#f3f4f6;cursor:not-allowed}.dropdown-unidades-value{font-size:.875rem;color:#111827;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-placeholder{font-size:.875rem;color:#9ca3af;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s}.dropdown-unidades-chevron.rotated{transform:rotate(180deg)}.dropdown-unidades-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;overflow:hidden;max-height:400px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;z-index:2000}.dropdown-unidades-overlay-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 32px));max-height:min(78vh,640px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 50px #00000040;z-index:2001;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;flex-direction:column}.dropdown-unidades-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #f3f4f6;background:#fff}.dropdown-unidades-overlay-title{font-size:14px;font-weight:600;color:#111827}.dropdown-unidades-overlay-close{width:34px;height:34px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.dropdown-unidades-overlay-panel .dropdown-unidades-options{max-height:none;overflow:auto}.dropdown-unidades-options{overflow-y:auto;max-height:400px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.dropdown-unidades-category{border-bottom:1px solid #f3f4f6}.dropdown-unidades-category:last-child{border-bottom:none}.dropdown-unidades-category-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-category-icon{display:flex;align-items:center;justify-content:center;color:#6366f1;width:14px;height:14px;flex-shrink:0}.dropdown-unidades-category-title{flex:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-category-units{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem;background-color:#fff}.dropdown-unidades-overlay-panel .dropdown-unidades-category-units{grid-template-columns:repeat(auto-fill,66px);justify-content:start;gap:10px}.dropdown-unidades-option{padding:.625rem .5rem;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:.8125rem;color:#111827;min-height:64px;position:relative;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-overlay-panel .dropdown-unidades-option{width:66px;height:66px;min-height:66px;padding:0;border-radius:999px;justify-content:center}.dropdown-unidades-overlay-panel .dropdown-unidades-option-content{gap:4px}.dropdown-unidades-overlay-panel .dropdown-unidades-option-icon{width:16px;height:16px;opacity:.85}.dropdown-unidades-overlay-panel .dropdown-unidades-option-text{font-size:12px;font-weight:600;width:auto}.dropdown-unidades-option:hover,.dropdown-unidades-option:active{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.dropdown-unidades-option.selected{background-color:#eef2ff;border-color:#6366f1;color:#6366f1;font-weight:600;box-shadow:0 0 0 2px #6366f11a}.dropdown-unidades-option-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;width:100%}.dropdown-unidades-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6366f1;width:18px;height:18px;opacity:.7;transition:opacity .15s}.dropdown-unidades-option.selected .dropdown-unidades-option-icon,.dropdown-unidades-option:hover .dropdown-unidades-option-icon{opacity:1}.dropdown-unidades-option-text{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-unidades-check{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;color:#6366f1;width:18px;height:18px;background-color:#6366f1;border-radius:50%;color:#fff;padding:2px}.dropdown-unidades-options::-webkit-scrollbar{width:6px}.dropdown-unidades-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-unidades-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-unidades-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.dropdown-unidades-category-units{grid-template-columns:repeat(2,1fr);gap:.375rem;padding:.5rem}.dropdown-unidades-option{padding:.5rem .375rem;font-size:.75rem;min-height:56px;gap:.25rem}.dropdown-unidades-option-icon{width:16px;height:16px}.dropdown-unidades-option-text{font-size:.75rem}.dropdown-unidades-check{width:16px;height:16px;top:.2rem;right:.2rem}.dropdown-unidades-category-header{padding:.45rem .625rem;font-size:.7rem}.dropdown-unidades-category-icon{width:12px;height:12px}.dropdown-unidades-dropdown,.dropdown-unidades-options{max-height:350px}.dropdown-unidades-overlay-panel .dropdown-unidades-category-units{grid-template-columns:repeat(auto-fill,66px);gap:10px}}.date-picker{position:relative;width:100%;max-width:300px}.date-picker-input{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.date-picker.is-light .date-picker-input{background:#fff;border:1px solid #e5e7eb;color:#111827}.date-picker-input:hover:not(:disabled){border-color:#8b5cf6;background:#8b5cf61a}.date-picker.is-light .date-picker-input:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.date-picker-input:disabled{opacity:.5;cursor:not-allowed}.calendar-icon{font-size:1.2rem}.date-picker-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:#1e1e1efa;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:15px;z-index:1000;min-width:300px;box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-picker-android-header{margin:-15px -15px 12px;padding:16px;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff}.date-picker-android-label{font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.9}.date-picker-android-value{font-size:20px;font-weight:800;margin-top:6px}.date-picker.is-light .date-picker-dropdown{background:#fff;border:1px solid #e5e7eb;box-shadow:0 16px 50px #0000002e;-webkit-backdrop-filter:none;backdrop-filter:none}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.month-year{font-weight:600;color:#fff;font-size:1rem}.month-year-btn{border:none;background:transparent;cursor:pointer;padding:6px 10px;border-radius:10px}.month-year-btn:hover{background:#ffffff14}.date-picker.is-light .month-year-btn:hover{background:#f3f4f6}.date-picker.is-light .month-year{color:#111827}.nav-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.date-picker.is-light .nav-btn{background:#f3f4f6;color:#111827}.nav-btn:hover{background:#8b5cf64d}.date-picker.is-light .nav-btn:hover{background:#e5e7eb}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.date-picker-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.date-picker-month-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;border-radius:12px;padding:10px 8px;font-weight:700;cursor:pointer}.date-picker-month-btn.is-selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:transparent}.date-picker.is-light .date-picker-month-btn{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.date-picker.is-light .date-picker-month-btn.is-selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border-color:transparent}.date-picker-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:260px;overflow:auto;padding-right:2px}.date-picker-year-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;border-radius:12px;padding:10px 8px;font-weight:700;cursor:pointer}.date-picker-year-btn.is-selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:transparent}.date-picker.is-light .date-picker-year-btn{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.date-picker.is-light .date-picker-year-btn.is-selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border-color:transparent}.day-name{text-align:center;font-size:.8rem;font-weight:600;color:#fff9;padding:8px}.date-picker.is-light .day-name{color:#6b7280}.day-cell{aspect-ratio:1;border:none;background:#ffffff0d;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.date-picker.is-light .day-cell{background:#f3f4f6;color:#111827}.day-cell.empty{background:transparent;cursor:default}.day-cell:not(.empty):not(.disabled):hover{background:#8b5cf64d;transform:scale(1.1)}.day-cell.selected{background:#ec489940;border:2px solid rgba(236,72,153,.75);font-weight:800}.day-cell.today{background:#3b82f640;border:1px solid rgba(59,130,246,.6);font-weight:700}.date-picker.is-light .day-cell.today{background:#3b82f624;border:1px solid rgba(59,130,246,.45)}.date-picker.is-light .day-cell.selected{background:#ec489924;border:2px solid rgba(236,72,153,.55)}.day-cell.disabled{opacity:.3;cursor:not-allowed}.date-picker-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20000;padding:16px}.date-picker-modal{width:min(92vw,360px)}.date-picker-modal .date-picker-dropdown{position:static;margin-top:0;min-width:0}.date-picker-modal-actions{display:flex;justify-content:flex-end;margin-top:10px}.date-picker-modal-close{border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:10px;padding:10px 14px;cursor:pointer}@media (max-width: 768px){.date-picker-dropdown{min-width:280px}.day-cell{font-size:.85rem}}.token-picker{position:relative;width:100%}.token-picker.disabled{opacity:.6;pointer-events:none}.token-picker-input{min-height:40px;width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:8px;background:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:6px;cursor:text;transition:border-color .2s;overflow:hidden}.token-picker:focus-within .token-picker-input{border-color:#00bcd4}.token-picker-text{border:none;outline:none;font-size:14px;font-family:inherit;padding:6px 4px;flex:1 1 0;min-width:0;max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent}.token-picker-text::placeholder{text-overflow:ellipsis}.token-picker-chip{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;color:#1f2937;border:1px solid #c7d2fe;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1;max-width:100%}.token-picker-chip-text{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.token-picker-chip-meta{color:#6366f1;font-weight:600}.token-picker-chip-remove{width:18px;height:18px;border-radius:50%;border:none;background:#6366f11f;color:#6366f1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0}.token-picker-chip-remove:hover{background:#6366f133}.token-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:9999;overflow:hidden;max-height:280px;overflow-y:auto}.token-picker-dropdown.token-picker-dropdown-fixed{right:auto}.token-picker-option{width:100%;border:none;background:transparent;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;font-family:inherit}.token-picker-option:hover:not(:disabled){background:#f9fafb}.token-picker-option:disabled{opacity:.6;cursor:not-allowed}.token-picker-option-label{font-size:14px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-picker-option-meta{font-size:12px;color:#6b7280;flex-shrink:0}.token-picker-empty{padding:12px;font-size:13px;color:#6b7280}.create-item-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.create-item-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.create-item-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.create-item-close:hover{background:#f5f5f5;color:#1a1a1a}.create-item-close:disabled{opacity:.5;cursor:not-allowed}.create-item-content{padding:20px}.create-item-title{font-size:24px;font-weight:600;margin:0;color:#1a1a1a;flex:1}.create-item-form{display:flex;flex-direction:column;gap:16px}.create-item-section{background:#f8f9fa;border-radius:8px;padding:12px}.create-item-section-title{font-size:18px;font-weight:600;margin:0 0 10px;color:#1a1a1a;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.create-item-paquetes-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:6px;transition:background-color .2s}.create-item-paquetes-toggle:hover{background-color:#f9fafb}.create-item-paquetes-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1;flex-shrink:0}.create-item-paquetes-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.create-item-paquetes-toggle span{font-size:14px;color:#111827;font-weight:500}.create-item-fields{display:flex;flex-direction:column;gap:10px}.create-item-basic-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:start}.create-item-basic-row-3col>.create-item-input-group{min-width:0}.create-item-input-group{display:flex;flex-direction:column;gap:4px}.create-item-precio-inline{display:flex;align-items:center;justify-content:space-between;margin-top:0;margin-bottom:10px;padding:8px 12px;border-left:4px solid transparent;border-radius:6px;gap:12px}.create-item-precio-inline.is-compra{background-color:#f0f9ff;border-left-color:#0ea5e9}.create-item-precio-inline.is-venta{background-color:#f0fdf4;border-left-color:#22c55e}.create-item-precio-inline-title{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;flex-shrink:0}.create-item-precio-inline.is-compra .create-item-precio-inline-title{color:#0c4a6e}.create-item-precio-inline.is-venta .create-item-precio-inline-title{color:#14532d}.create-item-precio-inline-input{width:240px;max-width:60%}.create-item-input-group label{font-size:14px;font-weight:500;color:#1a1a1a}.create-item-input-group .required{color:#dc3545}.create-item-input-group .pcs-input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.create-item-input-group .pcs-input:focus{outline:none;border-color:#00bcd4}.create-item-input-group .pcs-input.error{border-color:#dc3545}.create-item-input-group .pcs-input.empty-inventory-field{box-shadow:0 0 8px #dc354599,0 0 16px #dc354566;border-color:#dc3545;animation:redGlow 2s ease-in-out infinite}@keyframes redGlow{0%,to{box-shadow:0 0 8px #dc354599,0 0 16px #dc354566}50%{box-shadow:0 0 12px #dc3545cc,0 0 24px #dc354599}}@keyframes ai-glow{0%,to{box-shadow:0 0 0 2px #8b5cf64d,0 0 20px #ec489966}50%{box-shadow:0 0 0 2px #8b5cf680,0 0 30px #ec489999}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-item-ai-assistant{position:relative;margin-bottom:16px}.create-item-ai-assistant.is-collapsed{height:0;margin-bottom:-16px}.create-item-ai-fab{width:46px;height:46px;border-radius:999px;border:1px solid #c7d2fe;background:#6366f1;color:#fff;font-size:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #6366f140;transition:transform .16s ease,box-shadow .16s ease}.create-item-ai-assistant.is-collapsed .create-item-ai-fab{position:absolute;top:14px;right:20px;z-index:20}.create-item-ai-fab:hover{transform:translateY(-1px);box-shadow:0 10px 24px #6366f14d}.create-item-ai-panel{padding:12px;background-color:#f0f4ff;border-radius:12px;border:1px solid #c7d2fe;animation:createItemAiExpand .18s ease-out}@keyframes createItemAiExpand{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.create-item-ai-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.create-item-ai-icon{width:40px;height:40px;border-radius:50%;background-color:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.create-item-ai-title{flex:1;min-width:0}.create-item-ai-title-main{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.create-item-ai-title-sub{margin-top:4px;font-size:12px;color:#6b7280}.create-item-ai-collapse{width:34px;height:34px;border-radius:10px;border:1px solid #c7d2fe;background:#ffffffb3;color:#4f46e5;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.create-item-ai-prompt-row{display:grid;grid-template-columns:1fr 140px;gap:8px;margin-bottom:8px;align-items:stretch}.create-item-ai-prompt-input{width:100%;height:44px}.create-item-ai-prompt-btn{height:44px;min-width:140px;padding:0 14px;display:flex;align-items:center;justify-content:center}.create-item-ai-assistant .create-item-voice-button:hover:not(:disabled){transform:scale(1.05)}.create-item-ai-assistant .create-item-voice-button:active:not(:disabled){transform:scale(.95)}@media (max-width: 520px){.create-item-ai-assistant.is-collapsed{justify-content:flex-start}}.create-item-input-group .pcs-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.create-item-input-group textarea.pcs-input{resize:vertical;min-height:80px;font-family:inherit}.create-item-barcode-row{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:stretch}.create-item-barcode-input{width:100%;height:44px}.create-item-barcode-add-btn{width:44px;height:44px;min-width:44px;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.create-item-barcode-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.create-item-barcode-empty{font-size:12px;color:#6b7280;font-style:italic}.create-item-barcode-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#f3f4f6;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.create-item-barcode-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.create-item-barcode-remove-btn{width:32px;height:32px;min-width:32px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}.create-item-barcode-remove-btn:hover:not(:disabled){background:#e5e7eb}.create-item-barcode-remove-btn:disabled{opacity:.6;cursor:not-allowed}.create-item-loading-text{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.create-item-error-message{font-size:14px;color:#dc3545;margin-top:4px}.create-item-error-submit{text-align:center;padding:12px;background:#dc35451a;border-radius:8px;margin-top:8px}.create-item-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:12px;border-top:1px solid #e5e5e5}.create-item-actions .pcs-button{min-width:120px}.create-item-paquetes-field-wrapper{display:flex;gap:8px;align-items:center}.create-item-paquetes-input-wrapper{flex:1}.create-item-paquetes-unidad-wrapper{width:150px;flex-shrink:0}@media (max-width: 768px){.create-item-backdrop{padding:12px}.create-item-modal{max-width:100%}.create-item-content{padding:24px}.create-item-title{font-size:20px;margin-bottom:20px}.create-item-section{padding:16px}.create-item-actions{flex-direction:column-reverse}.create-item-actions .pcs-button{width:100%}.create-item-paquetes-field-wrapper{flex-direction:row;gap:8px}.create-item-paquetes-unidad-wrapper{order:-1;width:120px}.create-item-paquetes-input-wrapper{order:1;flex:1}.create-item-paquetes-input-wrapper .edit-minimalist-key,.create-item-inventario-fields .create-item-input-group .edit-minimalist-key{display:flex;flex-direction:column;line-height:1.2}.create-item-label-mobile-break{display:block}.create-item-precios-grid{grid-template-columns:1fr!important}.create-item-precio-inline{flex-direction:column;align-items:stretch}.create-item-precio-inline-input{width:100%;max-width:100%}.create-item-ai-prompt-row{grid-template-columns:1fr}.create-item-ai-prompt-btn{width:100%;min-width:0}}.create-item-precio-card{display:flex;flex-direction:column;gap:8px;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:8px}.create-item-inv-card{display:flex;flex-direction:column;gap:10px;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:8px}.create-item-inv-card-title{font-size:15px;font-weight:600;color:#1a1a1a}.create-item-inv-grid{display:grid;gap:10px}.create-item-inv-box{border-radius:10px;border:1px solid #e5e7eb;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.create-item-inv-box-label{font-size:12px;font-weight:800;color:#374151}.create-item-inv-box-paquete{background:#eef2ff;border-color:#c7d2fe}.create-item-inv-box-unidad{background:#ecfeff;border-color:#a5f3fc}.create-item-inv-input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:18px;font-weight:800;color:#111827;text-align:right}.create-item-inv-input::placeholder{color:#9ca3af;font-weight:600}@media (max-width: 768px){.create-item-inv-card{padding:10px}.create-item-inv-input{font-size:16px}}.create-item-precio-card-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px;display:flex;align-items:center;gap:6px}.create-item-precio-header{display:grid;grid-template-columns:64px 1fr 1fr;gap:8px;align-items:center}.create-item-precio-header-spacer{height:1px}.create-item-precio-header-col{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:999px;padding:4px 8px;border:1px solid transparent;line-height:1.2;white-space:nowrap}.create-item-precio-header-compra{background:#fff3bf;border-color:#ffe066;color:#5c4400}.create-item-precio-header-venta{background:#d3f9d8;border-color:#8ce99a;color:#0b3d1d}.create-item-precio-row{display:grid;grid-template-columns:64px 1fr 1fr;gap:8px;align-items:center}.create-item-precio-row-label{font-size:12px;font-weight:600;color:#6c757d;text-align:right;white-space:nowrap}.create-item-precio-box{border-radius:8px;padding:8px 10px;font-size:14px;font-weight:600;line-height:1.2;text-align:right;border:1px solid #e9ecef;white-space:nowrap}.create-item-precio-box-compra{background:#fff9db;border-color:#ffe8a1}.create-item-precio-box-venta{background:#ebfbee;border-color:#b2f2bb}.create-item-precio-input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:600;line-height:inherit;color:#1a1a1a;text-align:right}.create-item-precio-input::placeholder{color:#9ca3af;font-weight:400}.create-item-precio-input:focus{outline:none}.create-item-precio-input:disabled{opacity:.6;cursor:not-allowed}.create-item-precio-input::-webkit-outer-spin-button,.create-item-precio-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.create-item-precio-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.create-item-precio-card{padding:10px}.create-item-precio-header,.create-item-precio-row{grid-template-columns:50px 1fr 1fr;gap:6px}.create-item-precio-header-col{font-size:10px;padding:3px 6px}.create-item-precio-row-label{font-size:11px}.create-item-precio-box{padding:6px 8px}.create-item-precio-input{font-size:13px}}.asignar-almacen-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.asignar-almacen-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;position:relative;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.asignar-almacen-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.asignar-almacen-close:hover{background:#f5f5f5;color:#1a1a1a}.asignar-almacen-close:disabled{opacity:.5;cursor:not-allowed}.asignar-almacen-content{padding:32px}.asignar-almacen-title{font-size:24px;font-weight:600;margin:0 0 20px;color:#1a1a1a;text-align:center}.asignar-almacen-item-info{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px;text-align:center}.asignar-almacen-item-name{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.asignar-almacen-item-categoria{font-size:14px;color:#6b7280;margin:0}.asignar-almacen-form{display:flex;flex-direction:column;gap:20px}.asignar-almacen-input-group{display:flex;flex-direction:column;gap:8px}.asignar-almacen-input-group label{font-size:14px;font-weight:500;color:#1a1a1a}.asignar-almacen-loading-text{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.asignar-almacen-error-message{font-size:14px;color:#dc3545;padding:12px;background:#dc35451a;border-radius:8px;text-align:center}.asignar-almacen-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:1px solid #e5e5e5}.asignar-almacen-actions .pcs-button{min-width:120px}@media (max-width: 768px){.asignar-almacen-backdrop{padding:12px}.asignar-almacen-modal{max-width:100%}.asignar-almacen-content{padding:24px}.asignar-almacen-title{font-size:20px;margin-bottom:16px}.asignar-almacen-actions{flex-direction:column-reverse}.asignar-almacen-actions .pcs-button{width:100%}}.sanity-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;color:#1a1a1a}.sanity-table{width:100%;border-collapse:collapse;font-size:14px}.sanity-table th,.sanity-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e5e5}.sanity-table th{background-color:#f9fafb;font-weight:600;color:#1a1a1a}.sanity-row-summary{cursor:pointer;transition:background-color .2s}.sanity-row-summary:hover{background-color:#f8f9fa}.sanity-row-expanded{background-color:#f9fafb}.sanity-details-container{padding:20px;background-color:#f8f9fa;border-radius:4px;margin:10px 0;font-family:monospace}.sanity-attribute{display:flex;margin-bottom:4px}.sanity-key{font-weight:600;margin-right:8px;min-width:150px;color:#1a1a1a}.sanity-value{word-break:break-all}.sanity-status-valid{color:#059669}.sanity-status-invalid{color:#dc2626;background-color:#fee2e2;padding:2px 4px;border-radius:4px}.sanity-status-missing{color:#05966980;font-style:italic}.sanity-section-title{font-size:12px;text-transform:uppercase;color:#6b7280;margin-top:12px;margin-bottom:8px;font-weight:700;border-bottom:1px solid #e5e7eb;padding-bottom:4px}.sanity-toggle-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:0 8px;color:#6b7280}.sanity-object-block{margin-left:20px;border-left:1px solid #e5e7eb;padding-left:10px}.items-container{padding:2rem;max-width:100%;overflow-x:auto}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.items-header h2{margin:0;font-size:1.75rem;font-weight:600;color:#1a1a1a}.items-loading,.items-error,.items-empty{text-align:center;padding:3rem;color:#666}.items-error{background-color:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:1rem;color:#c33}.items-error p{margin:0 0 1rem}.items-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.items-btn-primary{background-color:#007bff;color:#fff}.items-btn-primary:hover{background-color:#0056b3}.items-btn-secondary{background-color:#6c757d;color:#fff}.items-btn-secondary:hover{background-color:#545b62}.items-btn-danger{background-color:#dc3545;color:#fff}.items-btn-danger:hover{background-color:#c82333}.items-btn-sm{padding:.25rem .5rem;font-size:.75rem;margin-right:.5rem}.items-btn-add-to-almacen{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #28a7454d;margin-left:auto;flex-shrink:0}.items-btn-add-to-almacen:hover{transform:scale(1.1);box-shadow:0 3px 8px #28a74566;background:linear-gradient(135deg,#218838,#1aa179)}.items-btn-add-to-almacen:active{transform:scale(.95)}.items-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.items-table{width:100%;border-collapse:collapse;background-color:#fff}.items-table thead{background-color:#f8f9fa}.items-table th{padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.items-table td{padding:5px 15px;border-bottom:1px solid #e9ecef;color:#212529}.items-table tbody tr:hover{background-color:transparent}.items-table-id{font-family:monospace;font-size:.875rem;color:#6c757d}.items-table-nombre{font-weight:500}.items-categoria-chips{display:flex;flex-wrap:wrap;gap:6px}.items-categoria-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;background:#eef2ff;border:1px solid #c7d2fe;color:#1f2937;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-producto-chips{display:flex;flex-wrap:wrap;gap:6px}.items-producto-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-table-descripcion{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-table-cantidad{text-align:left}.items-table-precio{text-align:right}.items-table-barcodes{text-align:left}.items-barcodes-cell{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.items-barcodes-list{display:flex;flex-direction:column;gap:6px;max-width:220px}.items-barcodes-empty{color:#6c757d;font-style:italic;font-size:12px}.items-barcode-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:6px}.items-barcode-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.items-barcode-remove-btn{border:none;background:transparent;color:#6b7280;cursor:pointer;padding:0 2px;line-height:1;font-size:12px;border-radius:6px;flex-shrink:0}.items-barcode-remove-btn:hover:not(:disabled){color:#dc3545;background:#dc354514}.items-barcode-remove-btn:disabled{opacity:.5;cursor:not-allowed}.items-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:12000;padding:16px}.items-confirm-modal{width:100%;max-width:420px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 20px 60px #00000059;padding:16px}.items-confirm-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:8px}.items-confirm-body{font-size:14px;color:#374151;line-height:1.4}.items-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.items-barcodes-actions{display:flex;align-items:center;gap:6px}.items-barcode-add-btn,.items-barcode-save-btn,.items-barcode-cancel-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:4px 8px;font-weight:700;cursor:pointer}.items-barcode-add-btn:hover{background:#f3f4f6}.items-barcode-editor{display:flex;align-items:center;gap:6px}.items-barcode-input{width:160px;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;outline:none}.items-barcode-input:focus{border-color:#9ca3af;box-shadow:0 0 0 2px #9ca3af40}.items-barcode-save-btn:disabled{opacity:.5;cursor:not-allowed}.items-precio-card{display:inline-flex;flex-direction:column;gap:6px;align-items:flex-end}.items-precio-header{display:grid;grid-template-columns:64px 92px 92px;gap:6px;align-items:center}.items-precio-header-spacer{height:1px}.items-precio-header-col{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;text-align:center;border-radius:999px;padding:2px 6px;border:1px solid transparent;line-height:1.2;white-space:nowrap}.items-precio-header-compra{background:#fff3bf;border-color:#ffe066;color:#5c4400}.items-precio-header-venta{background:#d3f9d8;border-color:#8ce99a;color:#0b3d1d}.items-precio-row{display:grid;grid-template-columns:64px 92px 92px;gap:6px;align-items:center}.items-precio-row-label{font-size:11px;font-weight:700;color:#6c757d;text-align:right;white-space:nowrap}.items-precio-box{border-radius:8px;padding:6px 8px;font-size:12px;font-weight:800;line-height:1.1;text-align:right;border:1px solid #e9ecef;white-space:nowrap;cursor:text}.items-precio-input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:inherit;font-weight:400;line-height:inherit;color:inherit;text-align:right}.items-precio-box-compra{background:#fff9db;border-color:#ffe8a1;color:#5c4400}.items-precio-box-venta{background:#ebfbee;border-color:#b2f2bb;color:#0b3d1d}.items-precio-proveedores-btn{border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;padding:4px 6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}.items-precio-proveedores-btn:hover{background:#f3f4f6;color:#111827}.items-table-actions{white-space:nowrap}.items-section{margin-bottom:2rem}.items-section-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e5e5}.items-table-minimal{border:1px solid #e0e0e0;border-radius:8px}.items-table-row-clickable{cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.items-table-row-clickable:hover,.items-table-row-clickable:active{background-color:transparent}.items-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:4px;min-width:200px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.items-context-menu-item{width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;color:#1a1a1a;border-radius:6px;transition:background-color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.items-context-menu-item:hover{background-color:#f9fafb}.items-context-menu-item:active{background-color:#f3f4f6}.items-context-menu-item svg{flex-shrink:0;color:#6b7280}.items-context-menu-item-danger{color:#dc3545}.items-context-menu-item-danger:hover{background-color:#fee;color:#c82333}.items-context-menu-item-danger:active{background-color:#fcc}.items-context-menu-item-danger svg{color:#dc3545}@media (max-width: 768px){.items-container{padding:1rem}.items-header{flex-direction:column;align-items:flex-start;gap:1rem}.items-table-wrapper{font-size:.875rem}.items-table th,.items-table td{padding:.5rem}.items-context-menu{min-width:180px}.items-context-menu-item{padding:12px 14px;font-size:14px}.items-table-mobile-hidden{display:none!important}.items-table-row-mobile-second{display:table-row!important;border-top:none;min-height:40px}.items-table-row-mobile-second td{padding:10px 15px;border-top:none;border-bottom:none!important;background-color:transparent;vertical-align:middle;min-height:40px;height:40px}.items-table-row-mobile-first{border-bottom:none}.items-table-row-mobile-first td{border-bottom:none!important}.items-table-mobile-precio-compra{text-align:left;font-size:.875rem;color:#212529}.items-precio-card{align-items:flex-start}.items-precio-row-label{text-align:left}.items-precio-header,.items-precio-row{grid-template-columns:64px 120px 120px}.items-precio-box{text-align:left}.items-table-mobile-menu-button{display:table-cell!important;text-align:right;padding-right:8px!important;width:50px;min-width:50px}.items-btn-mobile-menu{background:transparent;border:none;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#6c757d;border-radius:4px;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.items-btn-mobile-menu:hover{background-color:#e9ecef;color:#495057}.items-btn-mobile-menu:active{background-color:#dee2e6}.items-table-mobile-image{width:60px;min-width:60px}.items-table-mobile-nombre{min-width:0;max-width:none}.items-table-mobile-cantidad{text-align:left;white-space:nowrap}.items-table thead th:nth-child(4),.items-table thead th:nth-child(5){display:none}}.items-table-mobile-menu-button{display:none}.items-table-almacen img{width:100%;height:100%;object-fit:cover;border-radius:4px}.items-id-tooltip{margin-bottom:8px}.items-id-tooltip-content{display:flex;align-items:center;background:#1a1a1a;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-family:monospace;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:tooltipFadeIn .15s ease}.items-id-tooltip-text{font-weight:500}.items-id-tooltip-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1a1a1a}.items-image-tooltip-trigger{display:inline-block;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.items-table-divider-row{background-color:#f8f9fa;border-top:2px solid #dee2e6;border-bottom:1px solid #dee2e6}.items-table-divider-cell{padding:12px 15px!important;background-color:#f8f9fa;font-weight:600;color:#495057}.items-table-divider-text{font-size:14px;font-weight:600;color:#1a1a1a}.items-table-divider-count{font-size:12px;font-weight:500;color:#6c757d;margin-left:4px}.items-divider-almacen-image{width:100%;height:100%;object-fit:cover;display:block}.items-descripcion-tooltip{margin-bottom:8px}.items-descripcion-tooltip-content{display:flex;align-items:flex-start;background:#1a1a1a;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.4;white-space:normal;word-wrap:break-word;max-width:300px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:tooltipFadeIn .15s ease}.items-descripcion-tooltip-text{flex:1;font-weight:400}.items-descripcion-tooltip-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1a1a1a}.items-nombre-tooltip-trigger{display:inline-flex;align-items:center;gap:4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.items-nombre-tooltip-trigger:hover{opacity:.8}.items-table-subdivider-row{background-color:#f1f3f5;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.items-table-subdivider-cell{padding:8px 15px!important;background-color:#f1f3f5;font-weight:500;color:#495057}.items-table-subdivider-text{font-size:13px;font-weight:500;color:#495057}.items-table-subdivider-count{font-size:11px;font-weight:500;color:#868e96;margin-left:4px}.items-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e5e5}.items-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:#6c757d;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.items-tab:hover{color:#495057;background-color:#f8f9fa}.items-tab.active{color:#007bff;border-bottom-color:#007bff}.items-cards-view{display:flex;flex-direction:column;gap:2rem}.items-cards-section{display:flex;flex-direction:column;gap:1.5rem}.items-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.items-almacen-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.items-almacen-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid #dee2e6}.items-almacen-image-wrapper{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#fff}.items-almacen-image{width:100%;height:100%;object-fit:cover;display:block}.items-almacen-title{font-size:1.125rem;font-weight:600;color:#1a1a1a}.items-almacen-categories{display:flex;flex-direction:column;gap:1rem}.items-category-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .2s}.items-category-container.items-category-drag-over{border-color:#007bff;background-color:#f0f8ff;box-shadow:0 0 0 2px #007bff33}.items-category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.items-category-title{font-size:.875rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.items-category-count{font-size:.75rem;font-weight:500;color:#868e96}.items-category-cards{display:flex;flex-direction:column;gap:.75rem;min-height:60px}.items-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;cursor:grab;transition:all .2s;touch-action:none}.items-card:active{cursor:grabbing}.items-card:hover{box-shadow:0 2px 4px #0000001a;border-color:#007bff}.items-card-dragging{opacity:.5;transform:rotate(5deg)}.items-card-content{display:flex;gap:.75rem;align-items:flex-start}.items-card-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.items-card-nombre{font-size:.875rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.items-card-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.items-card-detail{display:flex;gap:.5rem;font-size:.75rem}.items-card-label{font-weight:500;color:#6c757d;min-width:60px}.items-card-value{flex:1;font-size:.75rem;color:#212529}@media (max-width: 768px){.items-tabs{gap:.25rem}.items-tab{padding:.5rem 1rem;font-size:.8125rem}.items-cards-grid{grid-template-columns:1fr}.items-card{padding:.625rem}}.items-table-row-mobile-second{display:none}.create-producto-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-producto-modal{background:#fff;border-radius:16px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d}.create-producto-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.create-producto-close:hover{background:#f5f5f5;color:#1a1a1a}.create-producto-close:disabled{opacity:.5;cursor:not-allowed}.create-producto-content{padding:20px}.create-producto-title{margin:0 0 16px;font-size:24px;font-weight:600;color:#1a1a1a}.create-producto-form{display:flex;flex-direction:column;gap:16px}.create-producto-section{background:#f8f9fa;border-radius:8px;padding:12px}.create-producto-section-title{font-size:18px;font-weight:600;margin:0 0 10px;color:#1a1a1a;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.create-producto-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.create-producto-input-group label{font-size:13px;font-weight:600;color:#374151}.create-producto-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px;color:#c33;font-size:13px}.create-producto-actions{display:flex;justify-content:flex-end;gap:10px}.productos-container{padding:2rem;max-width:100%;overflow-x:auto;color:#212529}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.productos-header h2{margin:0;font-size:1.75rem;font-weight:600;color:#1a1a1a}.productos-loading,.productos-error,.productos-empty{text-align:center;padding:3rem;color:#666}.productos-error{background-color:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:1rem;color:#c33}.productos-error p{margin:0 0 1rem}.productos-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.productos-btn-primary{background-color:#007bff;color:#fff}.productos-btn-primary:hover{background-color:#0056b3}.productos-btn-secondary{background-color:#6c757d;color:#fff}.productos-btn-secondary:hover{background-color:#545b62}.productos-btn-danger{background-color:#dc3545;color:#fff}.productos-btn-danger:hover{background-color:#c82333}.productos-btn-sm{padding:.25rem .5rem;font-size:.75rem}.productos-table-wrapper{overflow-x:auto}.productos-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.productos-table th,.productos-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e9ecef;color:#212529;background:#fff}.productos-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.productos-actions{display:flex;gap:8px}.productos-nombre-cell{display:flex;flex-direction:column;gap:8px}.productos-nombre{font-weight:600;color:#1a1a1a}.productos-chips{display:flex;flex-wrap:wrap;gap:6px}.productos-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productos-chip-categoria{background:#eef2ff;border:1px solid #c7d2fe;color:#1f2937}.productos-chip-item-general{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.productos-chip-item-variante{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.inventario-container{width:100%;min-height:100vh;padding:24px;position:relative}.inventario-back-button{position:absolute;top:24px;left:24px;width:40px;height:40px;border:none;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .2s;z-index:10}.inventario-back-button:hover{background:linear-gradient(135deg,#e0f7fa,#fce4ec);color:#1a1a1a;transform:translate(-4px)}.inventario-back-button svg{width:24px;height:24px}.inventario-layout{display:flex;gap:0;margin-top:64px;min-height:calc(100vh - 88px);background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.inventario-sidebar{width:240px;background:linear-gradient(135deg,#f0f9fa,#fff5f8);border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.inventario-sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e5e5}.inventario-sidebar-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.inventario-sidebar-header-text{min-width:0}.inventario-sidebar-toggle{width:32px;height:32px;border-radius:10px;border:1px solid #e5e5e5;background:#fffc;cursor:pointer;font-weight:800;color:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.inventario-sidebar-toggle:hover{background:#fff;border-color:#00bcd4;color:#00bcd4}.inventario-sidebar-title{font-size:20px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.inventario-sidebar-subtitle{font-size:14px;color:#666;margin:0}.inventario-tabs{display:flex;flex-direction:column;padding:8px;gap:4px}.inventario-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.inventario-tab-label{display:inline-block}.inventario-tab:hover{background:#fff9;color:#1a1a1a}.inventario-tab.active{background:linear-gradient(135deg,#00bcd4,#ff1493);color:#fff;box-shadow:0 2px 8px #00bcd44d}.inventario-tab svg{width:20px;height:20px;flex-shrink:0}.inventario-content{flex:1;padding:32px;overflow-y:auto;background:#fff}.inventario-layout.sidebar-collapsed .inventario-sidebar{width:64px}.inventario-layout.sidebar-collapsed .inventario-sidebar-header{padding:16px 10px}.inventario-layout.sidebar-collapsed .inventario-sidebar-title,.inventario-layout.sidebar-collapsed .inventario-sidebar-subtitle{display:none}.inventario-layout.sidebar-collapsed .inventario-tabs{padding:8px 6px}.inventario-layout.sidebar-collapsed .inventario-tab{justify-content:center;padding:12px 10px;gap:0}.inventario-layout.sidebar-collapsed .inventario-tab-label{display:none}@media (max-width: 768px){.inventario-container{padding:16px}.inventario-back-button{top:16px;left:16px}.inventario-layout{flex-direction:column;margin-top:56px;min-height:calc(100vh - 72px)}.inventario-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5}.inventario-tabs{flex-direction:row;overflow-x:auto;padding:8px}.inventario-tab{white-space:nowrap;min-width:fit-content}.inventario-content{padding:24px 16px}}.voice-selector-container{position:relative;width:100%}.voice-selector-trigger{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s}.voice-selector-trigger:hover{border-color:#bbb}.voice-selector-info{display:flex;flex-direction:column}.voice-selector-label{font-weight:500;color:#333}.voice-selector-desc{font-size:11px;color:#666;margin-top:2px}.voice-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.voice-option{padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;transition:background-color .1s;touch-action:pan-y}.voice-option:hover{filter:brightness(.97)}.voice-option-label{font-size:14px;font-weight:500;color:#333}.voice-option-desc{font-size:11px;color:#888;margin-top:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:24px;box-shadow:0 4px 20px #0003;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:12px}.modal-title{font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-body{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#333}.form-input,.form-textarea,.form-select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-textarea{min-height:100px;resize:vertical}.modal-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e5e5e5}.btn-primary{background:#1890ff;color:#fff}.btn-primary:hover{background:#096dd9}.btn-primary:disabled{background:#bae7ff;cursor:not-allowed}.share-modal{max-width:450px}.share-option-all{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}.checkbox-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label strong{color:#333}.users-list{border:1px solid #e9ecef;border-radius:8px;max-height:300px;overflow-y:auto}.users-list.disabled{opacity:.5;pointer-events:none}.users-list h4{margin:0;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:14px;color:#666}.user-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;gap:12px;transition:background .2s}.user-item:last-child{border-bottom:none}.user-item:hover{background:#f8f9fa}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500;color:#333;font-size:14px}.user-email{font-size:12px;color:#999}.tts-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.tts-header-actions{display:flex;gap:12px;align-items:center}.tts-test-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.tts-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tts-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column}.tts-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.tts-section-title{font-size:18px;font-weight:600;color:#333;margin:0}.tts-cards-container{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.tts-card{border:1px solid #e5e5e5;border-radius:8px;padding:16px;background:#fafafa;transition:all .2s;display:flex;flex-direction:column;gap:8px;position:relative;-webkit-user-select:none;user-select:none}.tts-card:hover{background:#fff;box-shadow:0 2px 8px #00000014;border-color:#d9d9d9}.tts-card.selected{background:#e6f7ff;border-color:#1890ff;box-shadow:0 0 0 1px #1890ff}.tts-card-header{display:flex;justify-content:space-between;font-size:12px;color:#999}.tts-card-actions{display:flex;gap:8px;margin-top:4px;border-top:1px solid #f0f0f0;padding-top:8px;justify-content:flex-end}.card-action-btn{background:none;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;color:#666;transition:all .2s}.card-action-btn:hover{background:#f0f0f0;color:#333}.card-action-btn.delete:hover{background:#fff1f0;color:#f5222d}.tts-card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}.tts-card-text{font-size:14px;color:#333;line-height:1.4;font-style:italic;padding:8px 0}.tts-card-intention{font-size:11px;color:#666;background:#f0f0f0;padding:4px 8px;border-radius:4px;font-weight:500}.tts-card-voice-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.voice-alloy{background:#e6f7ff;color:#0050b3;border:1px solid #91d5ff}.voice-echo{background:#f9f0ff;color:#531dab;border:1px solid #d3adf7}.voice-fable{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.voice-onyx{background:#f5f5f5;color:#1f1f1f;border:1px solid #d9d9d9}.voice-nova{background:#fcffe6;color:#7cb305;border:1px solid #eaff8f}.voice-shimmer{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.voice-ash{background:#f0f5ff;color:#2f54eb;border:1px solid #adc6ff}.voice-ballad{background:#fff0f6;color:#c41d7f;border:1px solid #ffadd2}.voice-coral{background:#fff2e8;color:#d4380d;border:1px solid #ffbb96}.voice-sage{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.voice-verse{background:#e6fffb;color:#08979c;border:1px solid #87e8de}.tts-audio-player{width:100%;height:36px;margin-top:4px}.tts-empty-state{text-align:center;padding:40px;color:#999;font-style:italic}.bulk-delete-btn{background:#ff4d4f;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.bulk-delete-btn:hover{background:#ff7875}@media (max-width: 900px){.tts-test-grid{grid-template-columns:1fr}}.android-date-picker{position:relative;width:100%}.adp-input-btn{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.adp-input-btn:focus{outline:none;border-color:#3f51b5;box-shadow:0 0 0 2px #3f51b533}.adp-placeholder{color:#9ca3af}.adp-value{color:#111827}.adp-icon{color:#9ca3af}.adp-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.adp-modal{background:#fff;border-radius:16px;width:100%;max-width:328px;box-shadow:0 24px 38px 3px #00000024;overflow:hidden;animation:adp-fade-in .2s ease-out}@keyframes adp-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.adp-header{background:#3f51b5;color:#fff;padding:24px}.adp-label{font-size:14px;font-weight:500;opacity:.9;text-transform:uppercase}.adp-date-display{font-size:32px;font-weight:700;margin-top:4px;line-height:1.2}.adp-body{padding:16px 24px}.adp-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.adp-month-year{font-size:16px;font-weight:600;color:#1f2937}.adp-nav-btn{width:40px;height:40px;border:none;background:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:background-color .2s}.adp-nav-btn:hover{background-color:#f3f4f6}.adp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.adp-weekday{text-align:center;font-size:12px;font-weight:500;color:#6b7280}.adp-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.adp-day-btn{width:36px;height:36px;border:none;background:none;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .2s}.adp-day-btn.current-month{color:#1f2937}.adp-day-btn.other-month{color:#d1d5db;pointer-events:none}.adp-day-btn:hover:not(.selected):not(.disabled){background-color:#e0e7ff;color:#3f51b5}.adp-day-btn.today{color:#3f51b5;font-weight:600;background-color:#f3f4f6}.adp-day-btn.selected{background-color:#3f51b5;color:#fff;font-weight:600}.adp-actions{display:flex;justify-content:flex-end;padding:8px 16px 16px;gap:8px}.adp-action-btn{border:none;background:none;padding:8px 16px;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;text-transform:uppercase;transition:background-color .2s}.adp-cancel{color:#3f51b5}.adp-cancel:hover{background-color:#f3f4f6}.adp-ok{color:#3f51b5}.adp-ok:hover{background-color:#e0e7ff}.mui-time-picker{position:relative;width:100%}.mtp-input-btn{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.mtp-input-btn:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.mtp-placeholder{color:#9ca3af}.mtp-value{color:#111827}.mtp-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.mtp-modal{background:#fff;border-radius:4px;width:328px;max-width:90vw;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024;overflow:hidden;animation:mtp-scale-in .2s}@keyframes mtp-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.mtp-header{background:#1976d2;color:#fff;padding:16px 24px;display:flex;align-items:flex-end;justify-content:space-between}.mtp-time-display{display:flex;align-items:baseline;font-size:58px;line-height:1}.mtp-time-unit{cursor:pointer;opacity:.6;transition:opacity .2s}.mtp-time-unit.selected{opacity:1}.mtp-separator{margin:0 5px;opacity:.6}.mtp-ampm{display:flex;flex-direction:column;margin-left:12px;margin-bottom:6px}.mtp-ampm-btn{background:none;border:none;color:#fff;font-size:16px;font-weight:500;cursor:pointer;opacity:.6;padding:2px}.mtp-ampm-btn.selected{opacity:1}.mtp-body{padding:24px;display:flex;justify-content:center}.mtp-clock{width:260px;height:260px;border-radius:50%;background:#f0f0f0;position:relative;cursor:pointer}.mtp-clock-center{position:absolute;top:50%;left:50%;width:8px;height:8px;background:#1976d2;border-radius:50%;transform:translate(-50%,-50%);z-index:10}.mtp-hand{position:absolute;bottom:50%;left:50%;width:2px;background:#1976d2;transform-origin:bottom center;z-index:5}.mtp-hand-circle{position:absolute;top:-16px;left:-14px;width:32px;height:32px;background:#1976d2;border-radius:50%;opacity:.8}.mtp-number{position:absolute;width:32px;height:32px;text-align:center;line-height:32px;font-size:14px;color:#333;transform:translate(-50%,-50%);pointer-events:none;z-index:11}.mtp-number.selected{color:#fff}.mtp-actions{display:flex;justify-content:flex-end;padding:8px 16px 16px;gap:8px}.mtp-btn{background:none;border:none;color:#1976d2;font-weight:500;font-size:14px;text-transform:uppercase;padding:8px 16px;cursor:pointer;border-radius:4px}.mtp-btn:hover{background:#1976d20a}.color-picker-container{display:flex;flex-direction:column;gap:8px}.cp-label{font-size:14px;font-weight:500;color:#374151}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:8px}.cp-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .1s}.cp-btn:hover{transform:scale(1.1)}.cp-btn.selected{border-color:#374151;box-shadow:0 0 0 2px #fff inset}.cp-btn.selected:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-selector{border:1px solid #d1d5db;border-radius:8px;padding:12px;background:#fff}.us-header{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.us-label{font-size:14px;font-weight:500;color:#374151}.us-checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.us-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.us-list.disabled{opacity:.5;pointer-events:none}.us-item{display:flex;align-items:center;gap:10px;padding:6px;border-radius:6px;cursor:pointer;transition:background-color .2s}.us-item:hover{background-color:#f3f4f6}.us-avatar{width:24px;height:24px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7280;overflow:hidden}.us-avatar img{width:100%;height:100%;object-fit:cover}.us-info{display:flex;flex-direction:column}.us-name{font-size:14px;font-weight:500;color:#1f2937}.us-email{font-size:12px;color:#6b7280}.create-tarea-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px}.create-tarea-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:slide-up .3s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ct-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ct-title{font-size:20px;font-weight:600;color:#111827;margin:0}.ct-close{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer}.ct-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.ct-form-group{display:flex;flex-direction:column;gap:6px}.ct-label{font-size:14px;font-weight:500;color:#374151}.ct-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:16px}.ct-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.ct-row{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.ct-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.ct-btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.ct-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.ct-btn-secondary:hover{background:#f9fafb}.ct-btn-primary{background:#3b82f6;color:#fff}.ct-btn-primary:hover{background:#2563eb}.ct-btn:disabled{opacity:.5;cursor:not-allowed}.task-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;animation:fade-in .2s}.task-details-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;position:relative;animation:scale-up .3s cubic-bezier(.16,1,.3,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.td-header{padding:24px 24px 0;text-align:center}.td-close-btn{position:absolute;top:12px;right:12px;background:#0000000d;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#666;transition:background .2s}.td-close-btn:hover{background:#0000001a}.td-countdown{margin-bottom:16px}.td-timer{font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:#111827}.td-status{font-size:14px;font-weight:500;color:#6b7280;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.td-status.active{color:#10b981}.td-status.ended{color:#9ca3af}.td-status.pending{color:#3b82f6}.td-body{padding:0 24px 24px}.td-title{font-size:20px;font-weight:600;color:#1f2937;text-align:center;margin-bottom:20px}.td-info-grid{display:grid;gap:12px;background:#f9fafb;padding:16px;border-radius:12px}.td-info-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.td-label{color:#6b7280}.td-value{color:#111827;font-weight:500}.td-footer{padding:16px 24px;background:#f3f4f6;text-align:center;font-size:12px;color:#6b7280;border-top:1px solid #e5e7eb}.family-clock-container{width:100%;height:100%;min-height:300px;position:relative}.agenda-container{display:flex;flex-direction:column;height:100%;padding:16px;position:relative;overflow-y:auto}.agenda-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.agenda-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.agenda-new-btn{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.agenda-new-btn:hover{background-color:#2563eb}.agenda-layout{display:flex;flex-direction:column;gap:24px}.agenda-clock-wrapper{width:100%;aspect-ratio:1 / 1;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;position:relative}.agenda-list-wrapper{flex:1;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;min-height:200px}@media (min-width: 1024px){.agenda-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:24px;height:calc(100vh - 100px)}.agenda-clock-wrapper{width:100%;aspect-ratio:auto;height:100%}}.agenda-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-style:italic;gap:8px}.familia-container{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.familia-back-button{position:absolute;top:16px;left:16px;z-index:10;width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s}.familia-back-button:hover{color:#1a1a1a;transform:translate(-2px);box-shadow:0 4px 12px #00000026}.familia-layout{display:flex;flex:1;padding-top:60px;max-width:1400px;margin:0 auto;width:100%}.familia-layout.sidebar-collapsed .familia-sidebar{width:60px}.familia-sidebar{width:240px;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.familia-sidebar-header{padding:20px;border-bottom:1px solid #f0f0f0}.familia-sidebar-header-row{display:flex;align-items:center;justify-content:space-between}.familia-sidebar-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.familia-sidebar-subtitle{font-size:12px;color:#999;margin:4px 0 0}.familia-layout.sidebar-collapsed .familia-sidebar-header-text{display:none}.familia-sidebar-toggle{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px}.familia-sidebar-toggle:hover{background:#f5f5f5;color:#666}.familia-tabs{padding:12px;display:flex;flex-direction:column;gap:4px}.familia-tab{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;color:#666;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.familia-tab:hover{background:#f5f5f5;color:#1a1a1a}.familia-tab.active{background:#e6f7ff;color:#1890ff}.familia-tab-label{font-size:14px;font-weight:500;white-space:nowrap}.familia-layout.sidebar-collapsed .familia-tab-label{display:none}.familia-layout.sidebar-collapsed .familia-tab{justify-content:center;padding:10px 0}.familia-content{flex:1;padding:24px 32px;overflow-y:auto}@media (max-width: 768px){.familia-layout{flex-direction:column}.familia-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e5e5}.familia-layout.sidebar-collapsed .familia-sidebar{width:100%}.familia-content{padding:16px}}.legal-page-container{min-height:100vh;background-color:#f5f7fa;padding:40px 20px;display:flex;justify-content:center}.legal-content{background-color:#fff;max-width:800px;width:100%;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000000d;position:relative}.legal-content h1{color:#ff1493;font-size:2.5rem;margin-bottom:10px;text-align:center}.legal-content .last-updated{color:#666;text-align:center;margin-bottom:40px;font-style:italic}.legal-content section{margin-bottom:30px}.legal-content h2{color:#333;font-size:1.5rem;margin-bottom:15px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.legal-content h3{color:#444;font-size:1.2rem;margin-top:20px;margin-bottom:10px}.legal-content p{color:#555;line-height:1.6;margin-bottom:15px}.legal-content ul{list-style-type:disc;margin-left:20px;margin-bottom:15px;color:#555}.legal-content li{margin-bottom:8px;line-height:1.5}.back-link{display:inline-flex;align-items:center;color:#666;text-decoration:none;font-weight:500;margin-bottom:20px;transition:color .2s}.back-link:hover{color:#ff1493}.back-link svg{margin-right:8px}@media (max-width: 768px){.legal-content{padding:20px}.legal-content h1{font-size:2rem}}.main-layout{width:100%;min-height:100vh;display:flex;flex-direction:column;background:transparent}.connection-indicator{position:fixed;top:20px;left:20px;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.connection-indicator.connected{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e}.connection-indicator.disconnected{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.connected .status-dot{background:#22c55e}.disconnected .status-dot{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-content{flex:1;overflow:auto;position:relative}@media (max-width: 768px){.connection-indicator{top:10px;left:10px;font-size:10px;padding:6px 12px}}.app{width:100%;height:100vh;display:flex;flex-direction:column}.app-container{flex:1;overflow:auto;position:relative}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.touchable{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.touchable:active{opacity:.7}.canvas-3d{width:100%;height:100%;touch-action:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;max-width:100%;margin:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){:root{font-size:14px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}