*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #050816;--accent: #ff6a00;--accent-soft: #ffcc00;--text-main: #ffffff;--text-muted: #b3b3c7;--card-bg: rgba(9, 11, 22, .9);--border-soft: rgba(255, 255, 255, .08);--radius-xl: 24px;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .6);--max-width: 1120px;--header-h: 64px;--font-main: "Montserrat", sans-serif}html,body,*{font-family:var(--font-main)!important;color:var(--text-main)}body{background:radial-gradient(circle at top,var(--bg-dark),#000000)}.home-cta{margin-top:2.2rem;display:inline-block;padding:.9rem 2.3rem;border-radius:999px;text-decoration:none;cursor:pointer;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#ff6a00,#fc0);color:#000;box-shadow:0 10px 30px #0009;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.home-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 40px #000000b3;filter:brightness(1.05)}.home-cta:active{transform:translateY(0) scale(.98);box-shadow:0 8px 24px #0009}.bg-video-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.05),transparent 55%),radial-gradient(circle at 80% 100%,rgba(98,0,234,.3),transparent 60%),linear-gradient(to bottom,#00000059,#000000e6);z-index:1}.app-root{min-height:100vh;position:relative}.main-content{position:relative;z-index:2;padding-top:var(--header-h)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(to bottom,rgba(5,8,22,.96),rgba(5,8,22,.7),transparent);border-bottom:1px solid rgba(255,255,255,.08)}.nav{max-width:var(--max-width);margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}.nav-logo-mark{width:28px;height:28px;border-radius:999px;background:radial-gradient(circle at 30% 10%,#fff7e0,#ff6a00 40%,#ff007a);box-shadow:0 0 18px #ff6a00e6;position:relative}.nav-links{display:flex;gap:1.8rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.14em}.nav-links a{position:relative;opacity:.75;padding-bottom:.2rem;text-decoration:none;color:var(--text-main)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-.2rem;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-soft));transition:width .22s ease}.nav-links a:hover{opacity:1}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#050816e6;cursor:pointer;align-items:center;justify-content:center;gap:5px;padding:0}.nav-toggle span{display:block;width:16px;height:2px;border-radius:999px;background:#fff;transition:transform .2s ease,opacity .2s ease}.nav-toggle--open span:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle--open span:last-child{transform:translateY(-3px) rotate(-45deg)}@media (max-width: 768px){.nav{padding-inline:1rem}.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:var(--header-h);right:0;left:0;padding:.75rem 1.2rem 1rem;background:#050816fa;border-bottom:1px solid rgba(255,255,255,.16);display:none;flex-direction:column;gap:.75rem;font-size:.85rem;letter-spacing:.12em}.nav-links--open{display:flex}.nav-links a{opacity:1}}.nav-logo--link{text-decoration:none!important;color:inherit!important;display:flex;align-items:center;gap:.5rem}.nav-logo--link:visited{color:inherit!important}.nav-logo--link:hover{opacity:.9}.nav-links .active{opacity:1}.nav-links .active:after{width:100%}.section{padding:4.5rem 1.5rem}.section-inner{max-width:var(--max-width);margin:0 auto}.section-kicker{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.7rem}.section-title{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.4rem}.section-subtitle{font-size:.98rem;color:var(--text-muted);max-width:620px}.section-hero{min-height:calc(100vh - var(--header-h));display:flex;align-items:center}.hero-inner{display:flex;align-items:center;justify-content:flex-start}.hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.9rem}.hero-eyebrow-dot{width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));box-shadow:0 0 12px #fc0c}.hero-title{font-size:clamp(2.6rem,5vw,3.8rem);letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin-bottom:.8rem;line-height:1.15}.hero-highlight{background:linear-gradient(120deg,var(--accent-soft),var(--accent));-webkit-background-clip:text;color:transparent}.hero-subtitle{font-size:clamp(1rem,2vw,1.3rem);max-width:520px;color:var(--text-muted);margin-bottom:1.8rem}.hero-badges{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.hero-badge{padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);background:radial-gradient(circle at 0 0,rgba(255,255,255,.12),transparent 60%)}.hero-cta-group{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.6rem}.btn-primary{padding:.9rem 2.1rem;border-radius:999px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#000;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;text-decoration:none}.btn-primary:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 22px 55px #000000bf;filter:brightness(1.05)}.btn-outline{padding:.9rem 1.6rem;border-radius:999px;border:1px solid rgba(255,255,255,.26);cursor:pointer;font-size:.88rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;background:#05081699;color:var(--text-main);display:inline-flex;align-items:center;gap:.4rem;transition:background .18s ease,transform .18s ease,border-color .18s ease;text-decoration:none}.btn-outline:hover{background:#050816e6;transform:translateY(-1px);border-color:#fff6}.hero-note{font-size:.8rem;color:var(--text-muted)}.about-grid{margin-top:2.3rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:center}.about-text p{margin-bottom:1.4rem;color:var(--text-main);opacity:1}.about-list li:before{content:"✦";font-size:.8rem;margin-top:.2rem;color:var(--accent-soft)}.about-grid{margin-top:2.3rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2.5rem;align-items:flex-start}.about-image{justify-self:center;width:100%;max-width:1080px;margin:0;padding:.8rem;border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:0 0 25px #ffaa0026;transition:transform .35s ease,box-shadow .35s ease}.about-image img{width:100%;height:auto;display:block;border-radius:inherit;object-fit:cover}.about-image:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 35px #ffaa0040}.solutions-grid{margin-top:2.4rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.solution-card{border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--border-soft);padding:1.7rem 1.5rem 1.6rem;box-shadow:0 16px 40px #000c;display:flex;flex-direction:column;gap:.6rem}.solution-icon{width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#fff,var(--accent) 50%,#7b1fa2);box-shadow:0 0 16px #ff6a00cc;margin-bottom:.6rem}.solution-title{font-size:1.02rem;margin-bottom:.2rem}.solution-text{font-size:.93rem;color:var(--text-muted);flex:1}.solution-list{list-style:none;margin-top:.4rem;font-size:.9rem;color:var(--text-muted)}.solution-list li{margin-bottom:.4rem;display:flex;gap:.45rem;align-items:flex-start}.solution-list li:before{content:"•";color:var(--accent-soft);font-size:1.1rem;line-height:1}.solutions-image-band span{max-width:460px}.contact-grid{margin-top:2.3rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:flex-start}form{display:grid;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}label{font-size:.85rem;color:var(--text-muted)}input,textarea{border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#050816e6;color:var(--text-main);padding:.7rem 1rem;font-size:.9rem;outline:none}textarea{border-radius:20px;min-height:110px;resize:vertical;padding-top:.8rem}input::placeholder,textarea::placeholder{color:#b3b3c7b3}input:focus,textarea:focus{border-color:var(--accent-soft);box-shadow:0 0 0 1px #fc06;background:#050816}.contact-note{font-size:.85rem;color:var(--text-muted);margin-top:.4rem}.contact-aside{font-size:.94rem;color:var(--text-muted);display:flex;flex-direction:column;gap:1rem}.contact-aside-highlight{font-size:1.05rem;color:var(--text-main)}.phone-field{display:flex;flex-direction:column;gap:.4rem}.phone-input-wrapper{display:flex;gap:.6rem;align-items:center}.phone-select{border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#050816e6;color:var(--text-main);padding:.7rem 1rem;font-size:.9rem;outline:none;cursor:pointer}.phone-select option{color:#fff}.phone-input{flex:1;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#050816e6;color:var(--text-main);padding:.7rem 1rem;font-size:.9rem;outline:none}.phone-select:focus,.phone-input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 1px #fc06;background:#050816}.footer{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);padding:1rem 1.5rem 1.6rem;font-size:.8rem;color:var(--text-muted);text-align:center;background:#02030af5}@media (max-width: 900px){.nav{padding-inline:1rem}.hero-inner{justify-content:center;text-align:center}.hero-subtitle{margin-inline:auto}.hero-badges,.hero-cta-group{justify-content:center}.about-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 980px){.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.solutions-grid{grid-template-columns:minmax(0,1fr)}}.home-hero{position:relative;width:100%;height:calc(100vh - var(--header-h));display:flex;justify-content:center;align-items:center;text-align:center;padding:0 1.5rem;z-index:2}.home-content{position:relative;z-index:3}.home-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.7)}.home-subtitle{font-size:clamp(1.1rem,2.2vw,1.6rem);max-width:600px;margin:0 auto;opacity:.95;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.8)}.bg-overlay{background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.05),transparent 55%),linear-gradient(to bottom,#00000059,#000000e6)!important}.contact-error{font-size:.85rem;color:#ff8a80;margin-bottom:.5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:999;display:flex;align-items:center;justify-content:center}.modal{background:#050816fa;border-radius:18px;padding:1.8rem 1.7rem 1.4rem;max-width:360px;width:90%;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 45px #000c;text-align:center}.modal-title{font-size:1.1rem;margin-bottom:.7rem}.modal-text{font-size:.9rem;color:var(--text-muted);margin-bottom:1.2rem}.modal-whatsapp-btn{display:inline-block;width:100%;text-align:center;margin-bottom:.8rem}.modal-close{border:none;background:transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;text-decoration:underline}.modal-close:hover{color:var(--text-main)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top,#111827,#020617);color:#e5e7eb}.login-card{width:100%;max-width:480px;background:#0f172ae6;border-radius:1rem;padding:2.5rem 2rem;box-shadow:0 20px 50px #000000b3;border:1px solid rgba(148,163,184,.3)}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{font-size:.9rem;color:#9ca3af;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-label{display:flex;flex-direction:column;font-size:.85rem;gap:.35rem}.login-input{padding:.6rem .75rem;border-radius:.5rem;border:1px solid #4b5563;background:#020617;color:#e5e7eb;font-size:.9rem}.login-input:focus{outline:2px solid #4f46e5;outline-offset:1px}.login-error{font-size:.8rem;color:#fecaca;background:#7f1d1d80;border:1px solid rgba(248,113,113,.7);border-radius:.5rem;padding:.5rem .75rem}.login-button{margin-top:.5rem;width:100%;padding:.7rem 1rem;border-radius:.75rem;border:none;background:linear-gradient(to right,#4f46e5,#7c3aed);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.login-button:hover{filter:brightness(1.08);box-shadow:0 12px 30px #581c8780;transform:translateY(-1px)}.login-note{margin-top:.8rem;font-size:.8rem;color:#9ca3af}.app-shell{display:flex;min-height:100vh;background:#020617;color:#e5e7eb}.app-shell-content{flex:1;padding:1.5rem 1.75rem;overflow:auto}.sidebar{width:240px;background:radial-gradient(circle at top left,#1e293b,#020617);border-right:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;padding:1.25rem 1rem}.sidebar-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.sidebar-logo{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#020617,#020617 70%);border:1px solid rgba(148,163,184,.4)}.sidebar-logo-image{max-width:90%;max-height:90%;object-fit:contain}.sidebar-title-wrapper{display:flex;flex-direction:column;gap:.1rem}.sidebar-title{font-weight:700;font-size:.95rem}.sidebar-plan-label{font-size:.75rem;color:#9ca3af}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;margin-bottom:auto}.sidebar-link{padding:.55rem .8rem;border-radius:.5rem;font-size:.87rem;color:#9ca3af;text-decoration:none;display:block;transition:background .12s ease,color .12s ease,transform .08s ease}.sidebar-link:hover{background:#94a3b833;color:#e5e7eb;transform:translate(1px)}.sidebar-link-active{background:linear-gradient(to right,#4f46e5,#7c3aed);color:#fff}.sidebar-footer{margin-top:1.5rem;border-top:1px solid rgba(148,163,184,.25);padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-user{font-size:.78rem}.sidebar-user-email{color:#e5e7eb}.sidebar-user-role{color:#a5b4fc}.sidebar-logout{border:none;padding:.5rem .75rem;border-radius:.5rem;background:#ef44441f;color:#fecaca;font-size:.78rem;cursor:pointer;transition:background .1s ease,transform .08s ease}.sidebar-logout:hover{background:#ef444438;transform:translateY(-1px)}.app-page{max-width:960px;margin:0 auto}.app-page-title{font-size:1.45rem;font-weight:700;margin-bottom:.5rem}.app-page-description{font-size:.92rem;color:#9ca3af}.integrations-page{display:flex;flex-direction:column;gap:1.5rem}.integrations-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:.5rem}.integrations-header-meta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.integrations-tag{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;background:#3b82f62e;color:#bfdbfe;border:1px solid rgba(59,130,246,.4)}.integrations-tag-outline{background:transparent;color:#e5e7eb;border-color:#94a3b899}.integrations-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);gap:1.25rem}@media (max-width: 980px){.integrations-layout{grid-template-columns:minmax(0,1fr)}}.integrations-list{display:flex;flex-direction:column;gap:.6rem}.integration-item{width:100%;border-radius:.8rem;border:1px solid rgba(148,163,184,.35);background:#0f172ae6;padding:.75rem .9rem;display:flex;justify-content:space-between;gap:.75rem;cursor:pointer;text-align:left;transition:border .12s ease,background .12s ease,transform .08s ease}.integration-item:hover{border-color:#818cf8e6;background:#0f172a;transform:translateY(-1px)}.integration-item-active{border-color:#818cf8;box-shadow:0 0 0 1px #818cf899,0 18px 45px #0f172ae6}.integration-item-main{display:flex;flex-direction:column;gap:.25rem}.integration-item-name-row{display:flex;align-items:center;gap:.4rem}.integration-item-name{font-size:.95rem;font-weight:600}.integration-item-description{font-size:.8rem;color:#9ca3af}.integration-item-meta{display:flex;align-items:center}.integration-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:999px;background:#22c55e1f;color:#bbf7d0;border:1px solid rgba(34,197,94,.4)}.integration-status{font-size:.7rem;padding:.18rem .5rem;border-radius:999px;border:1px solid transparent}.integration-status-connected{background:#16a34a29;border-color:#22c55e73;color:#bbf7d0}.integration-status-not-connected{background:#1e40af29;border-color:#3b82f680;color:#bfdbfe}.integrations-details{border-radius:1rem;border:1px solid rgba(148,163,184,.45);background:radial-gradient(circle at top left,#020617,#020617 40%,#020617);padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:1rem}.integrations-details-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.integrations-details-title{font-size:1rem;font-weight:600}.integration-header-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .7rem;border-radius:999px;font-size:.72rem;border:1px solid rgba(55,65,81,.9);background:#0f172af2;color:#e5e7eb;white-space:nowrap}.integration-header-status-pill-off{border-color:#ef4444b3;background:#7f1d1d59;color:#fecaca}.integration-header-status-pill-on{border-color:#22c55e;background:#16a34a59;color:#bbf7d0}.integrations-details-title{font-size:1.1rem;font-weight:600}.integrations-details-subtitle{font-size:.85rem;color:#9ca3af}.integrations-details-body{display:flex;flex-direction:column;gap:1rem}.integrations-details-block{border-radius:.8rem;border:1px solid rgba(55,65,81,.9);background:#0f172af2;padding:.9rem .95rem}.meta-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem 0}.meta-toggle-info{max-width:60%}.meta-toggle-title{font-size:.82rem;font-weight:600}.meta-toggle-description{font-size:.75rem;color:#9ca3af}.meta-toggle-button{display:inline-flex;align-items:center;gap:.35rem;padding:3px 8px 3px 4px;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:#020617;cursor:pointer}.meta-toggle-button-on{border-color:#22c55e;background:#16a34a38}.meta-toggle-thumb{width:16px;height:16px;border-radius:999px;background:#6b7280}.meta-toggle-button-on .meta-toggle-thumb{background:#22c55e}.meta-toggle-label{font-size:.75rem;color:#e5e7eb;background:#0f172ae6;padding:2px 8px;border-radius:999px}.integrations-details-block-title{font-size:.95rem;font-weight:600;margin-bottom:.4rem}.integrations-details-text{font-size:.85rem;color:#e5e7eb;margin-bottom:.45rem}.integrations-steps{list-style:decimal;margin-left:1rem;margin-top:.25rem;font-size:.82rem;color:#e5e7eb}.integrations-list-simple{list-style:disc;margin-left:1.1rem;margin-top:.25rem;font-size:.82rem;color:#e5e7eb}.integrations-details-note{font-size:.78rem;color:#9ca3af;margin-top:.35rem}.integrations-details-actions{display:flex;flex-wrap:wrap;gap:.6rem}.integrations-primary-button,.integrations-secondary-button{border-radius:.7rem;padding:.5rem .9rem;font-size:.85rem;border:none;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.integrations-primary-button{background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;box-shadow:0 10px 30px #16a34a99}.integrations-primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.integrations-secondary-button{background:#0f172ae6;border:1px solid rgba(148,163,184,.6);color:#e5e7eb}.integrations-secondary-button:hover{background:#1f2937;transform:translateY(-1px)}.integrations-coming-soon{border-radius:.8rem;border:1px dashed rgba(148,163,184,.7);background:#0f172ad9;padding:.9rem .95rem;font-size:.85rem}.integrations-coming-soon h3{font-size:.95rem;font-weight:600;margin-bottom:.4rem}.integrations-footer-hint{margin-top:.3rem;font-size:.78rem;color:#9ca3af}.integration-icon{width:60px;height:60px;object-fit:contain;display:block;border-radius:6px;background:#ffffff0d;padding:4px}.integration-item-main{display:flex;align-items:flex-start;gap:.75rem}.integration-item-text{display:flex;flex-direction:column;gap:.25rem}.conversations-page{display:flex;flex-direction:column;gap:.75rem;height:calc(100vh - 40px);min-height:0}.conv-header{display:flex;flex-direction:column;gap:.35rem;border-bottom:1px solid rgba(148,163,184,.25);padding-bottom:.3rem}.conv-header-top-row{display:flex;justify-content:space-between;align-items:center}.conv-header-title{font-size:1.1rem;font-weight:600}.conv-header-actions{display:flex;gap:.4rem}.conv-header-tabs{display:flex;gap:.75rem;font-size:.85rem}.conv-header-tab{border:none;background:transparent;padding:.35rem 0;border-bottom:2px solid transparent;color:#9ca3af;cursor:pointer}.conv-header-tab-active{border-color:#6366f1;color:#e5e7eb}.conv-layout{flex:1;display:grid;grid-template-columns:280px minmax(0,1.9fr) 280px;gap:.9rem;min-height:0}@media (max-width: 1200px){.conv-layout{grid-template-columns:260px minmax(0,2fr)}.conv-details-panel{display:none}}.conv-list-panel,.conv-thread-panel,.conv-details-panel{background:#0f172afa;border-radius:.9rem;border:1px solid rgba(55,65,81,.85);padding:.55rem .6rem;display:flex;flex-direction:column;min-height:0}.conv-subtabs{display:flex;gap:.5rem;padding:.25rem .1rem;border-bottom:1px solid rgba(55,65,81,.85);margin-bottom:.35rem}.conv-subtab{border:none;background:transparent;font-size:.8rem;padding:.25rem .4rem;border-bottom:2px solid transparent;color:#9ca3af;cursor:pointer}.conv-subtab-active{border-color:#0ea5e9;color:#e5e7eb}.conv-list-toolbar{display:flex;align-items:center;gap:.35rem;margin-bottom:.4rem}.conv-search-wrapper{flex:1}.conv-search-input{width:100%;padding:.35rem .45rem;border-radius:.45rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.8rem}.conv-filter-button{width:30px;height:30px;border-radius:.45rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#9ca3af;cursor:pointer;font-size:.8rem}.conv-list-scroll{flex:1;overflow:auto;padding-right:.25rem}.conv-list-results-label{font-size:.7rem;color:#9ca3af;margin-bottom:.3rem}.conv-list-empty{font-size:.78rem;color:#9ca3af}.conv-list-item{width:100%;border-radius:.65rem;border:none;background:transparent;padding:.35rem .25rem;display:flex;gap:.4rem;cursor:pointer;text-align:left;transition:background .1s ease}.conv-list-item:hover{background:#1f2937f2}.conv-list-item-active{background:#020617}.conv-list-avatar-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.conv-list-avatar{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff}.conv-list-text{flex:1;display:flex;flex-direction:column;gap:.12rem}.conv-list-name-row{display:flex;justify-content:space-between;align-items:center;gap:.25rem}.conv-list-name-meta{display:inline-flex;align-items:center;gap:.35rem}.conv-list-name{font-size:.84rem;color:#e5e7eb}.conv-list-date{font-size:.7rem;color:#9ca3af}.conv-list-channel-icon{width:14px;height:14px;object-fit:contain;display:block}.conv-list-preview-row{display:flex;justify-content:space-between;align-items:center;gap:.25rem}.conv-list-preview{font-size:.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-list-unread-badge{min-width:18px;height:18px;border-radius:999px;background:#2563eb;color:#fff;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center}.conv-thread-panel{padding:.55rem .7rem .6rem;gap:.4rem}.conv-thread-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(55,65,81,.9);padding-bottom:.35rem;margin-bottom:.35rem}.conv-thread-contact{display:flex;align-items:center;gap:.45rem}.conv-thread-avatar{width:32px;height:32px;border-radius:999px;background:#64748b;display:flex;align-items:center;justify-content:center;font-size:.85rem}.conv-thread-contact-name{font-size:.9rem;font-weight:600}.conv-thread-header-actions button{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:.9rem;margin-left:.25rem}.conv-thread-messages{flex:1;overflow:auto;padding:.25rem .1rem .45rem;display:flex;flex-direction:column;gap:.3rem}.conv-message-row{display:flex;flex-direction:column;max-width:75%}.conv-message-row-out{align-self:flex-end;align-items:flex-end}.conv-message-row-in{align-self:flex-start;align-items:flex-start}.conv-message-bubble{border-radius:.75rem;padding:.45rem .6rem;font-size:.82rem;line-height:1.35}.conv-message-bubble-out{background:#2563eb;color:#fff;border-bottom-right-radius:.15rem}.conv-message-bubble-in{background:#000;color:#111827;border-bottom-left-radius:.15rem}.conv-message-time{font-size:.7rem;color:#9ca3af;margin-top:.12rem}.conv-thread-empty{font-size:.85rem;color:#9ca3af}.conv-reply-panel{border-top:1px solid rgba(55,65,81,.9);padding-top:.35rem;display:flex;flex-direction:column;gap:.3rem}.conv-reply-tabs{display:flex;gap:.5rem}.conv-reply-tab{border:none;background:transparent;padding:.2rem .35rem;border-radius:999px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.conv-reply-tab-active{border-color:#22c55e;background:#22c55e1a}.conv-reply-channel-icon{width:18px;height:18px;object-fit:contain;display:block}.conv-reply-meta-channel-icon-wrapper{display:inline-flex;align-items:center;justify-content:center}.conv-reply-meta-row{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:#9ca3af}.conv-reply-meta{display:flex;align-items:center;gap:.25rem}.conv-reply-meta-label{font-weight:500}.conv-reply-meta-select{background:#020617;border-radius:.45rem;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;font-size:.75rem;padding:.1rem .3rem}.conv-reply-meta-value{color:#e5e7eb}.conv-reply-input-row{margin-top:.1rem}.conv-reply-textarea{width:100%;min-height:70px;max-height:110px;resize:vertical;border-radius:.55rem;border:1px solid rgba(55,65,81,.9);background:#020617;font-size:.82rem;color:#e5e7eb;padding:.45rem .5rem}.conv-reply-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.conv-reply-tools button{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:.9rem;margin-right:.25rem}.conv-reply-footer-right{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#9ca3af}.conv-reply-clear{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:.78rem}.conv-reply-send{border:none;background:#2563eb;color:#fff;border-radius:.6rem;padding:.35rem .85rem;font-size:.82rem;cursor:pointer}.conv-details-panel{font-size:.8rem}.conv-details-contact-header{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.6rem}.conv-details-avatar{width:40px;height:40px;border-radius:999px;background:#4b5563;display:flex;align-items:center;justify-content:center}.conv-details-name{font-size:.9rem;font-weight:600}.conv-details-section{border-top:1px solid rgba(55,65,81,.9);padding-top:.4rem;margin-top:.4rem}.conv-details-section-title{font-size:.8rem;font-weight:600;margin-bottom:.25rem}.conv-details-field{display:flex;flex-direction:column;margin-bottom:.3rem}.conv-details-field-label{font-size:.72rem;color:#9ca3af}.conv-details-field-value{font-size:.8rem}.conv-details-tags{display:flex;flex-wrap:wrap;gap:.25rem}.conv-details-tag-pill{border-radius:999px;background:#2563eb2e;border:1px solid rgba(37,99,235,.5);padding:.1rem .45rem;font-size:.72rem}.conv-details-empty{font-size:.8rem;color:#9ca3af}.contacts-page{display:flex;flex-direction:column;gap:.75rem;height:calc(100vh - 40px);min-height:0}.contacts-header{display:flex;flex-direction:column;gap:.45rem;border-bottom:1px solid rgba(148,163,184,.25);padding-bottom:.4rem}.contacts-header-top{display:flex;justify-content:space-between;align-items:center}.contacts-title{font-size:1.1rem;font-weight:600}.contacts-tabs-row{display:flex;align-items:center;justify-content:space-between}.contacts-main-tabs{display:flex;gap:.75rem;font-size:.8rem}.contacts-main-tab{border:none;background:transparent;padding:.25rem 0;border-bottom:2px solid transparent;color:#9ca3af;cursor:pointer}.contacts-main-tab-active{border-color:#6366f1;color:#e5e7eb}.contacts-main-settings{border:none;background:transparent;color:#9ca3af;cursor:pointer}.contacts-list-tabs-row{display:flex;justify-content:flex-start}.contacts-list-tabs{display:inline-flex;gap:.5rem;font-size:.8rem}.contacts-list-tab{border:none;background:transparent;padding:.2rem .5rem;border-radius:999px;color:#9ca3af;cursor:pointer}.contacts-list-tab-active{background:#4f46e52b;color:#e5e7eb}.contacts-actions-bar{margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.contacts-actions-left,.contacts-actions-right{display:flex;align-items:center;gap:.35rem}.contacts-action-btn{border-radius:.45rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.78rem;padding:.25rem .5rem;cursor:pointer}.contacts-action-btn.primary{background:#2563eb;border-color:#2563eb}.contacts-action-icon-btn{border-radius:.45rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.8rem;padding:.22rem .4rem;cursor:pointer}.contacts-columns-dropdown-wrapper{position:relative}.contacts-columns-btn{border-radius:.45rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.78rem;padding:.25rem .55rem;cursor:pointer}.contacts-columns-dropdown{position:absolute;right:0;margin-top:.25rem;background:#020617;border-radius:.7rem;border:1px solid rgba(55,65,81,.9);padding:.5rem .55rem;width:220px;z-index:10;box-shadow:0 18px 40px #0f172acc}.contacts-columns-dropdown-title{font-size:.78rem;font-weight:600;margin-bottom:.3rem}.contacts-columns-dropdown-item{display:flex;align-items:center;gap:.3rem;font-size:.78rem;margin-bottom:.2rem;cursor:pointer}.contacts-columns-dropdown-item.disabled{opacity:.6;cursor:default}.contacts-columns-dropdown-item input{margin:0}.contacts-columns-hint{margin-top:.3rem;font-size:.7rem;color:#9ca3af}.contacts-search-wrapper input{background:#020617;border-radius:.45rem;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;font-size:.78rem;padding:.25rem .5rem;min-width:180px}.contacts-filters-btn{border-radius:.45rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.78rem;padding:.25rem .55rem;cursor:pointer}.contacts-filters-btn-active{border-color:#22c55e}.contacts-body-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.8fr) 300px;gap:.9rem;position:relative;min-height:0}@media (max-width: 1200px){.contacts-body-layout{grid-template-columns:minmax(0,1fr)}.contacts-details-panel{display:none}}.contacts-table-section{display:flex;flex-direction:column;min-height:0}.contacts-table-wrapper{flex:1;border-radius:.2rem;border:1px solid rgba(55,65,81,.85);background:#0f172afa;overflow:hidden}.contacts-table-scroll{width:100%;height:100%;overflow-x:auto;overflow-y:auto}.contacts-table{width:100%;min-width:900px;border-collapse:collapse;font-size:.78rem}.contacts-table{width:100%;border-collapse:collapse;font-size:.78rem}.contacts-table thead{background:#020617}.contacts-table th,.contacts-table td{padding:.4rem .5rem;border-bottom:1px solid rgba(31,41,55,.95)}.contacts-table tbody tr:hover{background:#0f172ad9}.contacts-th-content{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.contacts-th-label{border:none;background:transparent;color:#e5e7eb;font-size:.78rem;display:inline-flex;align-items:center;gap:.15rem;cursor:pointer}.contacts-sort-indicator{font-size:.65rem}.contacts-th-drag-handle{font-size:.6rem;opacity:.6;cursor:grab}.contacts-th-fixed{background:#020617}.contacts-th-dragging{opacity:.5}.contacts-td-select{text-align:center;width:40px}.contacts-table-loading,.contacts-table-empty{text-align:center;padding:1rem .5rem;color:#9ca3af}.contacts-name-cell{border:none;background:transparent;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;text-align:left}.contacts-name-avatar{width:30px;height:30px;border-radius:999px;background:#4b5563;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.contacts-name-primary{font-size:.8rem;color:#e5e7eb}.contacts-phone-cell{display:inline-flex;align-items:center;gap:.25rem}.contacts-phone-icon{font-size:.8rem}.contacts-email-cell{color:#e5e7eb}.contacts-created-cell{display:flex;flex-direction:column}.contacts-created-sub{font-size:.7rem;color:#9ca3af}.contacts-last-activity-cell{display:inline-flex;align-items:center;gap:.25rem}.contacts-tags-cell{display:flex;flex-wrap:wrap;gap:.25rem}.contacts-tag-pill{border-radius:999px;background:#2563eb29;border:1px solid rgba(37,99,235,.65);padding:.05rem .45rem;font-size:.7rem;color:#e5e7eb}.contacts-tag-empty{font-size:.7rem;color:#9ca3af}.contacts-row-active{background:#4f46e51f}.contacts-footer-bar{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.78rem;color:#e5e7eb}.contacts-records-summary-bottom{white-space:nowrap}.contacts-pagination{display:flex;align-items:center;gap:.4rem}.contacts-pagination button{border-radius:.4rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;padding:.15rem .4rem;cursor:pointer}.contacts-pagination button:disabled{opacity:.35;cursor:default}.contacts-pagination-page{min-width:24px;text-align:center}.contacts-page-size-bottom{display:inline-flex;align-items:center;gap:.25rem}.contacts-page-size-bottom select{background:#020617;border-radius:.45rem;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;font-size:.75rem;padding:.1rem .3rem}.contacts-details-panel{border-radius:.9rem;border:1px solid rgba(55,65,81,.85);background:#0f172afa;padding:.65rem .7rem;font-size:.8rem}.contacts-details-empty{font-size:.8rem;color:#9ca3af}.contacts-details-card{display:flex;flex-direction:column;gap:.5rem}.contacts-details-header{display:flex;align-items:center;gap:.55rem;border-bottom:1px solid rgba(55,65,81,.9);padding-bottom:.4rem}.contacts-details-avatar{width:40px;height:40px;border-radius:999px;background:#4b5563;display:flex;align-items:center;justify-content:center;font-size:.9rem}.contacts-details-name{font-size:.9rem;font-weight:600}.contacts-details-sub{font-size:.75rem;color:#9ca3af}.contacts-details-section{margin-top:.4rem}.contacts-details-section-title{font-size:.8rem;font-weight:600;margin-bottom:.25rem}.contacts-details-field{display:flex;flex-direction:column;margin-bottom:.25rem}.contacts-details-label{font-size:.72rem;color:#9ca3af}.contacts-details-value{font-size:.8rem}.contacts-details-tags{display:flex;flex-wrap:wrap;gap:.25rem}.contacts-details-tag-pill{background:#2563eb33}.contacts-filters-panel{position:absolute;right:14px;top:120px;width:330px;max-height:calc(100% - 130px);background:#020617;border-radius:.9rem;border:1px solid rgba(55,65,81,.9);box-shadow:0 24px 60px #0f172ae6;display:flex;flex-direction:column;z-index:20}.contacts-filters-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border-bottom:1px solid rgba(55,65,81,.9)}.contacts-filters-title{font-size:.85rem;font-weight:600}.contacts-filters-close{border:none;background:transparent;color:#9ca3af;cursor:pointer}.contacts-filters-body{padding:.45rem .6rem;overflow:auto;flex:1}.contacts-filters-empty{font-size:.75rem;color:#9ca3af;margin-bottom:.4rem}.contacts-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.4rem;position:relative}.contacts-filter-field{display:flex;flex-direction:column;gap:.15rem}.contacts-filter-field label{font-size:.72rem;color:#9ca3af}.contacts-filter-field select,.contacts-filter-field input{background:#020617;border-radius:.45rem;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;font-size:.75rem;padding:.22rem .35rem}.contacts-filter-remove{position:absolute;top:-6px;right:-4px;border-radius:999px;border:none;background:#ef44442e;color:#fecaca;font-size:.7rem;width:18px;height:18px;cursor:pointer}.contacts-filters-add-btn{border-radius:.45rem;border:1px dashed rgba(55,65,81,.9);background:transparent;color:#e5e7eb;font-size:.78rem;padding:.3rem .5rem;cursor:pointer;width:100%}.contacts-filters-footer{padding:.4rem .6rem;border-top:1px solid rgba(55,65,81,.9);display:flex;justify-content:flex-end;gap:.4rem}.contacts-filters-apply{border-radius:.45rem;border:none;background:#22c55e;color:#022c22;font-size:.78rem;padding:.25rem .7rem;cursor:pointer}.contacts-filters-clear{border-radius:.45rem;border:1px solid rgba(55,65,81,.9);background:transparent;color:#e5e7eb;font-size:.78rem;padding:.25rem .55rem;cursor:pointer}.contacts-action-icon-img{width:32px;height:32px;object-fit:contain;display:block}.dashboard-page{display:flex;flex-direction:column;gap:.9rem;height:calc(100vh - 40px);min-height:0}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.dashboard-title{font-size:1.1rem;font-weight:600}.dashboard-subtitle{font-size:.8rem;color:#9ca3af;margin-top:.15rem}.dashboard-header-right{display:flex;align-items:center}.dashboard-header-badge{font-size:.74rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:#0f172ae6;color:#e5e7eb}.dashboard-kpis-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}@media (max-width: 1400px){.dashboard-kpis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.dashboard-kpis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.dashboard-kpis-grid{grid-template-columns:1fr}}.dashboard-kpi-card{border-radius:.9rem;border:1px solid rgba(55,65,81,.9);background:radial-gradient(circle at top left,#020617,#020617 40%,#020617);background-color:#020617;padding:.7rem .75rem;display:flex;flex-direction:column;gap:.35rem}.dashboard-kpi-top{display:flex;align-items:center;gap:.4rem}.dashboard-kpi-icon{width:32px;height:32px;border-radius:999px;background:#0f172af2;display:flex;align-items:center;justify-content:center}.dashboard-kpi-icon-img{width:18px;height:18px;object-fit:contain}.dashboard-kpi-icon-fallback{width:24px;height:24px;border-radius:999px;background:#4b5563;display:flex;align-items:center;justify-content:center;font-size:.8rem}.dashboard-kpi-label{font-size:.8rem;color:#e5e7eb}.dashboard-kpi-value{font-size:1.2rem;font-weight:700;margin-top:.1rem}.dashboard-kpi-value-suffix{font-size:.75rem;font-weight:400;color:#9ca3af}.dashboard-kpi-change{font-size:.75rem;display:flex;align-items:baseline;gap:.4rem}.dashboard-kpi-change span:first-child{font-weight:600}.dashboard-kpi-change-caption{color:#9ca3af;font-weight:400}.dashboard-kpi-change-up span:first-child{color:#22c55e}.dashboard-kpi-change-down span:first-child{color:#f97316}.dashboard-kpi-change-neutral span:first-child{color:#e5e7eb}.dashboard-charts-grid{margin-top:.4rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr);grid-auto-rows:minmax(0,auto);gap:.9rem}.dashboard-chart-card{border-radius:.9rem;border:1px solid rgba(55,65,81,.9);background:#0f172afa;padding:.65rem .75rem;display:flex;flex-direction:column}.dashboard-chart-card-full{grid-column:1 / -1}@media (max-width: 1024px){.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-chart-card-full{grid-column:auto}}.dashboard-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.dashboard-chart-title{font-size:.94rem;font-weight:600}.dashboard-chart-subtitle{font-size:.78rem;color:#9ca3af}.dashboard-chart-inner{flex:1;display:flex;flex-direction:column}.dashboard-chart-caption{font-size:.72rem;color:#9ca3af;margin-top:.3rem}.botai-page{display:flex;flex-direction:column;gap:.8rem;height:calc(100vh - 40px);min-height:0}.botai-header{display:flex;justify-content:space-between;align-items:flex-start}.botai-title{font-size:1.1rem;font-weight:600}.botai-subtitle{font-size:.8rem;color:#9ca3af}.botai-main-tabs{display:flex;gap:1rem;border-bottom:1px solid rgba(31,41,55,.9)}.botai-main-tab{padding:.45rem 0;font-size:.8rem;border:none;background:transparent;color:#9ca3af;cursor:pointer;position:relative}.botai-main-tab-active{color:#e5e7eb}.botai-main-tab-active:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;border-radius:999px;background:#6366f1}.botai-content{flex:1;min-height:0;display:flex}.botai-agents-page{display:flex;flex-direction:column;width:100%;gap:.7rem}.botai-agents-header-row{display:flex;justify-content:space-between;gap:.75rem}.botai-agents-important{flex:1;border-radius:.9rem;border:1px solid rgba(55,65,81,.9);background:#0f172afa;padding:.55rem .7rem;font-size:.78rem}.botai-agents-important-title{font-weight:600;margin-bottom:.1rem}.botai-agents-important-text{color:#9ca3af}.botai-agents-header-actions{display:flex;align-items:center;gap:.4rem}.botai-secondary-btn,.botai-primary-btn{border-radius:.55rem;padding:.35rem .7rem;font-size:.78rem;border:1px solid rgba(55,65,81,.9);cursor:pointer}.botai-secondary-btn{background:#020617;color:#e5e7eb}.botai-primary-btn{background:#3b82f6;border-color:#2563eb;color:#fff}.botai-secondary-btn-small{border-radius:.4rem;padding:.2rem .45rem;font-size:.72rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;cursor:pointer}.botai-agents-page-active{background:#3b82f6;border-color:#2563eb}.botai-agents-toolbar{display:flex;justify-content:flex-end}.botai-agents-search input{background:#020617;border-radius:.55rem;border:1px solid rgba(55,65,81,.9);padding:.35rem .6rem;font-size:.78rem;color:#e5e7eb;min-width:220px}.botai-card{border-radius:.9rem;border:1px solid rgba(55,65,81,.9);background:#0f172afa}.botai-agents-table-card{padding:.3rem .35rem .4rem;display:flex;flex-direction:column}.botai-agents-table{width:100%;border-collapse:collapse;font-size:.78rem}.botai-agents-table th,.botai-agents-table td{padding:.45rem .4rem;border-bottom:1px solid rgba(31,41,55,.9)}.botai-agents-table th{text-align:left;font-weight:500;color:#9ca3af}.botai-agent-name-btn{border:none;background:transparent;padding:0;text-align:left;color:#e5e7eb;font-size:.8rem;cursor:pointer}.botai-badge-primary{display:inline-flex;align-items:center;gap:.25rem;margin-left:.3rem;padding:.1rem .45rem;border-radius:999px;font-size:.72rem;background:#3b82f626;color:#60a5fa}.botai-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.12rem .55rem;font-size:.72rem;background:#020617;border:1px solid rgba(55,65,81,.9);color:#e5e7eb}.botai-pill-success{background:#16a34a26;border-color:#22c55e;color:#bbf7d0}.botai-pill-soft{background:#3b82f626;border-color:#60a5fa;color:#bfdbfe}.botai-pill-ghost{background:#0f172afa}.botai-agents-channels{display:flex;flex-wrap:wrap;gap:.25rem}.botai-agents-lastupdated{display:flex;flex-direction:column;gap:.05rem}.botai-agents-lastupdated-time{font-size:.72rem;color:#9ca3af}.botai-row-menu-btn{border:none;background:transparent;color:#9ca3af;cursor:pointer}.botai-agents-footer{display:flex;justify-content:space-between;align-items:center;padding:.35rem .25rem 0;font-size:.74rem;color:#9ca3af}.botai-agents-pagination{display:flex;align-items:center;gap:.3rem}.botai-agents-pagesize{margin-left:.4rem}.botai-botdetail-page{display:flex;flex-direction:column;width:100%;gap:.7rem}.botai-back-link{border:none;background:transparent;color:#60a5fa;font-size:.78rem;cursor:pointer;margin-bottom:.15rem}.botai-botdetail-header{display:flex;justify-content:space-between;align-items:flex-start}.botai-botdetail-title{font-size:1.05rem;font-weight:600}.botai-botdetail-subtitle{font-size:.8rem;color:#9ca3af}.botai-botdetail-header-actions{display:flex;align-items:center;gap:.4rem}.botai-botdetail-tabs{display:flex;gap:1rem;border-bottom:1px solid rgba(31,41,55,.9)}.botai-botdetail-tab{padding:.4rem 0;font-size:.8rem;border:none;background:transparent;color:#9ca3af;cursor:pointer;position:relative}.botai-botdetail-tab-active{color:#e5e7eb}.botai-botdetail-tab-active:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;border-radius:999px;background:#6366f1}.botai-botdetail-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:.75rem;min-height:0;flex:1}.botai-botdetail-main{display:flex;flex-direction:column;gap:.6rem}.botai-botdetail-side{min-width:0}.botai-section{padding:.7rem .75rem}.botai-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.botai-form-row{margin-bottom:.6rem}.botai-label{font-size:.78rem;font-weight:500;margin-bottom:.15rem;display:inline-flex;align-items:center;gap:.2rem}.botai-label-required{color:#f97316}.botai-input,.botai-textarea-large{width:100%;border-radius:.55rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.8rem;padding:.35rem .6rem;resize:vertical}.botai-help-text{font-size:.75rem;color:#9ca3af;margin-bottom:.3rem}.botai-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.botai-status-card{border-radius:.7rem;border:1px solid rgba(55,65,81,.9);background:#020617;padding:.45rem .55rem;text-align:left;font-size:.78rem;cursor:pointer}.botai-status-card-active{border-color:#6366f1;box-shadow:0 0 0 1px #6366f166}.botai-status-title{font-weight:600;margin-bottom:.1rem}.botai-status-desc{color:#9ca3af}.botai-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.botai-chip{border-radius:999px;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.75rem;padding:.18rem .55rem;cursor:pointer}.botai-chip-active{border-color:#3b82f6;background:#2563eb40}.botai-training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:.6rem}.botai-training-card{border-radius:.7rem;border:1px solid rgba(55,65,81,.9);background:#020617;padding:.4rem .5rem;font-size:.78rem}.botai-training-title{font-weight:600;margin-bottom:.15rem}.botai-training-desc{color:#9ca3af;margin-bottom:.25rem}.botai-training-foot{font-size:.74rem;color:#9ca3af}.botai-botdashboard-placeholder{border-radius:.6rem;border:1px dashed rgba(55,65,81,.9);padding:.6rem;font-size:.8rem;color:#9ca3af;background:#020617cc}.botai-botdetail-footer{display:flex;justify-content:flex-end;gap:.5rem}.botai-test-panel{border-radius:.9rem;border:1px solid rgba(55,65,81,.9);background:#0f172afa;padding:.55rem .6rem;display:flex;flex-direction:column;height:100%}.botai-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.botai-test-title{font-size:.9rem;font-weight:600}.botai-test-subtitle{font-size:.75rem;color:#9ca3af}.botai-test-reset-btn{border-radius:.55rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.74rem;padding:.25rem .5rem;cursor:pointer}.botai-test-messages{flex:1;min-height:0;overflow-y:auto;padding:.3rem 0;display:flex;flex-direction:column;gap:.35rem}.botai-test-message{max-width:92%;border-radius:.7rem;padding:.35rem .45rem;font-size:.78rem}.botai-test-message-user{align-self:flex-end;background:#2563eb4d}.botai-test-message-bot{align-self:flex-start;background:#0f172afa;border:1px solid rgba(55,65,81,.9)}.botai-test-message-meta{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:.05rem;color:#9ca3af}.botai-test-message-text{white-space:pre-wrap}.botai-test-input-row{display:flex;gap:.4rem;padding-top:.35rem;border-top:1px solid rgba(31,41,55,.9)}.botai-test-input-row textarea{flex:1;border-radius:.55rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.8rem;padding:.35rem .55rem;resize:none}.botai-test-send-btn{border-radius:.55rem;border:1px solid #2563eb;background:#3b82f6;color:#fff;font-size:.85rem;width:42px;cursor:pointer}.botai-dashboard-page{display:flex;flex-direction:column;width:100%;gap:.7rem}.botai-dashboard-filters{display:flex;align-items:center;gap:.5rem}.botai-select{background:#020617;border-radius:.55rem;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;font-size:.8rem;padding:.3rem .55rem}.botai-date-range{display:flex;align-items:center;gap:.25rem}.botai-input-date{background:#020617;border-radius:.55rem;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;font-size:.8rem;padding:.25rem .45rem}.botai-date-separator{font-size:.8rem;color:#9ca3af}.botai-dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.botai-dashboard-kpi-card{border-radius:.85rem;border:1px solid rgba(55,65,81,.9);background:#0f172afa;padding:.55rem .65rem}.botai-dashboard-kpi-label{font-size:.78rem;color:#9ca3af;margin-bottom:.15rem}.botai-dashboard-kpi-value{font-size:1.1rem;font-weight:600}.botai-dashboard-kpi-unit{font-size:.78rem;font-weight:400}.botai-dashboard-kpi-change{margin-top:.1rem;font-size:.74rem}.botai-dashboard-kpi-down{color:#f97316}.botai-dashboard-kpi-up{color:#22c55e}.botai-dashboard-chart-card{padding:.6rem .65rem}.botai-dashboard-chart-title-row{margin-bottom:.25rem}.botai-dashboard-chart-title{font-size:.84rem;font-weight:600}.botai-dashboard-chart-inner{width:100%;height:230px}.botai-dashboard-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}@media (max-width: 1200px){.botai-botdetail-body{grid-template-columns:1fr}}@media (max-width: 900px){.botai-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.botai-dashboard-bottom-grid{grid-template-columns:1fr}}@media (max-width: 640px){.botai-dashboard-kpi-grid{grid-template-columns:1fr}}.billing-page{display:flex;flex-direction:column;gap:.9rem;height:calc(100vh - 40px);min-height:0}.billing-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.billing-title{font-size:1.1rem;font-weight:600}.billing-subtitle{font-size:.8rem;color:#9ca3af}.billing-current-plan-pill{border-radius:999px;border:1px solid rgba(55,65,81,.9);background:#0f172afa;font-size:.78rem;padding:.25rem .7rem;display:inline-flex;align-items:center;gap:.25rem;color:#9ca3af}.billing-current-plan-name{color:#e5e7eb;font-weight:600}.billing-section{border-radius:.9rem;border:1px solid rgba(31,41,55,.9);background:#0f172afa;padding:.7rem .8rem .75rem}.billing-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.5rem}.billing-section-title{font-size:.95rem;font-weight:600}.billing-section-subtitle{font-size:.78rem;color:#9ca3af}.billing-payment-selected-name{color:#e5e7eb;font-weight:600}.billing-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}@media (max-width: 1200px){.billing-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.billing-plans-grid{grid-template-columns:1fr}}.billing-plan-card{position:relative;border-radius:.9rem;border:1px solid rgba(55,65,81,.9);background:radial-gradient(circle at top,#020617,#020617 40%,#020617);display:flex;flex-direction:column;overflow:hidden}.billing-plan-card-selected{border-color:#6366f1;box-shadow:0 0 0 1px #6366f166}.billing-plan-badge{position:absolute;top:.55rem;right:.6rem;font-size:.72rem;padding:.18rem .5rem;border-radius:999px;background:#16a34a2e;color:#bbf7d0}.billing-plan-image-wrapper{width:100%;height:120px;background:radial-gradient(circle at top,#0b1120,#020617);display:flex;align-items:center;justify-content:center}.billing-plan-image{max-height:100%;max-width:100%;object-fit:contain}.billing-plan-body{padding:.55rem .7rem .4rem}.billing-plan-tier{font-size:.75rem;color:#9ca3af;margin-bottom:.05rem}.billing-plan-name{font-size:.95rem;font-weight:600}.billing-plan-price-row{display:flex;align-items:baseline;gap:.2rem;margin-top:.1rem}.billing-plan-price{font-size:1.1rem;font-weight:700}.billing-plan-period{font-size:.78rem;color:#9ca3af}.billing-plan-description{font-size:.78rem;color:#9ca3af;margin-top:.2rem}.billing-plan-features{list-style:none;padding:0;margin:.35rem 0 .1rem;font-size:.76rem;color:#e5e7eb}.billing-plan-features li:before{content:"• ";color:#6366f1}.billing-plan-footer{padding:.45rem .7rem .55rem;border-top:1px solid rgba(31,41,55,.9);display:flex;justify-content:flex-end}.billing-plan-btn{border-radius:.6rem;padding:.32rem .9rem;font-size:.78rem;border:1px solid rgba(55,65,81,.9);cursor:pointer}.billing-plan-btn-upgrade{background:#3b82f6;border-color:#2563eb;color:#fff}.billing-plan-btn-current{background:#0f172afa;color:#9ca3af}.billing-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}@media (max-width: 900px){.billing-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.billing-payment-grid{grid-template-columns:1fr}}.billing-payment-card{border-radius:.8rem;border:1px solid rgba(55,65,81,.9);background:#020617;padding:.4rem .55rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.billing-payment-card-selected{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f659}.billing-payment-logo-wrapper{width:40px;height:40px;border-radius:999px;background:#0f172afa;display:flex;align-items:center;justify-content:center}.billing-payment-logo{max-width:75%;max-height:75%;object-fit:contain}.billing-payment-info{display:flex;flex-direction:column;gap:.05rem;text-align:left}.billing-payment-label{font-size:.8rem;font-weight:600}.billing-payment-description{font-size:.75rem;color:#9ca3af}.billing-history-section{padding-bottom:.4rem}.billing-history-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.4rem}.billing-history-top-actions{display:flex;align-items:center;gap:.5rem}.billing-history-tabs{display:flex;border-radius:999px;border:1px solid rgba(55,65,81,.9);overflow:hidden}.billing-history-tab{border:none;background:transparent;color:#9ca3af;font-size:.78rem;padding:.2rem .7rem;cursor:pointer}.billing-history-tab-active{background:#0f172afa;color:#e5e7eb}.billing-history-refresh-btn{border-radius:999px;width:30px;height:30px;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:.8rem;cursor:pointer}.billing-history-table-wrapper{border-radius:.7rem;border:1px solid rgba(31,41,55,.95);background:#020617;overflow:auto}.billing-history-table{width:100%;border-collapse:collapse;font-size:.78rem}.billing-history-table th,.billing-history-table td{padding:.45rem .6rem;border-bottom:1px solid rgba(31,41,55,.9);vertical-align:top}.billing-history-table th{text-align:left;font-weight:500;color:#9ca3af}.billing-history-date-time{font-size:.72rem;color:#9ca3af}.billing-history-description{max-width:900px}.billing-status-pill{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.1rem .55rem;font-size:.74rem}.billing-status-pill-succeeded{background:#16a34a1f;color:#bbf7d0}.billing-history-view-btn{border:none;background:transparent;color:#60a5fa;font-size:.78rem;cursor:pointer}.billing-history-empty{text-align:center;padding:.7rem .4rem;color:#9ca3af}.billing-header-main{display:flex;flex-direction:column;gap:.15rem}.billing-header-side{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.billing-balance-card{min-width:210px;border-radius:.9rem;border:1px solid rgba(55,65,81,.9);background:radial-gradient(circle at top,#0f172a,#020617);padding:.45rem .7rem .5rem;display:flex;flex-direction:column;gap:.25rem}.billing-balance-header{display:flex;justify-content:space-between;align-items:center}.billing-balance-label{font-size:.78rem;color:#9ca3af}.billing-balance-amount{font-size:1.25rem;font-weight:700}.billing-balance-add-btn{margin-top:.1rem;align-self:flex-start;border-radius:999px;padding:.22rem .8rem;font-size:.78rem;border:1px solid #22c55e;background:#22c55e1f;color:#bbf7d0;cursor:pointer}