*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000000;--bg-deep: #050505;--gold: #d4af37;--gold-light: #f0d060;--gold-bright: #ffd700;--gold-dim: rgba(212, 175, 55, .15);--text: #ffffff;--text-muted: #a0a0a0;--card-bg: rgba(10, 10, 10, .85);--radius: 20px;--radius-sm: 12px;--max-w: 1140px;--header-h: 80px;--font-main: "Montserrat", sans-serif}html,body,*{font-family:var(--font-main)!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);overflow-x:hidden}.layout-landing{position:relative}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:-1;pointer-events:none}.starfield-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.8}.landing-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:100;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease;border-bottom:1px solid transparent}.landing-header--scrolled{background:#000000e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--card-border);box-shadow:0 4px 30px #00000080}.landing-nav{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--text)}.landing-logo-mark,.footer-logo-mark{width:32px;height:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}.landing-nav-links{display:flex;gap:2rem;align-items:center}.landing-nav-links a{text-decoration:none;color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;position:relative;padding-bottom:.3rem;transition:color .2s ease}.landing-nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:999px;transition:width .25s ease}.landing-nav-links a:hover{color:var(--gold-light)}.landing-nav-links a:hover:after{width:100%}.landing-nav-links a.nav-chatbot-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--gold),var(--gold-bright));color:#000!important;padding:.5rem 1rem;border-radius:999px;font-weight:700;font-size:.75rem;letter-spacing:.1em;border:none;box-shadow:0 4px 15px #d4af374d;transition:transform .2s ease,box-shadow .2s ease;margin-left:.5rem}.landing-nav-links a.nav-chatbot-btn:after{display:none}.landing-nav-links a.nav-chatbot-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780;color:#000!important}.landing-nav-links a.nav-chatbot-btn:active{transform:translateY(0)}.nav-hamburger{display:none;width:38px;height:38px;border-radius:999px;border:1px solid rgba(212,175,55,.3);background:#000000b3;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--gold-light);border-radius:999px;transition:transform .25s ease,opacity .25s ease}.nav-hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger--open span:nth-child(2){opacity:0}.nav-hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.nav-hamburger{display:inline-flex}.landing-nav-links{position:absolute;top:var(--header-h);left:0;right:0;background:#000000f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);flex-direction:column;gap:.8rem;padding:1rem 1.5rem 1.2rem;display:none}.landing-nav-links--open{display:flex}.landing-nav-links a{font-size:.9rem;color:var(--text)}}.landing-wrapper{position:relative;z-index:1}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:2rem;padding:0 1.5rem;padding-top:var(--header-h)}.hero-mascot{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:250px;height:auto;z-index:5;filter:drop-shadow(0 -4px 10px rgba(0,0,0,.5));pointer-events:none}.earth-glow{position:absolute;bottom:-60px;left:-10%;right:-10%;height:260px;background:radial-gradient(ellipse at 50% 100%,rgba(30,60,120,.25) 0%,rgba(10,30,60,.15) 40%,transparent 70%);border-radius:50% 50% 0 0;pointer-events:none;z-index:1}.earth-glow:before{content:"";position:absolute;bottom:0;left:10%;right:10%;height:4px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),rgba(212,175,55,.6),rgba(212,175,55,.3),transparent);border-radius:999px}.hero-rocket{position:absolute;bottom:12%;left:50%;transform:translate(-50%);z-index:2;will-change:transform}.hero-text-overlay{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:var(--max-w);margin:0 auto;margin-top:-18vh}.hero-main-title{font-size:clamp(2.5rem,8vw,7rem);font-weight:800;letter-spacing:.02em;line-height:1.1;text-transform:uppercase;background:linear-gradient(180deg,#fff 0%,var(--gold-bright) 25%,var(--gold) 60%,#8b6914 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.5);filter:drop-shadow(0 0 30px rgba(212,175,55,.25));will-change:transform,opacity}.hero-main-subtitle{margin-top:1.2rem;font-size:clamp(1rem,2.5vw,1.5rem);color:#fff;max-width:800px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6)}@media (max-width: 768px){.hero-text-overlay{margin-top:-25vh}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:4}.scroll-indicator span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.6}.scroll-indicator-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.hero-scroll{left:calc(50% + 160px);bottom:2.5rem}@media (max-width: 768px){.hero-scroll{left:calc(50% + 130px);bottom:2rem}}@media (max-width: 480px){.hero-scroll{left:calc(50% + 100px);bottom:1.5rem}}.cta-button{display:inline-block;margin-top:2rem;padding:.95rem 2.4rem;border-radius:999px;border:none;cursor:pointer;font-size:.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;background:linear-gradient(135deg,var(--gold),var(--gold-bright),var(--gold));color:#000;box-shadow:0 8px 30px #d4af374d;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.cta-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 40px #d4af3773;filter:brightness(1.08)}.cta-button:hover:before{opacity:1}.cta-button:active{transform:translateY(0) scale(.98)}.cta-button--full{width:100%;text-align:center}.section-panel{position:relative;z-index:2;padding:7rem 1.5rem}.section-panel--dark{background:linear-gradient(180deg,transparent 0%,rgba(5,5,5,.6) 15%,rgba(5,5,5,.6) 85%,transparent 100%)}.section-panel-inner{max-width:var(--max-w);margin:0 auto}.kicker{font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}.section-heading{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.1;margin-bottom:1.2rem;color:var(--text);letter-spacing:-.02em;background:linear-gradient(to right,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-desc{font-size:1rem;color:var(--text-muted);max-width:620px;line-height:1.7;margin-bottom:2.5rem}.about-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 900px){.about-content{grid-template-columns:1fr 1fr;gap:4rem}}.about-text-column{text-align:left;background:#0a0a0abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2.5rem;border-radius:var(--radius);border:1px solid var(--card-border)}.about-features{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.about-feature-item{display:flex;align-items:flex-start;gap:1rem}.feature-icon-svg{flex-shrink:0;width:48px;height:48px;background:#d4af371a;border:1px solid var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold)}.feature-icon-svg svg{width:24px;height:24px}.about-feature-item h3{font-size:1.2rem;margin-bottom:.3rem;color:var(--text);font-weight:700}.about-feature-item p{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin:0}.about-image-column{position:relative}.about-image-wrapper{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 40px #00000080;border:1px solid var(--card-border)}.about-image{width:100%;height:auto;display:block;transform:scale(1.02);transition:transform .5s ease}.about-image-wrapper:hover .about-image{transform:scale(1.05)}@media (max-width: 600px){.about-features{grid-template-columns:1fr}}.sol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:6rem;justify-content:center}.sol-card{position:relative;background:#0a0a0abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius);padding:4.5rem 1.6rem 1.8rem;display:flex;flex-direction:column;gap:.7rem;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:visible;margin-top:80px}.mascot-container{position:absolute;top:-140px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.mascot-container-lg{top:-160px}.mascot-container-lg .sol-mascot{width:240px}.sol-mascot{width:200px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));transition:transform .3s ease}.sol-card:hover .sol-mascot{transform:scale(1.1) rotate(5deg)}.sol-card:hover{transform:translateY(-5px);border-color:#d4af3780;box-shadow:0 20px 60px #d4af3726}.sol-card h3{font-size:1.08rem;font-weight:700;color:var(--text)}.sol-card>p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.sol-list{list-style:none;margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.sol-list li{font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;gap:.8rem;line-height:1.4}.sol-list li:before{content:none}.list-icon{width:20px;height:20px;flex-shrink:0;color:var(--gold);filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}@media (max-width: 980px){.sol-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.sol-grid{grid-template-columns:1fr}}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:flex-start}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.contact-form input,.contact-form textarea{background:#0a0a0ae6;border:1px solid rgba(212,175,55,.15);border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:.92rem;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.contact-form textarea{min-height:110px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0a0a080}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3726}.contact-info{padding:4.5rem 2rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;position:relative;margin-top:140px;overflow:visible}.contact-mascot{position:absolute;width:380px;height:auto;top:-310px;left:50%;transform:translate(-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));pointer-events:none}.contact-info-highlight{font-size:1.1rem;font-weight:700;color:var(--gold-light)}.contact-info p{font-size:.92rem;color:var(--text-muted);line-height:1.6}.contact-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.badge{font-size:.78rem;padding:.35rem .8rem;border-radius:999px;background:var(--gold-dim);border:1px solid rgba(212,175,55,.2);color:var(--gold-light);font-weight:600}@media (max-width: 768px){.contact-layout{grid-template-columns:1fr}.contact-info{margin-top:120px}.contact-mascot{width:200px;top:-160px}}.landing-footer{position:relative;z-index:2;border-top:1px solid var(--card-border);padding:2rem 1.5rem;background:#000000e6}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.footer-inner>p{font-size:.8rem;color:var(--text-muted)}@media (max-width: 600px){.footer-inner{flex-direction:column;text-align:center}}.rocket-container{width:80px;display:flex;flex-direction:column;align-items:center;position:relative}.rocket-svg{width:80px;height:auto;filter:drop-shadow(0 0 20px rgba(212,175,55,.3))}.rocket-thrust{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:40px;height:60px;z-index:-1}.thrust-core{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:14px;height:45px;background:linear-gradient(to bottom,var(--gold-bright),#ff6a00,transparent);border-radius:0 0 50% 50%;animation:thrustFlicker .1s infinite alternate}.thrust-outer{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:30px;height:55px;background:radial-gradient(ellipse at top,rgba(255,106,0,.4),transparent 70%);border-radius:0 0 50% 50%;filter:blur(4px);animation:thrustFlicker .15s infinite alternate}.thrust-particles{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:60px}.thrust-particle{position:absolute;width:3px;height:3px;border-radius:999px;background:var(--gold-bright);animation:particleFall .8s ease-out infinite}.thrust-particle:nth-child(odd){left:30%}.thrust-particle:nth-child(2n){left:60%}@keyframes thrustFlicker{0%{opacity:.8;height:40px}to{opacity:1;height:50px}}@keyframes particleFall{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(50px) scale(0);opacity:0}}@media (max-width: 768px){.hero-main-title{font-size:clamp(2.4rem,12vw,4rem)}.hero-rocket{bottom:8%}.rocket-container,.rocket-svg{width:60px}.section-panel{padding:5rem 1.2rem}}.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}.hero-rocket{position:absolute;bottom:5%;left:50%;transform:translate(-50%);z-index:2;will-change:transform;animation:rocketFloat 3s ease-in-out infinite}.rocket-img{width:180px;height:auto;filter:drop-shadow(0 0 30px rgba(212,175,55,.6)) drop-shadow(0 0 60px rgba(255,215,0,.3));animation:rocketGlow 2s ease-in-out infinite alternate}@keyframes rocketFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-18px)}}@keyframes rocketGlow{0%{filter:drop-shadow(0 0 20px rgba(212,175,55,.4)) drop-shadow(0 0 40px rgba(255,215,0,.2))}to{filter:drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 80px rgba(255,215,0,.4))}}@media (max-width: 768px){.rocket-img{width:120px}}@media (max-width: 480px){.rocket-img{width:90px}}