@charset "UTF-8";:root{--color-primary: #1a2332;--color-secondary: #2d4f5e;--color-accent: #d4a574;--color-neutral: #ab8a6a;--color-white: #fff;--color-black: #000;--color-gray-light: #e8e8e8;--color-gray-medium: #6c757d;--color-gray-dark: #343a40;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-logo: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-6xl: 4rem;--font-size-8xl: 6rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--container-max-width: 1200px;--border-radius: .5rem;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--color-white);overflow-x:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);min-height:100vh}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transition:var(--transition)}.header-content{max-width:min(var(--container-max-width),100%);margin:0 auto;padding:var(--spacing-sm) clamp(var(--spacing-sm),4vw,var(--spacing-lg));display:flex;align-items:center;justify-content:space-between}.logo h2{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-family-logo),sans-serif;color:var(--color-white);margin:0}.nav-menu{display:flex;gap:var(--spacing-lg);align-items:center}.nav-menu a{color:var(--color-white);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-menu a:hover{color:#fffc}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));transition:var(--transition)}.nav-menu a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:1rem}.login-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:calc(var(--spacing-xs) + .25rem) var(--spacing-md);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));color:var(--color-white);text-decoration:none;border-radius:50px;font-weight:600;font-size:var(--font-size-sm);transition:var(--transition);box-shadow:var(--box-shadow)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #01162666;color:var(--color-white);text-decoration:none}.mobile-menu-btn{display:none!important;background:none;border:none;color:var(--color-white);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.mobile-menu-btn:hover,.mobile-menu-btn.active{background:#d4a57433;color:var(--color-accent)}.nav-menu.active{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:var(--box-shadow)}.particle-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3),transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3),transparent 50%)}.hero-section{min-height:100vh;padding-top:80px;background:transparent;position:relative;display:flex;align-items:center;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:drift 20s linear infinite}@keyframes drift{0%{transform:translate(-60px)}to{transform:translate(60px)}}.hero-content{max-width:min(var(--container-max-width),100%);margin:0 auto;padding:0 clamp(var(--spacing-sm),4vw,var(--spacing-lg));display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:var(--spacing-xs) var(--spacing-sm);border-radius:50px;color:var(--color-white);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease-out}.hero-title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-6xl));font-weight:900;color:var(--color-white);margin-bottom:var(--spacing-md);line-height:1.1;animation:fadeInUp .8s ease-out .2s both}.title-main{display:block;font-size:.6em;font-weight:400;opacity:.9;margin-bottom:.2em}.brand-text{color:var(--color-white)}.brand-glow{color:var(--color-accent);position:relative}.brand-glow:after{content:"WhatsApp";position:absolute;top:0;left:0;color:var(--color-accent);filter:blur(10px);opacity:.5;z-index:-1}.hero-description{font-size:var(--font-size-xl);color:#ffffffe6;margin-bottom:var(--spacing-lg);line-height:1.6;animation:fadeInUp .8s ease-out .4s both}.hero-stats{display:flex;gap:var(--spacing-lg);margin-bottom:2.5rem;animation:fadeInUp .8s ease-out .6s both}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-white);display:block}.stat-label{font-size:var(--font-size-sm);color:#ffffffb3;margin-top:.25rem}.hero-cta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;animation:fadeInUp .8s ease-out .8s both}.cta-button{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:var(--spacing-sm) var(--spacing-lg);border-radius:50px;text-decoration:none;font-weight:600;font-size:var(--font-size-lg);transition:var(--transition);overflow:hidden;border:2px solid transparent}.cta-button.primary{background:transparent;border:3px solid var(--color-accent);color:var(--color-accent);box-shadow:var(--box-shadow)}.cta-button.primary:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-3px);box-shadow:0 10px 30px #d4a57466;text-decoration:none}.cta-button.secondary{background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);border:3px solid var(--color-accent)}.cta-button.secondary:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d;text-decoration:none}.button-bg{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button:hover .button-bg{left:100%}.floating-elements{position:absolute;top:50%;right:10%;transform:translateY(-50%)}.float-element{position:absolute;width:60px;height:60px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;animation:float 6s ease-in-out infinite;animation-delay:var(--delay)}.float-element:nth-child(1){top:-100px;right:0}.float-element:nth-child(2){top:-50px;right:100px}.float-element:nth-child(3){top:20px;right:50px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.phone-mockup{width:320px;height:640px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:40px;padding:8px;box-shadow:0 25px 80px #0000004d;position:relative;animation:phoneFloat 4s ease-in-out infinite}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-10px) rotate(-1deg)}}.phone-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:linear-gradient(45deg,#25d366,#667eea);border-radius:50px;opacity:.3;filter:blur(20px);animation:pulse 2s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.phone-screen{width:100%;height:100%;background:#f0f2f5;border-radius:32px;overflow:hidden;position:relative}.status-bar{background:#00a884;color:#fff;padding:8px 20px;display:flex;justify-content:space-between;font-size:.875rem;font-weight:600}.status-icons{display:flex;gap:8px}.phone-mockup .chat-header{background:#00a884;color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.demo-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.avatar-ring{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid rgba(255,255,255,.3);border-radius:50%;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phone-mockup .online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4ade80;border:2px solid white;border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.demo-info{flex:1}.demo-info h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-white)}.typing-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;opacity:.9;margin-top:2px;color:#ffffffe6}.typing-dots{display:flex;gap:2px}.typing-dots span{width:4px;height:4px;background:currentColor;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(1);opacity:.5}40%{transform:scale(1.5);opacity:1}}.phone-mockup .chat-demo{padding:20px 16px;display:flex;flex-direction:column;gap:12px;min-height:400px;background:linear-gradient(180deg,#f0f2f5,#e8eaed)}.phone-mockup .message{max-width:85%;opacity:0;transform:translateY(20px)}.phone-mockup .message.animate-in{animation:messageSlideIn .6s ease-out forwards}@keyframes messageSlideIn{to{opacity:1;transform:translateY(0)}}.phone-mockup .message.received{align-self:flex-start}.phone-mockup .message.sent{align-self:flex-end}.phone-mockup .message-content{padding:12px 16px;border-radius:18px;position:relative;box-shadow:0 2px 8px #0000001a}.phone-mockup .message.received .message-content{background:#fff;border-bottom-left-radius:6px}.phone-mockup .message.sent .message-content{background:#d9fdd3;border-bottom-right-radius:6px}.phone-mockup .message-content p{margin:0 0 8px;font-size:.95rem;line-height:1.4;color:#111b21}.phone-mockup .message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px}.phone-mockup .message-time{font-size:.75rem;color:#667781;font-weight:400}.phone-mockup .message-meta i{font-size:.8rem;color:#667781}.phone-mockup .message-meta i.read{color:#53bdeb}.phone-mockup .chat-input{background:#f0f2f5;padding:12px 16px;border-top:1px solid #e4e6ea}.input-bar{background:#fff;border-radius:25px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 6px #0000001a}.input-bar i{color:#54656f;font-size:1.1rem;cursor:pointer;transition:color .2s ease}.input-bar i:hover{color:#25d366}.typing-simulation{flex:1;color:#667781;font-size:.95rem;position:relative}.typing-simulation:after{content:"|";animation:cursor 1s infinite}@keyframes cursor{0%,50%{opacity:1}51%,to{opacity:0}}.features-section{padding:clamp(60px,8vw,100px) clamp(1rem,4vw,2rem);background:transparent;position:relative}.section-header{max-width:min(800px,90%);margin:0 auto 80px;text-align:center;padding:0 clamp(1rem,4vw,2rem)}.section-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:2px solid var(--color-accent);color:var(--color-accent);padding:var(--spacing-xs) var(--spacing-md);border-radius:50px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.section-title{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-4xl));font-weight:700;color:var(--color-white);margin-bottom:1.5rem;line-height:1.2}.highlight{color:var(--color-accent)}.section-subtitle{font-size:1.25rem;color:var(--color-gray-light);line-height:1.6}.features-grid{max-width:min(1400px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 clamp(1rem,4vw,2rem)}.feature-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2rem;box-shadow:0 4px 20px #0003;transition:all .4s ease;overflow:hidden;border:1px solid rgba(212,165,116,.2)}.feature-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease}.feature-card.ai .feature-bg,.feature-card.crm .feature-bg{background:linear-gradient(135deg,#667eea20,#764ba220)}.feature-card.analytics .feature-bg,.feature-card.multi-user .feature-bg{background:linear-gradient(135deg,#f093fb20,#f5576c20)}.feature-card.automation .feature-bg{background:linear-gradient(135deg,#4facfe20,#00f2fe20)}.feature-card.integration .feature-bg{background:linear-gradient(135deg,#43e97b20,#38f9d720)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.feature-card:hover .feature-bg{opacity:1}.feature-icon{position:relative;width:70px;height:70px;border-radius:calc(var(--border-radius) * 4);background:transparent;border:3px solid var(--color-accent);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:var(--spacing-md);overflow:visible;transition:var(--transition)}.feature-icon:hover{background:var(--color-accent);color:var(--color-primary)}.feature-icon i{position:relative;z-index:2}.icon-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:iconGlow 3s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes iconGlow{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.feature-card h4{font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:1rem}.feature-card p{color:var(--color-gray-light);line-height:1.6;margin-bottom:1.5rem}.feature-benefits{display:flex;flex-wrap:wrap;gap:.5rem}.feature-benefits span{padding:.375rem .75rem;background:#d4a57433;color:var(--color-accent);border:1px solid rgba(212,165,116,.3);border-radius:20px;font-size:.8rem;font-weight:500}.examples-section{padding:clamp(60px,8vw,100px) clamp(1rem,4vw,2rem);background:transparent;color:#fff}.examples-section .section-header{margin-bottom:60px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.examples-section .section-header .section-badge{order:1}.examples-section .section-header .section-title{order:2;max-width:900px}.examples-section .section-title{color:#fff}.examples-container{max-width:min(1400px,100%);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.examples-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:2px solid rgba(212,165,116,.3);color:#ffffffb3;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.tab-btn.active,.tab-btn:hover{background:#d4a5741a;border-color:var(--color-accent);color:var(--color-accent)}.tab-content{display:none}.tab-content.active{display:block}.example-showcase{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.success-badge{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:2px solid var(--color-accent);color:var(--color-accent);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.showcase-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem}.showcase-content p{font-size:1.2rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.metrics{display:flex;gap:2rem;margin-bottom:2rem}.metric{text-align:center}.metric-value{font-size:2.5rem;font-weight:800;color:var(--color-accent);display:block}.metric-label{font-size:.9rem;color:#ffffffb3;margin-top:.25rem}.features-list{display:flex;flex-direction:column;gap:1rem}.features-list .feature-item{display:flex;align-items:center;gap:.75rem;color:#ffffffe6}.features-list .feature-item i{color:#4ade80;font-size:1.1rem}.dashboard-preview{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.example-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#423424,#51422b,#433525);background-size:200% 200%;animation:goldShimmer 3s ease-in-out infinite;box-shadow:0 4px 20px #d4a57466,0 0 30px #e6dcd2a5,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.example-dashboard-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:goldSweep 3s ease-in-out infinite}@keyframes goldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes goldSweep{0%{left:-100%}to{left:100%}}.example-dashboard-header h4{font-size:1.25rem;font-weight:700;color:#d2cfc0;text-shadow:0 2px 4px rgba(251,244,244,.3),0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,215,0,.3);position:relative;z-index:1}.example-dashboard-header .live-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#1a2332;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.3);position:relative;z-index:1}.pulse{width:10px;height:10px;background:#1a2332;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 #1a2332b3,0 0 0 4px #1a23324d;position:relative}.pulse:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#4ade80;border-radius:50%}.appointment-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:.75rem;border-left:3px solid var(--color-accent)}.appointment-time{font-size:1.25rem;font-weight:700;color:var(--color-accent);min-width:60px}.appointment-info strong{display:block;font-weight:600;margin-bottom:.25rem}.appointment-info span{font-size:.875rem;color:#ffffffb3}.pricing-section{padding:clamp(60px,8vw,100px) clamp(1rem,4vw,2rem);background:transparent}.pricing-grid{max-width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;padding:0 clamp(1rem,4vw,2rem)}.pricing-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem;box-shadow:0 4px 20px #0003;transition:all .4s ease;border:2px solid rgba(212,165,116,.2);text-align:center}.pricing-card.featured{border-color:var(--color-accent);transform:scale(1.05);box-shadow:0 20px 60px #d4a5744d}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 25px 80px #00000026}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-primary);padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600}.pricing-header h3{font-size:1.75rem;font-weight:700;color:var(--color-white);margin-bottom:1rem}.price{margin-bottom:1rem}.price-label{display:block;font-size:.875rem;color:var(--color-gray-light);font-weight:500;margin-bottom:.5rem}.currency{font-size:1.5rem;font-weight:600;color:var(--color-gray-light);vertical-align:top}.amount{font-size:3.5rem;font-weight:900;color:var(--color-white);line-height:1}.period{font-size:1.125rem;color:var(--color-gray-light);font-weight:500}.pricing-header p{color:var(--color-gray-light);margin-bottom:2rem}.pricing-features{margin-bottom:2rem}.pricing-features .feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--color-gray-light)}.pricing-features .feature-item i{color:var(--color-accent);font-size:1.1rem}.pricing-cta{display:inline-block;width:100%;padding:1rem 2rem;background:transparent;border:3px solid var(--color-accent);color:var(--color-accent);text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease}.pricing-cta:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 30px #d4a5744d;text-decoration:none}.pricing-cta.featured{background:var(--color-accent);color:var(--color-primary)}.pricing-cta.featured:hover{background:transparent;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 10px 30px #d4a5744d}.faq-section{padding:clamp(60px,8vw,100px) clamp(1rem,4vw,2rem);background:transparent}.faq-container{max-width:min(800px,90%);margin:0 auto;margin-top:3rem;padding:0 clamp(1rem,4vw,2rem)}.faq-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:16px;margin-bottom:1rem;box-shadow:0 2px 10px #0003;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 20px #00000026}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.faq-question:hover{background:#d4a5741a}.faq-question h4{font-size:1.125rem;font-weight:600;color:var(--color-white);margin:0}.faq-question i{color:var(--color-accent);transition:transform .3s ease}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 2rem}.faq-item.active .faq-answer{max-height:500px;padding:0 2rem 1.5rem}.faq-answer p{padding:0;color:var(--color-gray-light);line-height:1.6;margin:0}.cta-section{padding:clamp(80px,10vw,120px) clamp(var(--spacing-sm),4vw,var(--spacing-lg));background:transparent;color:var(--color-white);text-align:center;position:relative;overflow:hidden}.cta-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpolygon points='50 0 60 40 100 50 60 60 50 100 40 60 0 50 40 40'/%3E%3C/g%3E%3C/svg%3E");animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(-100px) translateY(-100px)}to{transform:translate(100px) translateY(100px)}}.cta-content{max-width:min(800px,90%);margin:0 auto;position:relative;z-index:1;padding:0 clamp(var(--spacing-sm),4vw,var(--spacing-lg))}.cta-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:calc(var(--spacing-xs) + .25rem) var(--spacing-md);border-radius:50px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-lg);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.cta-title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-6xl));font-weight:900;margin-bottom:var(--spacing-md);line-height:1.1}.gradient-text{color:var(--color-accent)}.cta-description{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);opacity:.9;line-height:1.6}.cta-features{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);font-weight:500}.cta-feature i{color:var(--color-accent);font-size:var(--font-size-xl)}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.cta-button-large{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:calc(var(--spacing-sm) + .25rem) calc(var(--spacing-xl) + .5rem);border-radius:50px;text-decoration:none;font-size:var(--font-size-xl);font-weight:700;transition:var(--transition);overflow:hidden}.cta-button-large{border:3px solid var(--color-white)}.cta-button-large.primary{background:transparent;border-color:var(--color-accent);color:var(--color-accent);box-shadow:none}.cta-button-large.primary:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-5px);box-shadow:0 10px 30px #d4a5744d;text-decoration:none}.cta-button-large.secondary{background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);border:3px solid var(--color-white)}.cta-button-large.secondary:hover{background:var(--color-white);color:var(--color-primary);transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d;text-decoration:none}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.cta-button-large:hover .button-shine{left:100%}.button-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s}.cta-button-large:hover .button-glow{opacity:1}.trust-indicators{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);opacity:.8}.trust-item i{color:var(--color-accent);font-size:var(--font-size-xl)}.footer{background:transparent;color:#fff;padding:clamp(60px,8vw,80px) clamp(1rem,4vw,2rem) 0}.footer-content{max-width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;padding:0 clamp(1rem,4vw,2rem)}.footer-logo h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--color-accent)}.footer-logo p{color:#ffffffb3;line-height:1.6;margin-bottom:2rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--color-accent);transform:translateY(-2px);color:var(--color-primary);text-decoration:none}.footer-section h4{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:2rem 0}.footer-bottom-content{max-width:min(1200px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:0 clamp(1rem,4vw,2rem)}.footer-bottom p{color:#ffffffb3;margin:0}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}.stat-number.counting{animation:countUp 2s ease-out}@keyframes countUp{0%{transform:scale(.8)}to{transform:scale(1)}}@media (max-width: 1024px){.hero-content,.example-showcase{grid-template-columns:1fr;gap:3rem;text-align:center}.features-grid{grid-template-columns:repeat(2,1fr)}.nav-menu{display:none}.mobile-menu-btn{display:block}}@media (max-width: 768px){.hero-stats,.metrics{justify-content:center}.cta-features,.trust-indicators,.examples-tabs{flex-direction:column;align-items:center}.tab-btn{width:200px;justify-content:center}.features-grid{grid-template-columns:1fr}}@media (max-width: 480px){.phone-mockup{width:280px;height:560px}.hero-section,.features-section,.examples-section,.cta-section,.pricing-section,.faq-section{padding:80px 1rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button-large{width:100%;max-width:min(300px,90%);justify-content:center}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-bottom-content{flex-direction:column;text-align:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(212,165,116,.1),transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,165,116,.1),transparent 50%),radial-gradient(circle at 40% 80%,rgba(212,165,116,.1),transparent 50%);z-index:0}.login-container{width:100%;max-width:450px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}.login-header{text-align:center;margin-bottom:40px}.login-logo{margin-bottom:30px;animation:float 3s ease-in-out infinite;display:flex;justify-content:center;align-items:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-image{width:180px;height:180px;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 4px 20px rgba(212,165,116,.3))}.logo-image:hover{transform:scale(1.05)}.login-tagline{color:var(--color-gray-light);font-size:1rem;opacity:.9}.login-form-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:24px;padding:40px;box-shadow:0 8px 32px #0000004d}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--color-white);font-size:.9rem;font-weight:600}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:16px;color:var(--color-accent);font-size:1rem;z-index:1}.input-wrapper input{width:100%;padding:14px 16px 14px 45px;background:#ffffff1a;border:2px solid rgba(212,165,116,.3);border-radius:12px;color:var(--color-white);font-size:1rem;transition:all .3s ease;outline:none}.input-wrapper input::placeholder{color:#ffffff80}.input-wrapper input:focus{background:#ffffff26;border-color:var(--color-accent);box-shadow:0 0 0 4px #d4a5741a}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.remember-me{display:flex;align-items:center;gap:8px;color:var(--color-gray-light);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.forgot-password{color:var(--color-accent);text-decoration:none;transition:opacity .2s ease}.forgot-password:hover{opacity:.8;text-decoration:underline}.login-button{width:100%;padding:16px;background:transparent;border:3px solid var(--color-accent);border-radius:12px;color:var(--color-accent);font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:8px}.login-button:hover:not(:disabled){background:var(--color-accent);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #d4a5744d}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;text-align:center;margin:8px 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid rgba(212,165,116,.3)}.login-divider span{padding:0 16px;color:var(--color-gray-light);font-size:.9rem}.social-login{display:flex;flex-direction:column;gap:12px}.social-button{width:100%;padding:14px;background:#ffffff0d;border:2px solid rgba(212,165,116,.3);border-radius:12px;color:var(--color-white);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.social-button:hover{background:#ffffff1a;border-color:var(--color-accent);transform:translateY(-2px)}.social-button i{font-size:1.2rem}.signup-link{text-align:center;margin-top:8px}.signup-link p{color:var(--color-gray-light);font-size:.9rem;margin:0}.signup-link a{color:var(--color-accent);text-decoration:none;font-weight:600;transition:opacity .2s ease}.signup-link a:hover{opacity:.8;text-decoration:underline}.login-footer{text-align:center;margin-top:30px}.login-footer a{color:var(--color-gray-light);text-decoration:none;font-size:.9rem;transition:color .2s ease}.login-footer a:hover{color:var(--color-accent)}@media (max-width: 768px){.login-tagline{font-size:.9rem}.logo-image{width:140px;height:140px}.login-form-container{padding:30px 24px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-form-section{background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:16px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition)}.profile-form-section:hover{border-color:#d4a57466;background:#ffffff0d}.profile-form-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid rgba(212,165,116,.2);display:flex;align-items:center;gap:var(--spacing-xs)}.profile-form-section h3:before{content:"";width:4px;height:20px;background:var(--color-accent);border-radius:2px}.profile-form .profile-field{margin-bottom:var(--spacing-md);padding:0;background:transparent}.profile-form .profile-field:last-child{margin-bottom:0}.profile-form .profile-field label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-light);margin-bottom:var(--spacing-xs);text-transform:none;letter-spacing:normal}.profile-form .profile-field input[type=text],.profile-form .profile-field input[type=email],.profile-form .profile-field input[type=url],.profile-form .profile-field textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff14;border:2px solid rgba(212,165,116,.3);border-radius:10px;color:var(--color-white);font-size:var(--font-size-base);font-weight:400;transition:var(--transition);font-family:inherit}.profile-form .profile-field input[type=text]:focus,.profile-form .profile-field input[type=email]:focus,.profile-form .profile-field input[type=url]:focus,.profile-form .profile-field textarea:focus{outline:none;border-color:var(--color-accent);background:#ffffff1f;box-shadow:0 0 0 3px #d4a5741a}.profile-form .profile-field input::placeholder,.profile-form .profile-field textarea::placeholder{color:#fff6}.profile-form .profile-field textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.profile-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:2px solid rgba(212,165,116,.2);margin-top:var(--spacing-sm)}.profile-form-actions button{min-width:140px;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;border-radius:10px;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.profile-form-actions .save-btn{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary)}.profile-form-actions .save-btn:hover:not(:disabled){background:#f5c98d;transform:translateY(-2px);box-shadow:0 4px 12px #d4a5744d}.profile-form-actions .cancel-btn{background:transparent;border-color:#ffffff4d;color:var(--color-white)}.profile-form-actions .cancel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.profile-form-actions button:disabled{opacity:.6;cursor:not-allowed}.profile-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-sm) var(--spacing-md)}@media (min-width: 768px){.profile-field-grid{gap:var(--spacing-md)}}@media (max-width: 767px){.profile-field-grid[style*="gridTemplateColumns: repeat(2, 1fr)"]{grid-template-columns:1fr!important}}.profile-form .form-group .input-error{border-color:#ef4444!important;background:#ef44441a!important}.profile-form .form-group .input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.profile-form .form-group .input-success{border-color:#22c55e!important;background:#22c55e0d!important}.profile-form .form-group .input-success:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e33!important}.profile-form .form-group{margin-bottom:var(--spacing-sm);padding:0;background:transparent}.profile-form .form-group:last-child{margin-bottom:0}.profile-form .form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-light);margin-bottom:calc(var(--spacing-xs) * .75);text-transform:none;letter-spacing:normal;line-height:1.4}.profile-form .form-group input[type=text],.profile-form .form-group input[type=email],.profile-form .form-group input[type=url],.profile-form .form-group input[type=tel],.profile-form .form-group input[type=password],.profile-form .form-group input[type=checkbox],.profile-form .form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff14;border:2px solid rgba(212,165,116,.3);border-radius:10px;color:var(--color-white);font-size:var(--font-size-base);font-weight:400;transition:var(--transition);font-family:inherit}.profile-form .form-group input[type=checkbox]{width:auto;cursor:pointer}.profile-form .form-group input[type=text]:focus,.profile-form .form-group input[type=email]:focus,.profile-form .form-group input[type=url]:focus,.profile-form .form-group input[type=tel]:focus,.profile-form .form-group input[type=password]:focus,.profile-form .form-group textarea:focus{outline:none;border-color:var(--color-accent);background:#ffffff1f;box-shadow:0 0 0 3px #d4a5741a}.profile-form .form-group input[type=text]:disabled,.profile-form .form-group input[type=email]:disabled,.profile-form .form-group input[type=url]:disabled,.profile-form .form-group input[type=tel]:disabled,.profile-form .form-group input[type=password]:disabled,.profile-form .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.profile-form .form-group input[type=text]::placeholder,.profile-form .form-group input[type=email]::placeholder,.profile-form .form-group input[type=url]::placeholder,.profile-form .form-group input[type=tel]::placeholder,.profile-form .form-group input[type=password]::placeholder,.profile-form .form-group textarea::placeholder{color:#fff6}.profile-form .form-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.profile-form .form-group small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-medium)}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#8b00001a;border:1px solid rgba(139,0,0,.3);border-radius:12px;color:#8b0000;font-size:.9rem;margin-bottom:1.5rem}.error-message i{font-size:1rem;color:#8b0000}.error-message span{color:#8b0000;font-weight:500}.contract-acceptance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);position:relative;overflow:hidden}.contract-acceptance-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(212,165,116,.1),transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,165,116,.1),transparent 50%),radial-gradient(circle at 40% 80%,rgba(212,165,116,.1),transparent 50%);z-index:0}.contract-container{width:100%;max-width:900px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1;animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;max-height:90vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contract-header{padding:30px;border-bottom:1px solid #e0e0e0;text-align:center}.contract-logo{margin-bottom:20px}.contract-logo .logo-image{max-width:150px;height:auto}.contract-header h1{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 10px}.contract-subtitle{font-size:14px;color:#7f8c8d;margin:0}.contract-content{flex:1;overflow-y:auto;padding:30px;background:#f8f9fa}.contract-text{background:#fff;padding:25px;border-radius:8px;border:1px solid #e0e0e0}.contract-text pre{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.8;color:#2c3e50;white-space:pre-wrap;word-wrap:break-word;margin:0;max-height:400px;overflow-y:auto}.contract-footer{padding:30px;border-top:1px solid #e0e0e0;background:#fff;border-radius:0 0 16px 16px}.contract-acceptance{margin-bottom:20px}.accept-checkbox{display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none}.accept-checkbox input[type=checkbox]{width:20px;height:20px;margin-right:12px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:var(--color-primary, #d4a574)}.accept-checkbox span{font-size:14px;line-height:1.6;color:#2c3e50}.accept-checkbox:hover span{color:var(--color-primary, #d4a574)}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px}.error-message i{font-size:16px}.accept-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #d4a57466}.accept-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4a57499}.accept-button:active:not(:disabled){transform:translateY(0)}.accept-button:disabled{opacity:.5;cursor:not-allowed;background:#ccc;box-shadow:none}.accept-button i{font-size:18px}.contract-text pre::-webkit-scrollbar{width:8px}.contract-text pre::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.contract-text pre::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.contract-text pre::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.contract-container{max-width:100%;max-height:95vh}.contract-header{padding:20px}.contract-header h1{font-size:24px}.contract-content{padding:20px}.contract-text{padding:15px}.contract-text pre{font-size:12px;max-height:300px}.contract-footer{padding:20px}.accept-checkbox span{font-size:13px}}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-white)}.dashboard-header{position:fixed;top:0;left:0;right:0;background:#1a2332f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,165,116,.2);z-index:1000;padding:var(--spacing-sm) 0}.dashboard-header-content{max-width:min(1400px,100%);margin:0 auto;padding:0 clamp(var(--spacing-sm),4vw,var(--spacing-lg));display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.dashboard-logo a{display:flex;align-items:center;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.dashboard-logo a:hover{opacity:.8}.dashboard-logo{display:flex;align-items:center}.dashboard-logo-image{width:50px;height:50px;object-fit:contain}.dashboard-nav{display:flex;gap:var(--spacing-lg);flex:1;justify-content:center}.dashboard-nav a{color:var(--color-white);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.dashboard-nav a:hover{color:var(--color-accent)}.dashboard-nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .3s ease}.dashboard-nav a:hover:after{width:100%}.dashboard-user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-name{color:var(--color-white);font-weight:600}.logout-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:calc(var(--spacing-xs) + .25rem) var(--spacing-md);background:transparent;border:2px solid var(--color-accent);color:var(--color-accent);border-radius:50px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition)}.logout-btn:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-2px)}.dashboard-main{padding-top:80px;min-height:100vh}.dashboard-container{max-width:min(1400px,100%);margin:0 auto;padding:var(--spacing-2xl) clamp(var(--spacing-sm),4vw,var(--spacing-lg))}.dashboard-welcome{text-align:center;margin-bottom:var(--spacing-2xl)}.dashboard-welcome h1{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-4xl));font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-sm)}.dashboard-welcome p{font-size:var(--font-size-lg);color:var(--color-gray-light);opacity:.9}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}@media (max-width: 1400px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-stats{grid-template-columns:1fr}}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:24px;padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition)}.stat-card:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 10px 30px #d4a57433}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-icon.admin{background:linear-gradient(45deg,#ef4444,#dc2626);color:var(--color-white)}.stat-icon.tenant{background:linear-gradient(45deg,#3b82f6,#2563eb);color:var(--color-white)}.stat-icon.manager{background:linear-gradient(45deg,#10b981,#059669);color:var(--color-white)}.stat-icon.employee,.stat-icon.whatsapp-user{background:linear-gradient(45deg,#25d366,#128c7e);color:var(--color-white)}.stat-info{flex:1}.stat-info h3{font-size:var(--font-size-sm);color:var(--color-gray-light);margin-bottom:var(--spacing-xs);font-weight:500}.stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-white);margin:0}.stat-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-light);margin:.25rem 0 0;opacity:.9}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.dashboard-sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:flex-start;grid-column:1 / -1}@media (max-width: 1200px){.dashboard-sections-grid{grid-template-columns:1fr!important}}.dashboard-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:24px;padding:var(--spacing-xl)}.dashboard-section h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-md)}.dashboard-section p{color:var(--color-gray-light);line-height:1.6}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:2px solid var(--color-accent);color:var(--color-accent);border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.action-btn:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-2px)}.profile-section{grid-column:1 / -1}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border:1px solid rgba(212,165,116,.3);border-radius:8px;color:var(--color-white);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;margin-bottom:var(--spacing-sm)}.back-btn:hover{background:#ffffff26;border-color:var(--color-accent);transform:translate(-2px)}.back-btn i{font-size:var(--font-size-sm)}.profile-header h2{margin:0}.edit-btn,.save-btn,.cancel-btn,.reset-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:8px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);border:2px solid}.edit-btn{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.edit-btn:hover{background:var(--color-accent);color:var(--color-primary)}.edit-actions{display:flex;gap:var(--spacing-sm)}.save-btn{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary)}.save-btn:hover:not(:disabled){background:var(--color-neutral);border-color:var(--color-neutral)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:transparent;border-color:var(--color-gray-medium);color:var(--color-gray-medium)}.cancel-btn:hover:not(:disabled){border-color:var(--color-white);color:var(--color-white)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.reset-btn{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.reset-btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-primary)}.reset-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard__edit-actions{display:flex;gap:var(--spacing-sm)}.dashboard__save-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:8px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);border:2px solid;background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary)}.dashboard__save-btn:hover:not(:disabled){background:var(--color-neutral);border-color:var(--color-neutral)}.dashboard__save-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard__cancel-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:8px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);border:2px solid;background:transparent;border-color:var(--color-gray-medium);color:var(--color-gray-medium)}.dashboard__cancel-btn:hover:not(:disabled){border-color:var(--color-white);color:var(--color-white)}.dashboard__cancel-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard__edit-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:8px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);border:2px solid;background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.dashboard__edit-btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-primary)}.dashboard__edit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.profile-field{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ffffff08;border-radius:8px}.field-label{font-size:var(--font-size-sm);color:var(--color-gray-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.field-value{font-size:var(--font-size-base);color:var(--color-white);font-weight:500}.profile-input-wrapper{width:100%;display:flex;flex-direction:column;gap:.25rem}.profile-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border:2px solid rgba(212,165,116,.3);border-radius:8px;color:var(--color-white);font-size:var(--font-size-base);font-weight:500;transition:var(--transition)}.profile-input:focus{outline:none;border-color:var(--color-accent);background:#ffffff26}.profile-input::placeholder{color:#ffffff80}.profile-input.input-error{border-color:#ef4444;background:#ef44441a}.profile-input.input-error:focus{border-color:#ef4444;background:#ef444426}.field-error{font-size:var(--font-size-xs);color:#ef4444;display:flex;align-items:center;gap:.375rem;margin-top:.25rem;font-weight:500}.field-error:before{content:"⚠";font-size:.875rem;flex-shrink:0}.user-type-select{padding:.5rem;border-radius:4px;border:1px solid rgba(212,165,116,.3);background:#ffffff0d;color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);min-width:150px;transition:var(--transition)}.user-type-select:hover:not(:disabled){border-color:#d4a57480;background:#ffffff14}.user-type-select:focus{outline:none;border-color:var(--color-accent);background:#ffffff1a}.user-type-select:disabled{opacity:.6;cursor:wait}.user-type-select option{background:var(--color-primary);color:var(--color-white)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.profile-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-accent);border-radius:4px}.checkbox-label{font-size:var(--font-size-base);color:var(--color-white);font-weight:500;cursor:pointer}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.admin{background:linear-gradient(45deg,#ef4444,#dc2626);color:var(--color-white)}.badge.tenant{background:linear-gradient(45deg,#3b82f6,#2563eb);color:var(--color-white)}.badge.manager{background:linear-gradient(45deg,#10b981,#059669);color:var(--color-white)}.badge.employee,.badge.whatsapp-user{background:linear-gradient(45deg,#25d366,#128c7e);color:var(--color-white)}.badge.active{background:#10b98133;color:#10b981;border:1px solid #10b981}.badge.inactive{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.badge-toggle{border:none;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.badge-toggle.active{background:#10b98133;color:#10b981;border:1px solid #10b981}.badge-toggle.active:hover:not(:disabled){background:#10b9814d;border-color:#10b981;transform:scale(1.05)}.badge-toggle.inactive{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.badge-toggle.inactive:hover:not(:disabled){background:#ef44444d;border-color:#ef4444;transform:scale(1.05)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:var(--font-size-xs);font-weight:600}.status-badge.active{background:#10b98133;color:#10b981;border:1px solid #10b981}.status-badge.inactive{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.webhook-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:all .2s ease;cursor:pointer}.webhook-status-indicator:hover{transform:scale(1.2)}.webhook-status-indicator.webhook-status-active{background-color:#22c55e;box-shadow:0 0 6px #22c55e99}.webhook-status-indicator.webhook-status-active:hover{box-shadow:0 0 10px #22c55ecc}.webhook-status-indicator.webhook-status-inactive{background-color:#6b7280;box-shadow:0 0 4px #6b728066}.webhook-status-indicator.webhook-status-inactive:hover{box-shadow:0 0 8px #6b728099}.table-container{overflow-x:auto;margin-top:var(--spacing-md)}.data-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.data-table thead{background:#d4a5741a}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-accent);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--spacing-md);color:var(--color-white);border-top:1px solid rgba(255,255,255,.05)}.data-table tbody tr:hover{background:#ffffff0d}.loading-state,.error-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-white)}.loading-state i{font-size:3rem;margin-bottom:var(--spacing-md);color:var(--color-accent)}.error-state i{font-size:3rem;margin-bottom:var(--spacing-md);color:#ef4444}.loading-state p,.error-state p{font-size:var(--font-size-lg);margin:0}.error-message-profile{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.error-message-profile i{font-size:1.2rem}.error-message-profile span{flex:1}.phone-numbers-board{scrollbar-width:thin;scrollbar-color:rgba(212,165,116,.3) transparent}.phone-numbers-board::-webkit-scrollbar{height:8px}.phone-numbers-board::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.phone-numbers-board::-webkit-scrollbar-thumb{background:#d4a5744d;border-radius:4px}.phone-numbers-board::-webkit-scrollbar-thumb:hover{background:#d4a57480}.phone-card{transition:all .2s ease}.phone-card.drag-over{transform:scale(1.02)}.user-card{-webkit-user-select:none;user-select:none}.user-card:active{cursor:grabbing}.user-card:hover{background:#ffffff14!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.user-card[draggable=true]:hover{cursor:grab}@media (max-width: 768px){.dashboard-header-content{flex-direction:column;gap:var(--spacing-sm)}.dashboard-nav{flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.dashboard-content{grid-template-columns:1fr}.dashboard-logo-image{width:40px;height:40px}}@media (max-width: 768px){.profile-form-actions{flex-direction:column-reverse}.profile-form-actions button{width:100%}.profile-field-grid{grid-template-columns:1fr}}.modal-container{background:var(--color-primary);border-radius:var(--border-radius);padding:2rem;max-width:32rem;width:100%;text-align:center;box-shadow:0 20px 50px #0000004d;border:1px solid rgba(255,255,255,.08)}.status-box{padding:3rem 2rem;border-radius:.5rem;margin:0 auto 1.5rem;text-align:center}.status-box-connecting{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.status-box-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.status-box-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.status-icon{font-size:3rem;margin-bottom:1rem}.status-icon-success{color:#22c55e}.status-icon-error{color:#ef4444}.status-icon-loading{color:var(--color-accent)}.status-text{margin:0;font-size:1.1rem;font-weight:500}.status-text-success{color:#22c55e}.status-text-error{color:#ef4444}.status-description{margin:.5rem 0 0;color:var(--color-gray-medium);font-size:var(--font-size-sm)}.info-box{text-align:center;background:#ffffff08;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:var(--font-size-sm)}.info-box-left{text-align:left}.verification-code-input{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid var(--color-gray-dark);border-radius:var(--border-radius);color:var(--color-text);font-size:1.5rem;text-align:center;letter-spacing:.5rem;font-family:monospace}.qr-code-image{width:100%;max-width:16rem;border-radius:.5rem;margin:0 auto 1.5rem;background:#fff;padding:1rem}.empty-state{text-align:center;padding:1.5rem;border-radius:.5rem;border:1px dashed rgba(255,255,255,.2);margin-bottom:1.5rem;color:var(--color-gray-medium)}.empty-state-text{margin:0}.form-label{display:block;margin-bottom:.5rem;font-size:var(--font-size-sm);font-weight:500}.countdown-text{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-medium);margin-bottom:1rem}.dashboard-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-header-actions-group{display:flex;gap:.5rem}.dashboard-btn-small{margin:0;padding:.5rem 1rem;font-size:var(--font-size-sm)}.dashboard-btn-back{margin:0}.dashboard-btn-status{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.dashboard-btn-status:disabled{cursor:wait;opacity:.6}.dashboard-btn-status-small{padding:.375rem .75rem;border-radius:6px;border:none;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.dashboard-btn-status-small:disabled{cursor:wait;opacity:.6}.dashboard-btn-delete{margin:0;padding:.5rem 1rem;font-size:var(--font-size-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;cursor:pointer}.dashboard-btn-delete:disabled{cursor:wait;opacity:.6}.dashboard-btn-delete-small{padding:.375rem .75rem;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#ef4444;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.dashboard-btn-delete-small:disabled{cursor:wait;opacity:.6}.user-card{padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(212,165,116,.2);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.user-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 16px #0000004d;border-color:#d4a57466}.user-card-header{display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(212,165,116,.2);padding-bottom:1rem}.user-avatar{width:48px;height:48px;border-radius:50%;background:#d4a57433;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-accent);flex-shrink:0}.user-info-container{flex:1;min-width:0}.user-info-name{font-weight:600;color:var(--color-white);font-size:var(--font-size-base);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-email{font-size:var(--font-size-sm);color:var(--color-gray-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-list{display:flex;flex-direction:column;gap:.75rem}.user-info-item{display:flex;align-items:center;gap:.5rem}.user-info-icon{color:var(--color-accent);font-size:.875rem;width:16px}.user-info-text{font-size:var(--font-size-sm);color:var(--color-white)}.user-badges-container{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.user-badge-status{font-size:.75rem;padding:.375rem .75rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding-bottom:1rem}.empty-state{text-align:center;padding:2rem;color:var(--color-gray-medium)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.clickable{cursor:pointer}.action-group{display:flex;gap:.5rem;align-items:center}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-section-actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}.modal-content{width:100%;max-width:500px;background:var(--color-primary);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.08);box-shadow:#00000059 0 25px 60px;padding:1.5rem;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header-content{flex:1}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-white);display:flex;align-items:center;gap:.5rem}.modal-close-btn{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--color-white);cursor:pointer;transition:.2s}.modal-close-btn:hover{background:#ffffff1a}.modal-body{margin-bottom:1.5rem}.modal-footer{display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.alert-box{border-radius:8px;padding:1rem;margin-bottom:1rem}.alert-box.error{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.alert-box.warning{background:#f1c40f1a;border:1px solid rgba(241,196,15,.3);color:#f1c40f}.alert-text{margin:0;font-weight:500}.alert-icon{margin-right:.5rem}.info-box{background:#ffffff0d;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.info-title{margin:0;color:var(--color-gray-light);font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem}.info-list{margin:0;padding-left:1.5rem;color:var(--color-gray-light);font-size:var(--font-size-sm);line-height:1.8}.info-text{color:var(--color-gray-light);line-height:1.6;margin-bottom:1rem}.btn-spacing-right{margin-right:1rem}.whatsapp-icon{color:#25d366}.user-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-form-section{background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:16px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition)}.user-form-section:hover{border-color:#d4a57466;background:#ffffff0d}.user-form-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid rgba(212,165,116,.2);display:flex;align-items:center;gap:var(--spacing-xs)}.user-form-section h3:before{content:"";width:4px;height:20px;background:var(--color-accent);border-radius:2px}.user-form .form-group{margin-bottom:var(--spacing-sm);padding:0;background:transparent}.user-form .form-group:last-child{margin-bottom:0}.user-form .form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-light);margin-bottom:var(--spacing-xs)}.user-form .form-group input,.user-form .form-group select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(212,165,116,.3);border-radius:var(--border-radius);color:var(--color-white);font-size:var(--font-size-base);transition:var(--transition)}.user-form .form-group input:focus,.user-form .form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #fcc88033;background:#ffffff14}.user-form .form-group input:disabled,.user-form .form-group select:disabled{opacity:.5;cursor:not-allowed}.user-form .form-group small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-medium)}.user-form .form-group .input-error{border-color:#ef4444!important;background:#ef444426!important;animation:shake .4s ease-in-out}.user-form .form-group .input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44444d!important}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.user-form .form-group .input-success{border-color:#22c55e!important;background:#22c55e0d!important}.user-form .form-group .input-success:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e33!important}.user-form-field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm) var(--spacing-md)}.user-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid rgba(212,165,116,.2)}.user-form-actions button{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);border:none}.user-form-actions button[type=submit]{background:var(--color-accent);color:var(--color-primary)}.user-form-actions button[type=submit]:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #fcc8804d}.user-form-actions button[type=button]{background:transparent;color:var(--color-gray-light);border:1px solid rgba(212,165,116,.3)}.user-form-actions button[type=button]:hover{background:#ffffff0d;border-color:var(--color-accent)}.user-form-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none}.position-relative,.input-wrapper{position:relative}.input-with-icon{padding-right:3.5rem!important}.input-without-icon{padding-right:1rem}.validation-icon-container{position:absolute;right:2.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;z-index:1}.icon-success{color:#22c55e;font-size:1.1rem}.icon-error{color:#ef4444;font-size:1.1rem}.icon-loading{color:var(--color-gray-medium);font-size:1.1rem}.small-text{font-size:var(--font-size-xs);display:block;margin-top:.25rem}.small-text-success{color:#22c55e;font-size:var(--font-size-xs);display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.small-text-success:before{content:"✓";font-size:1rem;color:#22c55e;font-weight:700}.small-text-error{color:#ef4444;font-size:var(--font-size-xs);display:block;margin-top:.5rem;padding:.5rem .75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-weight:500;animation:slideDown .3s ease-out;display:flex;align-items:center;gap:.5rem}.small-text-error:before{content:"⚠";font-size:1rem;color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.small-text-default{color:var(--color-gray-medium);font-size:var(--font-size-xs)}.required-asterisk{color:var(--color-accent)}.password-strength-container{margin-top:.5rem}.password-strength-bar-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.password-strength-bar-bg{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.password-strength-bar-fill{height:100%;transition:all .3s ease}.password-strength-label{font-size:var(--font-size-xs);font-weight:500}.toggle-password-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-gray-medium);cursor:pointer;padding:.25rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;transition:color .2s ease}.toggle-password-btn:hover{color:var(--color-gray-light)}.toggle-password-btn i{font-size:1rem}.step-indicator{font-size:var(--font-size-sm);color:var(--color-gray-medium)}.modal-title{margin-bottom:.5rem}.modal-description{color:var(--color-gray-medium);margin-bottom:1.5rem}.modal-description-left{color:var(--color-gray-medium);margin-bottom:1.5rem;text-align:left}.btn-icon{margin-right:.5rem}.flex-container{display:flex;gap:1rem}.flex-1{flex:1}.full-width{width:100%}.error-message-spaced{margin-bottom:1.5rem;padding:1rem 1.25rem;background:#ef444433;border:2px solid rgba(239,68,68,.5);border-radius:8px;color:#ef4444;font-weight:500;display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease-out,pulse 2s ease-in-out infinite;box-shadow:0 4px 12px #ef444433}.error-message-spaced i{font-size:1.25rem;color:#ef4444;flex-shrink:0}.error-message-spaced span{flex:1;line-height:1.5}.error-message-spaced-left{margin-bottom:1rem;text-align:left}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ef444433}50%{box-shadow:0 4px 16px #ef444466}}.modal-container-small{max-width:26rem}.modal-container-medium{max-width:28rem}.text-left{text-align:left}.text-center{text-align:center}.mb-1-5{margin-bottom:1.5rem}.mb-1{margin-bottom:1rem}.m-0{margin:0}.form-input-base{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid var(--color-gray-dark);border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-sm)}@media (max-width: 768px){.user-form-field-grid{grid-template-columns:1fr!important}}.password-strength-bar-fill{height:100%;transition:width .3s ease,background .3s ease}.password-strength-label{font-size:var(--font-size-sm);font-weight:500}.qr-code-container{width:100%;max-width:16rem;margin:1rem auto 0}.qr-code-wrapper{width:100%;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));border-radius:8px;padding:1rem;display:flex;align-items:center;justify-content:center}.retry-button,.spacer-top{margin-top:1rem}.config-form{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg);align-items:start}.config-form-sections-left{display:flex;flex-direction:column;gap:var(--spacing-lg)}.config-form>.profile-form-section{display:flex;flex-direction:column;min-height:fit-content;height:fit-content}.config-description{color:var(--color-gray-medium);font-size:var(--font-size-sm);margin-top:.5rem;margin-bottom:0}.config-instance-selector{background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:12px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.config-instance-selector label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-light);margin-bottom:var(--spacing-sm)}.config-instance-selector label i{color:var(--color-accent)}.config-instance-selector select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff14;border:2px solid rgba(212,165,116,.3);border-radius:10px;color:var(--color-white);font-size:var(--font-size-base);font-family:inherit;transition:var(--transition);cursor:pointer}.config-instance-selector select:focus{outline:none;border-color:var(--color-accent);background:#ffffff1f;box-shadow:0 0 0 3px #d4a5741a}.config-instance-selector select:disabled{opacity:.6;cursor:not-allowed}.info-message{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);color:#93c5fd}.info-message i{font-size:var(--font-size-lg)}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);color:#86efac;animation:slideIn .3s ease-out}.success-message i{font-size:var(--font-size-lg);color:#22c55e}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-form-section h3 i{margin-right:var(--spacing-xs);color:var(--color-accent)}.feedback-options-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.feedback-option-item{background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:12px;padding:var(--spacing-md);transition:var(--transition)}.feedback-option-item:hover{border-color:#d4a57466;background:#ffffff0d}.feedback-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(212,165,116,.2)}.option-number{font-weight:600;color:var(--color-accent);font-size:var(--font-size-sm)}.remove-option-btn{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;padding:.25rem .5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.remove-option-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef444480;transform:scale(1.05)}.remove-option-btn:disabled{opacity:.5;cursor:not-allowed}.add-option-btn{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac;border-radius:8px;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500}.add-option-btn:hover:not(:disabled){background:#22c55e33;border-color:#22c55e80;transform:translateY(-2px);box-shadow:0 4px 8px #22c55e33}.add-option-btn:disabled{opacity:.5;cursor:not-allowed}.form-group label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.form-group label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.form-group label span{flex:1;cursor:pointer}.config-form textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff14;border:2px solid rgba(212,165,116,.3);border-radius:10px;color:var(--color-white);font-size:var(--font-size-base);font-family:inherit;resize:vertical;transition:var(--transition);line-height:1.5}.config-form textarea:focus{outline:none;border-color:var(--color-accent);background:#ffffff1f;box-shadow:0 0 0 3px #d4a5741a}.config-form textarea:disabled{opacity:.6;cursor:not-allowed}.config-form textarea::placeholder{color:#fff6}.config-form input[type=number]{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff14;border:2px solid rgba(212,165,116,.3);border-radius:10px;color:var(--color-white);font-size:var(--font-size-base);font-family:inherit;transition:var(--transition)}.config-form input[type=number]:focus{outline:none;border-color:var(--color-accent);background:#ffffff1f;box-shadow:0 0 0 3px #d4a5741a}.config-form input[type=number]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.config-form{grid-template-columns:1fr}.config-form-sections-left{margin-bottom:0}}@media (max-width: 768px){.config-form{grid-template-columns:1fr}.profile-field-grid,.feedback-option-item .profile-field-grid{grid-template-columns:1fr!important}.profile-form-actions{flex-direction:column}.profile-form-actions button{width:100%}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-gray-light)}.loading-state i{font-size:2rem;color:var(--color-accent);margin-bottom:var(--spacing-md);animation:spin 1s linear infinite}.error-state i{font-size:2rem;color:#ef4444;margin-bottom:var(--spacing-md)}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.agenda-calendar-container{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(145deg,#1a1d24,#0f1116);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(130,142,152,.2)}.agenda-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(130,142,152,.15);gap:1rem}.agenda-calendar-title{display:flex;align-items:center;gap:.75rem;flex:1}.agenda-calendar-title svg{flex-shrink:0;color:#b8c5d0}.agenda-calendar-title h2{margin:0;font-size:1.5rem;font-weight:600;color:#e8eaed;letter-spacing:.3px;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.agenda-calendar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.agenda-cal-btn-filter,.agenda-cal-btn-refresh{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:linear-gradient(145deg,#3a4149,#2d3238);color:#b8c5d0;border:1px solid rgba(130,142,152,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.agenda-cal-btn-filter:hover,.agenda-cal-btn-refresh:hover{background:linear-gradient(145deg,#454d56,#363d45);border-color:#828e9880;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff26;transform:translateY(-1px)}.agenda-calendar-filters{background:#ffffff05;border:1px solid rgba(130,142,152,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem;box-shadow:inset 0 2px 4px #0000001a;display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;position:relative}.agenda-cal-filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-width:150px}.agenda-cal-filter-group label{font-size:.9rem;font-weight:500;color:#b8c5d0;letter-spacing:.2px}.agenda-cal-filter-group select{width:100%;padding:.5rem .75rem;border:1px solid rgba(130,142,152,.25);background:linear-gradient(145deg,#2d3238,#252930);color:#e8eaed;border-radius:8px;box-shadow:inset 0 2px 4px #0003;transition:all .2s ease}.agenda-cal-filter-group select:focus{outline:none;border-color:#828e9880;box-shadow:inset 0 2px 4px #0003,0 0 0 3px #828e981a}.agenda-cal-btn-close-filters{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:#b8c5d0;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.agenda-cal-btn-close-filters:hover{color:#e8eaed;background:#828e981a}.agenda-calendar-loading{color:#b8c5d0;font-weight:500}.rbc-calendar{height:100%;font-family:inherit;background:transparent;color:#e8eaed}.rbc-header{padding:.75rem;font-weight:600;border-bottom:2px solid rgba(130,142,152,.2);color:#b8c5d0;background:linear-gradient(180deg,#3a41494d,#2d323833);text-transform:uppercase;font-size:.75rem;letter-spacing:1px}.rbc-today{background:#828e981a;border:1px solid rgba(130,142,152,.2)}.rbc-off-range-bg{background:#0003;opacity:.4}.rbc-date-cell{padding:.5rem;color:#b8c5d0;font-weight:500}.rbc-now .rbc-date-cell{color:#fff;font-weight:700}.rbc-row{display:flex!important;align-items:flex-start!important;min-height:28px!important;margin-bottom:3px!important;gap:2px}.rbc-row-segment{display:flex!important;flex-direction:column!important;gap:3px!important;padding:0 2px!important;min-height:24px!important;flex:1 1 auto}.rbc-event{padding:6px 10px!important;border-radius:6px!important;font-size:12px!important;cursor:pointer;font-weight:500;background:linear-gradient(145deg,#3a4149,#2d3238)!important;color:#fff!important;border:2px solid rgba(212,165,116,.3)!important;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff1a;transition:all .2s ease;width:100%!important;min-height:26px!important;max-height:none!important;display:flex!important;align-items:center!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;margin:0!important}.rbc-event[style*=background-color]{background:var(--event-bg, linear-gradient(145deg, #3a4149, #2d3238))!important}.rbc-event[style*=border-color]{border-color:#d4a5744d!important}.rbc-event:hover{background:linear-gradient(145deg,#454d56,#363d45)!important;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26;transform:translateY(-1px);border-color:#d4a57480!important;z-index:10;position:relative}.rbc-event-content{width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.4!important;font-weight:500!important;display:block!important;color:#fff!important}.agenda-cal-event-day-summary{display:flex;align-items:center;gap:4px;width:100%;height:100%}.agenda-cal-priority-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #0000004d}.agenda-cal-event-content{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden}.agenda-cal-event-item{display:inline-flex;align-items:center;white-space:nowrap}.rbc-event-label{font-size:11px;opacity:.9;margin-right:4px}.rbc-selected{background:linear-gradient(145deg,#505962,#424950)!important;border:2px solid rgba(212,165,116,.5)!important;color:#fff!important;box-shadow:0 4px 12px #0006,inset 0 1px #fff3!important}.rbc-row-segment .rbc-event+.rbc-event{margin-top:0!important}.rbc-row-segment .rbc-event:not(:last-child){margin-bottom:3px!important}.rbc-toolbar{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(130,142,152,.15)}.rbc-toolbar button{padding:.6rem 1rem;background:linear-gradient(145deg,#3a4149,#2d3238);color:#b8c5d0;border:1px solid rgba(130,142,152,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff1a}.rbc-toolbar button:hover{background:linear-gradient(145deg,#454d56,#363d45);border-color:#828e9880;box-shadow:0 4px 10px #0000004d,inset 0 1px #ffffff26;transform:translateY(-1px)}.rbc-toolbar button.rbc-active{background:linear-gradient(145deg,#505962,#424950);color:#fff;font-weight:600;border-color:#b8c5d080;box-shadow:0 2px 8px #0000004d,inset 0 2px 4px #0003}.rbc-toolbar-label{font-size:1.4rem;font-weight:600;color:#e8eaed;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px}.rbc-time-slot{border-top:1px solid rgba(130,142,152,.1)}.rbc-time-header-content{border-left:1px solid rgba(130,142,152,.15)}.rbc-time-content{border-top:1px solid rgba(130,142,152,.15)}.rbc-day-slot .rbc-time-slot{border-top:1px solid rgba(130,142,152,.08)}.rbc-agenda-view{background:#ffffff05;border-radius:8px;overflow:hidden}.rbc-agenda-view table thead th{border-bottom:2px solid rgba(130,142,152,.25);background:linear-gradient(180deg,#3a41494d,#2d323833);color:#b8c5d0;font-weight:600;padding:.75rem;text-transform:uppercase;font-size:.75rem;letter-spacing:1px}.rbc-agenda-view table tbody td{border-bottom:1px solid rgba(130,142,152,.1);padding:.75rem;color:#e8eaed}.rbc-agenda-view table tbody tr:hover{background:#828e9814}.rbc-agenda-date-cell,.rbc-agenda-time-cell{font-weight:500;color:#b8c5d0}.rbc-agenda-event-cell{color:#e8eaed}.agenda-cal-selected-contact{display:flex;align-items:center;justify-content:space-between;padding:14px;background:linear-gradient(145deg,#3a414966,#2d32384d);border:1px solid rgba(130,142,152,.3);border-radius:10px;margin-bottom:14px;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.agenda-cal-contact-info{display:flex;align-items:center;gap:12px;flex:1}.agenda-cal-contact-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(130,142,152,.4);box-shadow:0 2px 8px #0000004d}.agenda-cal-contact-details{display:flex;flex-direction:column;gap:4px}.agenda-cal-contact-name{font-weight:600;color:#e8eaed;font-size:14px;letter-spacing:.2px}.agenda-cal-contact-instance{font-size:12px;color:#8696a0;font-weight:500}.agenda-cal-btn-change-contact{padding:7px 14px;background:linear-gradient(145deg,#3a4149,#2d3238);border:1px solid rgba(130,142,152,.4);border-radius:7px;color:#b8c5d0;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff1a}.agenda-cal-btn-change-contact:hover{background:linear-gradient(145deg,#454d56,#363d45);border-color:#828e9899;box-shadow:0 3px 8px #0000004d,inset 0 1px #ffffff26;transform:translateY(-1px)}.agenda-cal-contact-selector-wrapper{position:relative;margin-bottom:14px}.agenda-cal-btn-select-contact{width:100%;padding:14px;background:linear-gradient(145deg,#3a414966,#2d32384d);border:1px solid rgba(130,142,152,.3);border-radius:10px;color:#b8c5d0;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.agenda-cal-btn-select-contact:hover{background:linear-gradient(145deg,#3a414980,#2d323866);border-color:#828e9880;box-shadow:0 3px 10px #0000004d,inset 0 1px #ffffff14}.agenda-cal-btn-select-contact:disabled{opacity:.5;cursor:not-allowed}.agenda-cal-contact-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:linear-gradient(145deg,#252930,#1a1d24);border:1px solid rgba(130,142,152,.3);border-radius:12px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;z-index:1000;max-height:400px;display:flex;flex-direction:column;overflow:hidden}.agenda-cal-contact-search{padding:12px;border-bottom:1px solid rgba(130,142,152,.2);display:flex;align-items:center;gap:8px;background:#3a41494d}.agenda-cal-contact-search input{flex:1;padding:9px 12px;background:#ffffff0d;border:1px solid rgba(130,142,152,.25);border-radius:7px;color:#e8eaed;font-size:14px;box-shadow:inset 0 2px 4px #0003;transition:all .2s ease}.agenda-cal-contact-search input:focus{outline:none;border-color:#828e9880;background:#ffffff14;box-shadow:inset 0 2px 4px #0003,0 0 0 3px #828e981a}.agenda-cal-contact-search input::placeholder{color:#6b7985}.agenda-cal-contact-search svg{color:#b8c5d0}.agenda-cal-contact-list{overflow-y:auto;max-height:300px}.agenda-cal-contact-list::-webkit-scrollbar{width:8px}.agenda-cal-contact-list::-webkit-scrollbar-track{background:#0003}.agenda-cal-contact-list::-webkit-scrollbar-thumb{background:#828e9866;border-radius:4px}.agenda-cal-contact-list::-webkit-scrollbar-thumb:hover{background:#828e9899}.agenda-cal-contact-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(130,142,152,.1)}.agenda-cal-contact-item:hover{background:#828e981f}.agenda-cal-contact-item:last-child{border-bottom:none}.agenda-cal-contact-avatar-small{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(130,142,152,.3);box-shadow:0 2px 6px #0000004d}.agenda-cal-contact-item-details{display:flex;flex-direction:column;gap:4px;flex:1}.agenda-cal-contact-item-name{font-weight:600;color:#e8eaed;font-size:14px;letter-spacing:.2px}.agenda-cal-contact-item-instance{font-size:12px;color:#8696a0;font-weight:500}.agenda-cal-no-contacts{padding:28px;text-align:center;color:#8696a0;font-size:14px;font-weight:500}.rbc-month-view,.rbc-time-view{border:1px solid rgba(130,142,152,.15);border-radius:8px;overflow:hidden;background:#ffffff05}.rbc-month-row{border-top:1px solid rgba(130,142,152,.1)}.rbc-day-bg{border-left:1px solid rgba(130,142,152,.1)}.rbc-day-slot{min-height:120px}.rbc-events-container{margin:2px 0}.rbc-month-view .rbc-row-content{min-height:100px}.rbc-month-view .rbc-row-segment{padding:0 3px!important}.rbc-month-view .rbc-event{margin-bottom:2px!important}.rbc-event[style*="rgb(255, 193, 7)"],.rbc-event[style*="#ffc107"],.rbc-event[style*="rgb(40, 167, 69)"],.rbc-event[style*="#28a745"],.rbc-event[style*="rgb(220, 53, 69)"],.rbc-event[style*="#dc3545"]{color:#fff!important;border:2px solid rgba(212,165,116,.3)!important}.rbc-event[style*="rgb(255, 193, 7)"] .rbc-event-content,.rbc-event[style*="#ffc107"] .rbc-event-content,.rbc-event[style*="rgb(40, 167, 69)"] .rbc-event-content,.rbc-event[style*="#28a745"] .rbc-event-content,.rbc-event[style*="rgb(220, 53, 69)"] .rbc-event-content,.rbc-event[style*="#dc3545"] .rbc-event-content{color:#fff!important}@media (max-width: 768px){.agenda-calendar-container{padding:1rem}.agenda-calendar-header{flex-wrap:wrap;gap:.75rem}.agenda-calendar-title{flex:1 1 100%}.agenda-calendar-title h2{font-size:1.25rem}.agenda-calendar-actions{flex:1 1 auto;justify-content:flex-end}.rbc-toolbar{flex-wrap:wrap;gap:.5rem}.rbc-toolbar-label{font-size:1.2rem}.agenda-cal-contact-selector-dropdown{max-height:300px}.agenda-calendar-filters{padding:1rem;gap:.75rem}.agenda-cal-filter-group{min-width:100%;flex:1 1 100%}.agenda-cal-btn-close-filters{position:static;align-self:flex-end;margin-top:.5rem}}.agenda-day-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.agenda-day-modal{background:linear-gradient(145deg,#1a1d24,#0f1116);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d;border:1px solid rgba(130,142,152,.2);overflow:hidden}.agenda-day-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(130,142,152,.15)}.agenda-day-modal-title{display:flex;align-items:center;gap:.75rem}.agenda-day-modal-title svg{color:#b8c5d0;flex-shrink:0}.agenda-day-modal-title h3{margin:0;font-size:1.25rem;font-weight:600;color:#e8eaed}.agenda-day-modal-date{margin:.25rem 0 0;font-size:.9rem;color:#8696a0;font-weight:500;text-transform:capitalize}.agenda-day-modal-close{background:transparent;border:none;color:#b8c5d0;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.agenda-day-modal-close:hover{background:#828e981a;color:#e8eaed}.agenda-day-modal-error{padding:1rem 1.5rem;background:#dc35451a;border-left:3px solid #dc3545;color:#dc3545;font-size:.9rem}.agenda-day-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.agenda-day-modal-loading,.agenda-day-modal-empty{text-align:center;padding:3rem 1rem;color:#8696a0}.agenda-day-modal-empty p{margin:0 0 1.5rem;font-size:1rem}.agenda-day-modal-btn-create{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(145deg,#3a4149,#2d3238);border:1px solid rgba(130,142,152,.3);border-radius:8px;color:#b8c5d0;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff1a}.agenda-day-modal-btn-create:hover{background:linear-gradient(145deg,#454d56,#363d45);border-color:#828e9880;color:#e8eaed;transform:translateY(-1px)}.agenda-day-summary{margin-bottom:2rem}.agenda-day-summary h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#e8eaed}.agenda-day-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.agenda-day-summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(130,142,152,.2);border-radius:8px;transition:all .2s ease}.agenda-day-summary-item:hover{background:#ffffff0a;border-color:#828e984d}.agenda-day-summary-icon{font-size:1.5rem;flex-shrink:0}.agenda-day-summary-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.agenda-day-summary-type{font-size:.85rem;font-weight:500;color:#e8eaed}.agenda-day-summary-priority{font-size:.75rem;font-weight:500}.agenda-day-summary-count{font-size:1.25rem;font-weight:700;color:#b8c5d0;flex-shrink:0}.agenda-day-activities{margin-top:2rem}.agenda-day-activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.agenda-day-activities-header h4{margin:0;font-size:1rem;font-weight:600;color:#e8eaed}.agenda-day-activities-list{display:flex;flex-direction:column;gap:.75rem}.agenda-day-activity-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(130,142,152,.2);border-radius:10px;transition:all .2s ease}.agenda-day-activity-item:hover{background:#ffffff0a;border-color:#828e984d}.agenda-day-activity-main{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.agenda-day-activity-icon{font-size:1.5rem;flex-shrink:0}.agenda-day-activity-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.agenda-day-activity-title{font-size:1rem;font-weight:600;color:#e8eaed;margin:0}.agenda-day-activity-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.agenda-day-activity-time,.agenda-day-activity-priority,.agenda-day-activity-status{display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500}.agenda-day-activity-time{color:#8696a0}.agenda-day-activity-description{font-size:.85rem;color:#b8c5d0;line-height:1.4;margin-top:.25rem}.agenda-day-activity-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.agenda-day-activity-btn-edit,.agenda-day-activity-btn-delete{background:transparent;border:1px solid rgba(130,142,152,.3);border-radius:6px;padding:.5rem;cursor:pointer;color:#b8c5d0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.agenda-day-activity-btn-edit:hover{background:#3a414980;border-color:#828e9880;color:#e8eaed}.agenda-day-activity-btn-delete:hover{background:#dc35451a;border-color:#dc3545;color:#dc3545}@media (max-width: 768px){.agenda-day-modal{max-width:100%;max-height:100vh;border-radius:0}.agenda-day-summary-grid{grid-template-columns:1fr}.agenda-day-activity-item{flex-direction:column}.agenda-day-activity-actions{align-self:flex-end}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.prospects-panel{padding:1.5rem}.prospects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.prospects-header-left{display:flex;align-items:center;gap:1rem}.prospects-header h2{margin:0;color:var(--color-white);display:flex;align-items:center;gap:.75rem}.prospects-header h2 i{color:var(--color-accent)}.prospects-header .submit-btn{padding:var(--spacing-xs, .5rem) var(--spacing-lg, 1.5rem);border-radius:var(--border-radius, 8px);font-size:var(--font-size-base, 14px);font-weight:500;cursor:pointer;transition:var(--transition, all .2s ease);border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-accent, #d4af37);color:var(--color-primary, #1a1e29)}.prospects-header .submit-btn:hover:not(:disabled){background:var(--color-secondary, #fcc880);transform:translateY(-2px);box-shadow:0 4px 12px #fcc8804d}.prospects-header .submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.prospects-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.prospects-search{flex:1 1 300px}.prospects-search-input,.prospects-filter-select{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--color-white);font-size:var(--font-size-base)}.prospects-filter-select{min-width:180px}.prospects-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.prospect-stat-card{padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:.2s}.prospect-stat-card.active{border-color:currentColor}.prospect-stat-count{font-size:1.5rem;font-weight:600}.prospect-stat-label{font-size:var(--font-size-sm);color:var(--color-gray-light)}.prospects-loading,.prospects-empty{text-align:center;padding:3rem;color:var(--color-gray-light)}.prospects-loading i{font-size:2rem;color:var(--color-accent)}.prospects-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.prospects-empty button{margin-top:1rem}.prospects-board{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;min-height:500px}.prospect-status-column{flex-shrink:0}.prospect-status-column.drag-over{background:#d4a57426;border:2px dashed var(--color-accent)}.prospect-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(212,165,116,.2)}.prospect-column-header-left{display:flex;align-items:center;gap:.5rem;flex:1 1 0%;min-width:0}.prospect-column-count{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-size-xs);font-weight:600}.prospects-column-list{flex:1 1 0%;min-height:100px;display:flex;flex-direction:column;gap:.5rem}.prospect-card-draggable{padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:grab;transition:all .2s ease;position:relative}.prospect-card-draggable:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.prospect-card-draggable:active{cursor:grabbing}.prospect-card-draggable.dragging{opacity:.5}.prospect-empty-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--color-gray-medium);font-size:var(--font-size-sm);min-height:100px}.prospect-empty-column i{font-size:2rem;opacity:.5}.prospects-list{display:flex;flex-direction:column;gap:1.5rem}.prospect-status-section{margin-bottom:1.5rem}.prospect-status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid}.prospect-status-header h3{margin:0;font-size:1.1rem;font-weight:600}.prospect-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid}.prospects-status-list{display:flex;flex-direction:column;gap:.75rem}.prospect-card{background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.prospect-card-header{display:flex;align-items:center;padding:1rem;gap:1rem;cursor:pointer}.prospect-card-info{flex:1}.prospect-card-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.prospect-card-title span{font-weight:500;color:var(--color-white)}.prospect-card-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-medium)}.prospect-card-actions{display:flex;gap:.5rem}.prospect-action-btn{border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-sm);border:none;transition:.2s}.prospect-action-interaction{background:#00a8841a;border:1px solid rgba(0,168,132,.3);color:#00a884}.prospect-action-edit{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-gray-light)}.prospect-action-delete{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.prospect-card-expanded{padding:1rem;border-top:1px solid rgba(255,255,255,.05);background:#0003}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.prospect-status-update{margin-bottom:1rem}.prospect-status-update span{font-size:var(--font-size-sm);color:var(--color-gray-light);margin-right:.75rem}.prospect-status-btn{border-radius:4px;padding:.25rem .5rem;margin-right:.5rem;margin-bottom:.5rem;cursor:pointer;font-size:var(--font-size-xs);border:1px solid;background:transparent;transition:.2s}.prospect-status-btn.active{font-weight:600}.prospect-interactions{margin-bottom:1rem}.prospect-interactions h4{margin:0 0 .75rem;color:var(--color-white);font-size:var(--font-size-sm);display:flex;align-items:center;gap:.5rem}.prospect-loading-small,.prospect-empty-small{color:var(--color-gray-medium);font-size:var(--font-size-sm)}.interactions-list{display:flex;flex-direction:column;gap:.5rem}.interaction-item{padding:.75rem;background:#ffffff08;border-radius:6px;font-size:var(--font-size-sm)}.interaction-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.interaction-header span:first-child{color:var(--color-white)}.interaction-header span:last-child{color:var(--color-gray-medium);font-size:var(--font-size-xs)}.interaction-notes{color:var(--color-gray-light)}.interaction-author{color:var(--color-gray-medium);font-size:var(--font-size-xs);margin-top:.25rem}.prospect-notes{margin-top:1rem;padding:.75rem;background:#f1c40f1a;border-radius:6px}.prospect-notes-header{font-size:var(--font-size-xs);color:#f1c40f;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.prospect-notes-content{color:var(--color-gray-light);font-size:var(--font-size-sm)}.prospect-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1002;padding:1rem}.prospect-modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background:var(--color-primary);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.08);box-shadow:#00000059 0 25px 60px;padding:1.5rem}.interaction-modal{width:100%;max-width:500px;background:var(--color-primary);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.08);box-shadow:#00000059 0 25px 60px;padding:1.5rem}.prospect-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.prospect-modal-header h3{margin:0;color:var(--color-white)}.prospect-modal-close{background:transparent;border:none;color:var(--color-gray-light);cursor:pointer;font-size:1.25rem;padding:.25rem;display:flex;align-items:center;justify-content:center}.prospect-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.prospect-form-full-width{grid-column:span 2}.prospect-form-label{display:block;margin-bottom:.5rem;color:var(--color-gray-light);font-size:var(--font-size-sm);font-weight:500}.prospect-form-input,.prospect-form-textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--color-white);font-size:var(--font-size-base);font-family:inherit}.prospect-form-textarea{min-height:80px;resize:vertical}.prospect-form-section-header{grid-column:span 2;display:flex;align-items:center;gap:8px;margin-top:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,168,132,.2);color:#00a884;font-size:13px;font-weight:600}.btn-toggle-full-form{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#00a8841a;border:1px dashed rgba(0,168,132,.3);border-radius:8px;color:#00a884;font-size:13px;font-weight:500;cursor:pointer;width:100%;transition:all .2s ease}.btn-toggle-full-form:hover{background:#00a88426;border-color:#00a88466}.prospect-modal-actions{display:flex;gap:var(--spacing-md, 1rem);justify-content:flex-end;margin-top:var(--spacing-lg, 1.5rem);padding-top:var(--spacing-md, 1rem);border-top:1px solid rgba(212,165,116,.2)}.prospect-modal-actions button{padding:var(--spacing-xs, .5rem) var(--spacing-lg, 1.5rem);border-radius:var(--border-radius, 8px);font-size:var(--font-size-base, 14px);font-weight:500;cursor:pointer;transition:var(--transition, all .2s ease);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.prospect-modal-actions button[type=submit],.prospect-modal-actions .submit-btn{background:var(--color-accent, #d4af37);color:var(--color-primary, #1a1e29);border:none}.prospect-modal-actions button[type=submit]:hover:not(:disabled),.prospect-modal-actions .submit-btn:hover:not(:disabled){background:var(--color-secondary, #fcc880);transform:translateY(-2px);box-shadow:0 4px 12px #fcc8804d}.prospect-modal-actions button[type=button],.prospect-modal-actions .back-btn{display:none;width:32px;height:32px;border:none;background:transparent;color:#aebac1;font-size:20px;cursor:pointer;border-radius:50%;transition:background .2s ease}.prospect-modal-actions button[type=button]:hover:not(:disabled),.prospect-modal-actions .back-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--color-accent, #d4af37)}.prospect-modal-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none}.selected-contact{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;margin-bottom:12px}.contact-info{display:flex;align-items:center;gap:12px;flex:1}.contact-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.4)}.contact-details{display:flex;flex-direction:column;gap:4px}.contact-name{font-weight:600;color:#f5f5f5;font-size:14px}.contact-instance{font-size:12px;color:#8696a0}.btn-change-contact{padding:6px 12px;background:#d4af3733;border:1px solid rgba(212,175,55,.4);border-radius:6px;color:#d4af37;cursor:pointer;font-size:12px;font-weight:600}.contact-selector-wrapper{position:relative;margin-bottom:12px}.btn-select-contact{width:100%;padding:12px;background:#d4af3726;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#d4af37;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.btn-select-contact:disabled{opacity:.6;cursor:not-allowed}.contact-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#1a1e29;border:1px solid rgba(212,175,55,.3);border-radius:8px;box-shadow:0 4px 20px #00000080;z-index:1000;max-height:400px;display:flex;flex-direction:column;overflow:hidden}.contact-search{padding:12px;border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;gap:8px;background:#d4af370d}.contact-search svg{color:#d4af37;flex-shrink:0}.contact-search input{flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(212,175,55,.2);border-radius:6px;color:#f5f5f5;font-size:14px}.contact-list{overflow-y:auto;max-height:300px}.no-contacts{padding:24px;text-align:center;color:#8696a0;font-size:14px}.contact-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(212,175,55,.1)}.contact-item:hover{background:#d4af371a}.contact-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.3);flex-shrink:0}.contact-item-details{display:flex;flex-direction:column;gap:4px;flex:1}.contact-item-name{font-weight:600;color:#f5f5f5;font-size:14px}.contact-item-instance{font-size:12px;color:#8696a0}.interaction-form-content{display:flex;flex-direction:column;gap:1rem}.typing-indicator{display:flex;margin:2px 0;max-width:65%;position:relative}.typing-indicator.other{justify-content:flex-start;align-self:flex-start}.typing-indicator.own{justify-content:flex-end;align-self:flex-end;margin-left:auto;margin-right:0}.typing-indicator .typing-indicator-message-bubble{background-color:#202c33;border-bottom-left-radius:4px;padding:8px 12px;max-width:65px}.typing-indicator.own .typing-indicator-message-bubble{background-color:#005c4b43;border-bottom-left-radius:8px;border-bottom-right-radius:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.typing-dots{display:flex;align-items:center;gap:4px}.typing-dots span{width:8px;height:8px;border-radius:50%;background-color:#8696a0;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.history-panel{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.history-header{margin-bottom:var(--spacing-lg)}.history-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.history-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:600;color:var(--color-accent);margin:0}.history-back-btn{padding:var(--spacing-xs) var(--spacing-md);background:transparent;color:var(--color-gray-light);border:1px solid rgba(212,165,116,.3);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base)}.history-back-btn:hover{background:#ffffff0d;border-color:var(--color-accent)}.history-filters{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap}.history-filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.history-filters label{color:var(--color-gray-light);font-size:var(--font-size-base);white-space:nowrap}.history-limit-filter,.history-user-filter,.history-date-filter{padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(212,165,116,.2);border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;min-width:180px}.history-checkbox-filter{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent);margin:0}.history-checkbox-filter:disabled{opacity:.5;cursor:not-allowed}.history-date-filter{min-width:150px}.history-limit-filter:focus,.history-user-filter:focus,.history-date-filter:focus{outline:none;border-color:var(--color-accent)}.history-limit-filter:disabled,.history-user-filter:disabled,.history-date-filter:disabled{opacity:.5;cursor:not-allowed}.history-clear-date-btn{padding:var(--spacing-xs) var(--spacing-md);background:transparent;color:var(--color-gray-light);border:1px solid rgba(212,165,116,.3);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm);white-space:nowrap}.history-clear-date-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--color-accent);color:var(--color-text)}.history-clear-date-btn:disabled{opacity:.5;cursor:not-allowed}.history-actions{display:flex;gap:var(--spacing-sm)}.history-refresh-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-accent);color:var(--color-primary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:500}.history-refresh-btn:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #fcc8804d}.history-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.history-error{padding:var(--spacing-md);background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:var(--border-radius);color:#e74c3c;margin-bottom:var(--spacing-lg)}.history-loading,.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--color-gray-light);gap:var(--spacing-md)}.history-loading .spinning{animation:spin 1s linear infinite}.history-sessions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-session-card{background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.history-session-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #fcc8801a}.history-session-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);cursor:pointer;transition:var(--transition)}.history-session-header:hover{background:#ffffff05}.history-session-header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.history-expand-icon{color:var(--color-accent);transition:var(--transition)}.history-session-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.history-session-user{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text);font-weight:500}.history-session-username{color:var(--color-accent)}.history-session-email{color:var(--color-gray-light);font-size:var(--font-size-sm);font-weight:400}.history-session-meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-gray-light);font-size:var(--font-size-sm)}.history-session-meta>span{display:flex;align-items:center;gap:var(--spacing-xs)}.history-session-stats{display:flex;align-items:center;gap:var(--spacing-lg)}.history-session-stat{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-light);font-size:var(--font-size-sm)}.history-session-feedback{display:flex;align-items:center;gap:var(--spacing-xs)}.history-session-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.status-badge-active{background:#2ed57333;color:#2ed573;border:1px solid rgba(46,213,115,.3)}.status-badge-active:hover{background:#2ed5734d;border-color:#2ed57380;transform:scale(1.05)}.status-badge-finished{background:#95a5a633;color:#95a5a6;border:1px solid rgba(149,165,166,.3)}.status-badge-finished:hover{background:#95a5a64d;border-color:#95a5a680;transform:scale(1.05)}.history-session-attendances{border-top:1px solid rgba(212,165,116,.2);padding:var(--spacing-md);background:#0003}.history-attendances-loading,.history-attendances-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-gray-light);gap:var(--spacing-sm)}.history-attendances-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-attendance-card{background:#ffffff05;border:1px solid rgba(212,165,116,.1);border-radius:var(--border-radius);padding:var(--spacing-md);transition:var(--transition)}.history-attendance-card:hover{border-color:var(--color-accent);background:#ffffff08}.history-attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.history-attendance-contact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-attendance-name{font-weight:500;color:var(--color-text)}.history-attendance-instance{font-size:var(--font-size-sm);color:var(--color-gray-light)}.history-attendance-feedback{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(212,165,116,.1)}.feedback-stars{display:flex;align-items:center;gap:2px}.feedback-star{color:var(--color-gray-light);transition:var(--transition)}.feedback-star.filled{color:#fbbf24}.feedback-star.empty{color:#95a5a64d}.feedback-score{font-size:var(--font-size-xs);color:var(--color-gray-light);font-weight:500;margin-left:var(--spacing-xs)}.history-attendance-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.attendance-status-active{background:#2ed57333;color:#2ed573;border:1px solid rgba(46,213,115,.3)}.attendance-status-finished{background:#95a5a633;color:#95a5a6;border:1px solid rgba(149,165,166,.3)}.attendance-status-transferred{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.3)}.attendance-status-default{background:#95a5a633;color:#95a5a6;border:1px solid rgba(149,165,166,.3)}.history-attendance-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.history-attendance-detail{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-light);font-size:var(--font-size-sm)}.history-attendance-notes{padding:var(--spacing-sm);background:#0003;border-radius:var(--border-radius);color:var(--color-gray-light);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.history-attendance-messages-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg)}.history-attendance-messages-modal{background:var(--color-primary);border-radius:var(--border-radius-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(212,165,116,.2)}.history-attendance-messages-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(212,165,116,.2);background:#0003}.history-attendance-messages-modal-header-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-attendance-messages-modal-header-info h3{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:600}.history-attendance-messages-modal-instance{font-size:var(--font-size-sm);color:var(--color-gray-light)}.history-attendance-messages-modal-close{background:transparent;border:none;color:var(--color-gray-light);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:var(--transition);display:flex;align-items:center;justify-content:center}.history-attendance-messages-modal-close:hover{background:#ffffff1a;color:var(--color-text)}.history-attendance-messages-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-md);background:#0b141a;min-height:400px;max-height:calc(90vh - 100px)}.history-attendance-messages-loading,.history-attendance-messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-gray-light);min-height:300px}.history-attendance-messages-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-attendance-messages-modal-content .message{max-width:min(75%,480px);width:fit-content}@media (max-width: 767px){.history-attendance-messages-modal-content .message{max-width:min(85%,480px)}}.history-attendance-message-date-separator{text-align:center;margin:var(--spacing-md) 0;padding:var(--spacing-xs) var(--spacing-md);color:var(--color-gray-light);font-size:var(--font-size-xs);text-transform:capitalize;position:relative}.history-attendance-message-date-separator:before,.history-attendance-message-date-separator:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#d4a57433}.history-attendance-message-date-separator:before{left:0}.history-attendance-message-date-separator:after{right:0}@media (max-width: 768px){.history-session-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.history-session-stats{flex-wrap:wrap;gap:var(--spacing-sm)}.history-attendance-details{flex-direction:column;gap:var(--spacing-xs)}.history-attendance-messages-modal{max-width:100%;max-height:100vh;border-radius:0}.history-attendance-messages-modal-overlay{padding:0}}.history-attendance-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.history-attendance-analyze-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:var(--border-radius);color:#8b5cf6;cursor:pointer;transition:all .2s ease;flex-shrink:0}.history-attendance-analyze-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf6;transform:scale(1.05)}.history-attendance-analyze-btn:disabled{opacity:.5;cursor:not-allowed}.history-attendance-analyze-btn.analyzing{background:#d4a57433;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 8px #d4a57466;animation:pulse-analyzing 2s ease-in-out infinite}.history-attendance-analyze-btn.analyzing:hover{background:#d4a5744d;box-shadow:0 0 12px #d4a57499}@keyframes pulse-analyzing{0%,to{box-shadow:0 0 8px #d4a57466}50%{box-shadow:0 0 12px #d4a57499}}.history-attendance-analyze-btn .spinning{animation:spin 1s linear infinite}.history-attendance-analyze-btn.has-analysis{background:#d4a57426;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 6px #d4a5744d}.history-attendance-analyze-btn.has-analysis:hover:not(:disabled){background:#d4a57440;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 10px #d4a57480;transform:scale(1.05)}.history-attendance-analysis-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.history-attendance-analysis-modal{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(212,165,116,.2);position:relative;z-index:10001}.history-attendance-analysis-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.history-attendance-analysis-modal-header-info{display:flex;align-items:center;gap:var(--spacing-sm)}.history-attendance-analysis-modal-header-info h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center}.history-attendance-analysis-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition)}.history-attendance-analysis-modal-close:hover{background:#ffffff0d;border-color:#fff3;color:var(--color-text-primary)}.history-attendance-analysis-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.history-attendance-analysis-content,.history-attendance-preview-content{color:var(--color-text-primary);line-height:1.8}.history-attendance-analysis-content p{margin:var(--spacing-sm) 0}.history-attendance-analysis-content p:first-child{margin-top:0}.history-attendance-analysis-content p:last-child{margin-bottom:0}.history-attendance-analysis-content a{color:var(--color-accent);text-decoration:underline;transition:var(--transition)}.history-attendance-analysis-content a:hover{color:var(--color-secondary)}.history-attendance-analysis-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-gray-light);font-style:italic}.history-attendance-analysis-content pre{background:#0000004d;padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;margin:var(--spacing-md) 0;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;color:var(--color-text-primary)}.history-attendance-analysis-content pre code{background:transparent;padding:0;font-size:.9em}.history-attendance-analysis-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:var(--spacing-lg) 0}.history-attendance-analysis-content h1,.history-attendance-analysis-content h2,.history-attendance-analysis-content h3{color:var(--color-accent);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.history-attendance-analysis-content h1{font-size:1.5rem}.history-attendance-analysis-content h2{font-size:1.3rem}.history-attendance-analysis-content h3{font-size:1.1rem}.history-attendance-analysis-content ul,.history-attendance-analysis-content ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.history-attendance-analysis-content li{margin:var(--spacing-xs) 0}.history-attendance-analysis-content table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.history-attendance-analysis-content table th,.history-attendance-analysis-content table td{padding:var(--spacing-sm);border:1px solid rgba(255,255,255,.1);text-align:left}.history-attendance-analysis-content table th{background:#d4a5741a;font-weight:600;color:var(--color-accent)}.history-attendance-analysis-content code{background:#ffffff0d;padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.history-attendance-analysis-content strong{color:var(--color-accent);font-weight:600}@media (max-width: 768px){.history-attendance-analysis-modal{max-width:100%;max-height:100vh;border-radius:0}.history-attendance-analysis-modal-overlay{padding:0}.history-attendance-header-right{flex-direction:column;gap:var(--spacing-xs)}}.history-preview-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);background:#0003}.history-preview-modal-cancel-btn,.history-preview-modal-confirm-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid}.history-preview-modal-cancel-btn{background:transparent;border-color:#95a5a64d;color:var(--color-gray-light)}.history-preview-modal-cancel-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--color-gray-light);color:var(--color-text)}.history-preview-modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.history-preview-modal-confirm-btn{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary);font-weight:600}.history-preview-modal-confirm-btn:hover:not(:disabled){background:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #fcc8804d}.history-preview-modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.history-preview-modal-confirm-btn:not(:disabled){pointer-events:auto;cursor:pointer}.message{display:flex;margin:2px 0;max-width:min(75%,480px);width:auto;position:relative;transition:opacity .3s ease,transform .3s ease}.message.fade-in{animation:msgAppear .12s ease-out}@keyframes msgAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message.skeleton{height:20px;width:60%;background-color:#1f2a30;border-radius:8px;opacity:.6;animation:loadingPulse 1s ease-in-out infinite;margin:2px 0}@keyframes loadingPulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.message.other{align-self:flex-start}.message.own{align-self:flex-end}.message-bubble{padding:8px 12px;border-radius:10px;line-height:1.4;font-size:14px;display:block;position:relative;word-break:break-word;max-width:100%;box-sizing:border-box;width:100%;min-width:0;box-shadow:0 1px 1px #0000004d}.quoted-message-preview{display:flex;gap:8px;padding:8px 10px;margin:-4px -8px 8px;background:#00000026;border-radius:6px;cursor:pointer;transition:background .2s ease;overflow:hidden}.quoted-message-preview:hover{background:#00000040}.message.own .quoted-message-preview{background:#0000001f}.message.own .quoted-message-preview:hover{background:#0003}.quoted-message-bar{width:4px;min-height:100%;background:#00a884;border-radius:2px;flex-shrink:0}.message.other .quoted-message-bar{background:#8696a0}.quoted-message-content{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1}.quoted-message-sender{font-size:12px;font-weight:600;color:#00a884;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message.other .quoted-message-sender{color:#8696a0}.quoted-message-text{font-size:13px;color:#e9edef99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.message.highlighted .message-bubble{animation:highlightMessage 2s ease}@keyframes highlightMessage{0%,to{background-color:inherit;box-shadow:none}25%,75%{background-color:#00a8844d;box-shadow:0 0 10px #00a88466}}.message{position:relative}.message-bubble>*{max-width:100%;box-sizing:border-box}.message.other .message-bubble{background:#202c335f;color:#e9edefa5}.message.own .message-bubble{background:#005c4b43;color:#e9edef;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.message-text{font-size:14px;line-height:1.4;color:#e9edef8c;word-break:break-word;max-width:100%;overflow-wrap:break-word;box-sizing:border-box}.message-text a{color:#00a884;text-decoration:none;font-weight:500}.message-text a:hover{text-decoration:underline}.bubble-meta{display:flex;align-items:center;gap:4px;margin-top:4px;position:relative;vertical-align:middle;width:100%;flex-shrink:0}.message.own .bubble-meta{justify-content:flex-start}.message.other .bubble-meta{justify-content:flex-end}.message-time{font-size:11px;opacity:.6;white-space:nowrap;-webkit-user-select:none;user-select:none;color:#e9edefb1}.message.own .message-time{margin-right:4px;margin-left:0}.message.other .message-time{margin-left:4px;margin-right:0}.message-status{display:inline-flex;align-items:center;font-size:11px;opacity:.8}.message.own .message-status{margin-left:2px;margin-right:0}.message.other .message-status{margin-left:0;margin-right:2px}.message-status span{display:inline-block;line-height:1}.message-status.read,.message-status.played{color:#1d9bf0;font-weight:700}.message-status.delivered,.message-status.sent{color:#6b6b6b}.message-status.sending{opacity:.5}.message-status.sending .sending-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fffc;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.message-status.failed{color:#e22}.message-status.edited{color:#aaa;font-size:.85em}.edited-indicator{color:#ffffff80;font-size:.85em;font-style:italic}.reaction-group-inline{display:inline-flex;align-items:center;gap:4px;background-color:#0003;border-radius:var(--radius-lg);padding:2px 6px;margin-right:4px}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{font-size:var(--font-size-xs);color:#ffffffb3;margin-left:2px}.reaction-option{background-color:transparent;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.reaction-option:hover{background-color:var(--hover-bg)}.reply-message-trigger{background:transparent;border:none;cursor:pointer;padding:0;opacity:0;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;margin-left:4px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1;vertical-align:middle;color:#8696a0}.message-bubble:hover .reply-message-trigger,.message:hover .reply-message-trigger,.bubble-meta:hover .reply-message-trigger{opacity:.6}.reply-message-trigger:hover{opacity:1!important;background-color:#ffffff1a;transform:scale(1.15);color:var(--whatsapp-green, #00a884)}.reply-message-trigger:active{transform:scale(.9)}.edit-message-trigger{background:transparent;border:none;cursor:pointer;padding:0;opacity:0;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;margin-left:4px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1;vertical-align:middle;flex-shrink:0;color:var(--text-tertiary, rgba(255, 255, 255, .5))}.message-bubble:hover .edit-message-trigger,.message:hover .edit-message-trigger,.bubble-meta:hover .edit-message-trigger{opacity:.6}.edit-message-trigger:hover{opacity:1!important;background-color:#ffffff1a;transform:scale(1.15);color:var(--whatsapp-green, #00a884)}.edit-message-trigger:active{transform:scale(.9)}.reaction-trigger-wrapper{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.reaction-trigger{background:transparent;border:none;cursor:pointer;font-size:16px;padding:0;opacity:0;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;margin-left:6px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1;vertical-align:middle;flex-shrink:0}.message-bubble:hover .reaction-trigger,.message:hover .reaction-trigger,.bubble-meta:hover .reaction-trigger{opacity:.7}.reaction-trigger:hover{opacity:1!important;background-color:#ffffff1a;transform:scale(1.15)}.message.loading-new{opacity:0;transform:translateY(-6px);animation:slideInFadeMessage .3s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,transform}.message.fade-in{animation:fadeInMessage .2s ease-out forwards}@keyframes slideInFadeMessage{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInMessage{0%{opacity:.7}to{opacity:1}}.reaction-trigger:active{transform:scale(.9)}.reaction-trigger-wrapper .reaction-menu.inline{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#202c33;border-radius:20px;padding:4px 6px;display:flex;gap:2px;box-shadow:0 4px 16px #00000080;z-index:1000;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;margin-bottom:0}.reaction-menu.inline .reaction-option{background:transparent;border:none;cursor:pointer;font-size:22px;padding:0;border-radius:50%;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;line-height:1}.reaction-menu.inline .reaction-option:hover{background-color:#ffffff26;transform:scale(1.25)}.reaction-menu.inline .reaction-option:active{transform:scale(1)}.date-separator{align-self:center;background:#202c33e6;padding:6px 12px;border-radius:8px;font-size:12px;margin:15px 0;color:#ccd6da;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.system-message{background-color:#ffffff0d;color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-md);text-align:center;margin:8px auto;font-size:var(--font-size-sm);max-width:80%}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 12px;color:var(--text-secondary);font-size:var(--font-size-sm)}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);animation:typingPulse 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.reply-ref{font-size:var(--font-size-sm);opacity:.9;border-left:3px solid var(--accent);margin-bottom:4px;color:var(--text-secondary);background:#00000026;border-radius:var(--radius-sm);padding:6px 8px}.message-sender-line{margin-bottom:2px}.message-sender-line strong{color:var(--accent);font-weight:600;font-size:var(--font-size-sm)}.message-sender-header{font-weight:600;font-size:12.5px;color:var(--accent);margin-bottom:4px;padding-bottom:2px}.message.own .message-sender-header{color:#53bdeb}.message.other .message-sender-header{color:#e9a4ff}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text s{text-decoration:line-through;opacity:.8}.message-inline-code{background:#0003;padding:2px 6px;border-radius:4px;font-family:Courier New,Consolas,monospace;font-size:.9em}.message.own .message-inline-code{background:#00000026}.message.other .message-inline-code{background:#ffffff1a}.message-code-block{display:block;background:#00000040;padding:10px 12px;border-radius:6px;font-family:Courier New,Consolas,monospace;font-size:.85em;margin:6px 0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.message.own .message-code-block{background:#0003}.message.other .message-code-block{background:#ffffff14}.message-blockquote{border-left:3px solid #00a884;padding-left:10px;margin:4px 0;color:inherit;font-style:italic;opacity:.9;max-width:100%;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box}.message.own .message-blockquote{border-left-color:#ffffff80}.message.other .message-blockquote{border-left-color:#00a884}.message-list-item{display:flex;align-items:flex-start;gap:8px;margin:2px 0}.message-list-bullet{color:#00a884;font-weight:700;min-width:12px}.message-list-number{color:#00a884;font-weight:600;min-width:20px}.message.own .message-list-bullet,.message.own .message-list-number{color:#ffffffb3}.n8n-dashboard-content{padding:2rem;max-width:min(1400px,100%);margin:0 auto}.n8n-dashboard-section{background:#ffffff0d;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(212,165,116,.1)}.n8n-profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(212,165,116,.2)}.n8n-profile-header h2{margin:0;color:var(--color-white);font-size:1.75rem;font-weight:600;display:flex;align-items:center}.n8n-section-description{color:var(--color-gray-medium);margin-top:.5rem}.n8n-workflows-count{color:var(--color-gray-medium);font-size:.9rem}.n8n-workflows-actions-bar{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.n8n-workflows-actions-left{display:flex;gap:.5rem;flex-wrap:wrap}.n8n-icon-margin{margin-right:.5rem}.n8n-chevron-icon{margin-top:.25rem;flex-shrink:0}.n8n-chevron-icon.expanded{color:var(--color-accent)}.n8n-chevron-icon.collapsed{color:var(--color-gray-medium)}.n8n-message-close-btn{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer}.n8n-info-message{padding:2rem;text-align:center}.n8n-info-message-icon{margin-bottom:1rem;opacity:.5}.n8n-info-message-text{font-size:.9rem;margin-top:.5rem;color:var(--color-gray-medium)}.n8n-error-message,.n8n-success-message{margin-bottom:1.5rem}.n8n-workflows-list{display:flex;flex-direction:column;gap:1rem}.n8n-workflow-content-flex{flex:1}.n8n-error-text{color:var(--color-gray-medium)}.n8n-modal-content-padding{padding:1.5rem}.n8n-modal-section-margin{margin-bottom:1rem}.n8n-file-input-hidden{display:none}.n8n-modal-subtitle{font-size:.9rem;color:var(--color-gray-medium)}.n8n-loading-state{text-align:center;padding:3rem;color:var(--color-white)}.n8n-loading-state p{font-size:1.125rem;margin:0;margin-top:1rem}.n8n-error-message-base,.n8n-success-message-base,.n8n-info-message-base{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.n8n-error-message-base{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.n8n-success-message-base{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.n8n-info-message-base{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.n8n-error-message-base span,.n8n-success-message-base span,.n8n-info-message-base span{flex:1}.n8n-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.n8n-status-badge-active{background:#10b98133;color:#10b981;border:1px solid #10b981}.n8n-status-badge-finished{background:#95a5a633;color:#95a5a6;border:1px solid #95a5a6}.n8n-error-fallback-btn{margin-top:10px}@keyframes n8n-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes n8n-fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes n8n-fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes n8n-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes n8n-fadeInGuide{0%{opacity:0}to{opacity:.8}}.n8n-workflow-card-simple{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.n8n-workflow-card-simple:hover{background:#ffffff0a;border-color:#ffffff26}.n8n-workflow-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.n8n-workflow-actions-simple{display:flex;gap:.5rem;align-items:center}.n8n-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0d;color:#ffffffe6;font-size:.875rem;cursor:pointer;transition:all .2s ease}.n8n-action-btn:hover{background:#ffffff1a;border-color:#fff3}.n8n-edit-btn:hover{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.n8n-run-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.n8n-download-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:#8b5cf6}.n8n-delete-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.n8n-workflow-container-empty{min-height:400px;background:#0003;border:2px dashed rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:3rem}.n8n-workflow-empty-message{text-align:center;color:#ffffff80}.n8n-workflow-empty-message svg{margin-bottom:1rem;opacity:.5}.n8n-workflow-empty-message p{margin:.5rem 0;font-size:1rem}.n8n-workflow-empty-hint{font-size:.875rem!important;color:#fff6!important}.n8n-workflow-card{background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:12px;padding:1.5rem;transition:all .2s ease}.n8n-workflow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;cursor:pointer}.n8n-workflow-header-content{flex:1;display:flex;align-items:flex-start;gap:.5rem}.n8n-workflow-title{margin:0;margin-bottom:.5rem;color:var(--color-white)}.n8n-workflow-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:all .2s ease}.n8n-workflow-status-indicator.n8n-workflow-active{background-color:#22c55e;box-shadow:0 0 6px #22c55e99}.n8n-workflow-status-indicator.n8n-workflow-inactive{background-color:#6b7280;box-shadow:0 0 4px #6b728066}.n8n-workflow-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.n8n-workflow-tag{background:#d4a5741a;border:1px solid rgba(212,165,116,.3);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;color:var(--color-white)}.n8n-workflow-description{margin:0;color:var(--color-gray-medium);font-size:.9rem}.n8n-workflow-status{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;margin-left:1rem}.n8n-workflow-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--color-gray-medium)}.n8n-workflow-actions{display:flex;gap:.5rem;flex-wrap:wrap}.n8n-workflow-action-btn{font-size:.85rem;padding:.5rem 1rem}.n8n-workflow-expanded{margin-top:1rem;padding-top:0;border-top:1px solid rgba(212,165,116,.2);width:100%;display:flex;flex-direction:column}.n8n-workflow-loading{display:flex;align-items:center;gap:.5rem;color:var(--color-gray-medium)}.n8n-workflow-visual-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.n8n-workflow-visual-title{display:flex;align-items:center;gap:.5rem}.n8n-workflow-visual-title h4{margin:0;color:var(--color-white);font-size:1rem}.n8n-workflow-visual-title svg{color:var(--color-accent)}.n8n-workflow-close-details-btn{font-size:.75rem;padding:.25rem .75rem}.n8n-workflow-empty{padding:1rem;text-align:center;color:var(--color-gray-medium)}.n8n-modal-overlay,.n8n-import-modal-overlay,.n8n-node-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem}.n8n-modal,.n8n-modal-content,.n8n-import-modal,.n8n-node-modal{background:var(--color-primary);border-radius:12px;border:1px solid rgba(212,165,116,.2);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;width:100%;max-height:90vh;overflow-y:auto}.n8n-modal{max-width:600px}.n8n-modal-content{max-width:500px}.n8n-import-modal,.n8n-meta-node-modal{max-width:800px}.n8n-node-modal{max-width:600px}.n8n-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(212,165,116,.2);background:#0003}.n8n-modal-header-info{display:flex;flex-direction:column;gap:.5rem}.n8n-modal-header h3,.n8n-modal-header-info h3{margin:0;color:var(--color-text, var(--color-white));font-size:1.25rem;font-weight:600}.n8n-modal-close,.n8n-modal-close-btn{background:transparent;border:none;color:var(--color-gray-light, var(--color-white));cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.n8n-modal-close:hover:not(:disabled),.n8n-modal-close-btn:hover:not(:disabled){background:#ffffff1a;color:var(--color-text, var(--color-white))}.n8n-modal-close:disabled,.n8n-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.n8n-modal-body,.n8n-modal-content-base,.n8n-node-modal-content{flex:1;overflow-y:auto;padding:1.5rem;background:#0b141a}.n8n-modal-content-base{min-height:400px;max-height:calc(90vh - 100px)}.n8n-modal-description{color:#fffc;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5}.n8n-modal-footer,.n8n-modal-actions,.n8n-import-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid rgba(212,165,116,.2);background:var(--color-primary);border-radius:0 0 12px 12px}.n8n-modal-footer button{min-width:100px}.n8n-modal-input,.n8n-input-group input,.n8n-input-group textarea,.n8n-input-group select,.n8n-import-textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(212,165,116,.3);border-radius:8px;color:var(--color-white);font-size:1rem;transition:border-color .2s,background .2s;font-family:inherit}.n8n-import-textarea{min-height:300px;font-family:monospace;font-size:.85rem;resize:vertical}.n8n-input-group textarea{resize:vertical;min-height:100px}.n8n-textarea-large{min-height:200px}.n8n-modal-input:focus,.n8n-input-group input:focus,.n8n-input-group textarea:focus,.n8n-input-group select:focus,.n8n-import-textarea:focus{outline:none;border-color:var(--color-accent);background:#ffffff14}.n8n-modal-input:disabled,.n8n-input-group input:disabled,.n8n-input-group textarea:disabled,.n8n-input-group select:disabled,.n8n-import-textarea:disabled{opacity:.6;cursor:not-allowed}.n8n-modal-input::placeholder{color:#fff6}.n8n-modal-input-group{display:flex;flex-direction:column;gap:.5rem}.n8n-modal-input-group label,.n8n-input-group label,.n8n-import-label{color:var(--color-white);font-size:.875rem;font-weight:500}.n8n-import-label{display:block;margin-bottom:.5rem}.n8n-modal-hint,.n8n-field-hint{color:#fff9;font-size:.8125rem;margin:0}.n8n-field-hint{margin-top:.25rem}.n8n-field-error{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.8125rem;margin-top:.25rem}.n8n-import-file-btn{margin-bottom:1rem}@media (max-width: 768px){.n8n-modal,.n8n-modal-content,.n8n-import-modal,.n8n-node-modal{max-width:100%;max-height:100vh;border-radius:0}.n8n-modal-overlay,.n8n-import-modal-overlay,.n8n-node-modal-overlay{padding:0}}.n8n-meta-node-type-list{display:flex;flex-direction:column;gap:1rem}.n8n-meta-node-type-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff08;border:2px solid rgba(212,165,116,.2);border-radius:12px;cursor:pointer;transition:all .2s}.n8n-meta-node-type-item:hover{background:#ffffff0d;border-color:#d4a57466}.n8n-meta-node-type-item.selected{background:#d4a5741a;border-color:var(--color-accent)}.n8n-meta-node-type-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#d4a5741a;border-radius:8px;color:var(--color-accent)}.n8n-meta-node-type-info{flex:1}.n8n-meta-node-type-info h4{margin:0 0 .25rem;color:var(--color-white);font-size:1rem;font-weight:600}.n8n-meta-node-type-info p{margin:0;color:#fff9;font-size:.875rem}.n8n-meta-node-type-check{color:var(--color-accent);font-size:1.5rem;font-weight:700}.n8n-modal-large{max-width:900px}.n8n-json-actions{display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(212,165,116,.2)}.n8n-json-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#d4a5741a;border:1px solid rgba(212,165,116,.3);border-radius:6px;color:var(--color-text, #fff);cursor:pointer;font-size:.9rem;transition:all .2s ease}.n8n-json-action-btn:hover{background:#d4a57433;border-color:#d4a57480}.n8n-json-action-btn:active{transform:scale(.98)}.n8n-json-display{background:#0000004d;border:1px solid rgba(212,165,116,.2);border-radius:8px;padding:1rem;margin:0;overflow-x:auto;max-height:60vh;overflow-y:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.85rem;line-height:1.5}.n8n-json-display code{color:#e0e0e0;white-space:pre;word-wrap:normal}.n8n-loading-state,.n8n-error-state,.n8n-empty-state{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--color-text, #fff)}.n8n-error-state{color:#ef4444}.n8n-empty-state{color:#fff9}.n8n-spinning{display:inline-block;animation:n8n-spin 1s linear infinite}@keyframes n8n-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.n8n-quick-edit-modal{max-width:800px}.n8n-quick-edit-modal .n8n-modal-body{max-height:calc(90vh - 200px);overflow-y:auto}.n8n-quick-edit-modal .n8n-input-group textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.9rem;line-height:1.6;min-height:120px}.n8n-error-message{padding:1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:1rem}.n8n-error-message p{color:#ef4444;margin:0;font-size:.9rem}.n8n-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(212,165,116,.3);border-radius:8px;color:var(--color-white);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.n8n-back-btn:hover{background:#ffffff26;border-color:var(--color-accent);transform:translate(-2px)}.n8n-save-btn,.n8n-cancel-btn,.n8n-reset-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:2px solid}.n8n-save-btn{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary);position:relative;z-index:10001!important;pointer-events:auto!important}.n8n-save-btn:hover:not(:disabled){background:var(--color-neutral);border-color:var(--color-neutral)}.n8n-save-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.n8n-save-btn:not(:disabled){pointer-events:auto!important;cursor:pointer!important;z-index:10001!important}.n8n-cancel-btn{background:transparent;border-color:var(--color-gray-medium);color:var(--color-gray-medium)}.n8n-cancel-btn:hover:not(:disabled){border-color:var(--color-white);color:var(--color-white)}.n8n-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.n8n-reset-btn{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.n8n-reset-btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-primary)}.n8n-reset-btn:disabled{opacity:.6;cursor:not-allowed}.n8n-replicate-instance-error-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;background:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}.n8n-replicate-instance-error-btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-primary)}.n8n-replicate-instance-error-btn:disabled{opacity:.6;cursor:not-allowed}.n8n-btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(212,165,116,.3);border-radius:8px;color:var(--color-white);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.n8n-btn-secondary:hover{background:#ffffff26;border-color:#d4a57480}.n8n-meta-node-editor-fields{display:flex;flex-direction:column;gap:1.5rem}.n8n-input-group{display:flex;flex-direction:column;gap:.5rem}.n8n-input{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(212,165,116,.3);border-radius:8px;color:var(--color-white);font-size:1rem;transition:border-color .2s,background .2s;font-family:inherit}.n8n-input:focus{outline:none;border-color:var(--color-accent);background:#ffffff14}.n8n-input:disabled{opacity:.6;cursor:not-allowed}.n8n-input::placeholder{color:#fff6}.n8n-input-hint{color:#fff9;font-size:.8125rem;margin:0}.n8n-options-list{display:flex;flex-direction:column;gap:1rem}.n8n-option-item{display:flex;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:8px}.n8n-option-item input{flex:1}.n8n-add-option-btn,.n8n-add-contact-btn{margin-top:.5rem;padding:.5rem 1rem;background:#d4a5741a;border:1px dashed rgba(212,165,116,.5);border-radius:8px;color:var(--color-accent);cursor:pointer;transition:all .2s;font-size:.875rem}.n8n-add-option-btn:hover,.n8n-add-contact-btn:hover{background:#d4a57433;border-color:var(--color-accent)}.n8n-contacts-list{display:flex;flex-direction:column;gap:1rem}.n8n-contact-item{display:flex;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:8px}.n8n-contact-item input{flex:1}.n8n-meta-node-tool-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(212,165,116,.2)}.n8n-meta-node-tool-section h4{color:var(--color-white);font-size:1rem;font-weight:600;margin:0 0 1rem}.n8n-meta-node-editor-empty{text-align:center;padding:2rem;color:#ffffff80}.n8n-success-message{margin-bottom:1rem;animation:n8n-fadeInSlide .3s ease-in}.n8n-meta-node-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10001;display:flex;justify-content:flex-end;animation:n8n-fadeIn .2s ease;pointer-events:all;overflow:hidden}.n8n-meta-node-drawer{width:500px;max-width:90vw;height:100%;background:var(--color-primary);box-shadow:-4px 0 20px #00000080;overflow-y:auto;animation:n8n-slideInRight .3s ease;pointer-events:all;position:relative;z-index:10002}.n8n-meta-node-editor-content{display:flex;flex-direction:column;height:100%}.n8n-meta-node-editor-content .n8n-modal-header{flex-shrink:0}.n8n-meta-node-editor-content .n8n-modal-content-base{flex:1;overflow-y:auto}.n8n-meta-node-editor-content .n8n-modal-actions{flex-shrink:0;border-top:1px solid rgba(212,165,116,.2)}.n8n-verification-icon{display:inline-block;margin-right:8px}.n8n-verification-icon-success{color:#22c55e}.n8n-verification-icon-error{color:#ef4444}.n8n-verification-icon-warning{color:#f59e0b}.n8n-verification-error-box{padding:1rem;background-color:#ef44441a;border-radius:8px;margin-bottom:1rem}.n8n-verification-error-text{color:#ef4444;margin:0}.n8n-verification-section{margin-bottom:1.5rem}.n8n-verification-section-title{margin-bottom:.75rem;color:#fff;font-size:1rem;display:flex;align-items:center;gap:.5rem}.n8n-verification-section-title-icon{margin-right:.5rem;display:inline-block;vertical-align:middle}.n8n-verification-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;font-size:.9rem}.n8n-verification-info-item{display:flex;flex-direction:column;gap:.25rem}.n8n-verification-info-label{color:#ffffffb3}.n8n-verification-info-value{color:#fff;font-weight:600}.n8n-verification-status-box{padding:.75rem;border-radius:8px;font-size:.9rem}.n8n-verification-status-box-success{background-color:#22c55e1a}.n8n-verification-status-box-error{background-color:#ef44441a}.n8n-verification-status-box-info{background-color:#ffffff0d}.n8n-verification-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.n8n-verification-status-item{display:flex;flex-direction:column;gap:.25rem}.n8n-verification-status-label{color:#ffffffb3}.n8n-verification-status-value{color:#fff;font-weight:600}.n8n-verification-warning{margin-top:.5rem;color:#ef4444;font-size:.85rem}.n8n-verification-text-success{color:#22c55e}.n8n-verification-text-error{color:#ef4444}.n8n-verification-final-status{padding:1rem;border-radius:8px;margin-top:1rem}.n8n-verification-final-status-success{background-color:#22c55e1a;border:1px solid #22c55e}.n8n-verification-final-status-error{background-color:#ef44441a;border:1px solid #ef4444}.n8n-verification-final-status-text{margin:0;font-weight:600;display:flex;align-items:center;gap:.5rem}.n8n-verification-final-status-text-success{color:#22c55e}.n8n-verification-final-status-text-error{color:#ef4444}.n8n-editable-workflow-container{width:100%;height:600px;min-height:500px}.n8n-editable-workflow-container .react-flow{background:#0f172af2}.n8n-editable-workflow-loading,.n8n-editable-workflow-error,.n8n-editable-workflow-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;min-height:400px;text-align:center}.n8n-editable-workflow-loading{color:#ffffffb3}.n8n-editable-workflow-error{color:#ef4444;padding:2rem}.n8n-editable-workflow-empty{color:#ffffff80}.n8n-editable-workflow-loading-spinner{display:inline-block;font-size:2rem}.n8n-editable-node{border-radius:12px;padding:12px 16px;min-width:180px;max-width:220px;box-shadow:0 2px 8px #0003;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.n8n-editable-node-selected{box-shadow:0 0 10px #d4a57480}.n8n-editable-node-header-line{display:flex;align-items:center;gap:.5rem;min-width:0}.n8n-editable-node-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.n8n-editable-node-title{font-weight:500;font-size:13px;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.n8n-editable-node-subtitle{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n8n-editable-node-type-dados{background:linear-gradient(135deg,#22c55e33,#22c55e1f);border:2px solid rgba(34,197,94,.6)}.n8n-editable-node-type-dados .n8n-editable-node-title{color:#fff}.n8n-editable-node-type-dados .n8n-editable-node-subtitle{color:#ffffffb3}.n8n-editable-node-type-dados-selected{background:linear-gradient(135deg,#22c55e4d,#22c55e2e)!important;border:2px solid #22c55e!important;box-shadow:0 0 10px #22c55e80!important}.n8n-editable-node-indicator-dados{background-color:#22c55e}.n8n-editable-node-type-prompt{background:linear-gradient(135deg,#8b5cf633,#8b5cf61f);border:2px solid rgba(139,92,246,.6)}.n8n-editable-node-type-prompt .n8n-editable-node-title{color:#fff}.n8n-editable-node-type-prompt .n8n-editable-node-subtitle{color:#ffffffb3}.n8n-editable-node-type-prompt-selected{background:linear-gradient(135deg,#8b5cf64d,#8b5cf62e)!important;border:2px solid #8b5cf6!important;box-shadow:0 0 10px #8b5cf680!important}.n8n-editable-node-indicator-prompt{background-color:#8b5cf6}.n8n-editable-node-type-buttonList{background:linear-gradient(135deg,#3b82f633,#3b82f61f);border:2px solid rgba(59,130,246,.6)}.n8n-editable-node-type-buttonList .n8n-editable-node-title{color:#fff}.n8n-editable-node-type-buttonList .n8n-editable-node-subtitle{color:#ffffffb3}.n8n-editable-node-type-buttonList-selected{background:linear-gradient(135deg,#3b82f64d,#3b82f62e)!important;border:2px solid #3b82f6!important;box-shadow:0 0 10px #3b82f680!important}.n8n-editable-node-indicator-buttonList{background-color:#3b82f6}.n8n-editable-node-type-messageText{background:linear-gradient(135deg,#f59e0b40,#f59e0b26);border:2px solid rgba(245,158,11,.7)}.n8n-editable-node-type-messageText .n8n-editable-node-title{color:#1e293b;font-weight:600}.n8n-editable-node-type-messageText .n8n-editable-node-subtitle{color:#1e293bb3}.n8n-editable-node-type-messageText-selected{background:linear-gradient(135deg,#f59e0b59,#f59e0b38)!important;border:2px solid #f59e0b!important;box-shadow:0 0 10px #f59e0b80!important}.n8n-editable-node-indicator-messageText{background-color:#f59e0b}.n8n-editable-node-type-assignment{background:linear-gradient(135deg,#ec489933,#ec48991f);border:2px solid rgba(236,72,153,.6)}.n8n-editable-node-type-assignment .n8n-editable-node-title{color:#fff}.n8n-editable-node-type-assignment .n8n-editable-node-subtitle{color:#ffffffb3}.n8n-editable-node-type-assignment-selected{background:linear-gradient(135deg,#ec48994d,#ec48992e)!important;border:2px solid #ec4899!important;box-shadow:0 0 10px #ec489980!important}.n8n-editable-node-indicator-assignment{background-color:#ec4899}.n8n-editable-node-type-default{background:linear-gradient(135deg,#6b728033,#6b72801f);border:2px solid rgba(107,114,128,.6)}.n8n-editable-node-type-default .n8n-editable-node-title{color:#fff}.n8n-editable-node-type-default .n8n-editable-node-subtitle{color:#ffffffb3}.n8n-editable-node-type-default-selected{background:linear-gradient(135deg,#6b72804d,#6b72802e)!important;border:2px solid #6b7280!important;box-shadow:0 0 10px #6b728080!important}.n8n-editable-node-indicator-default{background-color:#6b7280}.n8n-editable-workflow-controls button{background-color:#1e293bcc;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.n8n-editable-workflow-minimap{background-color:#0f172acc;border:1px solid rgba(255,255,255,.1)}.n8n-editable-workflow-container .react-flow__handle{width:8px;height:8px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#1e293bcc}.n8n-editable-workflow-container .react-flow__handle:hover{border-color:#fff9;background:#1e293bf2}.n8n-editable-workflow-container .react-flow__node.dragging{opacity:.8}.n8n-editable-workflow-container .react-flow__node.selected{z-index:1000}.n8n-editable-workflow-container .react-flow__attribution{display:none!important}.n8n-editable-workflow-container .react-flow__edgelabel-renderer:empty{display:none}.n8n-editable-workflow-container .react-flow__viewport-portal:empty{display:none}.n8n-editable-workflow-container #react-flow__node-desc-1,.n8n-editable-workflow-container #react-flow__edge-desc-1{display:none!important}.n8n-editable-workflow-container #react-flow__aria-live-1{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(100%)!important}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.trial-activation-report{padding:0}.report-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.report-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white);margin:0}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.report-stats .stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:24px;padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition)}.report-stats .stat-card:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 10px 30px #d4a57433}.report-stats .stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-white);flex-shrink:0}.report-stats .stat-icon{background:linear-gradient(45deg,#667eea,#764ba2)}.report-stats .stat-icon.paid{background:linear-gradient(45deg,#22c55e,#16a34a)}.report-stats .stat-icon.rate{background:linear-gradient(45deg,#3b82f6,#2563eb)}.report-stats .stat-info{flex:1}.report-stats .stat-info h3{font-size:var(--font-size-sm);color:var(--color-gray-light);margin:0 0 var(--spacing-xs) 0;font-weight:500}.report-stats .stat-info .stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-white);margin:0}.report-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:24px;padding:var(--spacing-xl)}.trial-tenants-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.trial-tenants-table thead{background:#d4a5741a}.trial-tenants-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-accent);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.trial-tenants-table td{padding:var(--spacing-md);color:var(--color-white);border-top:1px solid rgba(255,255,255,.05);font-size:var(--font-size-sm)}.trial-tenants-table tbody tr:hover{background:#ffffff0d}.trial-tenants-table tbody tr.paid-row{background:#22c55e1a}.trial-tenants-table tbody tr.paid-row:hover{background:#22c55e26}.trial-tenants-table .brand-name{display:block;font-size:var(--font-size-xs);color:var(--color-gray-light);margin-top:.25rem;font-weight:400;opacity:.8}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:6px;font-size:var(--font-size-xs);font-weight:500}.status-badge.active{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.status-badge.paid{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.status-badge.blocked{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.status-badge.expired{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.payment-status{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:500}.payment-status.paid{color:#86efac}.payment-status.pending{color:#fcd34d}.days-remaining{font-weight:600;color:#93c5fd}.days-remaining.expired{color:#fca5a5}.mark-paid-btn{background-color:#22c55e1a;border-color:#22c55e4d;color:#86efac}.mark-paid-btn:hover:not(:disabled){background-color:#22c55e33;border-color:#22c55e80}.unmark-paid-btn{background-color:#ef44441a;border-color:#ef44444d;color:#fca5a5}.unmark-paid-btn:hover:not(:disabled){background-color:#ef444433;border-color:#ef444480}.empty-state{text-align:center;padding:var(--spacing-2xl)!important;color:var(--color-gray-light)}.empty-state i{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5;color:var(--color-gray-light)}.empty-state p{margin:0;font-size:var(--font-size-base);color:var(--color-gray-light)}.loading-state,.error-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-white);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:24px}.loading-state i{font-size:3rem;color:var(--color-accent);margin-bottom:var(--spacing-md)}.error-state i{font-size:3rem;color:#ef4444;margin-bottom:var(--spacing-md)}.loading-state p,.error-state p{margin:0;color:var(--color-gray-light)}@media (max-width: 768px){.trial-activation-report{padding:0}.report-stats{grid-template-columns:1fr}.table-container{overflow-x:scroll}.trial-tenants-table{min-width:1000px}}.reports-section{padding:var(--spacing-lg)}.dashboard-sections-grid .reports-section{padding:0}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.reports-header h2{margin:0;color:var(--color-accent)}.reports-filters-container{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.reports-period-filters{display:flex;gap:var(--spacing-xs)}.reports-filter-group{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(212,165,116,.2);border-radius:var(--border-radius)}.reports-filter-group svg{color:var(--color-accent);flex-shrink:0}.reports-filter-select{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;min-width:150px;outline:none}.reports-filter-select:focus{background:#ffffff0d}.reports-filter-select option{background:var(--color-primary);color:var(--color-text)}.reports-period-filters button{padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(212,165,116,.3);border-radius:var(--border-radius);color:var(--color-gray-light);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm)}.reports-period-filters button:hover{background:#ffffff1a;border-color:var(--color-accent)}.reports-period-filters button.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary);font-weight:600}.reports-period-info{margin-bottom:var(--spacing-lg);color:var(--color-gray-light);font-size:var(--font-size-sm)}.reports-loading,.reports-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--color-gray-light)}.reports-loading .spinning{animation:spin 1s linear infinite}.reports-error button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-accent);border:none;border-radius:var(--border-radius);color:var(--color-primary);cursor:pointer;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.metric-card{background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:var(--border-radius);padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-md);transition:var(--transition)}.metric-card:hover{border-color:var(--color-accent);background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #d4a5741a}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#d4a5741a;border-radius:var(--border-radius);color:var(--color-accent);flex-shrink:0}.metric-content{flex:1}.metric-label{font-size:var(--font-size-sm);color:var(--color-gray-light);margin-bottom:var(--spacing-xs)}.metric-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.metric-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-light)}.qualitative-metrics-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid rgba(212,165,116,.2)}.qualitative-metrics-section h3{color:var(--color-accent);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg)}.qualitative-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.qualitative-metric-card{background:#ffffff08;border:1px solid rgba(212,165,116,.2);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition)}.qualitative-metric-card:hover{border-color:var(--color-accent);background:#ffffff0d}.qualitative-metric-card h4{color:var(--color-text);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:600}.qualitative-score{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--spacing-sm)}.qualitative-description{font-size:var(--font-size-sm);color:var(--color-gray-light);line-height:1.5}.sentiment-card .sentiment-distribution{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sentiment-item{display:flex;align-items:center;gap:var(--spacing-sm)}.sentiment-bar{height:32px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);min-width:60px;transition:width .3s ease}.sentiment-bar.positive{background:#2ed573cc}.sentiment-bar.neutral{background:#95a5a6cc}.sentiment-bar.negative{background:#e74c3ccc}.sentiment-label{font-size:var(--font-size-sm);color:var(--color-gray-light);min-width:60px}.funnel-card .funnel-distribution{display:flex;flex-direction:column;gap:var(--spacing-sm)}.funnel-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#0003;border-radius:var(--border-radius)}.funnel-label{font-size:var(--font-size-sm);color:var(--color-text);text-transform:capitalize}.funnel-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent)}.latest-evaluations-card{display:flex;flex-direction:column}.latest-evaluations-card h4{margin-bottom:var(--spacing-md);flex-shrink:0}.latest-evaluations-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:240px;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-xs)}.latest-evaluations-list::-webkit-scrollbar{width:8px}.latest-evaluations-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.latest-evaluations-list::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}.latest-evaluations-list::-webkit-scrollbar-thumb:hover{background:#d4a574cc}.evaluation-item{background:#0003;border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.evaluation-item:hover{border-color:var(--color-accent);background:#0000004d}.evaluation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.evaluation-contact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.evaluation-contact strong{color:var(--color-text);font-size:var(--font-size-sm)}.evaluation-instance{font-size:var(--font-size-xs);color:var(--color-gray-medium)}.evaluation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);text-align:right}.evaluation-user{font-size:var(--font-size-xs);color:var(--color-gray-light)}.evaluation-date{font-size:var(--font-size-xs);color:var(--color-gray-medium)}.evaluation-preview{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-gray-light);margin-top:var(--spacing-sm);padding:var(--spacing-xs);background:#d4a5741a;border-radius:var(--border-radius);border:1px solid rgba(212,165,116,.2)}.evaluation-content p{margin:0 0 var(--spacing-xs) 0}.evaluation-content p:last-child{margin-bottom:0}.evaluation-content h1,.evaluation-content h2,.evaluation-content h3,.evaluation-content h4,.evaluation-content h5,.evaluation-content h6{color:var(--color-text);margin:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.evaluation-content ul,.evaluation-content ol{margin:var(--spacing-xs) 0;padding-left:var(--spacing-md)}.evaluation-content li{margin:var(--spacing-xs) 0}.evaluation-content code{background:#0000004d;padding:2px 4px;border-radius:3px;font-size:var(--font-size-xs)}.evaluation-content pre{background:#0000004d;padding:var(--spacing-xs);border-radius:var(--border-radius);overflow-x:auto;font-size:var(--font-size-xs)}.evaluation-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--spacing-sm);margin:var(--spacing-xs) 0;color:var(--color-gray-light)}@media (max-width: 768px){.metrics-grid,.qualitative-metrics-grid{grid-template-columns:1fr}.reports-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.reports-period-filters{width:100%;justify-content:flex-start}}.sidebar{width:30%;min-width:300px;max-width:400px;background-color:var(--background-2, #111b21);border-right:1px solid var(--border-strong, #2a3942);display:flex;flex-direction:column;height:100%;flex-shrink:0;overflow:hidden}.sidebar,.chat-list{position:relative}.sidebar:has(.chat-action-menu-dropdown){overflow:visible}@keyframes pollingPulse{0%{transform:scale(1);box-shadow:0 0 6px #00a88499}50%{transform:scale(1.2);box-shadow:0 0 10px #00a884cc}to{transform:scale(1);box-shadow:0 0 6px #00a88499}}@keyframes aiGlow{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}@keyframes aiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sidebarFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pump-bounce{0%{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}to{opacity:.9;transform:translateY(0)}}@keyframes pulse-warning{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.9;transform:scale(1)}}@keyframes newMessagePulse{0%{background-color:#00a88433;transform:scale(1)}50%{background-color:#00a8841a;transform:scale(1.02)}to{background-color:#00a8840d;transform:scale(1)}}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes notificationPulse{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 10px #f440}to{box-shadow:0 0 #f440}}@keyframes internalChatPulse{0%,to{box-shadow:0 0 #00a884b3}50%{box-shadow:0 0 0 8px #00a88400}}.sidebar-header{background-color:var(--background-3, #202c33);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-strong, #2a3942);min-height:59px;box-sizing:border-box;flex-shrink:0}.user-profile{display:flex;align-items:center;position:relative;cursor:pointer;flex:1}.profile-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--accent, #00a884) 0%,var(--accent-hover, #06cf9c) 100%);flex-shrink:0;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 3px #0003;transition:transform .2s ease,box-shadow .2s ease}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 2px 6px #0000004d}.profile-avatar .avatar-image{width:40px;height:40px;object-fit:cover;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.12)}.profile-avatar .avatar-placeholder{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);overflow:hidden;padding:2px;word-break:break-all;text-align:center;font-size:6px;line-height:1.1}.user-menu{position:absolute;top:calc(100% + 8px);left:0;background-color:var(--background-2, #111b21);border:1px solid var(--border-soft, rgba(255, 255, 255, .08));border-radius:12px;padding:0;min-width:220px;box-shadow:0 8px 24px #0006;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-info{margin-left:12px;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-name{color:var(--text-primary, #e9edef);font-size:15px;font-weight:400;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.instance-info{margin-top:2px}.instance-name{color:var(--accent, #00a884);font-size:13px;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.instance-phone{color:var(--text-secondary, #8696a0);font-size:12px;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.instance-id{color:#8696a0;font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-info{margin-bottom:0;padding:14px 16px;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .08));background-color:var(--background-2, #111b21)}.user-menu-info .user-name{color:#e9edef;font-size:14px;font-weight:500;margin:0 0 4px}.user-menu-info .user-email{color:#8696a0;font-size:12px;margin:0}.home-button{background:transparent;border:none;color:var(--text-primary, #e9edef);cursor:pointer;padding:12px 16px;border-radius:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;width:100%;text-align:left;transition:all .2s ease;border-top:1px solid var(--border-soft, rgba(255, 255, 255, .08))}.home-button:hover{background-color:var(--hover-bg, rgba(255, 255, 255, .05));color:var(--accent, #00a884)}.logout-button{background:transparent;border:none;color:#f44336;cursor:pointer;padding:12px 16px;border-radius:0;display:flex;align-items:center;gap:10px;font-size:14px;width:100%;transition:all .2s ease;border-top:1px solid var(--border-soft, rgba(255, 255, 255, .08))}.logout-button:hover{background-color:#f443361a;color:#ff6659}.header-actions{display:flex;gap:8px}.action-button{background:transparent;border:none;color:var(--text-secondary, #8696a0);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px;flex-shrink:0}.action-button:hover{background-color:#ffffff14;color:var(--text-primary, #e9edef)}.action-button svg{width:20px;height:20px}.polling-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:help}.polling-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.polling-indicator.active .polling-dot{background-color:#00a884;box-shadow:0 0 6px #00a88499;animation:pollingPulse 2s ease-in-out infinite}.polling-indicator.inactive .polling-dot{background-color:#8696a0;box-shadow:none}.ai-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;transition:all .3s ease;position:relative}.ai-indicator.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 8px #667eea66}.ai-indicator.active svg{animation:aiGlow 2s ease-in-out infinite}.ai-indicator.inactive{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 0 8px #6c757d66}.ai-indicator.inactive svg{animation:none;filter:brightness(.7)}.ai-indicator.clickable{cursor:pointer}.ai-indicator.clickable:hover{transform:scale(1.05)}.ai-indicator.clickable.active:hover{box-shadow:0 0 12px #667eea99}.ai-indicator.clickable.inactive:hover{box-shadow:0 0 12px #6c757d99}.ai-indicator.loading{cursor:not-allowed;opacity:.7}.ai-indicator.loading svg{animation:aiSpin 1s linear infinite}.ai-instance-id{position:absolute;top:-8px;right:-8px;background:#000c;color:#fff;font-size:8px;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;z-index:10;pointer-events:none}.actions-menu-container{position:relative}.actions-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--background-2, #111b21);border:1px solid var(--border-soft, rgba(255, 255, 255, .08));border-radius:12px;box-shadow:0 8px 24px #0006;z-index:1000;min-width:220px;padding:4px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.actions-menu-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;font-size:14px;color:var(--text-primary, #e9edef);border-radius:8px;gap:12px}.actions-menu-item:hover{background-color:var(--hover-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #e9edef)}.actions-menu-item svg{margin-right:12px;flex-shrink:0}.menu-item-text{flex:1;font-weight:500}.ai-menu-item{position:relative}.ai-menu-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-menu-item.inactive{background:linear-gradient(135deg,#bdc3c7,#2c3e50);color:#fff}.ai-menu-item.loading{opacity:.7;cursor:not-allowed}.ai-menu-item.loading svg{animation:aiSpin 1s linear infinite}.ai-instance-id-menu{position:absolute;top:4px;right:8px;background:#0009;color:#fff;font-size:8px;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis}.internal-chat-header-btn{background:transparent;border:none;color:var(--text-secondary, #8696a0);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px;flex-shrink:0;position:relative}.internal-chat-header-btn:hover{background-color:#ffffff14;color:var(--text-primary, #e9edef)}.internal-chat-header-btn.pulsing{animation:internalChatPulse 2s ease-in-out infinite}.notification-indicator{position:relative;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:#f44;color:#fff;animation:notificationPulse 2s infinite;cursor:pointer;transition:all .3s ease}.notification-indicator.sound-active{background-color:#f44;color:#fff;animation:notificationPulse 2s infinite;box-shadow:0 0 8px #f446}.notification-indicator.sound-inactive{background-color:#6c757d;color:#fff;animation:none;box-shadow:0 0 8px #6c757d66;opacity:.8}.notification-indicator:active{transform:scale(.95);transition:transform .1s ease}.notification-indicator:hover{transform:scale(1.1)}.notification-indicator.sound-active:hover{background-color:#f66}.notification-indicator.sound-inactive:hover{background-color:#868e96}.notification-indicator.clickable{cursor:pointer}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:red;color:#fff;border-radius:10px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;border:2px solid white;white-space:nowrap;animation:badgePulse 1s infinite}.search-box{position:relative;background-color:var(--background-3, #202c33);border-radius:8px;display:flex;align-items:center;padding:9px 14px;gap:12px;transition:background-color .2s ease}.search-box:focus-within{background-color:#ffffff0d}.search-icon{color:var(--text-secondary, #8696a0);flex-shrink:0;width:16px;height:16px}.search-input{background:none;border:none;outline:none;color:var(--text-primary, #e9edef);flex:1;font-size:14px;font-family:inherit;line-height:1.4}.search-input::placeholder{color:var(--text-secondary, #8696a0)}.search-clear-btn{background:none;border:none;color:var(--text-secondary, #8696a0);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.search-clear-btn:hover{background-color:#ffffff1a;color:var(--text-primary, #e9edef)}.search-results-info{font-size:11px;color:var(--text-secondary, #8696a0);margin-top:6px;padding-left:2px;animation:sidebarFadeIn .2s ease}.chat-item.search-match .sidebar-chat-name,.chat-item.search-match .chat-preview{position:relative}.search-highlight-text{background-color:#20edc24d;color:var(--primary, #20edc2);border-radius:2px;padding:0 2px}.chat-list{flex:1;overflow-y:auto;overflow-x:hidden;background-color:var(--background-2, #111b21);min-height:0}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover{background-color:#fff3}.chat-period-group{margin-bottom:16px}.period-header{padding:6px 16px;display:flex;align-items:center;gap:8px;background-color:var(--background-2, #111b21);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#111b21f2}.period-label{font-size:12px;font-weight:600;color:var(--text-secondary, #8696a0);text-transform:uppercase;letter-spacing:.5px}.period-count{font-size:11px;color:var(--text-muted, #667781);background-color:#2a394299;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;font-weight:500}.loading-chats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#8696a0}.loading-chats .loading-spinner{width:24px;height:24px;border:2px solid #2a3942;border-top:2px solid #00a884;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.loading-chats p{margin:0;font-size:14px}.no-chats{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#8696a0}.no-chats p{margin:0;font-size:14px}.attendance-filter-tabs{display:flex;gap:6px;padding:8px 12px;background:linear-gradient(180deg,#1a2327,#111b21);border-bottom:1px solid #2a3942;flex-shrink:0}.filter-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;background:#1f2c34;border:1px solid #2a3942;border-radius:8px;color:#8696a0;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:#2a3942;color:#e9edef;transform:translateY(-1px)}.filter-tab.active{background:linear-gradient(135deg,#2a3942,#1f2c34);border-color:#00a884;color:#e9edef;box-shadow:0 2px 8px #00a88433}.filter-tab.my-attendances.active{border-color:#25d366;box-shadow:0 2px 8px #25d3664d}.filter-tab.blocked.active{border-color:#ff6b6b;box-shadow:0 2px 8px #ff6b6b4d}.filter-tab-icon{font-size:12px}.filter-tab-label{font-size:10px;text-transform:uppercase;letter-spacing:.3px}.filter-tab-count{background:#2a3942;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;min-width:18px;text-align:center}.filter-tab.active .filter-tab-count{background:#00a8844d;color:#25d366}.filter-tab.my-attendances.active .filter-tab-count{background:#25d3664d;color:#25d366}.filter-tab.blocked.active .filter-tab-count{background:#ff6b6b4d;color:#ff6b6b}.chat-list-empty-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#8696a0}.chat-list-empty-filter .empty-icon{font-size:48px;margin-bottom:12px;opacity:.6}.chat-list-empty-filter .empty-title{font-size:14px;font-weight:500;color:#e9edef;margin-bottom:4px}.chat-list-empty-filter .empty-subtitle{font-size:12px;color:#8696a0}.chat-item{display:flex;align-items:center;gap:0;padding:10px 16px 9px 13px;cursor:pointer;border-bottom:1px solid rgba(134,150,160,.08);background-color:transparent;transition:background-color .15s ease;min-height:72px;position:relative;outline:none;overflow:visible}.chat-item:hover{background-color:#ffffff0a}.chat-item:active,.chat-item.selected,.chat-item[aria-selected=true]{background-color:#ffffff0f}.chat-item.other-user-active{opacity:.5;background-color:#1a2529;border-left:3px solid #ff6b35}.chat-item.other-user-active:hover{background-color:#2a3942;opacity:.7}.chat-item.last-message-from-instance{opacity:.5!important;background-color:#1a2529!important;border-left:3px solid #ffa500!important}.chat-item.last-message-from-instance:hover{background-color:#2a3942!important;opacity:.7!important}.chat-item.blocked-by-user{opacity:.8;background-color:#2d1b1b;border-left:3px solid #ff6b6b}.chat-item.blocked-by-user:hover{background-color:#3d2b2b;opacity:.9}.chat-item.current-user-attending{opacity:1;background-color:#1b2d1b;border-left:3px solid #25D366}.chat-item.current-user-attending:hover{background-color:#2d3d2d;opacity:1}.chat-item.transfer-notification{opacity:.9;background-color:#2d2b1b;border-left:3px solid #ffa500}.chat-item.transfer-notification:hover{background-color:#3d3b2b;opacity:1}.sidebar-chat-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0;flex-direction:row;position:relative;z-index:1}.chat-menu{position:relative;margin-left:auto;z-index:1;overflow:visible}.sidebar .chat-menu:has(.chat-action-menu-dropdown){z-index:10000}.chat-menu-button{background:none;border:none;color:#8696a0;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;z-index:1}.chat-menu-button:hover{background-color:#2a3942;color:#fff}.chat-avatar{position:relative;flex-shrink:0;width:49px;height:49px;margin-right:3px;display:flex;align-items:center;justify-content:center}.avatar-image{width:49px;height:49px;object-fit:cover;border-radius:50%;position:relative;z-index:1;flex-shrink:0;display:block;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0003}.avatar-placeholder{width:49px;height:49px;border-radius:50%;background:linear-gradient(135deg,var(--accent, #00a884) 0%,var(--accent-hover, #06cf9c) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px;flex-shrink:0;position:relative;z-index:1;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0003;overflow:hidden;padding:2px;word-break:break-all;text-align:center;line-height:1.1}.avatar-placeholder span{font-size:7px;font-weight:400;display:block;width:100%;overflow:hidden;text-overflow:ellipsis}.avatar-placeholder.hidden{display:none!important}.avatar-placeholder.visible{display:flex!important}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#00a884;border:2px solid #111b21;border-radius:50%;z-index:10}.sidebar-chat-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;justify-content:center}.sidebar-chat-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1px;min-height:20px;flex-shrink:0}.sidebar-chat-name-container{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:nowrap;overflow:hidden}.sidebar-chat-name{font-size:17px;font-weight:400;color:var(--text-primary, #e9edef);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;line-height:20px;text-align:left;word-wrap:break-word;margin:0;padding:0}.chat-phone{font-size:12px;color:#8696a0;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;line-height:1.2}.chat-time{font-size:12px;color:#8696a0cc;line-height:14px;flex-shrink:0;white-space:nowrap;margin-top:3px;text-align:right}.chat-preview{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#8696a0cc;overflow:hidden;min-height:20px;flex-shrink:0;width:100%;margin-top:2px}.last-message-container{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden;min-width:0;justify-content:flex-start}.last-message{font-size:14px;color:#8696a0cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:20px;display:flex;align-items:center;gap:4px;text-align:left;min-height:20px}.chat-preview .unread-badge,.chat-preview .unread-badge.avatar-badge{position:static;background-color:#25a866;color:#fff;font-size:12px;font-weight:500;padding:0 6px;border-radius:11px;min-width:20px;height:20px;text-align:center;border:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-sizing:border-box;margin-left:auto;flex-shrink:0}.message-sender-info{font-size:11px;color:#667781;background-color:#66778133;padding:1px 4px;border-radius:3px;font-weight:500;flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-type-icon{color:#8696a0;flex-shrink:0;opacity:.8}.instance-message-indicator{color:orange;flex-shrink:0;opacity:.8;font-size:12px;margin-left:4px}.pump-icon{position:absolute;top:-2px;left:-2px;font-size:10px;background:#f44;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid #1e2328;animation:pump-bounce 2s infinite;z-index:10}.needs-answer-tag{color:#ff6b6b;flex-shrink:0;opacity:.9;font-size:12px;margin-left:4px;animation:pulse-warning 2s infinite}.unread-badge.avatar-badge{background-color:#25a866;color:#fff;font-size:12px;font-weight:500;border-radius:11px;min-width:20px;height:20px;text-align:center;position:absolute;top:-1px;right:-1px;z-index:10;border:2px solid var(--background-2, #111b21);display:flex;align-items:center;justify-content:center;line-height:1;padding:0 6px;box-sizing:border-box}.audio-toggle-button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary, #e9edef);cursor:pointer;transition:all .2s ease;border-top:1px solid var(--border-soft, rgba(255, 255, 255, .08));border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .08))}.audio-toggle-button:hover{background-color:var(--hover-bg, rgba(255, 255, 255, .05))}.audio-toggle-icon{font-size:18px;min-width:18px}.audio-toggle-text{font-size:14px;font-weight:500}.chat-item.new-message{background-color:#00a8841a;border-left:3px solid #00a884;animation:newMessagePulse 2s ease-in-out}.sidebar:has(.chat-action-menu-dropdown) .chat-item,.sidebar:has(.chat-action-menu-dropdown) .sidebar-chat-content,.sidebar:has(.chat-action-menu-dropdown) .sidebar-chat-header,.sidebar:has(.chat-action-menu-dropdown) .sidebar-chat-header-right{position:relative;z-index:1}.sidebar:has(.chat-action-menu-dropdown) .sidebar-chat-header-right,.sidebar:has(.chat-action-menu-dropdown) .chat-item{z-index:1}.sidebar:has(.chat-action-menu-dropdown) .sidebar-header{z-index:1}@keyframes pulse-notification{0%{transform:scale(1);box-shadow:0 0 #00a884b3}50%{transform:scale(1.02);box-shadow:0 0 0 10px #00a8844d}to{transform:scale(1);box-shadow:0 0 #00a88400}}.chat-item.notified{animation:pulse-notification 2s infinite;border-left:3px solid #00a884!important;background-color:#00a8841a!important}.chat-item.notified:hover{background-color:#00a88433!important;animation:none}@keyframes pulse-urgent{0%{transform:scale(1);box-shadow:0 0 #ff0000b3}25%{transform:scale(1.03);box-shadow:0 0 0 8px #f006}50%{transform:scale(1.05);box-shadow:0 0 0 15px #f003}75%{transform:scale(1.03);box-shadow:0 0 0 8px #f006}to{transform:scale(1);box-shadow:0 0 #f000}}.chat-item.urgent-notification{animation:pulse-urgent 1.5s infinite;border-left:3px solid #ff0000!important;background-color:#ff00001a!important}.chat-item.urgent-notification:hover{background-color:#f003!important;animation:none}.debug-indicator{position:absolute;top:5px;right:5px;background:red;color:#fff;padding:2px 6px;font-size:10px;border-radius:3px;z-index:1000}.transfer-indicator{position:absolute;top:5px;right:5px;background:orange;color:#fff;padding:2px 6px;font-size:10px;border-radius:3px;z-index:1000;display:flex;align-items:center;gap:4px}.blocked-indicator{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;padding:4px 8px;font-size:10px;font-weight:600;border-radius:12px;z-index:1000;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #ff6b6b66;animation:pulse-blocked 2s infinite}.blocked-indicator .indicator-icon{font-size:10px}.blocked-indicator .indicator-text{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}@keyframes pulse-blocked{0%,to{box-shadow:0 2px 8px #ff6b6b66}50%{box-shadow:0 2px 12px #ff6b6b99}}.attending-indicator{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:4px 8px;font-size:10px;font-weight:600;border-radius:12px;z-index:1000;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #25d36666;animation:pulse-attending 2s infinite}.attending-indicator .indicator-icon{font-size:10px}.attending-indicator .indicator-text{text-transform:uppercase;letter-spacing:.5px}@keyframes pulse-attending{0%,to{box-shadow:0 2px 8px #25d36666}50%{box-shadow:0 2px 12px #25d36699}}.chat-action-menu-dropdown.sidebar-popup-portal{position:fixed;z-index:10002;width:320px;max-height:80vh;overflow-y:auto;overflow-x:hidden;pointer-events:auto}.notification-menu{position:absolute;top:100%;right:0;background-color:#2a3942;border:1px solid #3b4a54;border-radius:8px;padding:8px;min-width:200px;z-index:9999;box-shadow:0 4px 12px #0000004d;margin-top:4px}.notification-menu-header{display:flex;align-items:center;gap:8px;padding:8px;color:#fff;font-weight:500;border-bottom:1px solid #3b4a54;margin-bottom:4px}.notification-menu-close{margin-left:auto;background:none;border:none;color:#8696a0;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-menu-close:hover{color:#fff;background-color:#3b4a54}.notification-menu-item{padding:8px;color:#8696a0;font-size:14px;cursor:default;border-radius:4px;transition:background-color .2s ease}.notification-menu-item.clickable{cursor:pointer;display:flex;align-items:center;gap:8px}.notification-menu-item.clickable:hover{background-color:#3b4a54;color:#fff}.notification-menu-item.clickable.disabled{opacity:.6;cursor:not-allowed}.notification-menu-item.clickable.disabled:hover{background-color:transparent}.user-avatar{width:24px;height:24px;border-radius:50%;background-color:#00a884;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500}.user-status{display:flex;align-items:center;justify-content:center}.status-indicator{width:8px;height:8px;border-radius:50%;transition:all .2s ease}.status-indicator.online{background-color:#25d366;box-shadow:0 0 6px #25d36666}.status-indicator.offline{background-color:#ff6b6b;box-shadow:0 0 6px #ff6b6b66}.user-username{color:#8696a0;font-size:12px}.notification-status{margin-left:auto;font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px}.notification-status.sending{color:orange;background-color:#ffa5001a}.notification-status.success{color:#00a884;background-color:#00a8841a}.notification-status.error{color:#f44;background-color:#ff44441a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.new-chat-modal{background-color:#2a3942;border-radius:12px;padding:0;min-width:400px;max-width:500px;box-shadow:0 8px 32px #0000004d;border:1px solid #3b4a54}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #3b4a54}.modal-header h3{color:#e9edef;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#8696a0;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background-color:#3b4a54;color:#e9edef}.modal-content{padding:24px}.input-group{display:flex;align-items:center;gap:12px;margin-bottom:24px;position:relative}.input-icon{color:#8696a0;flex-shrink:0}.phone-input{flex:1;background-color:#202c33;border:1px solid #3b4a54;border-radius:8px;padding:12px 16px;color:#e9edef;font-size:14px;outline:none;transition:border-color .2s ease}.phone-input:focus{border-color:#00a884}.phone-input::placeholder{color:#8696a0}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button{background:none;border:1px solid #3b4a54;color:#8696a0;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-button:hover{background-color:#3b4a54;color:#e9edef}.create-button{background-color:#00a884;border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.create-button:hover:not(:disabled){background-color:#00d4aa}.create-button:disabled{background-color:#3b4a54;color:#8696a0;cursor:not-allowed}.number-status-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.number-status-indicator .spin{animation:spin 1s linear infinite;color:#8696a0}.number-status-indicator .status-valid{color:#00a884}.number-status-indicator .status-invalid{color:#f59e0b}.contact-preview{display:flex;align-items:center;gap:12px;padding:16px;border-radius:10px;margin-bottom:20px;transition:all .3s ease}.contact-preview.valid{background:linear-gradient(135deg,#00a88426,#00a8840d);border:1px solid rgba(0,168,132,.3)}.contact-preview.invalid{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.3)}.contact-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00a884,#00d4aa);color:#fff;font-size:20px;font-weight:600}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-name{color:#e9edef;font-size:15px;font-weight:500}.contact-status{display:flex;align-items:center;gap:6px;color:#00a884;font-size:13px}.contact-warning{display:flex;align-items:center;gap:10px;color:#f59e0b;font-size:13px;line-height:1.4}.contact-warning svg{flex-shrink:0}@media (max-width: 768px){.chat-page-container{position:relative}.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;min-width:unset;max-width:unset;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 8px #0000004d}.sidebar:not(.sidebar-hidden){transform:translate(0)}.sidebar.sidebar-hidden{transform:translate(-100%)}.chat-area{width:100%;border-left:none}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:all}}.internal-chat-header-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#aebac1;cursor:pointer;border-radius:50%;transition:all .2s ease}.internal-chat-header-btn:hover{background:#ffffff1a;color:#e9edef}.internal-chat-header-btn.has-unread{color:#00a884;animation:pulse-icon 2s infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.internal-chat-header-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#00a884;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.internal-chat-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#00a884,#008f72);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00a88466;transition:all .3s ease;z-index:1000}.internal-chat-button:hover{transform:scale(1.08);box-shadow:0 6px 24px #00a88480}.internal-chat-button.has-unread{animation:pulse-button 2s infinite}@keyframes pulse-button{0%,to{box-shadow:0 4px 16px #00a88466}50%{box-shadow:0 4px 24px #00a884b3}}.internal-chat-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#f44;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f446}.internal-chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease}.internal-chat-modal{width:90%;max-width:800px;height:80vh;max-height:600px;background:#111b21;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease}.internal-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#202c33,#1a252c);border-bottom:1px solid rgba(255,255,255,.08)}.internal-chat-header h3{margin:0;font-size:18px;font-weight:600;color:#e9edef;display:flex;align-items:center;gap:8px}.internal-chat-header .header-subtitle{font-size:12px;color:#8696a0;font-weight:400;margin-left:auto;margin-right:12px;padding:4px 10px;background:#00a88426;border-radius:12px}.internal-chat-close{width:32px;height:32px;border:none;background:#ffffff1a;color:#aebac1;font-size:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.internal-chat-close:hover{background:#ffffff26;color:#e9edef}.internal-chat-body{flex:1;display:flex;overflow:hidden}.internal-chat-rooms{width:280px;background:#111b21;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.rooms-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#8696a0;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.05)}.new-chat-btn{width:28px;height:28px;border:none;background:#00a884;color:#fff;font-size:18px;font-weight:600;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.new-chat-btn:hover{background:#00c49a;transform:scale(1.1)}.new-chat-panel{background:#1a252c;border-bottom:1px solid rgba(255,255,255,.08);padding:12px;animation:slideDown .2s ease}.new-chat-panel.create-group-panel{max-height:none}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.new-chat-tabs{display:flex;gap:4px;margin-bottom:12px;background:#0003;border-radius:8px;padding:4px}.new-chat-tab{flex:1;padding:8px 12px;border:none;background:transparent;color:#8696a0;font-size:12px;cursor:pointer;border-radius:6px;transition:all .2s ease}.new-chat-tab:hover{color:#e9edef}.new-chat-tab.active{background:#00a884;color:#fff}.new-chat-title{font-size:12px;color:#8696a0;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.group-name-input{margin-bottom:12px}.group-name-input input{width:100%;padding:10px 12px;border:none;background:#2a3942;color:#e9edef;font-size:14px;border-radius:8px}.group-name-input input:focus{outline:none;background:#323f48}.group-name-input input::placeholder{color:#8696a0}.users-list{max-height:150px;overflow-y:auto}.users-list.selectable{max-height:180px}.user-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:none;background:transparent;color:#e9edef;cursor:pointer;border-radius:8px;transition:background .2s ease;text-align:left}.user-item:hover{background:#ffffff14}.user-item.selected{background:#00a88433}.user-checkbox{width:20px;height:20px;border:2px solid #8696a0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0}.user-item.selected .user-checkbox{background:#00a884;border-color:#00a884}.create-group-btn{width:100%;padding:10px;margin-top:12px;border:none;background:#00a884;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.create-group-btn:hover:not(:disabled){background:#00c49a}.create-group-btn:disabled{background:#3b4a54;color:#8696a0;cursor:not-allowed}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00a884,#008f72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.user-name{font-size:14px}.no-users{color:#8696a0;font-size:13px;text-align:center;padding:12px}.rooms-list{flex:1;overflow-y:auto}.rooms-loading,.no-rooms{color:#8696a0;font-size:13px;text-align:center;padding:24px}.room-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:#e9edef;cursor:pointer;transition:background .2s ease;text-align:left}.room-item:hover{background:#ffffff0f}.room-item.selected{background:#2a3942}.room-item.has-unread{background:#00a88414}.room-icon{font-size:24px;flex-shrink:0}.room-info{flex:1;min-width:0}.room-name{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-preview{font-size:13px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.room-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.room-time{font-size:11px;color:#8696a0}.room-unread{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#00a884;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.internal-chat-thread{flex:1;display:flex;flex-direction:column;background:#0b141a}.no-room-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8696a0;gap:12px}.no-room-icon{font-size:48px;opacity:.5}.no-room-text{font-size:15px}.thread-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#202c33;border-bottom:1px solid rgba(255,255,255,.08)}.back-btn{display:none;width:32px;height:32px;border:none;background:transparent;color:#aebac1;font-size:20px;cursor:pointer;border-radius:50%;transition:background .2s ease}.back-btn:hover{background:#ffffff1a}.thread-icon{font-size:24px}.thread-info{flex:1}.thread-name{font-size:16px;font-weight:500;color:#e9edef;display:flex;align-items:center;gap:6px}.thread-name.editable{cursor:pointer;padding:2px 6px;margin:-2px -6px;border-radius:4px;transition:background .2s ease}.thread-name.editable:hover{background:#ffffff1a}.thread-name .edit-icon{font-size:12px;opacity:0;transition:opacity .2s ease}.thread-name.editable:hover .edit-icon{opacity:.7}.thread-name-edit{display:flex;align-items:center;gap:8px}.thread-name-edit input{background:#2a3942;border:1px solid #00a884;color:#e9edef;font-size:16px;font-weight:500;padding:4px 8px;border-radius:4px;width:200px}.thread-name-edit input:focus{outline:none;background:#323f48}.thread-name-edit .saving-indicator{color:#8696a0;font-size:14px}.thread-members{font-size:12px;color:#8696a0}.thread-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.messages-loading{text-align:center;color:#8696a0;font-size:13px;padding:12px}.internal-chat-message-bubble{max-width:75%;padding:8px 12px;border-radius:8px;position:relative}.internal-chat-message-bubble.own{align-self:flex-end;background:#005c4b;border-bottom-right-radius:2px}.internal-chat-message-bubble.other{align-self:flex-start;background:#202c33;border-bottom-left-radius:2px}.message-sender{font-size:12px;font-weight:600;color:#00a884;margin-bottom:4px}.message-text{font-size:14px;color:#e9edef;line-height:1.4;word-wrap:break-word}.internal-chat-message-bubble .message-time{font-size:11px;color:#ffffff80;text-align:right;margin-top:4px}.thread-input{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#202c33;border-top:1px solid rgba(255,255,255,.08)}.thread-input textarea{flex:1;padding:10px 14px;border:none;background:#2a3942;color:#e9edef;font-size:14px;border-radius:8px;resize:none;min-height:40px;max-height:100px}.thread-input textarea:focus{outline:none;background:#323f48}.thread-input textarea::placeholder{color:#8696a0}.send-btn{width:44px;height:44px;border:none;background:#00a884;color:#fff;font-size:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.send-btn:hover:not(:disabled){background:#00c49a;transform:scale(1.05)}.send-btn:disabled{background:#3b4a54;color:#8696a0;cursor:not-allowed}@media (max-width: 600px){.internal-chat-modal{width:100%;height:100%;max-height:none;border-radius:0}.internal-chat-rooms{position:absolute;left:0;top:0;bottom:0;width:100%;z-index:1;transition:transform .3s ease}.internal-chat-body:has(.internal-chat-thread .thread-header) .internal-chat-rooms{transform:translate(-100%)}.internal-chat-thread{position:absolute;left:0;top:0;bottom:0;width:100%}.back-btn{display:flex}}.rooms-list::-webkit-scrollbar,.thread-messages::-webkit-scrollbar,.users-list::-webkit-scrollbar{width:6px}.rooms-list::-webkit-scrollbar-track,.thread-messages::-webkit-scrollbar-track,.users-list::-webkit-scrollbar-track{background:transparent}.rooms-list::-webkit-scrollbar-thumb,.thread-messages::-webkit-scrollbar-thumb,.users-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.rooms-list::-webkit-scrollbar-thumb:hover,.thread-messages::-webkit-scrollbar-thumb:hover,.users-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.emoji-picker-container{position:relative}.emoji-button{background:none;border:none;color:#8696a0;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.emoji-button:hover{background-color:#374151;color:#e9edef}.emoji-picker{position:absolute;bottom:100%;left:0;background-color:#202c33;border:1px solid #2a3942;border-radius:12px;padding:12px;box-shadow:0 8px 32px #0000004d;z-index:1000;width:300px;max-height:200px;overflow-y:auto}.emoji-picker::-webkit-scrollbar{width:6px}.emoji-picker::-webkit-scrollbar-track{background:transparent}.emoji-picker::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-item{background:none;border:none;font-size:20px;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.emoji-item:hover{background-color:#2a3942}:root{--background: #0b141a;--background-2: #111b21;--background-3: #202c33;--bubble-green: #005c4b;--bubble-green-hover: #006b57;--bubble-gray: #202c33;--bubble-gray-hover: #262e35;--bubble-border: #1f2c33;--text-primary: #e9edef;--text-secondary: #8696a0;--text-muted: #667781;--timestamp-color: #8696a0;--accent: #00a884;--accent-hover: #06cf9c;--accent-disabled: #006b57;--border-soft: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-strong: #2a3942;--divider: rgba(134, 150, 160, .15);--shadow-bubble: rgba(0, 0, 0, .35);--shadow-soft: rgba(0, 0, 0, .15);--shadow-medium: rgba(0, 0, 0, .25);--status-sent: #8696a0;--status-delivered: #8696a0;--status-read: #53bdeb;--status-online: #00a884;--hover-bg: rgba(255, 255, 255, .05);--active-bg: rgba(255, 255, 255, .08);--focus-ring: rgba(0, 168, 132, .3);--media-preview-width: 300px;--media-preview-height: 300px;--media-preview-min-width: 50px;--media-preview-min-height: 30px;--media-preview-width-mobile: 250px;--media-preview-height-mobile: 250px;--document-preview-height: 80px;--document-preview-height-mobile: 70px;--audio-preview-height: 60px;--audio-preview-height-mobile: 55px;--interactive-preview-max-height: 400px;--interactive-preview-max-height-mobile: 300px;--interactive-max-width: 100%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 18px;--spacing-xl: 24px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-full: 50%;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--z-base: 1;--z-dropdown: 100;--z-modal: 1000;--z-tooltip: 2000}.chat-area{background:var(--chat-background);color:var(--text-primary)}.message-bubble{border-radius:14px;padding:8px 12px;font-size:14px;line-height:1.4;border:1px solid var(--bubble-border);box-shadow:0 2px 3px var(--shadow-bubble);color:var(--text-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.message-bubble.received{background:var(--bubble-gray);margin-right:auto}.message-bubble.sent{background:var(--bubble-green);margin-left:auto}.message-sender{font-weight:600;font-size:13px;color:var(--text-secondary)}.message-time{font-size:11px;color:var(--timestamp-color);opacity:.8;margin-left:6px}.document-message,.whatsapp-document-message{background:#11111341}.audio-message,.whatsapp-audio-message{background:#13131541}.whatsapp-image-message img,.message-image{border-radius:8px;border:1px solid var(--border-soft)}.video-placeholder{background:#111;border:1px solid #222}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-track{background:#0c0c0d}.chat-area::-webkit-scrollbar-thumb{background:#2b2b2d;border-radius:10px}@media (max-width: 768px){:root{--media-preview-height: var(--media-preview-height-mobile);--document-preview-height: var(--document-preview-height-mobile);--audio-preview-height: var(--audio-preview-height-mobile);--interactive-preview-max-height: var(--interactive-preview-max-height-mobile)}.message-bubble{max-width:80%;font-size:14px}.document-info{gap:8px}.document-icon{font-size:24px;min-width:32px;height:32px;color:var(--text-secondary)}.document-name{font-size:13px;color:var(--text-primary)}.document-meta{font-size:11px;color:var(--text-secondary)}.video-placeholder,.message-image,.image-container,.image-placeholder,.whatsapp-video-message,.whatsapp-image-message{max-height:var(--media-preview-height)}.whatsapp-document-message,.document-message{height:var(--document-preview-height);max-height:var(--document-preview-height)}.whatsapp-audio-message,.audio-message,.audio-message-content{height:var(--audio-preview-height);max-height:var(--audio-preview-height)}.whatsapp-interactive-message,.interactive-message,.interactive-message-content{max-height:var(--interactive-preview-max-height)}}:root{--black-0: #000;--black-1: #0a0a0b;--black-2: #111113;--black-3: #18181a;--black-4: #1f1f22;--white-light: #f7f7f7c3;--gray-1: #cfcfcf;--gray-2: #989898;--gray-3: #585858;--brand-green: #1f3a1f;--brand-green-bright: #2b6e2bb8}body,div,span,p{color:var(--white-light)}.text-error{color:#ff5c5c}.text-white{color:var(--white-light)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.overlay-dark{background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-darker{background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner,.spinner-small{border:2px solid rgba(255,255,255,.18);border-top:2px solid rgba(255,255,255,.85)}.spinner{width:24px;height:24px}.spinner-small{width:16px;height:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fadeIn{animation:fadeIn .18s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.message-loading{opacity:.44;filter:blur(1px);pointer-events:none;transition:opacity .25s ease-out}.message-loading:after{border:2px solid rgba(255,255,255,.3);border-top-color:#ffffffe6;width:22px;height:22px}.message-loading:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;background:radial-gradient(40% 60% at 50% 20%,rgba(255,255,255,.06),transparent 70%);pointer-events:none}.chat-header{background:linear-gradient(180deg,#1a2329,#111b21);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;box-sizing:border-box;z-index:10;position:relative}.chat-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow:hidden}.sidebar-toggle-button{color:var(--text-secondary, #8696a0);background:transparent;border:none;border-radius:50%;padding:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px}.sidebar-toggle-button:hover{background:#ffffff14;color:var(--text-primary, #e9edef)}.menu-back-button{color:var(--text-secondary, #8696a0);background:transparent;border:none;border-radius:50%;padding:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px}.menu-back-button:hover{background:#ffffff14;color:var(--text-primary, #e9edef)}.menu-header-title{flex:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text-primary, #e9edef);text-align:center}.chat-actions.hidden{display:none}.chat-avatar{position:relative;flex-shrink:0}.chat-avatar .avatar-image{width:48px;height:48px;border-radius:50%;border:2px solid rgba(0,168,132,.3);object-fit:cover;display:block;box-shadow:0 2px 8px #0000004d;transition:all .25s ease}.chat-avatar:hover .avatar-image{transform:scale(1.05);box-shadow:0 4px 12px #00a88440;border-color:#00a88480}.chat-avatar .avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent, #00a884) 0%,var(--accent-hover, #06cf9c) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px;flex-shrink:0;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 3px #0003;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;padding:2px;word-break:break-all;text-align:center;line-height:1.1}.chat-avatar .avatar-placeholder span{font-size:6px;font-weight:400;display:block;width:100%;overflow:hidden;text-overflow:ellipsis}.chat-avatar:hover .avatar-placeholder{transform:scale(1.02);box-shadow:0 2px 5px #00000040}.chat-avatar .avatar-placeholder.hidden{display:none}.chat-avatar .online-indicator{position:absolute;bottom:0;right:0;width:11px;height:11px;background-color:#00a884;border:2px solid var(--background-2, #111b21);border-radius:50%;box-shadow:0 0 0 1px #0003}.chat-details{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;overflow:hidden}.chat-name{font-size:17px;font-weight:500;color:#e9edef;margin:0;padding:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.chat-status{font-size:13px;color:#8696a0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.chat-status.online{color:#00a884}.chat-status.online:before{content:"";width:8px;height:8px;background:#00a884;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 #00a88466}50%{opacity:.8;box-shadow:0 0 0 4px #00a88400}}.chat-header-attendance-info{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#00a8841a;border:1px solid rgba(0,168,132,.2);border-radius:8px;font-size:12px;line-height:1.4;margin-right:8px}.chat-header-attendance-info .attendance-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;font-size:10px;line-height:1}.chat-header-attendance-info .attendance-indicator.own{color:#00a884;animation:statusPulse 2s ease-in-out infinite}.chat-header-attendance-info .attendance-indicator.other{color:#f39c12}.chat-header-attendance-info .attendance-text{display:flex;align-items:center;gap:8px;color:#8696a0;flex-wrap:nowrap}.chat-header-attendance-info .attendance-text span:first-child{white-space:nowrap;color:#e9edef}.chat-header-attendance-info .attendance-text strong{color:#e9edef;font-weight:500}.chat-header-attendance-info .attendance-time{color:#667781;font-size:11px;white-space:nowrap}.chat-header-attendance-actions-wrapper{position:relative;display:flex;align-items:center}.chat-header-attendance-actions{display:flex;align-items:center;gap:6px;margin-left:8px}.attendance-header-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;flex-shrink:0}.attendance-header-btn:hover:not(:disabled){background:#ffffff1f;color:#e9edef;transform:scale(1.1)}.attendance-header-btn:active:not(:disabled){transform:scale(.95)}.attendance-header-btn:disabled{opacity:.5;cursor:not-allowed}.attendance-header-btn.transfer-btn.active{background:#3b82f633;color:#3b82f6}.attendance-header-btn.finish-btn:hover:not(:disabled){background:#27ae6033;color:#27ae60}.attendance-header-btn.history-btn:hover:not(:disabled){background:#9c88ff33;color:#9c88ff}.chat-header-transfer-dropdown-wrapper{position:absolute;top:calc(100% + 8px);right:0;z-index:1001;min-width:280px;max-width:340px}.chat-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.action-button{background:#ffffff0a;border:1px solid transparent;color:#8696a0;padding:8px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.action-button:hover{background:#ffffff1a;color:#e9edef;border-color:#ffffff1a;transform:translateY(-1px)}.action-button.active{color:#00a884;background:#00a88426;border-color:#00a8844d}.action-button.active:hover{background:#00a88433}.action-button svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}.action-button:hover svg{transform:scale(1.05)}.chat-action-menu{position:relative;display:flex;align-items:center}@media (max-width: 768px){.chat-header:has(.menu-header-title)~* .chat-action-menu-dropdown,.chat-action-menu-dropdown.mobile-fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;height:100vh!important;border-radius:0!important;z-index:9999!important}}.new-messages-processing{display:flex;align-items:center;justify-content:center;font-size:16px;padding:4px;color:var(--text-secondary, #8696a0)}.notification-menu-header-title{font-size:14px;font-weight:600;color:#cdd6d9}.search-container{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#1c2024fa,#12161afc);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006;z-index:100;animation:searchSlideDown .25s cubic-bezier(.16,1,.3,1)}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0003}.search-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;color:#e9edef;font-size:14px;outline:none;transition:all .2s ease}.search-input::placeholder{color:#8696a0}.search-input:focus{background:#ffffff14;border-color:#20edc266;box-shadow:0 0 0 3px #20edc21a}.search-close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#8696a0;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.search-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.search-results{max-height:350px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.06)}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:transparent}.search-results::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#ffffff40}.search-results-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#20edc20d;border-bottom:1px solid rgba(255,255,255,.04);position:sticky;top:0;z-index:1}.search-results-header span{font-size:12px;font-weight:500;color:#20edc2;text-transform:uppercase;letter-spacing:.5px}.search-results-list{padding:4px 0}.search-result-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.search-result-item:hover{background:#ffffff0a}.search-result-item.selected{background:#20edc21a;border-left-color:#20edc2}.search-result-item.selected .search-result-preview{color:#e9edef}.search-result-content{flex:1;min-width:0}.search-result-preview{font-size:14px;color:#aebac1;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.search-result-preview mark,.search-result-preview .highlight{background:#20edc24d;color:#20edc2;padding:1px 3px;border-radius:3px;font-weight:500}.search-result-meta{display:flex;align-items:center;gap:12px;font-size:12px}.search-result-from{color:#20edc2;font-weight:500}.search-result-time{color:#667781}.search-navigation{display:flex;align-items:center;gap:8px;padding:0 16px 12px;background:#0003}.search-nav-button{width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-nav-button:hover:not(:disabled){background:#20edc226;border-color:#20edc24d;color:#20edc2}.search-nav-button:disabled{opacity:.4;cursor:not-allowed}.search-nav-info{flex:1;text-align:center;font-size:13px;color:#8696a0}.search-nav-info strong{color:#e9edef;font-weight:600}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.search-empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.search-empty-title{font-size:14px;font-weight:500;color:#e9edef;margin-bottom:4px}.search-empty-subtitle{font-size:12px;color:#8696a0}.search-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#8696a0;font-size:13px}.search-loading-spinner{width:18px;height:18px;border:2px solid rgba(32,237,194,.2);border-top-color:#20edc2;border-radius:50%;animation:searchSpin .8s linear infinite}@keyframes searchSpin{to{transform:rotate(360deg)}}.message-highlight-search{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%,to{background-color:transparent}25%{background-color:#20edc233}50%{background-color:#20edc21a}}.attendance-menu{position:absolute;top:calc(100% + 8px);right:0;background:linear-gradient(180deg,#1c2428,#111b21);border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:300px;max-width:360px;z-index:1000;box-shadow:0 8px 32px #00000080;overflow:hidden;animation:attendanceSlideDown .2s ease-out}@keyframes attendanceSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.attendance-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#00a88414;border-bottom:1px solid rgba(255,255,255,.06)}.attendance-menu-header span{font-size:14px;font-weight:600;color:#e9edef;display:flex;align-items:center;gap:8px}.attendance-menu-close{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:6px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.attendance-menu-close:hover{background:#ffffff1a;color:#e9edef}.attendance-status{padding:12px 16px}.attendance-active{background:#00a8840f;border:1px solid rgba(0,168,132,.2);border-radius:10px;padding:12px}.attendance-info{display:flex;align-items:flex-start;gap:12px}.attendance-indicator{font-size:10px;line-height:1;margin-top:4px}.attendance-indicator.active{color:#00a884;animation:indicatorPulse 1.5s ease-in-out infinite}.attendance-indicator.inactive{color:#8696a0}@keyframes indicatorPulse{0%,to{opacity:1}50%{opacity:.5}}.attendance-details{flex:1;min-width:0}.attendance-user{font-size:13px;color:#aebac1;line-height:1.4}.attendance-user strong{color:#00a884;font-weight:600}.attendance-time{font-size:12px;color:#667781;margin-top:4px}.attendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.06)}.attendance-action{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 12px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#ffffff0d;color:#aebac1;white-space:nowrap}.attendance-action:hover{background:#ffffff1a;color:#e9edef;transform:translateY(-1px)}.attendance-action:active{transform:translateY(0)}.attendance-action.transfer{background:#3b82f61f;color:#60a5fa;border-color:#3b82f640}.attendance-action.transfer:hover{background:#3b82f633;color:#93c5fd;box-shadow:0 2px 8px #3b82f633}.attendance-action.finish{background:#22c55e1f;color:#4ade80;border-color:#22c55e40}.attendance-action.finish:hover{background:#22c55e33;color:#86efac;box-shadow:0 2px 8px #22c55e33}.attendance-action.sync-messages{background:#a855f71f;color:#c084fc;border-color:#a855f740}.attendance-action.sync-messages:hover{background:#a855f733;color:#d8b4fe;box-shadow:0 2px 8px #a855f733}.attendance-action.history{background:#ffffff0d;color:#aebac1;border-color:#ffffff14}.attendance-action.history:hover{background:#20edc21f;color:#20edc2;border-color:#20edc240}.attendance-action.start{background:linear-gradient(135deg,#00a884,#06cf9c);color:#fff;border-color:transparent;box-shadow:0 2px 8px #00a88440;grid-column:span 2}.attendance-action.start:hover{box-shadow:0 4px 12px #00a88459}.attendance-no-active{padding:24px 16px;text-align:center}.attendance-no-active-icon{font-size:36px;margin-bottom:10px;opacity:.5}.attendance-no-active-text{font-size:13px;color:#8696a0;line-height:1.5}.transfer-dropdown-wrapper{padding:0 12px 12px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06)}.transfer-dropdown{position:static;background:linear-gradient(180deg,#1c2428,#111b21);border:1px solid rgba(255,255,255,.08);border-radius:12px;width:100%;max-width:100%;box-shadow:0 4px 16px #0000004d;overflow:hidden;animation:attendanceSlideDown .2s ease-out}.chat-actions .transfer-dropdown{position:absolute;top:calc(100% + 8px);right:0}.transfer-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#3b82f614;border-bottom:1px solid rgba(255,255,255,.06)}.transfer-dropdown-header span{font-size:13px;font-weight:500;color:#e9edef;line-height:1.4}.close-dropdown{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:6px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px;flex-shrink:0}.close-dropdown:hover{background:#ffffff1a;color:#e9edef}.transfer-users-list{max-height:280px;overflow-y:auto;padding:8px 0}.transfer-users-list::-webkit-scrollbar{width:6px}.transfer-users-list::-webkit-scrollbar-track{background:transparent}.transfer-users-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.transfer-users-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.transfer-user-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left}.transfer-user-item:hover{background:#ffffff0d}.transfer-user-item:active{background:#3b82f61a}.transfer-user-item .user-info{flex:1;min-width:0}.transfer-user-item .user-name{font-size:14px;font-weight:500;color:#e9edef;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-user-item .user-status{flex-shrink:0}.transfer-user-item .status-indicator{width:10px;height:10px;border-radius:50%}.transfer-user-item .status-indicator.online{background:#00a884;box-shadow:0 0 6px #00a88480}.transfer-user-item .status-indicator.offline{background:#8696a0}.transfer-empty{padding:24px 16px;text-align:center;color:#8696a0;font-size:13px}.transfer-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#8696a0;font-size:13px}.attendance-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.attendance-history-modal{background:linear-gradient(180deg,#1c2428,#111b21);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.attendance-history-header{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:linear-gradient(135deg,#00a88426,#00a8840d);border-bottom:1px solid rgba(255,255,255,.08);border-radius:16px 16px 0 0;position:relative}.attendance-history-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#e9edef}.attendance-history-title svg{color:#00a884}.attendance-history-contact{font-size:13px;color:#8696a0;margin-left:30px}.attendance-history-close{position:absolute;top:14px;right:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8696a0;cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.attendance-history-close:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.attendance-history-content{flex:1;overflow-y:auto;padding:16px}.attendance-history-content::-webkit-scrollbar{width:6px}.attendance-history-content::-webkit-scrollbar-track{background:transparent}.attendance-history-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.attendance-history-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.attendance-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;color:#8696a0;font-size:14px}.attendance-history-spinner{width:32px;height:32px;border:3px solid rgba(0,168,132,.2);border-top-color:#00a884;border-radius:50%;animation:spin .8s linear infinite}.attendance-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:50px 20px;color:#8696a0;font-size:14px}.attendance-history-empty svg{opacity:.4}.attendance-history-list{display:flex;flex-direction:column;gap:12px}.attendance-history-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:all .2s ease}.attendance-history-item:hover{background:#ffffff0d;border-color:#ffffff1a}.attendance-history-item.active{border-color:#00a8844d;background:#00a8840d}.attendance-history-item-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.attendance-history-status{display:flex;align-items:center;gap:10px}.status-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.status-badge.active{background:#00a88426;color:#00a884}.status-badge.finished{background:#ffffff14;color:#8696a0}.attendance-history-number{font-size:12px;color:#667781;font-weight:500}.attendance-history-date{font-size:12px;color:#8696a0}.attendance-history-item-body{padding:14px;display:flex;flex-direction:column;gap:10px}.attendance-history-attendant{display:flex;align-items:center;gap:8px;font-size:13px;color:#aebac1}.attendance-history-attendant svg{color:#00a884;flex-shrink:0}.attendance-history-attendant strong{color:#e9edef;font-weight:500}.attendance-history-times{display:flex;flex-wrap:wrap;gap:12px}.attendance-history-time{display:flex;align-items:center;gap:6px;font-size:12px;color:#8696a0}.attendance-history-time svg{color:#667781}.attendance-history-response-time{font-size:12px;color:#fbbf24}.attendance-history-transfer{display:flex;align-items:center;gap:8px;font-size:12px;color:#60a5fa;padding:6px 10px;background:#3b82f61a;border-radius:6px;width:fit-content}.attendance-history-transfer svg{flex-shrink:0}.attendance-history-transfer strong{font-weight:500}.attendance-history-notes{font-size:12px;color:#8696a0;padding:8px 10px;background:#ffffff08;border-radius:6px;border-left:3px solid rgba(255,255,255,.1);line-height:1.4}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-content{background:linear-gradient(180deg,#1c2428,#111b21);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:95%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #0009;animation:modalSlideUp .3s ease-out;overflow:hidden}.finish-confirmation-popup{max-width:650px}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#00a88426,#00a8840d);border-bottom:1px solid rgba(255,255,255,.08)}.popup-header h3{margin:0;font-size:17px;font-weight:600;color:#e9edef;display:flex;align-items:center;gap:10px}.popup-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8696a0;cursor:pointer;padding:8px;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.popup-close:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.popup-body{flex:1;overflow-y:auto;padding:20px 24px}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-track{background:transparent}.popup-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.attendance-summary{margin-bottom:24px}.attendance-summary h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#e9edef;display:flex;align-items:center;gap:8px}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.stat-item:hover{background:#ffffff0d;border-color:#ffffff1a}.stat-label{font-size:12px;color:#8696a0;display:flex;align-items:center;gap:6px}.stat-value{font-size:15px;font-weight:600;color:#e9edef}.messages-preview{margin-top:8px}.messages-preview h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#e9edef;display:flex;align-items:center;gap:8px}.messages-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.message-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;transition:all .2s ease}.message-item:hover{background:#ffffff0d}.message-item.outgoing{border-left:3px solid #00a884}.message-item.incoming{border-left:3px solid #60a5fa}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.message-direction{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:3px 8px;border-radius:4px}.message-item.outgoing .message-direction{background:#00a88426;color:#00a884}.message-item.incoming .message-direction{background:#60a5fa26;color:#60a5fa}.message-time{font-size:11px;color:#667781}.message-content{display:flex;flex-direction:column;gap:4px}.message-text{font-size:13px;color:#aebac1;line-height:1.4;word-break:break-word}.message-sender{font-size:11px;color:#667781;font-style:italic}.no-messages{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:16px;text-align:left}.no-messages p{margin:0;color:#fbbf24;font-size:13px}.no-messages ul{margin:8px 0 0;padding-left:20px}.no-messages li{font-size:12px;color:#8696a0;margin-bottom:4px}.popup-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.06)}.popup-footer .btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.popup-footer .btn-secondary{background:#ffffff14;color:#aebac1;border:1px solid rgba(255,255,255,.1)}.popup-footer .btn-secondary:hover{background:#ffffff1f;color:#e9edef}.popup-footer .btn-primary{background:linear-gradient(135deg,#00a884,#06cf9c);color:#fff;box-shadow:0 4px 12px #00a8844d}.popup-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00a88466}.popup-footer .btn-primary:active{transform:translateY(0)}.popup-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 600px){.popup-content{width:98%;max-height:90vh;margin:10px}.summary-stats{grid-template-columns:1fr}.popup-header{padding:14px 18px}.popup-header h3{font-size:15px}.popup-body{padding:16px 18px}.popup-footer{padding:14px 18px;flex-direction:column}.popup-footer .btn{width:100%;justify-content:center}}.chat-action-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:linear-gradient(180deg,#1f2c33,#17212b);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0f;z-index:1000;overflow:hidden;animation:menuSlideIn .2s ease-out}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(90deg,rgba(0,168,132,.15) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06)}.action-menu-header.draggable{user-select:none;-webkit-user-select:none}.action-menu-header.draggable:not(.dragging){transition:background-color .2s ease}.action-menu-header.draggable:hover:not(.dragging){background:linear-gradient(90deg,rgba(0,168,132,.25) 0%,transparent 100%)}.action-menu-header.dragging{background:linear-gradient(90deg,rgba(0,168,132,.3) 0%,transparent 100%);opacity:.95}.action-menu-header.draggable .action-menu-close{cursor:pointer!important}.action-menu-title{font-size:14px;font-weight:600;color:#e9edef}.action-menu-close{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-menu-close:hover{background:#ffffff1a;color:#fff}.action-menu-phone-info{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0003;color:#8696a0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04)}.action-menu-tabs{display:flex;padding:8px;gap:4px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.04)}.action-menu-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#8696a0;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-menu-tab:hover{background:#ffffff0d;color:#aebac1}.action-menu-tab.active{background:#00a88433;color:#00a884}.action-menu-content{position:relative;padding:12px;max-height:350px;overflow-y:auto}.action-menu-section{display:flex;flex-direction:column;gap:12px}.action-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 12px;border:none;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn-icon{font-size:18px}.action-btn-start{background:linear-gradient(135deg,#00a88433,#00a8841a);color:#00a884;border:1px solid rgba(0,168,132,.3)}.action-btn-start:hover{background:linear-gradient(135deg,#00a8844d,#00a88433);transform:translateY(-1px)}.action-btn-finish{background:linear-gradient(135deg,#27ae6033,#27ae601a);color:#27ae60;border:1px solid rgba(39,174,96,.3)}.action-btn-finish:hover{background:linear-gradient(135deg,#27ae604d,#27ae6033)}.action-btn-transfer{background:linear-gradient(135deg,#3498db33,#3498db1a);color:#3498db;border:1px solid rgba(52,152,219,.3)}.action-btn-transfer:hover{background:linear-gradient(135deg,#3498db4d,#3498db33)}.action-btn-disabled{background:#ffffff08;color:#5a6b75;border:1px solid rgba(255,255,255,.05);cursor:not-allowed}.action-btn-prospect{background:linear-gradient(135deg,#9b59b633,#9b59b61a);color:#9b59b6;border:1px solid rgba(155,89,182,.3)}.action-btn-prospect:hover{background:linear-gradient(135deg,#9b59b64d,#9b59b633)}.action-btn-interaction{background:linear-gradient(135deg,#f1c40f33,#f1c40f1a);color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.action-btn-interaction:hover{background:linear-gradient(135deg,#f1c40f4d,#f1c40f33)}.action-btn-full{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#aebac1;font-size:13px;cursor:pointer;transition:all .2s ease}.action-btn-full:hover{background:#ffffff0f;color:#fff}.action-status-info{padding:10px 12px;background:#0003;border-radius:8px;font-size:12px}.action-status-info .status-own{color:#00a884}.action-status-info .status-other{color:#f39c12}.crm-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#9b59b61a;border:1px solid rgba(155,89,182,.2);border-radius:8px;font-size:12px;color:#aebac1}.crm-info-box strong{color:#9b59b6}.notify-section-label{display:flex;align-items:center;gap:8px;color:#8696a0;font-size:12px;font-weight:500;margin-bottom:8px}.notify-loading,.notify-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#8696a0;font-size:13px}.notify-loading .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:#00a884;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notify-users-list{display:flex;flex-direction:column;gap:4px}.notify-user-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff05;border-radius:8px;cursor:pointer;transition:all .2s ease}.notify-user-item:hover:not(.disabled){background:#ffffff0f}.notify-user-item.disabled{opacity:.6;cursor:not-allowed}.notify-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00a884,#008f6f);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.notify-user-info{flex:1;min-width:0}.notify-user-name{font-size:13px;font-weight:500;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notify-user-status{display:flex;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#00a884;box-shadow:0 0 6px #00a88480}.status-dot.offline{background:#5a6b75}.notify-status{font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px}.notify-status.sending{background:#3498db33;color:#3498db}.notify-status.success{background:#27ae6033;color:#27ae60}.notify-status.error{background:#e74c3c33;color:#e74c3c}@media (max-width: 480px){.chat-action-menu-dropdown{width:calc(100vw - 32px);right:-8px}.action-menu-tabs{padding:6px}.action-menu-tab span{display:none}.action-btn{padding:12px 8px}}.action-button-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.action-btn-agenda,.action-btn-agenda-view{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.action-btn-agenda:hover,.action-btn-agenda-view:hover{background:linear-gradient(135deg,#a569bd,#9b59b6)}.action-btn-lucide-icon{margin-right:4px}.agenda-modal-overlay,.agenda-list-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.agenda-modal,.agenda-list-modal{background:linear-gradient(180deg,#202c33,#111b21);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.08);animation:modalSlideUp .3s ease-out;display:flex;flex-direction:column}.agenda-list-modal{max-width:600px}.agenda-modal-header,.agenda-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#202c33;border-bottom:1px solid rgba(255,255,255,.08)}.agenda-modal-title,.agenda-list-title{display:flex;align-items:center;gap:10px;color:#e9edef}.agenda-modal-title h3,.agenda-list-title h3{margin:0;font-size:16px;font-weight:600}.agenda-modal-title svg,.agenda-list-title svg{color:#00a884}.contact-badge{background:#00a88433;color:#00a884;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.agenda-modal-close,.btn-close{background:none;border:none;color:#8696a0;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.agenda-modal-close:hover,.btn-close:hover{background:#ffffff1a;color:#e9edef}.agenda-modal-contact{padding:12px 20px;background:#00a8841a;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px}.contact-label{color:#8696a0;font-size:13px}.contact-name{color:#e9edef;font-weight:500}.agenda-modal-error,.agenda-list-error{margin:12px 20px;padding:10px 14px;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;display:flex;align-items:center;gap:8px;font-size:13px}.agenda-list-error button{margin-left:auto;background:none;border:none;color:#e74c3c;cursor:pointer;font-size:18px}.agenda-modal-form{padding:20px;overflow-y:auto;flex:1}.form-group{margin-bottom:16px}.form-group label{display:flex;align-items:center;gap:6px;color:#8696a0;font-size:13px;margin-bottom:6px;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background:#2a3942;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e9edef;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#00a884;box-shadow:0 0 0 3px #00a88426}.form-input::placeholder,.form-textarea::placeholder{color:#667781}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238696a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-textarea{resize:vertical;min-height:60px}.form-row{display:flex;gap:12px}.form-row .form-group,.form-row .flex-1{flex:1}.form-row .flex-2{flex:2}.form-checkbox{margin-top:20px;padding:12px 16px;background:#00a88414;border-radius:8px;border:1px solid rgba(0,168,132,.2)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#e9edef;font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#00a884;cursor:pointer}.checkbox-label svg{color:#00a884}.checkbox-hint{margin:8px 0 0 28px;color:#8696a0;font-size:12px}.agenda-modal-actions{display:flex;gap:12px;padding:16px 20px;background:#202c33;border-top:1px solid rgba(255,255,255,.08)}.btn-cancel,.btn-save{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-cancel{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#e9edef}.btn-cancel:hover:not(:disabled){background:#ffffff1f}.btn-save{background:linear-gradient(135deg,#00a884,#06cf9c);border:none;color:#fff}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#06cf9c,#00a884);transform:translateY(-1px);box-shadow:0 4px 12px #00a8844d}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.agenda-list-actions{display:flex;align-items:center;gap:8px}.btn-refresh,.btn-new{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-refresh{background:#ffffff14;border:none;color:#8696a0}.btn-refresh:hover:not(:disabled){background:#ffffff1f;color:#e9edef}.btn-new{background:linear-gradient(135deg,#00a884,#06cf9c);border:none;color:#fff}.btn-new:hover{background:linear-gradient(135deg,#06cf9c,#00a884)}.agenda-list-filters{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);color:#8696a0}.filter-select{background:#2a3942;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e9edef;padding:6px 10px;font-size:13px;cursor:pointer}.filter-count{margin-left:auto;font-size:12px;color:#667781}.agenda-list-content{flex:1;overflow-y:auto;padding:16px}.agenda-list-loading,.agenda-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#8696a0;gap:12px}.agenda-list-empty svg{color:#667781;opacity:.5}.agenda-list-empty p{margin:0;font-size:14px}.btn-create{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#00a884,#06cf9c);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;margin-top:8px;transition:all .2s ease}.btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00a8844d}.agenda-items{display:flex;flex-direction:column;gap:12px}.agenda-item{background:#2a3942;border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.agenda-item:hover{border-color:#00a8844d}.agenda-item.overdue{border-color:#e74c3c66;background:linear-gradient(135deg,#2a3942,#e74c3c1a)}.agenda-item.completed{opacity:.7}.agenda-item.cancelled{opacity:.5}.agenda-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.agenda-item-type{display:flex;align-items:center;gap:6px;font-size:12px;color:#8696a0}.type-icon{font-size:14px}.agenda-item-status{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;color:#fff}.agenda-item-title{font-size:15px;font-weight:500;color:#e9edef;margin-bottom:8px}.agenda-item-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8696a0;margin-bottom:8px}.meta-item{display:flex;align-items:center;gap:4px}.overdue-text{color:#e74c3c;font-weight:500}.meta-priority{font-weight:500}.agenda-item-description{font-size:13px;color:#8696a0;line-height:1.4;margin-bottom:8px;padding:8px;background:#0003;border-radius:6px}.agenda-item-assigned{font-size:12px;color:#667781;margin-bottom:8px}.agenda-item-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.btn-edit,.btn-complete,.btn-delete{padding:6px 10px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:12px;transition:all .2s ease}.btn-edit{background:#3498db26;color:#3498db}.btn-edit:hover{background:#3498db40}.btn-complete{background:#27ae6026;color:#27ae60}.btn-complete:hover:not(:disabled){background:#27ae6040}.btn-delete{background:#e74c3c26;color:#e74c3c;margin-left:auto}.btn-delete:hover:not(:disabled){background:#e74c3c40}.btn-edit:disabled,.btn-complete:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed}.checkbox-hint-list{margin-top:6px;padding-left:28px}.checkbox-hint-list .checkbox-hint{margin:4px 0;font-size:11px;color:#667781;display:flex;align-items:center;gap:6px}.checkbox-hint-list .checkbox-hint:before{content:none}.message-input-container{display:flex;padding:14px 16px;background:#202c33;border-top:1px solid #2a3942;flex-shrink:0}.message-input-form{display:flex;align-items:center;gap:10px;width:100%}.input-wrapper{flex:1;display:flex;align-items:center}.message-input{flex:1;background:#2a3942;border:none;border-radius:8px;font-size:14px;padding:10px 12px;color:#e9edef;font-family:inherit;resize:none;max-height:100px;outline:none}.message-input::placeholder{color:#8696a0}.input-button{background:transparent;border:none;color:var(--text-secondary);padding:8px;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.input-button:hover{background:var(--hover-bg);color:var(--text-primary)}.input-button.recording{color:#ff6476;animation:pulse 1.2s ease-in-out infinite}.send-button{margin-left:10px;background:#00a884;border-radius:8px;border:none;color:#fff;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:#06cf9c}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{stroke:#fff}.message-lock-indicator{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:8px;margin:8px 16px}.lock-icon{font-size:24px;flex-shrink:0}.lock-message{display:flex;flex-direction:column;gap:2px}.lock-message strong{color:#fbbf24;font-size:14px}.lock-message span{color:#8696a0;font-size:13px}.lock-message .transfer-info{color:#00a884;font-size:12px;margin-top:2px}.reply-preview{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1f2c33;border-top:1px solid #2a3942;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reply-preview-content{display:flex;align-items:stretch;gap:10px;flex:1;min-width:0}.reply-preview-bar{width:4px;background:#00a884;border-radius:2px;flex-shrink:0}.reply-preview-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.reply-preview-name{font-size:12px;font-weight:600;color:#00a884}.reply-preview-text{font-size:13px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:6px 8px;font-size:14px;border-radius:4px;transition:all .15s ease;margin-left:10px}.reply-preview-close:hover{color:#e9edef;background:#ffffff1a}.input-button.active{color:#00a884;background:#00a8841a;border-radius:8px}.format-menu-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background:#233138;border:1px solid #3b4a54;border-radius:12px;box-shadow:0 8px 24px #0006;min-width:280px;max-width:320px;z-index:1000;animation:slideUp .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.format-menu-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #3b4a54;color:#e9edef;font-weight:600;font-size:13px}.format-menu-close{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.format-menu-close:hover{color:#e9edef;background:#ffffff1a}.format-menu-content{padding:8px;display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}.format-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;color:#e9edef;cursor:pointer;border-radius:8px;transition:all .15s ease;width:100%;text-align:left}.format-option:hover{background:#00a88426}.format-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#3b4a54;border-radius:6px;font-weight:700;font-size:12px;color:#00a884;flex-shrink:0}.format-label{flex:1;font-size:13px;color:#e9edef}.format-syntax{font-size:11px;color:#8696a0;background:#0003;padding:3px 6px;border-radius:4px;font-family:Courier New,monospace}.format-menu-footer{padding:10px 14px;border-top:1px solid #3b4a54;text-align:center}.format-menu-footer small{color:#8696a0;font-size:11px}.expand-button{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;margin-left:8px}.expand-button:hover{color:#00a884;background:#00a8841a}.expanded-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease-out}.expanded-editor-modal{background:#1f2c33;border-radius:12px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000080;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.expanded-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #3b4a54}.expanded-editor-header h3{margin:0;color:#e9edef;font-size:16px;font-weight:600}.expanded-editor-close{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.expanded-editor-close:hover{color:#e9edef;background:#ffffff1a}.expanded-editor-toolbar{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#233138;border-bottom:1px solid #3b4a54;flex-wrap:wrap}.toolbar-group{display:flex;gap:2px}.toolbar-separator{width:1px;height:24px;background:#3b4a54;margin:0 8px}.toolbar-btn{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:8px 10px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease;font-size:13px;font-weight:600}.toolbar-btn:hover{color:#e9edef;background:#00a88433}.toolbar-btn:active{background:#00a8844d;transform:scale(.95)}.expanded-editor-content{flex:1;padding:16px;min-height:200px;max-height:300px;overflow:hidden}.expanded-editor-wysiwyg{width:100%;min-height:180px;max-height:300px;overflow-y:auto;background:#2a3942;border:1px solid #3b4a54;border-radius:8px;padding:14px;color:#e9edef;font-size:14px;font-family:inherit;outline:none;line-height:1.6;word-wrap:break-word;white-space:pre-wrap}.expanded-editor-wysiwyg:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a88433}.expanded-editor-wysiwyg:empty:before{content:attr(data-placeholder);color:#8696a0;pointer-events:none}.expanded-editor-wysiwyg b,.expanded-editor-wysiwyg strong{font-weight:700;color:#fff}.expanded-editor-wysiwyg i,.expanded-editor-wysiwyg em{font-style:italic}.expanded-editor-wysiwyg s,.expanded-editor-wysiwyg strike,.expanded-editor-wysiwyg del{text-decoration:line-through;opacity:.7}.expanded-editor-wysiwyg code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.toolbar-btn.active{background:#00a8844d;color:#00a884}.preview-code{font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;background:#182229!important;color:#8696a0!important}.format-hints kbd{background:#3b4a54;padding:2px 6px;border-radius:4px;font-size:11px;font-family:inherit;margin:0 2px}.expanded-editor-preview{padding:12px 16px;background:#182229;border-top:1px solid #3b4a54;max-height:120px;overflow-y:auto}.preview-label{font-size:11px;color:#8696a0;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preview-content{background:#005c4b;border-radius:8px;padding:10px 14px;color:#e9edef;font-size:13px;line-height:1.5}.preview-content strong{font-weight:700}.preview-content em{font-style:italic}.preview-content del{text-decoration:line-through;opacity:.7}.preview-content code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.expanded-editor-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-top:1px solid #3b4a54;background:#233138;border-radius:0 0 12px 12px}.format-hints{display:flex;gap:12px;flex-wrap:wrap}.format-hints span{font-size:11px;color:#8696a0}.format-hints code{background:#0000004d;padding:2px 5px;border-radius:3px;font-family:Courier New,monospace}.footer-buttons{display:flex;gap:10px}.cancel-btn{background:transparent;border:1px solid #3b4a54;color:#8696a0;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s ease}.cancel-btn:hover{background:#ffffff0d;color:#e9edef;border-color:#8696a0}.confirm-btn{background:#00a884;border:none;color:#fff;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .15s ease}.confirm-btn:hover{background:#06cf9c}.confirm-btn:active{transform:scale(.98)}.icons-toggle-button{background:transparent;border:none;color:var(--text-secondary, #8696a0);padding:8px;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);display:none;align-items:center;justify-content:center;min-width:40px;min-height:40px;flex-shrink:0}.icons-toggle-button:hover{background:var(--hover-bg, rgba(255, 255, 255, .08));color:var(--text-primary, #e9edef)}@media (max-width: 768px){.icons-toggle-button{display:flex}.input-icon-group{display:flex;align-items:center;gap:8px;transition:all .3s ease;opacity:1;width:auto;flex-shrink:0}.input-icon-group.hidden{opacity:0;width:0;max-width:0;margin:0;padding:0;overflow:hidden;flex-shrink:0}.input-icon-group.hidden *{display:none}.message-input-container.icons-visible .input-wrapper,.message-input-container.icons-visible .message-input,.message-input-container.icons-hidden .input-wrapper,.message-input-container.icons-hidden .message-input{flex:1;min-width:0}.input-wrapper,.message-input,.input-icon-group{transition:all .3s ease}.message-input-container.icons-hidden .emoji-picker-container{display:none}}@media (max-width: 600px){.expanded-editor-modal{width:95%;max-height:90vh}.format-hints,.toolbar-separator{display:none}.expanded-editor-toolbar{gap:2px}}.image-message{display:flex;flex-direction:column;max-width:88%;margin:10px 0;border-radius:14px;animation:fadeIn .18s ease-out}.whatsapp-image-message{position:relative;background:radial-gradient(circle at 45% 25%,#ffffff0b,#000000e6);border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 3px 12px #0000008c}.image-message-header{font-size:13px;font-weight:600;color:#bbb;padding:2px 4px 0}.image-sender-name{font-weight:600;color:#e1e1e1;text-shadow:0 0 4px rgba(0,0,0,.4)}.image-caption{font-size:13px;color:#e7e7e7;padding:4px 6px;line-height:1.32}.image-message-content{position:relative;min-height:var(--media-preview-min-height)}.image-container{position:relative;display:inline-block;width:var(--media-preview-width);height:var(--media-preview-height);min-width:var(--media-preview-min-width);min-height:var(--media-preview-min-height);max-width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#0c0c0c;overflow:hidden}.message-image{display:block;width:100%;height:100%;min-width:var(--media-preview-min-width);min-height:var(--media-preview-min-height);object-fit:cover;border-radius:8px;cursor:pointer;transition:filter .15s ease-out,transform .15s ease-out}.message-image:hover{transform:scale(1.025);filter:brightness(1.07)}.image-thumbnail{filter:blur(12px) brightness(.85);opacity:.9}.image-click-indicator{background:#00000080;color:#dcdcdc;border-radius:6px;padding:4px 7px;font-size:13px}.image-loading{background:#000000a6;color:#e2e2e2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loading-spinner{border:2px solid rgba(255,255,255,.25);border-top:2px solid rgba(255,255,255,.95)}.image-placeholder{background:#141414;color:#888;width:var(--media-preview-width);height:var(--media-preview-height);min-width:var(--media-preview-min-width);min-height:var(--media-preview-min-height);display:flex;align-items:center;justify-content:center}.retry-button{background:#ffffff08;border:1px solid rgba(255,255,255,.15)}.retry-button:hover{background:#ffffff14;border-color:#ffffff4d}.video-message{display:flex;flex-direction:column;max-width:88%;margin:10px 0;border-radius:14px;animation:fadeIn .18s ease-out}.whatsapp-video-message{position:relative;background:radial-gradient(circle at 45% 25%,#ffffff0b,#000000e6);border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 3px 12px #0000008c}.video-message-content{position:relative;min-height:var(--media-preview-min-height)}.video-container,.video-placeholder{position:relative;display:inline-block;width:var(--media-preview-width);height:var(--media-preview-height);min-width:var(--media-preview-min-width);min-height:var(--media-preview-min-height);max-width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#0c0c0c;overflow:hidden}.message-video{display:block;width:100%;height:100%;min-width:var(--media-preview-min-width);min-height:var(--media-preview-min-height);object-fit:cover;border-radius:8px;cursor:pointer;transition:filter .15s ease-out,transform .15s ease-out}.video-thumbnail{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.video-caption{font-size:13px;color:#e7e7e7;padding:4px 6px;line-height:1.32}@media (max-width: 768px){.image-message,.video-message{max-width:84%}.image-container,.video-container,.video-placeholder{width:var(--media-preview-width-mobile);height:var(--media-preview-height-mobile)}.image-caption,.video-caption{font-size:12px}}.document-message{max-width:100%;width:100%;animation:fadeIn .18s ease-out}.whatsapp-document-message{overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d;max-width:100%;width:100%;box-sizing:border-box}.document-caption{padding:10px 14px;color:#e9edef;font-size:14px;line-height:1.4;word-break:break-word}.document-message-content{cursor:pointer;border-radius:12px;transition:all .2s ease;padding:12px 14px;max-width:100%;width:100%;box-sizing:border-box}.document-message-content:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006}.document-info{display:flex;align-items:center;gap:12px;width:100%;max-width:100%;box-sizing:border-box}.document-icon{font-size:32px;min-width:48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;transition:all .2s ease}.document-message-content:hover .document-icon{transform:scale(1.05)}.document-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.document-name{color:#e9edef;font-weight:500;font-size:14px;line-height:1.3;word-break:break-word;overflow-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.document-meta{font-size:12px;color:#8696a0;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-download{font-size:20px;color:#8696a0;transition:all .2s ease;transform-origin:center;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0;background:transparent;border:none;padding:0}.document-message-content:hover .document-download{transform:scale(1.1)}.document-type-label{color:#ffffff8c;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.document-placeholder{padding:16px;font-size:13px;text-align:center}.document-placeholder .debug-info-small{font-size:10px;margin-top:8px}.audio-message{max-width:100%;width:100%;animation:fadeIn .15s ease-out}.audio-message-header{margin-bottom:6px;padding:0 4px}.audio-sender-name{color:#8696a0;font-weight:600;font-size:13px;line-height:1.3}.whatsapp-audio-message{max-width:100%;width:100%;box-sizing:border-box;position:relative}.audio-message-content{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;transition:all .2s ease;max-width:100%;width:100%;box-sizing:border-box;min-height:48px}.audio-message-content:hover{transform:translateY(-1px)}.audio-play-button{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(145deg,#00a884,#06cf9c);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;box-shadow:0 2px 8px #00a8844d;padding:0}.audio-play-button:hover:not(:disabled){transform:scale(1.1);background:linear-gradient(145deg,#06cf9c,#00a884);box-shadow:0 3px 12px #00a88466}.audio-play-button:active:not(:disabled){transform:scale(.95)}.audio-play-button:disabled{opacity:.5;cursor:not-allowed}.audio-play-button.loading{opacity:.7}.audio-play-button.error{background:linear-gradient(145deg,#f15c6d,#ff3d3d);box-shadow:0 2px 8px #ff4b4b4d}.audio-play-button svg{width:22px;height:22px;flex-shrink:0}.audio-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.audio-label{color:#8696a0;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap}.waveform-container{width:100%;height:32px;border-radius:6px;overflow:hidden;background:#0003;cursor:pointer;transition:background .2s ease;flex-shrink:0}.waveform-container:hover{background:#0000004d}.waveform-canvas{display:block;width:100%;height:100%;cursor:pointer;transition:opacity .2s ease}.waveform-canvas:hover{opacity:.9}.waveform-canvas:active{opacity:.8}.audio-duration{color:#8696a0;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;align-self:flex-end}.audio-speed-control{flex-shrink:0}.audio-speed-control .speed-button{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.speed-button:hover{background:#ffffff1a;border-color:#fff3;color:#e9edef}.speed-text{font-size:11px;font-weight:600;line-height:1}.audio-type-label{color:#ffffff8c;font-weight:600;font-size:10px;letter-spacing:.6px;text-transform:uppercase}.audio-placeholder{padding:16px;border-radius:8px;color:#8696a0;font-size:13px;text-align:center}.audio-sending-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#e9edef;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:13px;z-index:10}.position-relative{position:relative}.audio-player-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:1000;width:100%;max-width:500px;padding:0 16px;box-sizing:border-box;animation:audioPlayerSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes audioPlayerSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.audio-player{background:linear-gradient(180deg,#202428fa,#16181cfc);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 12px 40px #00000080,0 0 1px #ffffff1a,inset 0 1px #ffffff0d;overflow:hidden}.audio-player-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#20edc21a,#20edc208);border-bottom:1px solid rgba(32,237,194,.15)}.audio-player-header-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#00a884,#06cf9c);border-radius:50%;box-shadow:0 4px 12px #00a88466}.audio-player-header-icon svg{width:22px;height:22px;color:#fff}.audio-player-header-info{flex:1}.audio-player-header-title{font-size:14px;font-weight:600;color:#f0f8f7;margin:0 0 2px}.audio-player-header-subtitle{font-size:12px;color:#8696a0}.audio-player .audio-element{width:100%;height:48px;margin:0;padding:16px 20px;box-sizing:border-box;background:transparent;filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(1.1);opacity:.9}.audio-player .audio-element::-webkit-media-controls-panel{background:linear-gradient(135deg,#20edc226,#20edc20d);border-radius:8px}.audio-player .audio-element::-webkit-media-controls-play-button{background-color:#20edc2;border-radius:50%}.audio-player .audio-element::-webkit-media-controls-timeline{background:#ffffff1a;border-radius:4px}.audio-controls{display:flex;gap:12px;padding:16px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.06)}.audio-cancel-button,.audio-send-button{flex:1;padding:14px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.audio-cancel-button{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#c3cbd0}.audio-cancel-button:hover{background:#ef444426;border-color:#ef44444d;color:#f87171;transform:translateY(-1px)}.audio-cancel-button:active{transform:translateY(0)}.audio-send-button{background:linear-gradient(135deg,#20edc2,#1dd4ad);color:#0a1612;border:none;box-shadow:0 4px 16px #20edc266,inset 0 1px #fff3}.audio-send-button:hover:not(:disabled){background:linear-gradient(135deg,#2ff5cc,#20edc2);box-shadow:0 6px 24px #20edc280,inset 0 1px #ffffff4d;transform:translateY(-2px)}.audio-send-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #20edc24d}.audio-send-button:disabled{background:#6464644d;color:#fff6;box-shadow:none;cursor:not-allowed;transform:none}.audio-recording-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2)}.audio-recording-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:recordingPulse 1.5s infinite ease-in-out}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.audio-recording-time{font-size:14px;font-weight:600;color:#f87171;font-variant-numeric:tabular-nums}.audio-recording-label{font-size:13px;color:#fca5a5;margin-left:auto}@media (max-width: 600px){.audio-player-container{bottom:70px;max-width:100%;padding:0 12px}.audio-player{border-radius:14px}.audio-controls{padding:14px 16px}.audio-cancel-button,.audio-send-button{padding:12px 16px;font-size:13px}}.interactive-message{max-width:var(--interactive-max-width);width:100%;box-sizing:border-box;overflow:hidden}.whatsapp-interactive-message{background:#ffffff05;border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.interactive-message-content{max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.whatsapp-interactive-message.bordered{border:2px solid var(--answer-color, #20edc2);background-color:#00ffc80d;box-shadow:0 2px 12px #00ffc859}.interactive-header{margin-bottom:8px}.interactive-title,.list-item-title,.list-response-title,.list-response-selected-title,.contact-name,.location-name,.sticker-name,.view-once-title{color:#f4f7f7;font-weight:600;font-size:15px;line-height:1.4;word-break:break-word;overflow-wrap:break-word;margin:0}.interactive-description,.list-item-description,.contact-label,.location-label,.sticker-label,.view-once-description,.interactive-footer,.audio-label,.list-response-description{color:#9aa4aa;font-size:13px;line-height:1.4;word-break:break-word;overflow-wrap:break-word;margin:4px 0}.interactive-description{margin-bottom:12px}.interactive-footer{margin-top:12px;font-size:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.interactive-message-received-badge{background-color:#20edc238;color:#20edc2;border:1px solid rgba(32,237,194,.4);box-shadow:0 2px 6px #20edc24d}.interactive-section{margin-bottom:8px}.section-title{color:#7f8c92;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:0 4px}.interactive-list{display:flex;flex-direction:column;gap:8px;max-width:100%;width:100%;box-sizing:border-box}.interactive-row{padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:.2s ease transform,.2s ease background;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:8px;cursor:pointer}.interactive-row:last-child{margin-bottom:0}.row-content{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:4px}.row-title{font-size:14px;font-weight:600;color:#f4f7f7;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.row-description{font-size:13px;color:#9aa4aa;word-break:break-word;overflow-wrap:break-word;line-height:1.3}.row-arrow{color:#a6adb1;transition:transform .2s ease,color .2s ease;flex-shrink:0;font-size:18px;line-height:1;min-width:20px;text-align:center}.interactive-row:hover{background:#ffffff12;border-color:#20edc24d;transform:translate(2px)}.interactive-row.selected-row{background:#20edc226;border-color:#20edc266;box-shadow:0 2px 8px #20edc240}.selection-checkmark,.interactive-row:hover .row-arrow{color:#20edc2}.interactive-buttons{display:flex;flex-direction:column;gap:8px;max-width:100%;width:100%;box-sizing:border-box;margin-top:12px}.interactive-button,.button-item{background:#20edc221;border:1px solid rgba(32,237,194,.3);color:#20edc2;transition:background .2s ease,transform .2s ease;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;width:100%;max-width:100%;box-sizing:border-box;text-align:center;word-break:break-word;overflow-wrap:break-word}.interactive-button:hover,.button-item:hover{background:#20edc238;border-color:#20edc280;transform:translateY(-2px);box-shadow:0 3px 9px #20edc240}.interactive-button:active,.button-item:active{transform:translateY(0)}.contact-message,.location-message,.sticker-message,.view-once-message{background:#ffffff05;border:1px solid rgba(255,255,255,.04);box-shadow:0 3px 10px #00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.contact-icon,.location-icon,.sticker-icon,.view-once-icon{background:#20edc21f;border:1px solid rgba(32,237,194,.3);color:#20edc2}.list-response-confirmed-badge{background:#20edc21f;color:#20edc2;border:1px solid rgba(32,237,194,.3)}.interactive-message{animation:fadeIn .18s ease-out}.message-bubble .interactive-message{max-width:100%;width:100%}.message-bubble .interactive-message *{max-width:100%;box-sizing:border-box}.message-bubble .interactive-title,.message-bubble .interactive-description,.message-bubble .row-title,.message-bubble .row-description,.message-bubble .section-title,.message-bubble .interactive-footer{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.location-interactive{max-width:280px}.location-message-link{text-decoration:none;color:inherit;display:block}.location-message-container{background:#ffffff08;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.location-message-link:hover .location-message-container{background:#ffffff0f;border-color:#20edc24d;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.location-map-preview{position:relative;width:100%;height:120px;background:linear-gradient(135deg,#1a2633,#0d1821);overflow:hidden}.location-map-image{width:100%;height:100%;object-fit:cover;opacity:.9}.location-map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a4a,#0d1821)}.location-map-placeholder.hidden{display:none}.location-map-icon{font-size:40px;opacity:.5}.location-pin-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.location-pin{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.location-details{padding:12px}.location-name-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.location-icon-small{font-size:14px}.location-details .location-name{font-size:14px;font-weight:600;color:#e9edef;margin:0}.location-details .location-address{font-size:12px;color:#8696a0;margin-bottom:4px;line-height:1.3}.location-coords{font-size:11px;color:#667781;font-family:SF Mono,Consolas,monospace;margin-bottom:8px}.location-action{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.location-action-text{font-size:12px;color:#20edc2;font-weight:500}.location-action-arrow{color:#20edc2;font-size:14px;transition:transform .2s ease}.location-message-link:hover .location-action-arrow{transform:translate(3px)}.file-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:20px}.file-confirmation-modal{background:linear-gradient(180deg,#1c2022fa,#121416fc);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 80px #000000b3,0 0 1px #ffffff1a,inset 0 1px #ffffff0d;color:#d8e0e3;width:100%;max-width:420px;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.file-confirmation-header{display:flex;align-items:center;padding:18px 22px;background:linear-gradient(135deg,#20edc21f,#20edc20a);border-bottom:1px solid rgba(32,237,194,.2)}.file-confirmation-header.image{background:linear-gradient(135deg,#20edc226,#20edc20d);border-bottom-color:#20edc240}.file-confirmation-header.video{background:linear-gradient(135deg,#8a2be226,#8a2be20d);border-bottom-color:#8a2be240}.file-confirmation-header.document{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-bottom-color:#3b82f640}.file-confirmation-header-title{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;color:#f0f8f7;letter-spacing:-.2px}.file-confirmation-header-icon{font-size:20px}.file-confirmation-content{padding:0}.file-preview-section{padding:24px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.file-preview-content{display:flex;align-items:center;gap:16px}.file-preview-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:28px;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.file-preview-icon.image{background:linear-gradient(135deg,#20edc240,#20edc21a);border:1px solid rgba(32,237,194,.3)}.file-preview-icon.video{background:linear-gradient(135deg,#8a2be240,#8a2be21a);border:1px solid rgba(138,43,226,.3)}.file-preview-icon.document{background:linear-gradient(135deg,#3b82f640,#3b82f61a);border:1px solid rgba(59,130,246,.3)}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:15px;font-weight:500;color:#f1f7f9;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{font-size:13px;color:#7a8388}.file-details-grid{padding:16px 24px;display:flex;flex-direction:column;gap:8px}.file-detail-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:background .2s ease}.file-detail-row:hover{background:#ffffff0d}.file-detail-label{font-size:13px;color:#7a8388;font-weight:500}.file-detail-value{font-size:13px;color:#dbe3e6;font-weight:500;text-align:right}.file-detail-value.ellipsis{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-confirmation-actions{display:flex;gap:12px;padding:20px 24px;background:#00000026;border-top:1px solid rgba(255,255,255,.06)}.file-confirmation-button-cancel,.file-confirmation-button-send{flex:1;padding:14px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.file-confirmation-button-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#c3cbd0}.file-confirmation-button-cancel:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.file-confirmation-button-cancel:active{transform:translateY(0)}.file-confirmation-button-send{background:linear-gradient(135deg,#20edc2,#1dd4ad);color:#0a1612;border:none;box-shadow:0 4px 16px #20edc266,inset 0 1px #fff3}.file-confirmation-button-send:hover:not(:disabled){background:linear-gradient(135deg,#2ff5cc,#20edc2);box-shadow:0 6px 24px #20edc280,inset 0 1px #ffffff4d;transform:translateY(-2px)}.file-confirmation-button-send:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #20edc24d}.file-confirmation-button-send:disabled{background:#6464644d;color:#fff6;box-shadow:none;cursor:not-allowed;transform:none}.file-confirmation-error{margin:16px 24px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px}.file-confirmation-error-title{font-size:13px;font-weight:600;color:#f87171;margin-bottom:4px}.file-confirmation-error-message{font-size:12px;color:#fca5a5;line-height:1.4}.image-viewer-modal{background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-viewer-content{background:#141416eb;border:1px solid rgba(255,255,255,.06)}.image-viewer-header{border-bottom:1px solid rgba(255,255,255,.08);background:#19191beb}.image-viewer-sender{color:#20edc2}.download-button,.close-button{color:#9aa5aa}.download-button:hover,.close-button:hover{background:#ffffff14;color:#fff}.image-viewer-body{background:#0c0c0ef2}.image-viewer-caption{border-top:1px solid rgba(255,255,255,.08);background:#19191bd9}.edit-message-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.edit-message-modal{background:#141416f5;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 20px 50px #0009;color:#d8e0e3;width:90%;max-width:480px;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-message-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#20edc214;border-bottom:1px solid rgba(32,237,194,.25);border-radius:14px 14px 0 0}.edit-message-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#20edc2}.edit-message-close-btn{background:transparent;border:none;color:#9aa5aa;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.edit-message-close-btn:hover{background:#ffffff1a;color:#fff}.edit-message-modal-body{padding:20px}.edit-message-original{margin-bottom:16px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.edit-message-label{display:block;font-size:11px;color:#7a8388;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.edit-message-original-text{margin:0;font-size:14px;color:#9aa5aa;word-break:break-word}.edit-message-input{width:100%;min-height:100px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#f0f8f7;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.edit-message-input:focus{outline:none;border-color:#20edc2;box-shadow:0 0 0 2px #20edc233}.edit-message-input:disabled{opacity:.6;cursor:not-allowed}.edit-message-input::placeholder{color:#5a6368}.edit-message-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid rgba(255,255,255,.06)}.edit-message-cancel-btn{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#c3cbd0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-message-cancel-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff38;color:#f1f1f1}.edit-message-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.edit-message-submit-btn{padding:10px 24px;background:#20edc2;border:none;border-radius:8px;color:#0e1011;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 0 12px #20edc266}.edit-message-submit-btn:hover:not(:disabled){background:#1adbb5;box-shadow:0 0 18px #20edc299}.edit-message-submit-btn:disabled{background:#b4b4b440;color:#fff6;box-shadow:none;cursor:not-allowed}.notification-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--background-2, #111b21);border:1px solid var(--border-soft, rgba(255, 255, 255, .08));border-radius:12px;padding:0;min-width:280px;max-width:320px;width:max-content;z-index:10000;box-shadow:0 8px 24px #0006;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .08));background:var(--background-2, #111b21)}.notification-menu-header>svg:first-child,.notification-menu-header .lucide-bell,.notification-menu-header .lucide{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary, #8696a0)}.notification-menu-header-title,.notification-menu-header>span:not(.notification-menu-header-title){font-size:15px;font-weight:500;color:var(--text-primary, #e9edef);margin:0;padding:0;line-height:1.3;flex:1;display:flex;align-items:center;gap:8px;min-width:0}.notification-menu-header>svg:first-child+span{margin-left:0}.notification-menu-header>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-menu-close{background:transparent;border:none;color:var(--text-secondary, #8696a0);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;width:32px;height:32px}.notification-menu-close:hover{background:#ffffff14;color:var(--text-primary, #e9edef)}.notification-menu-close svg{width:16px;height:16px}.notification-menu-phone-info{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff05;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .08));font-size:13px;color:var(--text-secondary, #8696a0)}.notification-menu-phone-info svg{width:14px;height:14px;flex-shrink:0;color:var(--text-secondary, #8696a0)}.notification-menu-phone-info span{font-family:Courier New,monospace;letter-spacing:.5px;color:var(--text-primary, #e9edef)}.attendance-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px;background:var(--background-2, #111b21)}.attendance-button{padding:10px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;white-space:nowrap;min-height:40px}.attendance-button-start{background:var(--accent, #00a884);color:#fff;box-shadow:0 2px 8px #00a88433}.attendance-button-start:hover:not(:disabled){background:#06cf9c;transform:translateY(-1px);box-shadow:0 4px 12px #00a8844d}.attendance-button-start:active:not(:disabled){transform:translateY(0)}.attendance-button-transfer{background:#ffffff0d;color:var(--text-secondary, #8696a0);border:1px solid var(--border-soft, rgba(255, 255, 255, .08))}.attendance-button-transfer:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary, #e9edef);border-color:#ffffff1f}.attendance-button-transfer.active{background:#00a88426;color:var(--accent, #00a884);border-color:var(--accent, #00a884)}.attendance-button-finish{background:#f44336;color:#fff;box-shadow:0 2px 8px #f4433633}.attendance-button-finish:hover:not(:disabled){background:#ff6659;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.attendance-button-finish:active:not(:disabled){transform:translateY(0)}.attendance-button-disabled{background:#ffffff08;color:var(--text-secondary, #8696a0);border:1px solid var(--border-soft, rgba(255, 255, 255, .05));cursor:not-allowed;opacity:.5}.attendance-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.attendance-status-info{padding:10px 16px;font-size:12px;color:var(--text-secondary, #8696a0);text-align:center;background:#00a88414;border-left:3px solid var(--accent, #00a884);margin:0 16px;border-radius:6px;line-height:1.4}.attendance-divider{height:1px;background:var(--border-soft, rgba(255, 255, 255, .08));margin:8px 16px}.attendance-section-label{padding:10px 16px;font-size:12px;font-weight:600;color:var(--text-secondary, #8696a0);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;background:#ffffff05}.attendance-section-label svg{width:14px;height:14px;flex-shrink:0;color:var(--text-secondary, #8696a0)}.attendance-section-label span{flex:1}.notification-menu-item{padding:12px 16px;color:var(--text-secondary, #8696a0);font-size:14px;cursor:default;border-radius:0;transition:background-color .2s ease;line-height:1.4}.notification-menu-item:last-child{border-bottom:none}.notification-menu-item.clickable{cursor:pointer;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.03)}.notification-menu-item.clickable:hover{background:#ffffff0d;color:var(--text-primary, #e9edef)}.notification-menu-item.clickable.disabled{opacity:.5;cursor:not-allowed}.notification-menu-item.clickable.disabled:hover{background:transparent;color:var(--text-secondary, #8696a0)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent, #00a884) 0%,#06cf9c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-name{color:var(--text-primary, #e9edef);font-weight:500;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-username{color:var(--text-secondary, #8696a0);font-size:12px;line-height:1.2}.user-status{display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-indicator{width:10px;height:10px;border-radius:50%;transition:all .2s ease;flex-shrink:0}.status-indicator.online{background-color:#25d366;box-shadow:0 0 6px #25d36680}.status-indicator.offline{background-color:#8696a0;box-shadow:0 0 4px #8696a04d}.notification-status{margin-left:auto;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0}.notification-status.sending{color:orange;background:#ffa50026}.notification-status.success{color:var(--accent, #00a884);background:#00a88426}.notification-status.error{color:#f44;background:#ff444426}.chat-page-container{display:flex;height:100vh;max-height:100vh;overflow:hidden;width:100%;position:relative}@media (max-width: 768px){.chat-page-container{position:relative}}.chat-area{display:flex;flex-direction:column;background:#0b141a;color:#e9edef;height:100%;border-left:1px solid #2a3942;flex:1;overflow:hidden;position:relative;min-width:0}.chat-area.empty{display:flex;align-items:center;justify-content:center;background-color:#0b141a}.empty-state{text-align:center;color:#8696a0;padding:2rem}.empty-icon{margin-bottom:1rem}.empty-logo{width:120px;height:120px;opacity:.3;object-fit:contain}.empty-state h2{color:#e9edef;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#8696a0;font-size:1rem}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 50px;display:flex;flex-direction:column;gap:2px;min-height:0;position:relative;background-color:#0b141a}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background-color:#fff3}.messages{display:flex;flex-direction:column;gap:2px;flex:1}.empty-chat-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;flex:1;min-height:300px;animation:fadeIn .4s ease}.empty-chat-icon{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#00a88426,#00a8840d);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#00a884}.empty-chat-state h3{color:#e9edef;font-size:22px;font-weight:500;margin:0 0 12px}.empty-chat-state p{color:#8696a0;font-size:15px;margin:0 0 16px;max-width:320px;line-height:1.5}.empty-chat-state p strong{color:#e9edef}.empty-chat-hint{display:flex;align-items:center;gap:8px;color:#667781;font-size:13px;padding:12px 20px;background:#00000026;border-radius:8px}.empty-chat-hint:before{content:"🔒"}.attendance-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px}.attendance-button{padding:10px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.attendance-button-start{background-color:#00a884;color:#fff}.attendance-button-start:hover:not(:disabled){background-color:#008f73}.attendance-button-transfer{background-color:#2a3942;color:#8696a0;border:1px solid #3b4a54}.attendance-button-transfer:hover:not(:disabled){background-color:#374151;border-color:#4a5a64}.attendance-button-transfer.active{background-color:#2a3942;color:#e9edef;border:1px solid #3b4a54}.attendance-button-finish{background-color:#00a884;color:#fff}.attendance-button-finish:hover:not(:disabled){background-color:#008f73}.attendance-button-disabled{background-color:#2a3942;color:#8696a0;border:1px solid #3b4a54;cursor:not-allowed;opacity:.5}.attendance-button:disabled{cursor:not-allowed;opacity:.6}.attendance-status-info{padding:8px 12px;font-size:12px;color:#8696a0;text-align:center;background-color:#25d3660d}.attendance-divider{height:1px;background-color:#8696a033;margin:8px 0}.attendance-section-label{padding:8px 16px;font-size:12px;font-weight:600;color:#8696a0;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.media-menu{position:absolute;bottom:100%;left:0;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px}.media-menu-button{width:100%;padding:12px 16px;border:none;background-color:transparent;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background-color .2s ease}.media-menu-button:hover:not(:disabled){background-color:#f5f6f6}.media-menu-button:disabled{opacity:.5;cursor:not-allowed}.avatar-placeholder{display:flex;align-items:center;justify-content:center}.avatar-placeholder.hidden{display:none}.scroll-to-bottom-btn{position:absolute;bottom:80px;right:20px;background-color:#00a884;color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;z-index:100;transition:all .2s}.scroll-to-bottom-btn:hover{background-color:#00d4aa;transform:scale(1.1)}.scroll-btn-text{font-size:20px;font-weight:700}.unread-badge{position:absolute;top:-8px;right:-8px;background-color:#25d366;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.loading-more-container{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;margin:4px 0;color:var(--text-secondary, #8696a0);opacity:0;animation:fadeIn .3s ease forwards;height:40px;min-height:40px}.loading-spinner-small{width:14px;height:14px;border:2px solid rgba(134,150,160,.2);border-top:2px solid var(--accent, #00a884);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.loading-text{font-size:13px;color:var(--text-secondary, #8696a0);opacity:.8}.load-more-container{display:flex;justify-content:center;align-items:center;padding:8px 16px;margin:4px 0;height:40px;min-height:40px;opacity:1;transition:opacity .15s ease-out,height .2s ease-out,margin .2s ease-out,padding .2s ease-out;overflow:hidden}.load-more-container.loading{opacity:0;height:0;margin:0;padding:0;pointer-events:none;transition:opacity .15s ease-in,height .2s ease-in,margin .2s ease-in,padding .2s ease-in}.load-more-btn{background:#ffffff0d;border:1px solid var(--border-soft, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, #e9edef);font-size:14px;font-weight:500;padding:10px 20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px}.load-more-btn:hover:not(:disabled){background:#ffffff14;border-color:var(--accent, #00a884);color:var(--accent, #00a884);transform:translateY(-1px)}.load-more-btn:active:not(:disabled){transform:translateY(0)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff08}.messages-container.loading-messages{scroll-behavior:auto;will-change:scroll-position}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInMessage{0%{opacity:.5}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.debug-info{font-size:10px;color:#666;margin-top:4px}.debug-info-detailed{margin-top:8px;padding:6px 8px;background-color:#ff6b6b33;border-radius:4px;font-size:11px;color:#ff6b6b;font-family:monospace;border:1px solid rgba(255,107,107,.3)}.debug-info-small{font-size:10px;color:#666;margin-top:4px}.timestamp-popup{max-width:600px;width:90%}.timestamp-info{margin-bottom:20px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;border-bottom:1px solid #e0e0e0}.info-row:last-child{border-bottom:none}.info-row strong{color:#333;min-width:120px}.info-row code{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:#d63384;word-break:break-all}.message-text-preview{background:#f8f9fa;padding:8px;border-radius:4px;border-left:3px solid #007bff;font-family:Courier New,monospace;font-size:12px;max-width:300px;word-break:break-word}.db-status{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.status-badge.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-message{font-size:14px;color:#666;font-style:italic}.popup-actions{display:flex;justify-content:flex-end;gap:10px}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.btn-secondary:hover{background:#5a6268}@media (max-width: 768px){.chat-header{padding:8px 12px;min-height:54px;gap:8px;flex-wrap:nowrap;overflow:hidden}.chat-info{gap:10px;min-width:0;flex:1;overflow:hidden}.chat-avatar .avatar-image,.chat-avatar .avatar-placeholder{width:40px;height:40px}.chat-avatar .avatar-placeholder{font-size:14px}.chat-details{min-width:0;overflow:hidden}.chat-name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.chat-status{font-size:11px;display:none}.chat-header-attendance-info,.chat-header-attendance-actions-wrapper{display:none}.chat-actions{gap:4px;flex-shrink:0}.action-button{width:36px;height:36px;padding:6px;min-width:36px}.action-button svg{width:18px;height:18px}.sidebar-toggle-button{width:36px;height:36px;padding:6px;display:flex!important;flex-shrink:0}.sidebar-toggle-button svg{width:20px;height:20px}.menu-back-button{width:36px;height:36px;padding:6px}.menu-back-button svg{width:20px;height:20px}.menu-header-title{font-size:15px}.chat-action-menu-dropdown.mobile-fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;height:100vh!important;border-radius:0!important;z-index:9999!important;animation:menuSlideUp .3s ease-out;display:flex!important;flex-direction:column!important}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.chat-action-menu-dropdown.mobile-fullscreen .action-menu-content{flex:1;max-height:none;overflow-y:auto;padding:16px}.chat-action-menu-dropdown.mobile-fullscreen .action-menu-header{display:none}.chat-action-menu-dropdown.mobile-fullscreen .action-menu-tabs{padding:12px}body{background:#050607;color:#d5dbdd}:root{--media-preview-width: var(--media-preview-width-mobile);--media-preview-height: var(--media-preview-height-mobile);--document-preview-height: var(--document-preview-height-mobile);--audio-preview-height: var(--audio-preview-height-mobile);--interactive-preview-max-height: var(--interactive-preview-max-height-mobile);--tap-zone: 44px}.message{max-width:min(85%,480px)}.message-bubble{max-width:100%;font-size:15px;border-radius:14px;padding:10px 12px}.message-sender-line strong{font-size:1.05em}.document-info{gap:10px}.document-icon{font-size:26px;min-width:36px;height:36px}.document-name{font-size:14px}.document-meta{font-size:12px}.image-message,.video-message{max-width:90%}.image-container,.video-container,.video-placeholder{width:var(--media-preview-width-mobile);height:var(--media-preview-height-mobile);min-width:var(--media-preview-min-width);min-height:var(--media-preview-min-height);border-radius:10px}.message-image,.message-video{border-radius:10px;width:100%;height:100%;min-width:var(--media-preview-min-width);min-height:var(--media-preview-min-height)}.image-click-indicator{font-size:14px;padding:5px 7px}.document-message-content{padding:10px 12px}.document-icon{min-width:44px;width:44px;height:44px;font-size:28px}.document-name{font-size:13px}.document-meta{font-size:11px}.document-download{width:28px;height:28px;font-size:18px}.audio-message-content{padding:10px 12px;gap:10px;min-height:44px}.audio-play-button{width:44px;height:44px}.audio-play-button svg{width:20px;height:20px}.waveform-container{height:28px}.audio-speed-control .speed-button{width:28px;height:28px}.speed-text{font-size:10px}.audio-duration,.audio-label{font-size:11px}.interactive-message,.whatsapp-interactive-message{max-height:var(--interactive-preview-max-height);font-size:15px;border-radius:12px;max-width:100%;width:100%}.interactive-message-content{max-width:100%;overflow:hidden}.interactive-row{padding:12px;border-radius:10px;max-width:100%;gap:8px}.row-content{min-width:0;flex:1}.row-arrow{flex-shrink:0;min-width:18px}.row-title{font-size:14px;word-break:break-word}.row-description{font-size:12px;word-break:break-word}.interactive-button{font-size:13px;padding:10px 14px}button,.interactive-row,.attendance-button,.interactive-button,.scroll-to-bottom-btn{min-height:var(--tap-zone)!important}::-webkit-scrollbar{width:0px}.notification-menu{min-width:260px;max-width:calc(100vw - 32px);right:0}.notification-menu-header{padding:12px 14px}.notification-menu-header-title{font-size:14px}.notification-menu-close{width:28px;height:28px;padding:4px}.attendance-button-grid{padding:10px 14px;gap:8px}.attendance-button{padding:10px 12px;font-size:12px;min-height:38px}.attendance-section-label{padding:8px 14px;font-size:11px}.notification-menu-item{padding:10px 14px;font-size:13px}.user-avatar{width:32px;height:32px;font-size:13px}.user-name{font-size:13px}.notification-status{font-size:10px;padding:3px 6px}.load-more-container{padding:10px 12px;margin:6px 0}.load-more-btn{font-size:13px;padding:8px 16px;min-height:36px}.loading-more-container{padding:10px 12px;margin:6px 0;gap:8px}.loading-text{font-size:13px}}