.home-wrapper{min-height:100dvh;background:var(--bg-main-gradient);display:flex;flex-direction:column;position:relative;overflow:clip;box-sizing:border-box}@media(min-width:1920px){.home-wrapper>section,.home-wrapper>header,.home-wrapper>main,.home-wrapper>footer{max-width:var(--container-2xl);margin-left:auto;margin-right:auto;width:100%}}.home-wrapper *,.home-wrapper *:before,.home-wrapper *:after{box-sizing:border-box}.home-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.home-particle{position:absolute;border-radius:50%;background:var(--accent-color);opacity:.12;animation:homeParticleFloat linear infinite;width:var(--p-size);height:var(--p-size);left:var(--p-x);top:var(--p-y);animation-duration:var(--p-duration);animation-delay:var(--p-delay)}@keyframes homeParticleFloat{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.08}25%{transform:translateY(-40px) translate(15px) scale(1.2);opacity:.18}50%{transform:translateY(-80px) translate(-10px) scale(.8);opacity:.06}75%{transform:translateY(-30px) translate(-20px) scale(1.1);opacity:.14}}.home-grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--border-glass) 1px,transparent 1px),linear-gradient(90deg,var(--border-glass) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 80%);transition:opacity var(--speed-fast) var(--ease-premium);opacity:var(--grid-opacity)}.home-nav-pricing-link{font-weight:var(--fw-semibold);color:var(--text-primary);text-decoration:none;margin-right:15px}.nav-btn-outline--accent{border-color:var(--accent-color);color:var(--accent-color)}.home-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;z-index:0}.home-blob-1{top:-15%;left:-10%;width:500px;height:500px;background:#2563eb80;animation:homeFloat 12s ease-in-out infinite alternate}.home-blob-2{bottom:-10%;right:-10%;width:400px;height:400px;background:#8b5cf666;animation:homeFloat 10s ease-in-out infinite alternate-reverse}.home-blob-3{top:40%;right:20%;width:300px;height:300px;background:#10b98133;animation:homeFloat 14s ease-in-out infinite alternate}@keyframes homeFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.08)}}.home-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;position:sticky;top:0;z-index:var(--z-dropdown);border-bottom:1px solid var(--border-glass);background:var(--bg-panel-glass)}.home-logo{font-size:var(--fs-2xl);font-weight:var(--fw-black);color:var(--text-primary);letter-spacing:var(--tracking-tighter);text-decoration:none}.home-nav-links{display:flex;align-items:center;gap:var(--sp-5)}.nav-btn-outline{color:var(--text-primary);text-decoration:none;font-weight:var(--fw-bold);padding:10px 20px;border-radius:var(--radius-md);border:2px solid var(--border-glass);transition:all var(--speed-normal) var(--ease-premium)}.nav-btn-outline:hover{background:var(--text-primary);color:var(--bg-main);transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.home-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;position:relative;z-index:1;min-height:calc(100dvh - 120px)}.hero-content{max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--bg-input-glass);border:1px solid var(--border-glass);padding:8px 18px;border-radius:var(--radius-pill);font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-secondary);margin-bottom:25px;animation:heroSlideUp .6s var(--ease-premium) both}.hero-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:var(--fw-black);line-height:1.1;margin-bottom:var(--sp-6);letter-spacing:-1.5px;animation:heroSlideUp .6s var(--ease-premium) var(--speed-fast) both}.app-root.dark .hero-title{background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-root.light .hero-title{color:var(--text-primary)}.hero-title-accent{background:linear-gradient(135deg,var(--accent-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:40px;line-height:var(--lh-relaxed);max-width:600px;margin-left:auto;margin-right:auto;animation:heroSlideUp .6s var(--ease-premium) var(--speed-fast) both}.hero-actions{display:flex;justify-content:center;gap:var(--sp-4);flex-wrap:wrap;animation:heroSlideUp .6s var(--ease-premium) var(--speed-normal) both}.hero-btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;text-decoration:none;padding:14px 30px;border-radius:var(--radius-pill);font-weight:var(--fw-extrabold);font-size:var(--fs-md);transition:transform var(--speed-normal) var(--ease-bounce),box-shadow var(--speed-normal);box-shadow:0 10px 25px #2563eb66;position:relative;overflow:hidden}.hero-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #2563eb73}.hero-btn-primary:hover:after{left:100%}.hero-btn-secondary{background:var(--bg-panel-glass);color:var(--text-primary);border:1px solid var(--border-glass);text-decoration:none;padding:14px 30px;border-radius:var(--radius-pill);font-weight:var(--fw-extrabold);font-size:var(--fs-md);transition:all var(--speed-normal) var(--ease-premium)}.hero-btn-secondary:hover{background:var(--bg-hover-glass);transform:translateY(-3px);border-color:var(--accent-color);box-shadow:0 10px 25px #0000001a}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero-title{font-size:var(--fs-display)}}@media(max-width:768px){.home-nav{padding:15px 20px}.hero-title{font-size:var(--fs-3xl);letter-spacing:var(--tracking-tighter)}.hero-subtitle{font-size:var(--fs-lg)}.hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center;display:flex}.home-blob-1{width:300px;height:300px}.home-blob-2{width:250px;height:250px}.home-blob-3{display:none}}@media(max-width:480px){.home-nav{padding:12px 15px}.home-logo{font-size:var(--fs-xl)}.nav-btn-outline{padding:8px 12px;font-size:var(--fs-base)}.hero-title{font-size:var(--fs-2xl)}.hero-subtitle{font-size:var(--fs-md);margin-bottom:25px}.hero-btn-primary,.hero-btn-secondary{padding:14px 20px;font-size:var(--fs-md)}.hero-badge{font-size:var(--fs-sm);padding:6px 14px}.home-blob-1{width:200px;height:200px}.home-blob-2{width:150px;height:150px}}@media(max-width:350px){.home-nav{flex-wrap:wrap;justify-content:center;gap:15px;padding:15px}.home-logo{font-size:var(--fs-xl)}.home-hero{padding-top:var(--sp-5)}.hero-title{font-size:var(--fs-2xl)}}@media(max-width:360px){.home-nav{padding:10px 12px;flex-wrap:wrap;gap:var(--sp-2)}.home-logo{font-size:var(--fs-xl)}.home-nav-links{gap:var(--sp-2)}.nav-btn-outline{padding:6px 10px;font-size:var(--fs-sm)}.hero-title{font-size:var(--fs-xl);letter-spacing:var(--tracking-tight)}.hero-btn-primary,.hero-btn-secondary{padding:12px 16px;font-size:var(--fs-base)}.hero-badge{font-size:var(--fs-xs);padding:5px 10px}}.login-wrapper{min-height:100dvh;display:flex;justify-content:center;align-items:center;background:var(--bg-main);position:relative;overflow-x:hidden;overflow-y:auto;font-family:Inter,system-ui,sans-serif;padding:var(--sp-5);box-sizing:border-box}.btn-back-home{position:absolute;top:30px;left:30px;display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-panel-glass);border:1px solid var(--border-glass);color:var(--text-primary);padding:12px 20px;border-radius:var(--radius-pill);font-weight:700;cursor:pointer;z-index:20;transition:all var(--speed-fast) var(--ease-premium);box-shadow:var(--shadow-md)}.btn-back-home:hover{background:var(--bg-hover-glass);transform:translate(-5px);border-color:var(--accent-color);color:var(--accent-color)}.login-container{width:100%;max-width:420px;padding:40px;border-radius:var(--radius-xl);border:1px solid var(--border-glass);background:var(--bg-panel);position:relative;z-index:10;box-shadow:0 25px 50px #0003}.login-header{text-align:center;margin-bottom:30px}.login-logo-circle{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);border-radius:var(--radius-lg);display:flex;justify-content:center;align-items:center;margin:0 auto 15px;box-shadow:0 10px 20px #2563eb4d}.login-header h2,.login-h1{margin:0 0 5px;font-size:var(--fs-2xl);font-weight:var(--fw-black);color:var(--text-primary)}.login-h1-accent{color:var(--accent-color)}.login-header p,.login-subtitle{margin:0;color:var(--text-secondary);font-size:var(--fs-base)}.login-type-toggle{display:flex;background:var(--bg-input-glass);padding:5px;border-radius:var(--radius-md);margin-bottom:25px;border:1px solid var(--border-glass)}.toggle-btn{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--sp-2);padding:10px;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-secondary);font-weight:700;cursor:pointer;transition:all var(--speed-fast) var(--ease-premium);font-size:var(--fs-base)}.toggle-btn.active{background:var(--bg-panel);color:var(--text-primary);box-shadow:0 2px 10px #0000001a}.login-form{display:flex;flex-direction:column;gap:var(--sp-5)}.login-error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger-text);padding:12px 15px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:700;text-align:center}.login-error-msg-text{margin:0}.login-resend-btn{margin-top:10px;padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.login-resend-btn:disabled{cursor:not-allowed;opacity:.6}.login-success-msg{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success-text);padding:12px 15px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:700;text-align:center}.login-input-group{display:flex;flex-direction:column;gap:var(--sp-2)}.login-input-group label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-primary);margin-left:5px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;color:var(--text-secondary);pointer-events:none}.input-with-icon input{width:100%;padding:14px 45px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--bg-input-glass);color:var(--text-primary);font-size:var(--fs-md);outline:none;transition:all var(--speed-fast) var(--ease-premium);box-sizing:border-box}.input-with-icon input:focus{border-color:var(--accent-color);box-shadow:var(--shadow-focus-accent)}.btn-toggle-password{position:absolute;right:15px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color var(--speed-fast) var(--ease-premium);outline:none}.btn-toggle-password:hover{color:var(--accent-color)}.btn-login-submit{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:var(--sp-4);background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--fw-black);font-size:var(--fs-md);cursor:pointer;transition:all var(--speed-fast) var(--ease-premium);margin-top:10px;box-shadow:var(--shadow-accent)}.btn-login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-accent-hover)}.btn-login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-login-divider{display:flex;align-items:center;gap:15px;margin:25px 0 20px;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.google-login-divider:before,.google-login-divider:after{content:"";flex:1;height:1px;background:var(--border-glass)}.btn-google-login{display:flex;justify-content:center;align-items:center;gap:var(--sp-3);width:100%;padding:12px 14px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:var(--radius-md);font-weight:var(--fw-medium);font-size:var(--fs-base);font-family:Roboto,Inter,system-ui,sans-serif;cursor:pointer;transition:box-shadow var(--speed-fast) var(--ease-premium),background var(--speed-fast) var(--ease-premium);margin-bottom:10px}.btn-google-login:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #3c404326,0 2px 6px #3c40431a}.btn-google-login:disabled{opacity:.7;cursor:not-allowed}.btn-google-login svg{width:20px;height:20px}.login-footer{margin-top:25px;text-align:center;font-size:var(--fs-sm);color:var(--text-secondary)}.toggle-mode-link{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:var(--accent-color);cursor:pointer;font-weight:700;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color var(--speed-fast)}.toggle-mode-link:hover,.toggle-mode-link:focus-visible{text-decoration-color:var(--accent-color);outline:none}.ambient-blob{position:absolute;border-radius:50%;filter:blur(100px);z-index:1;opacity:.5}.blob-1{top:-100px;left:-100px;width:400px;height:400px;background:#2563eb66;animation:float 10s infinite alternate}.blob-2{bottom:-100px;right:-100px;width:300px;height:300px;background:#8b5cf64d;animation:float 8s infinite alternate-reverse}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(30px) scale(1.1)}}@media(max-width:768px){.btn-back-home{top:var(--sp-5);left:var(--sp-5);padding:10px 15px;font-size:var(--fs-sm)}.login-container{padding:30px 20px;margin-top:50px}}@media(max-width:400px){.login-container{padding:25px 15px;border-radius:var(--radius-lg)}.login-header h2{font-size:var(--fs-xl)}.login-logo-circle{width:50px;height:50px}.btn-back-home{top:15px;left:15px;padding:8px 12px;font-size:var(--fs-sm)}.blob-1{width:200px;height:200px}.blob-2{width:150px;height:150px}.input-with-icon input{padding:12px 40px}.btn-login-submit{padding:14px;font-size:var(--fs-md)}}@media(max-width:360px){.login-container{padding:20px 14px}.btn-back-home{top:10px;left:10px;padding:8px 12px;font-size:var(--fs-sm)}.toggle-btn{font-size:var(--fs-sm);padding:var(--sp-2);min-height:44px}.login-header{margin-bottom:18px}.login-header h2{font-size:var(--fs-xl)}}.login-wrapper{min-height:100dvh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-main);position:relative;overflow:hidden;padding:var(--sp-5)}.notfound-wrapper{flex-direction:column;text-align:center}.notfound-container{padding:60px 40px;max-width:500px}.notfound-logo{margin-bottom:var(--sp-5)}.notfound-h1{font-size:var(--fs-3xl);margin-bottom:10px}.notfound-subtitle{font-size:var(--fs-lg);color:var(--text-primary)}.notfound-text{color:var(--text-secondary);margin-top:15px;margin-bottom:30px}.notfound-cta{text-decoration:none;display:flex;justify-content:center;gap:10px}.ambient-blob{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.5}.blob-1{width:600px;height:600px;background:radial-gradient(circle,rgba(var(--accent-rgb),.2) 0%,transparent 70%);top:-200px;right:-200px}.blob-2{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);bottom:-150px;left:-150px}@media(max-width:768px){.login-wrapper{padding:var(--sp-4)}.blob-1{width:400px;height:400px;top:-150px;right:-150px}.blob-2{width:350px;height:350px;bottom:-120px;left:-120px}}@media(max-width:480px){.login-wrapper{padding:var(--sp-3);align-items:flex-start;padding-top:40px}.blob-1{width:280px;height:280px;top:-100px;right:-100px}.blob-2{width:240px;height:240px;bottom:-80px;left:-80px}}.wepairr-toast-stack{position:fixed;top:var(--sp-20);right:30px;display:flex;flex-direction:column;gap:var(--sp-2);z-index:var(--z-toast);pointer-events:none}.wepairr-toast-stack>*{pointer-events:auto}.wepairr-toast{padding:12px 18px;border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--sp-3);border:1px solid var(--border-glass);min-width:250px;box-shadow:0 10px 30px #0000004d;background:var(--bg-panel-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideDownDesk var(--speed-slow) var(--ease-smooth)}.wepairr-toast--clickable{cursor:pointer}.wepairr-toast-message{flex:1;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.wepairr-toast-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-lg);display:flex;align-items:center;justify-content:center;z-index:10;width:44px;height:44px;border-radius:var(--radius-sm);margin-right:-10px;flex-shrink:0}.wepairr-toast-close:hover{background:var(--bg-hover-glass);color:var(--text-primary)}@media(max-width:768px){.wepairr-toast-stack{top:var(--sp-5);left:50%;transform:translate(-50%);right:auto;width:90%}.wepairr-toast{width:100%;min-width:0;animation:slideDownMob var(--speed-slow) var(--ease-smooth)}}@keyframes slideDownDesk{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownMob{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.np-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.np-modal-card{width:100%;max-width:400px;margin:0 var(--sp-4);padding:var(--sp-8);border-radius:var(--radius-xl);border:1px solid var(--border-glass);background:var(--bg-panel-glass);box-shadow:0 20px 50px #00000080}.np-modal-title{margin:0 0 20px;color:var(--text-primary);font-size:var(--fs-lg)}.np-confirm-title{margin:0 0 12px;color:var(--text-primary);font-size:var(--fs-lg)}.np-modal-message{margin:0 0 24px;color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--lh-normal)}.np-modal-input{margin-bottom:var(--sp-6);width:100%;font-size:var(--fs-md);padding:14px 20px}.np-modal-actions{display:flex;gap:var(--sp-3);justify-content:flex-end}.np-modal-btn{padding:10px 20px}.np-modal-btn--primary{padding:10px 24px}.np-modal-btn--accent{padding:10px 24px;background:var(--accent-color)}.context-menu-container{position:fixed;left:var(--cm-x, 0);top:var(--cm-y, 0);z-index:var(--z-modal);background:var(--bg-panel-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff0d;width:240px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;overflow:hidden;animation:contextMenuFadeIn var(--speed-fast) var(--ease-smooth) forwards;transform-origin:top left}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.context-menu-header{font-size:var(--fs-xs);font-weight:var(--fw-extrabold);text-transform:uppercase;color:var(--text-secondary);padding:10px 15px;border-bottom:1px solid var(--border-glass);background:#0000001a;letter-spacing:.5px}.context-menu-body{padding:6px;display:flex;flex-direction:column}.context-menu-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-medium);text-align:left;cursor:pointer;transition:all var(--speed-fast) var(--ease-premium)}.context-menu-item svg{color:var(--text-secondary);transition:color var(--speed-fast) var(--ease-premium)}.context-menu-item:hover{background:var(--accent-color);color:#fff}.context-menu-item:hover svg{color:#fff}.context-menu-divider{height:1px;background:var(--border-glass);margin:6px 0}@media(max-width:768px){.context-menu-container{inset:auto 0 0;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;border-left:none;border-right:none;border-top:1px solid var(--border-glass);transform-origin:bottom center;animation:contextMenuSlideUp var(--speed-normal) var(--ease-smooth) forwards;padding-bottom:env(safe-area-inset-bottom,20px)}.context-menu-container:before{content:"";display:block;width:40px;height:6px;background:var(--text-secondary);border-radius:3px;margin:12px auto;opacity:.5}.context-menu-header{display:none}.context-menu-item{padding:16px 20px;font-size:var(--fs-md)}.context-menu-item svg{width:20px;height:20px}}@keyframes contextMenuSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.context-menu-item{padding:14px 16px;font-size:var(--fs-md)}.context-menu-header{padding:8px 12px;font-size:var(--fs-xs)}.context-menu-body{padding:var(--sp-1)}}@media(max-width:360px){.context-menu-item{padding:12px 14px;font-size:var(--fs-base);gap:10px}.context-menu-header{padding:7px 10px;font-size:var(--fs-xs)}.context-menu-body{padding:3px}.context-menu-item svg{width:17px;height:17px}}.section-error-boundary-wrapper{display:contents}.section-error-boundary{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);box-sizing:border-box}.section-error-boundary-card{max-width:560px;width:100%;background:var(--bg-panel-glass);border:1px solid var(--border-color, rgba(148, 163, 184, .2));border-radius:var(--radius-lg, 16px);padding:var(--sp-6, 32px) var(--sp-5, 24px);text-align:center;box-shadow:var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .1));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.section-error-boundary-icon{width:56px;height:56px;margin:0 auto var(--sp-4, 16px);border-radius:50%;background:#ef44441f;color:var(--danger, #ef4444);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;line-height:1}.section-error-boundary-title{color:var(--text-primary);margin:0 0 var(--sp-3, 12px);font-size:20px;font-weight:600;line-height:1.3}.section-error-boundary-text{color:var(--text-secondary);margin:0 0 var(--sp-5, 24px);font-size:14px;line-height:1.5}.section-error-boundary-actions{display:flex;gap:var(--sp-2, 8px);justify-content:center;flex-wrap:wrap;margin-bottom:var(--sp-4, 16px)}.section-error-boundary-btn{padding:10px 20px;border-radius:var(--radius-md, 10px);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,opacity .12s ease,background .12s ease;font-family:inherit}.section-error-boundary-btn:active{transform:scale(.97)}.section-error-boundary-btn-primary{background:var(--accent-color);color:#fff}.section-error-boundary-btn-primary:hover{opacity:.9}.section-error-boundary-btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color, rgba(148, 163, 184, .3))}.section-error-boundary-btn-secondary:hover{background:#94a3b814}.section-error-boundary-details{margin-top:var(--sp-4, 16px);text-align:left;border-top:1px solid var(--border-color, rgba(148, 163, 184, .2));padding-top:var(--sp-3, 12px)}.section-error-boundary-details-summary{cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:var(--sp-1, 4px) 0;-webkit-user-select:none;user-select:none}.section-error-boundary-details-summary:hover{color:var(--text-primary)}.section-error-boundary-details-body{margin-top:var(--sp-2, 8px)}.section-error-boundary-details-message{color:var(--danger, #ef4444);margin:0 0 var(--sp-2, 8px);font-size:13px;word-break:break-word}.section-error-boundary-stack{background:#0f172a99;color:var(--text-secondary);padding:var(--sp-3, 12px);border-radius:var(--radius-sm, 8px);font-size:11px;line-height:1.5;overflow-x:auto;max-height:240px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;margin:0 0 var(--sp-2, 8px);font-family:Menlo,Monaco,Courier New,monospace}.cookie-banner{position:fixed;left:50%;bottom:var(--sp-4);transform:translate(-50%);width:min(720px,calc(100% - 32px));background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000040;padding:14px 18px;display:flex;align-items:center;gap:14px;z-index:var(--z-modal);animation:cookie-banner-slide-up var(--speed-normal) var(--ease-premium, ease-out)}@keyframes cookie-banner-slide-up{0%{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%);opacity:1}}.cookie-banner-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color);display:flex;align-items:center;justify-content:center}.cookie-banner-text{flex:1;min-width:0}.cookie-banner-title{display:block;font-weight:var(--fw-extrabold);color:var(--text-primary);font-size:var(--fs-base);margin-bottom:2px}.cookie-banner-desc{margin:0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:var(--lh-snug)}.cookie-banner-link{color:var(--accent-color);text-decoration:underline;font-weight:var(--fw-bold)}.cookie-banner-link:hover{color:var(--accent-light)}.cookie-banner-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.cookie-banner-btn{padding:8px 14px;border-radius:var(--radius-md);font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:pointer;border:1px solid var(--border-glass);transition:all var(--speed-fast, var(--speed-fast)) var(--ease-premium, ease)}.cookie-banner-btn-secondary{background:var(--bg-input-glass);color:var(--text-primary)}.cookie-banner-btn-secondary:hover{background:var(--bg-panel-glass)}.cookie-banner-btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.cookie-banner-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color) 35%,transparent)}.cookie-banner-close{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--speed-fast, var(--speed-fast)) ease}.cookie-banner-close:hover{background:var(--bg-input-glass);color:var(--text-primary)}@media(max-width:640px){.cookie-banner{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.cookie-banner-icon{align-self:flex-start}.cookie-banner-actions{width:100%}.cookie-banner-btn{flex:1;text-align:center}.cookie-banner-close{position:absolute;top:var(--sp-2);right:var(--sp-2)}}.spotlight-overlay{position:fixed;inset:0;background:#000000a6;z-index:var(--z-toast);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:spotlightFadeIn var(--speed-fast) var(--ease-premium)}@keyframes spotlightFadeIn{0%{opacity:0}to{opacity:1}}.spotlight-container{width:100%;max-width:680px;background:var(--bg-panel-glass, rgba(15, 23, 42, .95));border:1px solid var(--accent-color, #2563eb);border-radius:var(--radius-xl);box-shadow:0 25px 80px #00000080,0 0 0 1px #2563eb33;overflow:hidden;display:flex;flex-direction:column}.spotlight-input-row{display:flex;align-items:center;gap:var(--sp-3);padding:18px 22px;border-bottom:1px solid var(--border-glass, rgba(255,255,255,.08))}.spotlight-icon{color:var(--accent-color, #2563eb);flex-shrink:0}.spotlight-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--fs-lg);font-family:inherit;color:var(--text-primary, #f1f5f9);caret-color:var(--accent-color, #2563eb)}.spotlight-input::placeholder{color:var(--text-secondary, #64748b)}.spotlight-esc{font-size:var(--fs-xs);padding:3px 8px;background:var(--bg-input-glass, rgba(255,255,255,.06));border:1px solid var(--border-glass, rgba(255,255,255,.1));border-radius:var(--radius-xs);color:var(--text-secondary, #94a3b8);cursor:pointer;font-family:inherit;transition:all var(--speed-fast) var(--ease-premium)}.spotlight-esc:hover{background:var(--bg-hover-glass);color:var(--text-primary)}.spotlight-results{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;scrollbar-width:thin}.spotlight-result-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:14px 22px;background:transparent;border:none;border-bottom:1px solid var(--border-glass, rgba(255,255,255,.05));cursor:pointer;text-align:left;transition:background var(--speed-fast);width:100%;color:inherit;font-family:inherit}.spotlight-result-item:last-child{border-bottom:none}.spotlight-result-item.active,.spotlight-result-item:hover{background:#2563eb1f}.sr-left{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0}.sr-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor;background:var(--status-color)}.sr-info{display:flex;flex-direction:column;gap:3px;min-width:0}.sr-device{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-primary, #f1f5f9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-client{font-size:var(--fs-sm);color:var(--text-secondary, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.sr-status-badge{font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:3px 8px;border-radius:var(--radius-xl);border:1px solid;background:transparent;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:var(--status-color);border-color:var(--status-color)}.spotlight-empty-icon{opacity:.3}.spotlight-footer-hint{margin-left:auto;opacity:.5}.sr-id{font-size:var(--fs-sm);font-family:monospace;color:var(--text-secondary);white-space:nowrap}.sr-date{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap}.spotlight-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:40px 20px;color:var(--text-secondary)}.spotlight-empty p{margin:0;font-size:var(--fs-base)}.spotlight-footer{display:flex;align-items:center;gap:var(--sp-4);padding:12px 22px;border-top:1px solid var(--border-glass, rgba(255,255,255,.08));font-size:var(--fs-xs);color:var(--text-secondary, #64748b)}.spotlight-footer kbd{font-family:monospace;font-size:var(--fs-xs);padding:2px 6px;background:var(--bg-input-glass, rgba(255,255,255,.07));border:1px solid var(--border-glass, rgba(255,255,255,.1));border-radius:4px;color:var(--text-secondary);margin-right:3px}@media(max-width:768px){.spotlight-overlay{padding-top:0;align-items:flex-end}.spotlight-container{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh}.sr-right{display:none}}@media(max-width:360px){.spotlight-overlay{padding-top:5vh;padding-left:6px;padding-right:6px}.spotlight-container{border-radius:var(--radius-md)}.spotlight-input-row{padding:12px 14px;gap:var(--sp-2)}.spotlight-input{font-size:var(--fs-base)}.sr-device{font-size:var(--fs-sm)}.sr-client{font-size:var(--fs-xs)}.spotlight-footer{font-size:var(--fs-xs);padding:10px 14px;gap:10px}.spotlight-result-item{padding:12px 14px}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-toast);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--danger);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-semibold);box-shadow:0 2px 8px #0003;animation:slide-down .3s ease-out}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(max-width:768px){.offline-banner{font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-3)}}:root{--bg-main: #f8fafc;--bg-main-gradient: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);--bg-panel: #ffffff;--bg-panel-solid: #ffffff;--bg-panel-glass: rgba(255, 255, 255, 1);--bg-input-glass: rgba(241, 245, 249, 1);--bg-hover-glass: rgba(241, 245, 249, 1);--bg-card-glass: rgba(241, 245, 249, .8);--border-glass: rgba(200, 215, 230, .7);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-color: #2563eb;--accent-hover: #1d4ed8;--accent-secondary: #6366f1;--accent-light: #60a5fa;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #2563eb 100%);--bg-card: var(--bg-panel);--bg-hover: var(--bg-hover-glass);--danger: #ef4444;--danger-text: #b91c1c;--success: #10b981;--success-text: #065f46;--warning: #f59e0b;--info: #3b82f6;--whatsapp-green: #25d366;--whatsapp-green-hover: #1da851;--kpi-ingresado: #D97706;--kpi-en-proceso: #2563EB;--kpi-en-espera: #EA580C;--kpi-finalizado: #059669;--kpi-atascados: #DC2626;--kpi-ingresado-bg: rgba(217, 119, 6, .18);--kpi-en-proceso-bg: rgba(37, 99, 235, .18);--kpi-en-espera-bg: rgba(234, 88, 12, .18);--kpi-finalizado-bg: rgba(5, 150, 105, .18);--kpi-atascados-bg: rgba(220, 38, 38, .18);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .85rem;--fs-base: .95rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.4rem;--fs-display: 3.5rem;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--tracking-tight: -.5px;--tracking-tighter: -1px;--tracking-wide: 1px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow-md: 0 4px 15px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 36px rgba(15, 23, 42, .1);--shadow-xl: 0 25px 50px -12px rgba(15, 23, 42, .18);--shadow-accent: 0 4px 15px rgba(37, 99, 235, .3);--shadow-accent-hover: 0 12px 30px rgba(37, 99, 235, .4);--shadow-focus-accent: 0 0 0 3px rgba(37, 99, 235, .15);--ease-premium: cubic-bezier(.23, 1, .32, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--speed-fast: .3s;--speed-normal: .5s;--speed-slow: .8s;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 10000;--z-modal: 10100;--z-toast: 10200;--z-tooltip: 10300;--z-tour: 10400;--bp-xs: 320px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--bp-3xl: 1920px;--bp-4xl: 2560px;--container-sm: 640px;--container-md: 960px;--container-lg: 1200px;--container-xl: 1440px;--container-2xl: 1680px}html.dark,.app-root.dark{--bg-main: #090e17;--bg-main-gradient: linear-gradient(135deg, #090e17 0%, #0f172a 100%);--bg-panel: #141c2f;--bg-panel-solid: #141c2f;--bg-panel-glass: rgba(20, 28, 47, 1);--bg-input-glass: rgba(30, 41, 59, 1);--bg-hover-glass: rgba(30, 41, 59, 1);--bg-card-glass: rgba(30, 41, 59, .8);--border-glass: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-color: var(--info);--accent-hover: #60a5fa;--info: #60a5fa;--danger-text: #f87171;--success-text: #34d399;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 4px 15px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .45);--shadow-accent: 0 4px 15px rgba(59, 130, 246, .4);--kpi-ingresado: #F59E0B;--kpi-en-proceso: #3B82F6;--kpi-en-espera: #F97316;--kpi-finalizado: #10B981;--kpi-atascados: #EF4444;--kpi-ingresado-bg: rgba(245, 158, 11, .22);--kpi-en-proceso-bg: rgba(59, 130, 246, .22);--kpi-en-espera-bg: rgba(249, 115, 22, .22);--kpi-finalizado-bg: rgba(16, 185, 129, .22);--kpi-atascados-bg: rgba(239, 68, 68, .22)}body{margin:0;font-family:var(--font-sans);background:var(--bg-main);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:has(.app-root.dark){background-color:var(--bg-main);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78829159;border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box;transition:background var(--speed-fast) var(--ease-premium)}::-webkit-scrollbar-thumb:hover{background:#78829199;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}html.dark ::-webkit-scrollbar-thumb,.app-root.dark ::-webkit-scrollbar-thumb{background:#ffffff2e;background-clip:padding-box}html.dark ::-webkit-scrollbar-thumb:hover,.app-root.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff52;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(120,130,145,.35) transparent}html.dark *,.app-root.dark *{scrollbar-color:rgba(255,255,255,.18) transparent}@media(hover:none)and (pointer:coarse){::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}}.h1-display{font-size:var(--fs-display);font-weight:var(--fw-black);letter-spacing:var(--tracking-tighter);line-height:var(--lh-tight);margin:0}.h1{font-size:var(--fs-2xl);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0}.h2{font-size:var(--fs-xl);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);margin:0}.h3{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin:0}.body{font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-primary)}.body-sm{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-panel-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-glass)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 20px;font-family:inherit;font-size:var(--fs-md);font-weight:var(--fw-bold);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform var(--speed-fast) var(--ease-premium),box-shadow var(--speed-fast) var(--ease-premium),background var(--speed-fast) var(--ease-premium);text-decoration:none;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-input-glass);color:var(--text-primary);border-color:var(--border-glass)}.btn-secondary:hover{background:var(--bg-hover-glass)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover-glass)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:#ef444414}.btn-sm{padding:7px 14px;font-size:var(--fs-sm);border-radius:var(--radius-xs)}.btn-lg{padding:14px 28px;font-size:var(--fs-md);border-radius:var(--radius-md)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1;white-space:nowrap}.pill-ingresado{background:var(--kpi-ingresado-bg);color:var(--kpi-ingresado)}.pill-en-proceso{background:var(--kpi-en-proceso-bg);color:var(--kpi-en-proceso)}.pill-en-espera{background:var(--kpi-en-espera-bg);color:var(--kpi-en-espera)}.pill-finalizado{background:var(--kpi-finalizado-bg);color:var(--kpi-finalizado)}.pill-atascados{background:var(--kpi-atascados-bg);color:var(--kpi-atascados)}.pill-neutral{background:var(--bg-input-glass);color:var(--text-secondary)}.pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-secondary)}.field-hint{font-size:var(--fs-xs);color:var(--text-muted)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.empty-state .emoji{font-size:var(--fs-3xl);opacity:.7}.state-loading,.state-error,.state-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-secondary)}.state-error svg{color:var(--danger)}.state-empty svg{color:var(--text-muted);opacity:.7}.state-loading svg{color:var(--accent-color);opacity:.85}.state-loading .state-loading-spinner{animation:state-loading-spin 1s linear infinite}@keyframes state-loading-spin{to{transform:rotate(360deg)}}.state-loading .state-msg,.state-error .state-msg,.state-empty .state-msg{margin:0;max-width:36ch;line-height:1.4}.state-retry-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--card-bg, transparent);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:background .15s ease,border-color .15s ease}.state-retry-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .04));border-color:var(--accent-color)}.state-retry-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.sentry-fallback{padding:40px 20px;text-align:center;color:var(--text-primary);font-family:system-ui,sans-serif;background:var(--bg-main);height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.sentry-fallback-title{color:var(--danger);margin-bottom:10px}.sentry-fallback-text{color:var(--text-secondary);margin-bottom:25px;max-width:400px}.sentry-fallback-button{padding:15px 30px;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--fw-bold);font-size:var(--fs-md);box-shadow:var(--shadow-accent)}.error-boundary-fallback{padding:40px;text-align:center}.error-boundary-fallback-title{margin-bottom:var(--sp-3)}.error-boundary-fallback-text{opacity:.7;margin-bottom:var(--sp-5)}.external-integration-fallback{padding:var(--sp-5);text-align:center;opacity:.7}.app-session-loading{height:100dvh;width:100vw;background:var(--bg-main);display:flex;justify-content:center;align-items:center}.app-session-loading-spinner{width:40px;height:40px;border:4px solid var(--border-glass);border-top-color:var(--accent-color);border-radius:50%;animation:spinFast 1s linear infinite}.accordion-chevron,.chevron-icon{display:inline-block;transition:transform var(--speed-fast) var(--ease-premium);font-size:var(--fs-sm)}.accordion-item.active .accordion-chevron,.nav-group-active .chevron-icon{transform:rotate(180deg)}*{transition-timing-function:var(--ease-premium)}.glass-effect{background:var(--bg-panel-glass);border:1px solid var(--border-glass)}.glass-input-effect{background:var(--bg-input-glass);border:1px solid var(--border-glass)}.animate-fade-in{animation:fadeIn var(--speed-slow) var(--ease-premium)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-scale-in{animation:scaleIn var(--speed-normal) var(--ease-premium)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.theme-toggle-btn{background:var(--bg-input-glass);border:1px solid var(--border-glass);color:var(--text-primary);font-size:var(--fs-lg);cursor:pointer;padding:10px;border-radius:var(--radius-md);transition:transform var(--speed-fast) var(--ease-premium),background var(--speed-fast) var(--ease-premium),border-color var(--speed-fast) var(--ease-premium);display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{transform:scale(1.05);border-color:var(--accent-color);background:var(--bg-hover-glass)}@keyframes spinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-input-glass) 0%,var(--bg-hover-glass) 50%,var(--bg-input-glass) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-line{height:12px;margin:6px 0}.skeleton-line--lg{height:18px}.skeleton-card{height:140px;border-radius:var(--radius-lg);margin-bottom:16px}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.wepairr-table-container{width:100%;margin-top:10px;border-radius:var(--radius-lg);overflow:auto;border:1px solid var(--border-glass);background:var(--bg-panel-glass);box-shadow:var(--shadow-md)}.wepairr-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--fs-base)}.wepairr-table thead th{background:var(--bg-input-glass);color:var(--text-secondary);text-transform:uppercase;font-size:var(--fs-xs);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-wide);padding:15px 20px;border-bottom:1px solid var(--border-glass)}.wepairr-table tbody th{padding:12px 20px;vertical-align:middle;color:var(--text-primary);white-space:nowrap;font-weight:inherit;text-align:left;background:transparent;text-transform:none;font-size:inherit;letter-spacing:normal}.table-row{border-bottom:1px solid var(--border-glass);transition:background var(--speed-fast) var(--ease-premium);position:relative}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover-glass)}.wepairr-table td{padding:12px 20px;vertical-align:middle;color:var(--text-primary);white-space:nowrap}.td-id{font-family:monospace;font-weight:var(--fw-bold);color:var(--text-secondary);cursor:pointer}.td-cliente{cursor:pointer}.td-cliente-name{font-weight:var(--fw-bold);font-size:var(--fs-base)}.td-cliente-phone{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.td-device{cursor:pointer}.td-device-name{font-weight:var(--fw-bold)}.td-device-problem{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.td-amount{font-weight:var(--fw-extrabold);font-family:monospace;font-size:var(--fs-md);cursor:pointer}.td-actions{width:50px;text-align:right}.td-actions .row-actions{display:flex;gap:5px;opacity:.3;transition:opacity var(--speed-fast) var(--ease-premium);justify-content:flex-end}.table-row:hover .row-actions{opacity:1}@media(hover:none){.td-actions .row-actions{opacity:1}}.action-icon-btn{background:var(--bg-input-glass);border:1px solid var(--border-glass);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--speed-fast) var(--ease-premium);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.action-icon-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px)}.action-icon-btn.text-danger:hover,.action-icon-btn.text-dark:hover{background:var(--danger);border-color:var(--danger)}.action-icon-btn.text-green:hover{background:var(--success)}.status-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:1px solid transparent}.status-chip[class*=status-ingresado],.status-chip[class*=status-recibido]{background:var(--kpi-ingresado-bg);color:var(--kpi-ingresado);border-color:color-mix(in srgb,var(--kpi-ingresado) 35%,transparent)}.status-chip[class*=status-en-proceso]{background:var(--kpi-en-proceso-bg);color:var(--kpi-en-proceso);border-color:color-mix(in srgb,var(--kpi-en-proceso) 35%,transparent)}.status-chip[class*=status-en-espera]{background:var(--kpi-en-espera-bg);color:var(--kpi-en-espera);border-color:color-mix(in srgb,var(--kpi-en-espera) 35%,transparent)}.status-chip[class*=status-finalizado],.status-chip[class*=status-listo],.status-chip[class*=status-reparado]{background:var(--kpi-finalizado-bg);color:var(--kpi-finalizado);border-color:color-mix(in srgb,var(--kpi-finalizado) 35%,transparent)}.status-chip[class*=status-atascado]{background:var(--kpi-atascados-bg);color:var(--kpi-atascados);border-color:color-mix(in srgb,var(--kpi-atascados) 35%,transparent)}.status-chip[class*=status-entregado]{background:var(--bg-input-glass);color:var(--text-secondary);border-color:var(--border-glass)}.status-chip[class*=status-fallido],.status-chip[class*=status-cancelado]{background:var(--kpi-atascados-bg);color:var(--kpi-atascados);border-color:color-mix(in srgb,var(--kpi-atascados) 35%,transparent)}.priority-chip{display:inline-block;padding:3px var(--sp-2);border-radius:var(--radius-xs);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:capitalize}.pr-baja{background:var(--bg-input-glass);color:var(--text-secondary)}.pr-normal{background:var(--kpi-finalizado-bg);color:var(--kpi-finalizado)}.pr-alta{background:var(--kpi-ingresado-bg);color:var(--kpi-ingresado)}.pr-urgente{background:var(--kpi-atascados-bg);color:var(--kpi-atascados);border:1px solid color-mix(in srgb,var(--kpi-atascados) 35%,transparent)}.chip-symbol{display:inline-block;font-weight:var(--fw-bold);margin-right:2px;line-height:1}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--bg-panel-solid);color:var(--text-primary);border:1px solid var(--border-glass);padding:5px 10px;border-radius:var(--radius-xs);font-size:var(--fs-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--speed-fast) var(--ease-premium);z-index:var(--z-tooltip);box-shadow:var(--shadow-glass)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-5px)}html :focus-visible{outline:2px solid var(--accent-color, #6366f1);outline-offset:2px;border-radius:2px}html :focus:not(:focus-visible){outline:none}html [role=dialog]:focus-visible,html [tabindex="-1"]:focus-visible,html .np-modal-card:focus-visible{outline:none}@keyframes fadeInFast{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-fast{animation:fadeInFast var(--speed-fast) var(--ease-premium)}@keyframes smoothBalance{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-smooth-balance{animation:smoothBalance 2s ease-in-out infinite}@media(max-width:768px){.wepairr-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.wepairr-table{min-width:720px}.wepairr-table th,.wepairr-table td{padding:10px 12px;font-size:var(--fs-sm);white-space:nowrap}.wepairr-table td.td-cliente,.wepairr-table td.td-device{white-space:normal;max-width:200px}}@media(max-width:480px){.wepairr-table th,.wepairr-table td{padding:8px 10px}}html{font-size:var(--fs-md)}@media(max-width:360px){html{font-size:14.5px}body{overflow-x:hidden}}@media(min-width:361px)and (max-width:479px){html{font-size:var(--fs-base)}}@media(min-width:480px)and (max-width:767px){html{font-size:15.5px}}@media(min-width:1600px)and (max-width:1919px){html{font-size:16.5px}}@media(min-width:1920px)and (max-width:2559px){html{font-size:var(--fs-lg)}}@media(min-width:2560px){html{font-size:var(--fs-lg)}}.container,.app-container{width:100%;max-width:var(--container-xl);margin:0 auto;padding-left:var(--sp-4);padding-right:var(--sp-4);box-sizing:border-box}@media(min-width:1280px){.container,.app-container{padding-left:var(--sp-6);padding-right:var(--sp-6)}}@media(min-width:1920px){.container,.app-container{max-width:var(--container-2xl);padding-left:var(--sp-8);padding-right:var(--sp-8)}}@media(max-width:767px){body{overflow-x:hidden}img,video,table{max-width:100%}}@media(hover:none)and (pointer:coarse){button,.btn,a.btn,.action-icon-btn,.theme-toggle-btn,[role=button]{min-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content{position:absolute;top:-40px;left:8px;z-index:100000;padding:10px 16px;background:var(--accent-color);color:#fff;text-decoration:none;font-weight:var(--fw-bold);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:top var(--speed-fast) var(--ease-premium)}.skip-to-content:focus,.skip-to-content:focus-visible{top:8px;outline:2px solid var(--text-primary);outline-offset:2px}@page{margin:1.5cm}@media print{html,body{background:#fff!important;background-image:none!important;color:#000!important;font-size:11pt;line-height:1.4}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;box-shadow:none!important;text-shadow:none!important;border-radius:0!important}.tech-navbar,nav[aria-label="Navegación principal del Dashboard"],.mi-espacio-sidebar,.sidebar-header,.sidebar-nav,.sidebar-footer,.sidebar-section-divider,.delegacion-sidebar,.features-sidebar-nav,.agenda-sidebar-title,.ft-preview-sidebar,.settings-sidebar,aside.sidebar,.skip-to-content,.cookie-banner,.spotlight-search,.spotlight-overlay,.floating-actions-menu,.pwa-install-prompt,.page-tutorial,.daily-standup-overlay,.onboarding-wizard,.terms-acceptance-modal,.wepairr-toast-stack,.np-modal-overlay,.np-modal,.context-menu,.ticket-toolbar,.ticket-filters-bar,.kpi-bar,.ticket-kpi-bar,.spotlight-search-overlay,.ai-chat-assistant,.chat-box,.team-chat,.sticky-notes,.maintenance-reminder-banner,.features-manager,.info-tooltip,.tooltip,[data-no-print=true]{display:none!important}button:not(.print-show),.btn:not(.print-show),[class*=btn-]:not(.print-show),[class^=btn-]:not(.print-show),.icon-button:not(.print-show),[role=button]:not(.print-show),input[type=button]:not(.print-show),input[type=submit]:not(.print-show),.search-bar,.search-input,[type=search]{display:none!important}.no-print,.no-print *{display:none!important}.print-only{display:block!important}.app-root,.app-main,main,#main-content,.page-container,.dashboard-container,.mi-espacio-content,.mi-espacio-layout{background:#fff!important;background-image:none!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;display:block!important;grid-template-columns:none!important}.glass-effect,.glass,.card,.wepairr-card,.panel,.surface,.wepairr-table-container{background:#fff!important;background-image:none!important;border:1pt solid #999!important;color:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}table,.wepairr-table{width:100%!important;border-collapse:collapse!important;page-break-inside:auto}.wepairr-table th,.wepairr-table td,table th,table td{border:.5pt solid #999!important;padding:4pt 6pt!important;color:#000!important;background:#fff!important}.wepairr-table thead,table thead{display:table-header-group}.wepairr-table tr,table tr{page-break-inside:avoid;page-break-after:auto}.badge,.chip,.tag,.status-pill,[class*=status-]{border:.5pt solid currentColor!important;padding:1pt 4pt!important;background:#fff!important}h1,h2,h3,h4,h5,h6{color:#000!important;page-break-after:avoid;page-break-inside:avoid}h1{font-size:18pt}h2{font-size:14pt}h3{font-size:12pt}p,li{orphans:3;widows:3}a,a:visited{color:#000!important;text-decoration:underline}a[href^=http]:after,a[href^=https]:after{content:" (" attr(href) ")";font-size:9pt;color:#444;word-break:break-all}a[href^="#"]:after,a[href^="javascript:"]:after,a[href^="mailto:"]:after,a[href^="tel:"]:after{content:""}img{max-width:100%!important;page-break-inside:avoid}input,textarea,select{background:#fff!important;color:#000!important;border:.5pt solid #999!important}}.print-only{display:none}@media(hover:none){.action-icon-btn,.ai-close-btn,.ai-fullscreen-btn,.tk-close-btn,.cv-action-btn{min-width:44px;min-height:44px}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}@media(max-width:768px){html,body,#root{min-height:100dvh}}@media(max-width:768px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:var(--fs-md)}button,[role=button],a.button,.btn,input[type=button],input[type=submit],input[type=reset]{min-height:44px;touch-action:manipulation}html,body{max-width:100vw;overflow-x:hidden}.scroll-container,.ticket-list,.mi-espacio-tickets-list,.wepairr-table-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.modal,.modal-overlay,.floating-actions-menu,.spotlight-search-modal{padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}header,nav,.sidebar-header,.mi-espacio-tickets-header{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}table:not(.wepairr-table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}@media(max-width:360px){.ticket-card,.mi-espacio-card,.dashboard-kpi-card{padding:var(--sp-3, 12px)}}@media(display-mode:standalone){#static-legal-footer{display:none!important}}html.app-shell,body.app-shell{overscroll-behavior-y:none}
