body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{--primary-color:#207e89;--accent-color:purple;--text-color:purple;--secondary-color:#708090;--background-color:#f5f5f5;--primary-text-color:#000;--logo-color:#000}.App{height:100vh;overflow:hidden;width:100vw}.Home-Page{background-color:var(--background-color);min-height:100vh;width:100%}.header{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1800px;padding:0 2rem;width:80%}.screen-mobile .header-content,.screen-tablet .header-content{padding:0 1rem;width:90%}.logo{align-items:center;display:flex}.logo-animated-mobile{height:60px;width:60px}.logo-text-line-1-mobile{font-size:1.4rem}.logo-text-line-2-desktop{font-size:1.2rem;margin-top:-11px}.logo-text-line-2-mobile,.logo-text-line-2-tablet{font-size:1rem;margin-top:-11px}.logo-text-line-2{color:var(--accent-color);font-weight:600;letter-spacing:.5px}.nav-menu,.nav-menu-desktop{display:flex;gap:2rem}.nav-menu a{color:var(--accent-color);font-size:1.2rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-menu a:hover{color:var(--accent-color);transform:translateY(-2px);transition:all .3s ease}.auth-buttons,.auth-buttons-desktop{align-items:center;display:flex;gap:1.2rem}.btn-signup{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:80px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.3px;padding:10px 20px;transition:all .3s ease}.btn-signup:hover{background:linear-gradient(135deg,var(--accent-color) 0,var(--primary-color) 100%);transform:translateY(-2px)}.btn-login{background:#0000;border:2px solid var(--primary-color);border-radius:80px;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.3px;padding:10px 20px;transition:all .3s ease}.btn-login:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-color:var(--primary-color);box-shadow:0 4px 16px #270e3333;color:#fff;transform:translateY(-2px)}.hamburger-menu{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:.4rem;margin-left:auto;padding:.5rem}.hamburger-mobile,.hamburger-tablet{display:flex}.hamburger-line{background-color:var(--primary-color);height:3px;transform-origin:center;transition:all .3s ease;width:28px}.hamburger-mobile .hamburger-line{height:2.5px;width:24px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(10px,10px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-menu{background-color:#fff;box-shadow:-2px 0 8px #00000026;height:100vh;overflow-y:auto;position:fixed;right:-350px;top:0;transition:right .3s ease;width:350px;z-index:999}.mobile-menu-tablet{width:350px}.mobile-menu-mobile{right:-100%;width:100%}.mobile-menu.open{right:0}.mobile-nav-menu{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}.mobile-menu-mobile .mobile-nav-menu{padding:1.5rem 1rem}.mobile-nav-menu a{border-radius:8px;color:var(--primary-color);font-size:1.1rem;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.mobile-nav-menu a:hover{background-color:var(--background-color);color:var(--accent-color)}.mobile-btn-signup{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.9rem 1.5rem;transition:all .3s ease}.mobile-btn-signup:hover{box-shadow:0 4px 12px #270e3333;transform:translateY(-2px)}.mobile-btn-login{background:#0000;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.5rem;transition:all .3s ease}.mobile-btn-login:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-color:var(--accent-color);color:#fff}.hero{background:linear-gradient(135deg,var(--accent-color) 0,var(--primary-color) 100%);color:var(--primary-text-color);padding:8rem 2rem;position:relative}.hero:before{background:linear-gradient(135deg,#270e332e,#6521834d 30%,#270e3340);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-desktop{padding:8rem 2rem}.hero-tablet{padding:4rem 1.5rem}.hero-mobile{padding:2rem 1rem}.hero-content,.hero-content-desktop{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1700px;position:relative;width:80%;z-index:2}.hero-content-tablet{grid-gap:2rem;gap:2rem;grid-template-columns:1fr;width:90%}.hero-content-mobile,.hero-content-tablet{align-items:flex-start;display:grid;margin:0 auto;max-width:100%;position:relative;z-index:2}.hero-content-mobile{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr;width:95%}.hero-left,.hero-left-desktop{text-align:left}.hero-left-mobile,.hero-left-tablet{order:1;text-align:center}.hero-right,.hero-right-desktop{align-items:center;display:flex;justify-content:center}.hero-right-mobile,.hero-right-tablet{order:2}.hero-desktop .hero-image-placeholder{height:500px}.hero-tablet .hero-image-placeholder{height:300px}.hero-mobile .hero-image-placeholder{height:250px}.hero-title{font-weight:800;letter-spacing:-.5px;line-height:1.15;margin-bottom:2rem;text-shadow:0 2px 4px #0000001a}.hero-desktop .hero-title,.hero-title{font-size:3.5rem}.hero-tablet .hero-title{font-size:2.2rem}.hero-mobile .hero-title{font-size:1.8rem;margin-bottom:1rem}.hero-subtitle{color:#fffffff2;font-weight:400;letter-spacing:.2px;line-height:1.8;text-shadow:0 1px 3px #00000026}.hero-desktop .hero-subtitle,.hero-subtitle{font-size:1.2rem;margin-bottom:3rem;width:580px}.hero-tablet .hero-subtitle{font-size:1.05rem;margin-bottom:2.5rem;width:100%}.hero-mobile .hero-subtitle{font-size:.95rem;margin-bottom:2rem;width:100%}.hero-buttons{margin-top:.5rem}.hero-buttons,.hero-desktop .hero-buttons{display:flex;gap:1.5rem;justify-content:flex-start}.hero-tablet .hero-buttons{gap:1rem}.hero-mobile .hero-buttons,.hero-tablet .hero-buttons{align-items:stretch;flex-direction:column;justify-content:center}.hero-mobile .hero-buttons{gap:.75rem}.hero-btn-primary{background:var(--accent-color);border:none;border-radius:80px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.3px;padding:1.15rem 3rem;transition:all .3s ease}.hero-btn-primary:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);box-shadow:0 8px 24px #0000004d;transform:translateY(-3px)}.hero-mobile .hero-btn-primary,.hero-tablet .hero-btn-primary{font-size:1.05rem;padding:.9rem 2rem}.hero-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fffc;border-radius:80px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.3px;padding:1.15rem 3rem;transition:all .3s ease}.hero-btn-secondary:hover{background:#fff;border-color:#fff;box-shadow:0 8px 24px #ffffff4d;color:var(--primary-color);transform:translateY(-3px)}.hero-mobile .hero-btn-secondary,.hero-tablet .hero-btn-secondary{font-size:1.05rem;padding:.9rem 2rem}.hero-interactive-component{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;gap:1.5rem;min-height:500px;padding:2rem;width:100%}.hero-mobile .hero-interactive-component,.hero-tablet .hero-interactive-component{min-height:400px;padding:1.5rem}.sample-selector-wrapper{align-items:center;display:flex;flex-direction:column;gap:.75rem}.sample-selector-title{color:var(--primary-color);font-size:1.1rem;font-weight:700;letter-spacing:.5px}.sample-selector{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.sample-btn{background:#fff;border:2px solid var(--primary-color);border-radius:25px;color:var(--primary-color);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.sample-btn:hover{background:var(--background-color);transform:translateY(-2px)}.sample-btn.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-color:var(--accent-color);color:#fff}.wave-container{background:linear-gradient(135deg,var(--background-color) 0,#ffffff80 100%);border-radius:12px;flex:1 1;min-height:150px;overflow:hidden;padding:2rem;position:relative}.wave-container,.wave-visualization{align-items:center;display:flex;justify-content:center}.wave-visualization{height:100px;width:100px}.circle-container{position:relative}.circle-container,.circle-scale-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.circle-scale-wrapper{position:absolute;transition:transform .1s ease-out}.flowing-circle{animation:flow-idle 4s ease-in-out infinite;border-radius:50%;opacity:.7;position:absolute}.circle-1{animation-delay:0s;border:var(--circle-1-border-Thickness) solid var(--primary-color);filter:blur(.5px);height:var(--circle-1-size);width:var(--circle-1-size)}.circle-2{animation-delay:1.3s;border:var(--circle-2-border-Thickness) solid var(--accent-color);filter:blur(.5px);height:var(--circle-2-size);width:var(--circle-2-size)}.circle-3{animation-delay:2.6s;border:var(--circle-3-border-Thickness) solid #000;filter:blur(.5px);height:var(--circle-3-size);width:var(--circle-3-size)}@keyframes flow-idle{0%,to{border-radius:50%;transform:translate(0) scale(1)}25%{border-radius:48% 52% 50% 50%;transform:translate(4px,-5px) scale(1.02)}50%{border-radius:50% 50% 48% 52%;transform:translate(-3px,4px) scale(.98)}75%{border-radius:52% 48% 52% 48%;transform:translate(5px,3px) scale(1.01)}}.wave-visualization.active .flowing-circle{animation:flow-active 2s ease-in-out infinite;opacity:.9}@keyframes flow-active{0%,to{border-radius:50%;transform:translate(0) scale(1) rotate(0deg)}20%{border-radius:45% 55% 48% 52%;transform:translate(6px,-8px) scale(1.04) rotate(15deg)}40%{border-radius:52% 48% 55% 45%;transform:translate(-7px,6px) scale(.96) rotate(-10deg)}60%{border-radius:48% 52% 45% 55%;transform:translate(8px,7px) scale(1.03) rotate(20deg)}80%{border-radius:55% 45% 52% 48%;transform:translate(-5px,-4px) scale(.97) rotate(-15deg)}}.wave-status{background:#ffffffe6;border-radius:20px;color:var(--primary-color);font-size:.85rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:1rem;transform:translateX(-50%)}.wave-status.listening{color:var(--accent-color)}.wave-status.speaking{color:var(--primary-color)}.transcript-container{background:#fff;border:1px solid var(--background-color);border-radius:12px;display:flex;flex-direction:column;gap:1rem;max-height:200px;overflow-y:auto;padding:1.5rem}.transcript-container::-webkit-scrollbar{width:6px}.transcript-container::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.transcript-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.transcript-message{display:flex;flex-direction:column;gap:.25rem}.transcript-label{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.transcript-label.user{color:var(--accent-color)}.transcript-label.agent{color:var(--primary-color)}.transcript-text{color:var(--secondary-color);font-size:.95rem;line-height:1.5}.transcript-empty{color:var(--secondary-color);font-style:italic;padding:2rem;text-align:center}.control-buttons{display:flex;gap:1rem;justify-content:center}.control-btn{align-items:center;background:var(--primary-color);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.control-btn:hover{background:var(--accent-color);box-shadow:0 4px 12px #270e334d;transform:translateY(-2px)}.control-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.control-btn.stop{background:#dc3545}.control-btn.stop:hover{background:#c82333}.features{background:#fff}.features,.features-desktop{padding:5rem 2rem}.features-tablet{padding:4rem 1.5rem}.features-mobile{padding:3rem 1rem}.section-content{margin:0 auto;max-width:1200px}.section-title{font-weight:700;margin-bottom:3rem;text-align:center}.features-desktop .section-title,.section-title{font-size:2.5rem}.features-tablet .section-title,.pricing-tablet .section-title{font-size:2rem}.features-mobile .section-title,.pricing-mobile .section-title{font-size:1.5rem;margin-bottom:2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.features-grid-desktop{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.features-grid-tablet{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.features-grid-mobile{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.feature-card{background:var(--background-color);border:1px solid #0000;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--primary-text-color);box-shadow:0 8px 24px #270e3326;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--secondary-color);line-height:1.6}.pricing{background:var(--background-color)}.pricing,.pricing-desktop{padding:5rem 2rem}.pricing-tablet{padding:4rem 1.5rem}.pricing-mobile{padding:3rem 1rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.pricing-grid-desktop{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.pricing-grid-tablet{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.pricing-grid-mobile{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:100%}.pricing-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{box-shadow:0 12px 32px #270e3333;transform:translateY(-8px)}.pricing-desktop .pricing-card.featured{border-color:var(--primary-text-color);transform:scale(1.05)}.pricing-desktop .pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.pricing-mobile .pricing-card.featured,.pricing-tablet .pricing-card.featured{border-color:var(--primary-text-color);transform:scale(1)}.pricing-mobile .pricing-card.featured:hover,.pricing-tablet .pricing-card.featured:hover{transform:translateY(-8px)}.popular-badge{background:var(--primary-text-color);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:.4rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-card h3{font-size:1.8rem;margin-bottom:1.5rem}.price,.pricing-card h3{color:var(--primary-color)}.price{margin-bottom:2rem}.currency{font-size:1.5rem;vertical-align:top}.amount{font-size:3.5rem;font-weight:700}.period{color:var(--secondary-color);font-size:1rem}.features-list{list-style:none;margin:2rem 0;padding:0;text-align:left}.features-list li{border-bottom:1px solid var(--background-color);color:var(--secondary-color);padding:.75rem 0}.btn-pricing{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.btn-pricing:hover{transform:translateY(-2px)}.btn-pricing:hover,.pricing-card.featured .btn-pricing{background:var(--primary-text-color)}.footer,.pricing-card.featured .btn-pricing:hover{background:var(--primary-color)}.footer{color:#fff;padding:2rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-content p{color:#fffc;margin:0}.client-instance{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,#e8e8e8 100%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:20px}.client-instance-enter-name{align-items:center;display:flex;justify-content:center;width:100%}.instance-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:480px;padding:48px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.instance-card:hover{box-shadow:0 15px 50px #00000026;transform:translateY(-4px)}.instance-header{margin-bottom:32px;text-align:center}.instance-header h1{color:var(--primary-color);font-size:28px;font-weight:700;margin:0 0 12px}.instance-header p{color:var(--secondary-color);font-size:16px;margin:0}.instance-form{display:flex;flex-direction:column;gap:24px}.btn-primary:disabled{opacity:.6}@media (max-width:600px){.instance-card{padding:32px 24px}.instance-header h1{font-size:24px}.instance-header p{font-size:14px}}:root{--primary-color:#2a2b2e;--secondary-color:#708090;--background-color:#f5f5f5;--text-color:purple}.client-instance-loading{align-items:center;display:flex;justify-content:center;width:100%}.loading-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:480px;padding:64px 48px;text-align:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f5f5f5;border-top:4px solid purple;border:4px solid var(--background-color);border-radius:50%;border-top-color:var(--text-color);height:60px;margin:0 auto 24px;width:60px}.loading-card h1{color:#2a2b2e;color:var(--primary-color);font-size:24px;font-weight:600;margin:0 0 12px}.loading-card p{color:#708090;color:var(--secondary-color);font-size:16px;margin:0}.loading-card strong{color:purple;color:var(--text-color);font-weight:600}@media (max-width:600px){.loading-card{padding:32px 24px}}.admin-console{background:var(--background-color);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden;width:100vw}.admin-login{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,#e8e8e8 100%);display:flex;height:100vh;justify-content:center;width:100%}.login-header{text-align:center}.login-header h1{font-size:32px;margin:0 0 8px}.form-group{gap:8px}.form-group input,.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:var(--primary-color);font-size:16px;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:var(--text-color);box-shadow:0 0 0 3px #8000801a;outline:none}.password-toggle-btn:focus,.password-toggle-btn:hover{color:var(--text-color)}.btn-primary{gap:8px;justify-content:center}.admin-header,.btn-primary{align-items:center;display:flex}.admin-header{background:#fff;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;height:80px;justify-content:space-between;padding:0 2rem;width:100%;z-index:100}.admin-header-left{align-items:center;display:flex;gap:.5rem}.admin-logo{height:60px;width:60px}.admin-header .logo-text-container{display:flex;flex-direction:column;margin-left:-10px}.admin-header .logo-text-line-1{color:var(--logo-color);font-size:1.5rem;font-weight:600;letter-spacing:.5px}.admin-header .logo-text-line-2{color:var(--secondary-color);font-size:.9rem;font-weight:400;margin-left:1px;margin-top:-8px}.admin-header-right{align-items:center;display:flex;gap:1.5rem}.section-selector{background:#fff;border:2px solid #ddd;border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.section-selector:focus{box-shadow:0 0 0 3px #207e891a;outline:none}.section-selector:focus,.section-selector:hover{border-color:var(--primary-color)}.user-info{align-items:center;display:flex;gap:1rem;position:relative}.user-name{color:var(--primary-color);font-size:.95rem;font-weight:600}.user-avatar{height:45px;width:45px}.user-dropdown{min-width:180px}.dropdown-item{justify-content:center;text-align:center}.admin-content{background:linear-gradient(135deg,var(--background-color) 0,#e8e8e8 100%);flex:1 1;overflow-y:auto;padding:2rem}.screen-content{margin:0 auto;max-width:1400px}.screen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.screen-header h2{color:var(--primary-color);font-size:2rem;font-weight:600;margin:0 0 .5rem}.screen-header p{color:var(--secondary-color);font-size:1rem;margin:0}.screen-header .btn-primary{font-size:.95rem;margin:0;padding:.75rem 1.5rem;text-transform:none}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);color:#fff}.data-table th{font-size:.95rem;font-weight:600;letter-spacing:.3px;padding:1rem;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f0f0f0;color:var(--secondary-color);font-size:.95rem;padding:1rem}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#207e8908}.data-table tbody tr:last-child td{border-bottom:none}.no-data{color:var(--secondary-color);font-style:italic;padding:3rem 1rem!important;text-align:center}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.permission-badge{background:linear-gradient(135deg,#207e891a,#8000801a);border-radius:12px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:.25rem .75rem}.permissions-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:1.1rem;justify-content:center;padding:.5rem;transition:all .2s ease}.action-btn:hover{background:#207e891a;color:var(--accent-color)}.edit-btn:hover{background:#207e891a;color:var(--primary-color)}.modal-form .form-group input,.modal-form .form-group select{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.modal-form .form-group input:focus,.modal-form .form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #207e891a;outline:none}.form-section{border-top:2px solid #f0f0f0;margin:2rem 0;padding-top:1.5rem}.form-section h3{color:var(--primary-color);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.form-group-checkbox{margin:.75rem 0}.form-group-checkbox label{color:var(--secondary-color);font-size:.95rem;font-weight:500}.form-group-checkbox label:hover{color:var(--primary-color)}.form-group-checkbox input[type=checkbox]{height:20px;width:20px}.form-group-checkbox span{flex:1 1}.btn-secondary{align-items:center;box-sizing:border-box;display:inline-flex;height:46px;justify-content:center;padding:.75rem 1.5rem}.error-state,.loading-state{align-items:center;color:var(--secondary-color);display:flex;font-size:1.25rem;justify-content:center;min-height:400px}.error-state{color:#d00}.coming-soon{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.coming-soon svg{color:var(--primary-color);font-size:4rem;margin-bottom:1.5rem}.coming-soon h3{color:var(--primary-color);font-size:2rem;font-weight:600;margin:0 0 1rem}.coming-soon p{color:var(--secondary-color);font-size:1.1rem;margin:0}@media (max-width:768px){.admin-header{padding:0 1rem}.admin-content{padding:1rem}.screen-header{align-items:flex-start;flex-direction:column;gap:1rem}.login-card{margin:1rem;padding:32px}.modal-container{margin:1rem;width:95%}.form-row,.permissions-group{grid-template-columns:1fr}.data-table-container{overflow-x:auto}.data-table{min-width:800px}.section-selector{font-size:.9rem;min-width:150px}.user-name{display:none}}@media (max-width:600px){.login-header h1{font-size:24px}.login-header p{font-size:14px}.admin-header-left .logo-text-container{display:none}.screen-header h2{font-size:1.5rem}}.client-console{background:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;width:100vw}.client-console,.console-display-window{display:flex;flex-direction:column;height:100vh;overflow:hidden}.console-display-window{width:100%}.console-header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;padding:0 2rem;width:100%;z-index:100}.console-header-left{align-items:center;display:flex;gap:.5rem}.console-logo{height:60px;width:60px}.console-header .logo-text-container{display:flex;flex-direction:column;margin-left:-10px}.console-header .logo-text-line-1{color:var(--logo-color);font-size:1.5rem;font-weight:600;letter-spacing:.5px}.console-header .logo-text-line-2{color:var(--secondary-color);font-size:.9rem;font-weight:400;margin-left:1px;margin-top:-8px}.console-header-right{align-items:center;display:flex;gap:1rem}.user-avatar-container{position:relative}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:50%;box-shadow:0 2px 8px #80008033;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:600;height:40px;justify-content:center;letter-spacing:.5px;line-height:1;transition:all .3s ease;width:40px}.user-avatar:hover{background:linear-gradient(135deg,var(--accent-color) 0,var(--primary-color) 100%);box-shadow:0 4px 12px #8000804d;transform:scale(1.05)}.user-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--secondary-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:linear-gradient(135deg,#207e890d,#8000800d);color:var(--primary-color)}.dropdown-icon,.tenant-selector{color:var(--primary-color);font-size:1rem}.tenant-selector{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-weight:600;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.tenant-selector:focus{box-shadow:0 0 0 3px #207e891a;outline:none}.tenant-selector:focus,.tenant-selector:hover{border-color:var(--primary-color)}.tenant-name{background:linear-gradient(135deg,#207e890d,#8000800d);border-left:4px solid var(--primary-color);border-radius:4px;color:var(--primary-color);font-size:1rem;font-weight:600;min-width:200px;padding:.75rem 1rem;text-align:center}.console-body{display:flex;flex:1 1;height:calc(100vh - 80px);overflow:hidden}.console-menubar{background:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;position:relative;transition:width .3s ease;width:240px;z-index:50}.console-menubar.collapsed{width:70px}.menubar-toggle{align-items:center;background:#fff;border:2px solid var(--primary-color);border-radius:50%;bottom:1rem;box-shadow:0 2px 4px #0000001a;color:var(--primary-color);cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;position:absolute;right:-12px;transition:all .3s ease;width:24px;z-index:60}.menubar-toggle:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.menubar-toggle:focus{box-shadow:0 0 0 3px #207e8933;outline:none}.menubar-options{display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem 0}.menubar-option{align-items:center;background:#0000;border:none;border-left:4px solid #0000;color:var(--secondary-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:1rem;overflow:hidden;padding:1rem;text-align:left;transition:all .3s ease;white-space:nowrap}.console-menubar.collapsed .menubar-option{justify-content:center;padding:1rem .5rem}.menubar-option:hover{background:linear-gradient(90deg,#207e890d,#8000800d)}.menubar-option.active,.menubar-option:hover{border-left-color:var(--primary-color);color:var(--primary-color)}.menubar-option.active{background:linear-gradient(90deg,#207e891a,#8000801a);font-weight:600}.menubar-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-width:1.2rem}.menubar-label{flex:1 1;transition:opacity .3s ease}.console-menubar.collapsed .menubar-label{opacity:0;width:0}.console-content{background:linear-gradient(135deg,var(--background-color) 0,#e8e8e8 100%);flex:1 1;overflow-y:auto;padding:2rem}.client-instance-login{align-items:center;display:flex;height:100%;justify-content:center;margin-top:-60px;overflow:hidden;width:100%}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:480px;padding:48px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.login-card:hover{box-shadow:0 15px 50px #00000026;transform:translateY(-4px)}.login-header{margin-bottom:32px}.login-header h1{color:var(--primary-color);font-size:28px;font-weight:700;margin:0 0 12px}.login-header p{color:var(--secondary-color);font-size:16px;margin:0}.login-header-link-text{color:var(--text-color);font-size:1.1em;font-weight:600;text-decoration:none}.login-header-link-icon{color:var(--text-color);font-size:1.1em;margin-top:2px}.login-header-link{align-items:center;color:var(--secondary-color);display:flex;flex-direction:row;font-size:14px;gap:6px}.login-externals{display:flex;flex-direction:column;gap:12px;margin:26px 0}.login-divider{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:26px 0;text-align:center}.short-divider{flex:1 1}.long-divider,.short-divider{background:#bcbcbc;border:none;height:1px;margin:0 8px}.long-divider{flex:10 1}.login-divider-text{color:var(--secondary-color);font-size:14px;font-weight:600}.login-form{gap:10px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:5px;overflow:hidden}.form-group label{color:var(--primary-color);font-size:14px;font-weight:600;letter-spacing:.3px}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:var(--primary-color);font-size:16px;padding:14px 16px;transition:all .3s ease}.form-group input:focus{border-color:var(--text-color);box-shadow:0 0 0 3px #8000801a;outline:none}.form-group input::placeholder{color:#b0b0b0}.password-input-wrapper{align-items:center;display:flex}.password-input-wrapper input{flex:1 1;padding-right:48px}.password-toggle-btn{align-items:center;background:none;border:none;color:#b0b0b0;cursor:pointer;display:flex;font-size:18px;justify-content:center;outline:none;padding:8px;position:absolute;right:12px;transition:color .2s ease}.password-toggle-btn:focus,.password-toggle-btn:hover{color:var(--text-color)}.btn-primary{background:linear-gradient(135deg,var(--text-color) 0,#9b30ff 100%);box-shadow:0 4px 15px #8000804d;font-size:16px;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase}.sign-in-btn{margin-top:16px}.btn-primary:hover{box-shadow:0 6px 20px #80008066}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#d0d0d0;box-shadow:none;color:#888;transform:none}.forgot-password-link{color:var(--text-color);display:block;font-size:14px;font-weight:600;margin-top:16px;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#9b30ff;text-decoration:underline}.error-message{background:#fee;border-left:4px solid #d00;border-radius:6px;color:#d00;font-size:14px;margin:0;padding:12px 16px}@media (max-width:600px){.login-card{padding:32px 24px}.login-header h1{font-size:24px}.login-header p{font-size:14px}}.modal-overlay{animation:fadeIn .3s ease;height:100vh;width:100vw;z-index:10000}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #f0f0f0;padding:2rem}.modal-header h2{color:var(--primary-color);font-size:1.75rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#0000000d;color:var(--primary-color)}.modal-form{padding:2rem}.modal-form .form-group{margin-bottom:1.5rem}.modal-form .form-group label{color:var(--secondary-color);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.modal-form .form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.modal-form .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #207e891a;outline:none}.modal-actions{border-top:2px solid #f0f0f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-delete,.btn-primary,.btn-secondary{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;height:46px;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{margin:0}.btn-primary:hover{box-shadow:0 4px 12px #207e894d;transform:translateY(-2px)}.btn-secondary{border:2px solid #e0e0e0;color:var(--secondary-color)}.btn-secondary:hover{background:#207e890d;border-color:var(--primary-color);color:var(--primary-color)}.btn-delete{background:#0000;border:2px solid #dc3545;color:#dc3545}.btn-delete:hover{background:#dc3545;color:#fff}@media (max-width:768px){.modal-container{max-height:95vh;width:95%}.form-row{grid-template-columns:1fr}.modal-form,.modal-header{padding:1.5rem}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.communication-channels{display:flex;gap:2rem;height:100%;overflow:hidden}.channels-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;width:400px}.sidebar-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-direction:row;justify-content:space-between;padding:1.5rem}.sidebar-header h3{color:var(--primary-color);font-size:1.25rem;font-weight:600;margin:0}.sidebar-content{flex:1 1;overflow-y:auto;padding:1rem}.channel-section{background:linear-gradient(135deg,#207e8905,#80008005);border:2px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:.75rem}.spaced-section-header{justify-content:space-between}.justified-section-header,.spaced-section-header{align-items:center;display:flex;margin-bottom:1rem;padding:0 .5rem}.justified-section-header{justify-content:flex-start}.direction-subheader{background:linear-gradient(135deg,#207e890d,#8000800d);border-left:3px solid var(--accent-color);border-radius:4px;color:var(--secondary-color);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:.5rem 0 .25rem;padding:.4rem .75rem;text-transform:uppercase}.add-channel-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.add-channel-btn:hover{background:linear-gradient(135deg,var(--accent-color) 0,var(--primary-color) 100%);transform:scale(1.1)}.channel-item,.channel-list{display:flex;flex-direction:column;gap:.5rem}.channel-item{background:linear-gradient(135deg,#207e890d,#8000800d);border:2px solid #0000;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.channel-item:hover{background:linear-gradient(135deg,#207e891a,#8000801a);border-color:var(--primary-color)}.channel-item.selected{background:linear-gradient(135deg,#207e8926,#80008026);border-color:var(--primary-color)}.channel-context-name{border-bottom:1px solid #207e8933;color:var(--primary-color);font-size:.9rem;font-weight:700;overflow:hidden;padding-bottom:.25rem;text-overflow:ellipsis;white-space:nowrap}.channel-item-content{align-items:center;display:flex;gap:.75rem}.channel-icon{color:var(--primary-color);font-size:1.2rem;min-width:1.2rem}.channel-info{flex:1 1;min-width:0}.channel-person{color:var(--accent-color);font-size:.9rem;font-weight:700}.channel-name,.channel-person{margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-name{color:var(--primary-color);font-size:.95rem;font-weight:600}.channel-detail{color:var(--secondary-color);font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.channel-status-icon{font-size:1.1rem;min-width:1.1rem}.status-verified{color:#28a745}.status-unverified{color:#ffc107}.empty-state{color:var(--secondary-color);padding:2rem 1rem;text-align:center}.empty-state-icon{color:#ddd;font-size:3rem;margin-bottom:1rem}.empty-state-text{font-size:.9rem}.empty-state-small{color:var(--secondary-color);font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.section-header-icon{color:var(--accent-color);font-size:1rem;margin-right:.5rem}.justified-section-header h4,.spaced-section-header h4{align-items:center;color:var(--accent-color);display:flex;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.warning-item{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border-color:#ffc107;cursor:default}.warning-item:hover{background:linear-gradient(135deg,#ffc10726,#ff980026);border-color:#ffc107}.warning-icon{color:#ffc107}.warning-text{color:#ff9800;font-weight:600}.channels-detail{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.channels-detail,.channels-detail-empty{display:flex;flex:1 1;flex-direction:column}.channels-detail-empty{align-items:center;color:var(--secondary-color);justify-content:center;padding:3rem;text-align:center}.channels-detail-empty .empty-icon{color:#ddd;font-size:4rem;margin-bottom:1.5rem}.channels-detail-empty h3{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.channels-detail-empty p{color:var(--secondary-color);font-size:1rem;line-height:1.5;margin:0}.detail-toolbar{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.update-notification{animation:slideDown .3s ease-out;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;text-align:center}.notification-success{background-color:#10b981;color:#fff}.notification-error{background-color:#ef4444;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-toolbar-left{align-items:center;display:flex;gap:.75rem}.detail-toolbar-right,.toolbar-btn{align-items:center;display:flex;gap:.5rem}.toolbar-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease}.toolbar-btn:hover{background:linear-gradient(135deg,var(--accent-color) 0,var(--primary-color) 100%);color:#fff}.toolbar-btn-icon{font-size:1rem}.toolbar-btn-unverified{border-color:var(--accent-color);color:var(--accent-color)}.toolbar-btn-unverified:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-color:var(--accent-color);color:#fff}.toolbar-btn-remove,.toolbar-btn-remove:hover{background:#dc3545;color:#fff}.toolbar-btn-delete{background:linear-gradient(135deg,#dc3545,#a71d2a);color:#fff}.toolbar-btn-delete:hover{background:linear-gradient(135deg,#a71d2a,#dc3545);color:#fff}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.detail-content{flex:1 1;overflow-y:auto;padding:.5rem 2rem}.verification-success{align-items:center;background:linear-gradient(135deg,#28a7451a,#28a7450d);border-left:4px solid #28a745;border-radius:8px;color:#155724;display:flex;font-size:.95rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.verification-warning{align-items:center}.validation-warning,.verification-warning{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-left:4px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.validation-warning{align-items:flex-start;line-height:1.6}.verification-warning .warning-icon{color:#ffc107;font-size:1.3rem;min-width:1.3rem}.user-exists-warning{align-items:center;background:linear-gradient(135deg,#ffc10733,#ffc1071a);border:2px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:.95rem;gap:.75rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.25rem}.user-exists-warning .warning-icon{color:#ffc107;font-size:1.3rem;min-width:1.3rem}.detail-empty{align-items:center;color:var(--secondary-color);display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:2rem;width:92%}.detail-empty-icon{color:#ddd;font-size:4rem;margin-bottom:1rem}.detail-empty-title{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.detail-empty-subtitle{color:var(--secondary-color);font-size:1rem;margin:.5rem 0;text-align:center}.detail-empty-instructions{background:linear-gradient(135deg,#207e890d,#8000800d);border-radius:8px;font-size:.95rem;line-height:1.6;margin-bottom:1rem;margin-top:1rem;padding:1.5rem;text-align:left;width:100%}.instruction-steps{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.instruction-step{flex-direction:column;text-align:center}.instruction-step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:50%;box-shadow:0 2px 8px #80008033;color:#fff;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin-bottom:.75rem;width:50px}.step-title{color:var(--primary-color);font-size:.95rem;line-height:1.3;margin-bottom:.25rem}.step-description{font-size:.85rem;line-height:1.4}.detail-empty-warning{align-items:flex-start;background:linear-gradient(135deg,#ffc10726,#ffc1070d);border:2px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:.95rem;gap:1rem;line-height:1.6;margin-bottom:1rem;padding:1.5rem;width:100%}.detail-empty-sections-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;height:300px;width:100%}.detail-empty-section{background:linear-gradient(135deg,#207e890d,#8000800d);border-radius:8px;margin-bottom:.5rem;margin-top:.5rem;padding:1.5rem;text-align:left;width:92%}.detail-empty-section h4{color:var(--primary-color);font-size:1.1rem;margin:0 0 1rem}.detail-empty-section p{line-height:1.6;margin:0 0 .75rem}.detail-empty-section ul{margin:.5rem 0 1rem 1.5rem;padding:0}.detail-empty-section li{line-height:1.6;margin-bottom:.3rem}.detail-empty-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.detail-empty-links a{align-items:center;border:2px solid var(--accent-color);border-radius:6px;color:var(--accent-color);display:inline-flex;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.detail-empty-links a:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);box-shadow:0 4px 8px #80008033;color:#fff;transform:translateY(-2px)}.detail-empty-tip{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:.95rem;line-height:1.6;padding:1rem 1.25rem;width:100%}.detail-empty-text{font-size:1.1rem}.detail-form-two-column{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;max-width:100%}.detail-form-three-column{display:flex;flex-wrap:wrap;gap:1rem;max-width:100%}.detail-form-three-column .form-group{flex-basis:calc(33.333% - 1rem);flex-grow:1;flex-shrink:1;min-width:200px}.detail-section{margin-bottom:.5rem;width:100%}.section-title{color:var(--primary-color);font-size:1.1rem}.form-column{display:flex;flex-direction:column}.detail-form{max-width:100%}.detail-form .form-group{margin-bottom:2rem;width:auto}.detail-form .form-group label{color:var(--secondary-color);display:block;font-size:.95rem;font-weight:600}.detail-form .form-group input,.detail-form .form-group select{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%;width:auto}.detail-form .form-group input:focus,.detail-form .form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #207e891a;outline:none}.detail-form .form-group input:disabled,.detail-form .form-group select:disabled{background:#f5f5f5;cursor:not-allowed;width:auto}.checkbox-group{align-items:center;display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.checkbox-group label{cursor:pointer;margin:0}.status-message{border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:1rem}.status-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.context-form-btn{font-size:.9rem;min-width:auto;padding:.5rem 1.25rem;white-space:nowrap;width:200px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:var(--primary-color);font-size:1.25rem;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#f0f0f0;color:var(--primary-color)}.modal-body{padding:1.5rem}.modal-instructions{align-items:flex-start;background:linear-gradient(135deg,#207e8914,#80008014);border-left:4px solid var(--accent-color);border-radius:6px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.modal-instructions p{color:var(--secondary-color);font-size:.95rem;line-height:1.5;margin:0}.transcript-chat-container{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.chat-message{display:flex;margin-bottom:.5rem}.user-message{justify-content:flex-start}.assistant-message{justify-content:flex-end}.chat-message-content{word-wrap:break-word;border-radius:12px;font-size:.95rem;line-height:1.5;max-width:70%;padding:.75rem 1rem}.user-message .chat-message-content{background:var(--primary-color);border-radius:12px 12px 12px 2px;color:#fff}.assistant-message .chat-message-content{background:var(--accent-color);border-radius:12px 12px 2px 12px;color:#fff}.form-group-checkbox{margin-bottom:1rem}.form-group-checkbox label{align-items:center;background:linear-gradient(135deg,#207e8908,#80008008);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.form-group-checkbox label:hover{background:linear-gradient(135deg,#207e8914,#80008014)}.form-group-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;width:18px}.form-group-checkbox span{color:var(--secondary-color);font-size:.95rem;font-weight:500;-webkit-user-select:none;user-select:none}.form-group-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.form-group-checkbox input[type=checkbox]:disabled~span{opacity:.6}.form-button-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.btn-delete{align-items:center;display:flex;gap:.5rem;margin-right:auto}.btn-delete .trash-icon{font-size:1.1rem}.context-home-container{overflow-y:auto;padding:1.5rem}.context-filter-section{margin-bottom:2rem}.context-filter-section h3{color:var(--primary-color);margin:0 0 1rem}.context-filter-input{margin-bottom:1rem}.context-filter-input .form-group input{width:100%}.context-total-count{color:var(--secondary-color);font-size:.9rem}.tab-navigation{border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem}.tab-buttons{display:flex;gap:1rem}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:700}.tab-button:not(.active){color:var(--secondary-color);font-weight:400}.tab-button:hover:not(.active){background:#207e890d;color:var(--primary-color)}.overview-welcome{padding:3rem 2rem;text-align:center}.overview-welcome .welcome-icon{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.overview-welcome h3{color:var(--primary-color);margin:0 0 1rem}.overview-welcome p{color:var(--secondary-color);line-height:1.1;margin:.5rem auto;max-width:900px}.overview-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem auto;max-width:800px}.stat-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;text-align:center}.stat-card .stat-icon{color:var(--accent-color);font-size:2rem;margin-bottom:.5rem}.stat-card .stat-number,.stat-card h4{color:var(--primary-color);margin:.5rem 0}.stat-card .stat-number{font-size:2rem;font-weight:700}.stat-card .stat-label{color:var(--secondary-color);font-size:.85rem}.manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.manager-header h3{color:var(--primary-color);margin:0}.card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.client-card,.location-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.client-card:hover,.location-card:hover{border-color:var(--primary-color)}.card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.card-header h4{color:var(--primary-color);font-size:1rem;margin:0}.card-icon{color:var(--primary-color);font-size:1.1rem}.card-detail{color:var(--secondary-color);font-size:.9rem;margin:.25rem 0}.error-container,.loading-container{padding:2rem;text-align:center}.error-text{color:red}.error-with-margin{color:red;margin-top:1rem}.retry-button{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.detail-toolbar-title{color:var(--primary-color);margin:0}.icon-margin-right{margin-right:.5rem}.form-grid-2col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-grid-3col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.filter-grid-5col{grid-gap:1rem;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr}.filter-grid-5col,.filter-grid-6col{display:grid;gap:1rem;margin-bottom:1rem}.filter-grid-6col{grid-gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.filter-grid-7col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin-bottom:1rem}.console-form-section{margin-bottom:.25rem}.console-form-section-large{margin-bottom:2rem}.console-form-section-title{color:var(--primary-color);font-size:1.1rem;margin-bottom:.25rem;margin-top:.25rem}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.filter-header label{font-size:1.1rem;margin:0}.btn-clear-filters,.filter-header label{color:var(--primary-color);font-weight:600}.btn-clear-filters{background:#0000;border:2px solid var(--primary-color);border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-clear-filters:hover{background:var(--primary-color);color:#fff}.instruction-icon{color:var(--accent-color);font-size:1.1rem}.flow-input-list{display:flex;flex-direction:column;gap:.5rem}.flow-input-row{align-items:center;display:flex;gap:.5rem}.flow-input-field{flex:1 1}.preset-greeting{align-items:center;border-radius:50%;color:var(--primary-color);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;min-width:32px}.flow-action-button{fontSize:.9rem;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem}.flow-action-button:disabled{background:#ddd;cursor:not-allowed}.flow-remove-button{fontSize:.9rem;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem}.flow-remove-button:disabled{background:#ddd;cursor:not-allowed}.flow-remove-button-accent{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem}.flow-remove-button-accent:disabled{background:#ddd;cursor:not-allowed}.flow-add-button{align-items:center;align-self:flex-start;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.flow-add-button,.originator-select-container{display:flex;gap:.5rem}.originator-select-field{flex:1 1}.originator-add-button{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.originator-add-button:hover{box-shadow:0 4px 12px #207e894d;transform:translateY(-2px)}.textarea-resizable{resize:vertical}.textarea-large{height:300px;resize:vertical}.detail-form-full{max-width:100%}.detail-form-spaced{margin-top:1.5rem}.detail-form-spaced-sm{margin-top:1rem}.history-detail-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:35% 65%;height:100%}.history-info-pane{overflow-y:auto;padding-right:10%}.history-transcript-pane{border-left:2px solid #e0e0e0;overflow-y:auto;padding-left:2rem}.history-transcript-pane .transcript-chat-container{max-height:calc(100vh - 300px);min-height:400px}@media (max-width:1200px){.history-detail-layout{grid-template-columns:1fr}.history-transcript-pane{border-left:none;border-top:2px solid #e0e0e0;padding-left:0;padding-top:2rem}}.signup-page{background-color:var(--background-color);min-height:100vh;width:100%}.signup-header{background-color:#fff;box-shadow:0 2px 8px #0000001a;padding:1rem 0}.signup-header .header-content{align-items:center;display:flex;margin:0 auto;max-width:1200px;padding:0 2rem;width:80%}.signup-mobile .signup-header .header-content,.signup-tablet .signup-header .header-content{padding:0 1rem;width:90%}.signup-header .logo{align-items:center;display:flex}.signup-content{align-items:flex-start;display:flex;justify-content:center;padding:3rem 0}.signup-content-desktop{padding:3rem 2rem}.signup-content-tablet{padding:2rem 1.5rem}.signup-content-mobile{padding:2rem 1rem}.signup-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:3rem;width:100%}.signup-container-desktop{max-width:800px}.signup-container-tablet{max-width:600px;padding:2.5rem}.signup-container-mobile{max-width:100%;padding:2rem 1.5rem}.progress-indicator{margin-bottom:3rem}.progress-indicator,.progress-step{align-items:center;display:flex;justify-content:center}.progress-step{background:#e0e0e0;border-radius:50%;color:#666;font-weight:600;height:40px;transition:all .3s ease;width:40px}.progress-step.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);color:#fff}.progress-line{background:#e0e0e0;height:3px;transition:all .3s ease;width:80px}.progress-line.active{background:linear-gradient(90deg,var(--primary-color) 0,var(--accent-color) 100%)}.signup-mobile .progress-step{font-size:.9rem;height:35px;width:35px}.signup-mobile .progress-line{width:50px}.signup-step{animation:fadeIn .3s ease-in}.section-title{color:var(--primary-text-color);font-weight:600;margin-bottom:1rem;margin-top:2rem}.section-title-desktop{font-size:1.4rem}.section-title-tablet{font-size:1.3rem}.section-title-mobile{font-size:1.2rem}.form-section{margin-bottom:2rem}.form-input{padding:.75rem 1rem}.form-select{background-color:#fff;cursor:pointer}.form-hint{color:var(--secondary-color);display:block;font-size:.85rem;margin-top:.3rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.signup-mobile .form-row{grid-template-columns:1fr}.input-with-status{position:relative}.status-indicator{font-size:.9rem;font-weight:500;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.status-indicator.checking{color:var(--secondary-color)}.status-indicator.valid{color:#4caf50}.status-indicator.invalid{color:#f44336}.email-input-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.email-input-row .form-input{flex:1 1;margin-bottom:0}.btn-remove{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:all .3s ease}.btn-remove:hover{background:#d32f2f}.btn-add{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-add:hover{background:var(--accent-color)}.plan-selection{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.signup-mobile .plan-selection{grid-template-columns:1fr}.plan-card{background:#fff;border:3px solid #ddd;border-radius:12px;cursor:pointer;padding:2rem;transition:all .3s ease}.plan-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #207e8933}.plan-card.selected{background:linear-gradient(135deg,#207e890d,#8000800d);border-color:var(--primary-color);box-shadow:0 4px 16px #207e894d}.plan-title{color:var(--primary-text-color);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.plan-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.25rem}.plan-subtitle{color:var(--secondary-color);font-size:.9rem;margin-bottom:1.5rem}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{color:var(--primary-text-color);font-size:.95rem;padding:.5rem 0}.plan-features .check-icon{color:#4caf50;font-weight:700;margin-right:.5rem}.plan-features .x-icon{color:#f44336;font-weight:700;margin-right:.5rem}.plan-terms{border-top:1px solid #ddd;color:var(--secondary-color);font-size:.85rem;margin-top:1rem;padding-top:1rem}.btn-secondary{background:#0000;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-color:#0000;color:#fff}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary-mobile,.btn-secondary-tablet{font-size:.95rem;padding:.9rem 1.5rem}.button-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}.signup-mobile .button-row{grid-template-columns:1fr}.signup-mobile .button-row .btn-secondary{order:2}.signup-mobile .button-row .btn-primary{order:1}.billing-info-section{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.billing-info-section .form-label{cursor:pointer;-webkit-user-select:none;user-select:none}.billing-info-section .form-label input[type=checkbox]{cursor:pointer}.setpassword-page{background-color:var(--background-color);min-height:100vh;width:100%}.setpassword-header{background-color:#fff;box-shadow:0 2px 8px #0000001a;padding:1rem 0}.setpassword-header .header-content{align-items:center;display:flex;margin:0 auto;max-width:1200px;padding:0 2rem;width:80%}.setpassword-mobile .setpassword-header .header-content,.setpassword-tablet .setpassword-header .header-content{padding:0 1rem;width:90%}.setpassword-header .logo{align-items:center;display:flex}.logo-animated-desktop{height:75px;margin-left:.5rem;width:75px}.logo-animated-tablet{height:60px;margin-left:.4rem;width:60px}.logo-animated-mobile{height:50px;margin-left:.3rem;width:50px}.logo-text-container{display:flex;flex-direction:column;margin-left:-10px}.logo-text-line-1{color:var(--logo-color);font-weight:600;letter-spacing:.5px}.logo-text-line-1-desktop{font-size:1.5rem}.logo-text-line-1-tablet{font-size:1.4rem}.logo-text-line-1-mobile{font-size:1.2rem}.logo-text-line-2{color:var(--secondary-color);font-weight:400;margin-top:-8px}.logo-text-line-2-desktop{font-size:.9rem;margin-left:1px}.logo-text-line-2-tablet{font-size:.85rem;margin-left:1px}.logo-text-line-2-mobile{font-size:.75rem;margin-left:1px}.setpassword-content{align-items:flex-start;display:flex;justify-content:center;padding:3rem 0}.setpassword-content-desktop{padding:3rem 2rem}.setpassword-content-tablet{padding:2rem 1.5rem}.setpassword-content-mobile{padding:2rem 1rem}.setpassword-container{animation:fadeIn .3s ease-in;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:3rem;width:100%}.setpassword-container-desktop{max-width:600px}.setpassword-container-tablet{max-width:500px;padding:2.5rem}.setpassword-container-mobile{max-width:100%;padding:2rem 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{color:var(--primary-text-color);font-weight:600;margin-bottom:.5rem}.step-title-desktop{font-size:2rem}.step-title-tablet{font-size:1.8rem}.step-title-mobile{font-size:1.5rem}.step-description{color:var(--secondary-color);margin-bottom:2rem}.step-description-desktop{font-size:1.1rem}.step-description-tablet{font-size:1rem}.step-description-mobile{font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--primary-text-color);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 3rem .75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #207e891a;outline:none}.form-input.valid{border-color:#4caf50}.form-input.invalid{border-color:#f44336}.password-input-wrapper{position:relative}.password-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.password-toggle:hover{opacity:1}.password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.strength-bar{background:#e0e0e0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.strength-fill{border-radius:3px;height:100%;transition:all .3s ease}.strength-label{font-size:.85rem;font-weight:600;min-width:60px}.password-requirements{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;margin-top:.75rem;padding:.75rem}.requirements-title{color:var(--primary-text-color);font-size:.85rem;font-weight:600;margin:0 0 .5rem}.password-requirements ul{list-style:none;margin:0;padding-left:1.25rem}.requirement-error{color:#856404;font-size:.85rem;padding:.125rem 0}.requirement-error:before{content:"⚠ ";margin-right:.25rem}.error-message{color:#f44336}.error-message,.success-message{display:block;font-size:.85rem;margin-top:.3rem}.success-message{color:#4caf50;font-weight:500}.error-banner{background:#ffebee;border-left:4px solid #f44336;border-radius:8px;color:#c62828;margin-bottom:1.5rem;padding:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-color) 0,var(--primary-color) 100%);box-shadow:0 4px 12px #207e894d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-primary-mobile,.btn-primary-tablet{font-size:.95rem;padding:.9rem 1.5rem}.error-state,.loading-state,.success-state{padding:2rem;text-align:center}.error-icon{background:#ffebee;color:#f44336}.error-icon,.success-icon{align-items:center;border-radius:50%;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-icon{background:#e8f5e9;color:#4caf50}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top:4px solid var(--primary-color);height:50px;margin:0 auto 1.5rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b5abf717.css.map*/