*{box-sizing:border-box}body{margin:0;background:#060914;color:#edf2ff;font-family:Inter,Segoe UI,Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#090d1b;border-right:1px solid #18213b;padding:24px 14px;display:flex;flex-direction:column;z-index:5}.logo{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;padding:0 10px 26px}.logo>b{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#305dff,#7137f5);font-size:20px}.logo span{font-weight:800;font-size:13px}.logo small{display:block;color:#7f8aa9;letter-spacing:2px;font-size:8px;margin-top:3px}nav{display:grid;gap:6px}aside a{cursor:pointer}nav a,.bottom a{padding:12px 13px;border-radius:9px;color:#8792af;text-decoration:none;font-size:14px;display:flex;gap:12px;align-items:center}nav a:hover,.bottom a:hover,nav a.active{background:#111a36;color:#fff}nav a.active{box-shadow:inset 3px 0 #6c4cff}nav i{margin-left:auto;background:#634cff;color:#fff;border-radius:20px;padding:2px 7px;font-style:normal;font-size:10px}.bottom{margin-top:auto;border-top:1px solid #18213b;padding-top:12px;display:grid;gap:4px}main{margin-left:245px;min-height:100vh}header{height:84px;border-bottom:1px solid #18213b;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;background:#080c18;position:sticky;top:0;z-index:4}header small{color:#65708d;font-size:9px;letter-spacing:1.5px}header h1{margin:3px 0 0;font-size:20px}.head-actions{display:flex;align-items:center;gap:15px}.test,.primary{border:1px solid #2c3760;background:#10172c;color:#dce4ff;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#315dff,#7138f4);color:white}.bell{color:#6e55ff}.user{display:flex;gap:8px;align-items:center}.user>b{width:36px;height:36px;display:grid;place-items:center;background:#1d2850;border-radius:50%}.user span{font-size:12px;font-weight:700}.user small{display:block;letter-spacing:0;color:#65708d;margin-top:2px}#menu{display:none}.view{display:none;padding:30px;max-width:1500px;margin:auto}.view.active{display:block}.hello,.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hello h2,.section-head h2{margin:0 0 7px;font-size:25px}.hello p,.section-head p,.panel p{margin:0;color:#7e89a8;font-size:13px}.online{background:#0d2924;border:1px solid #17513f;color:#62dfb2;padding:7px 11px;border-radius:20px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel{background:linear-gradient(145deg,#0d1325,#0a0f1e);border:1px solid #1b2542;border-radius:13px;padding:19px}.stats span{display:block;color:#73809f;font-size:10px;letter-spacing:1px}.stats strong{display:block;font-size:30px;margin:10px 0 6px}.stats small{color:#55d6a7;font-size:10px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:18px}.lower{grid-template-columns:1.4fr .8fr}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel h3{margin:0 0 5px;font-size:15px}.panel-title a{color:#8e7cff;font-size:11px;cursor:pointer}.panel select{background:#0d1429;color:#abb5d2;border:1px solid #273250;border-radius:6px;padding:6px}.bars{height:190px;border-bottom:1px solid #202944;display:flex;align-items:flex-end;justify-content:space-around;gap:15px;padding:20px 12px 0}.bars i{width:9%;background:linear-gradient(#7652ff,#315cff);border-radius:5px 5px 0 0;box-shadow:0 0 18px #513cff55}.days{display:flex;justify-content:space-around;color:#65708c;font-size:10px;margin-top:8px}.person{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #18213a}.person>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#172449;color:#a9b9ff;font-size:10px}.person strong{font-size:12px}.person p{font-size:10px;margin-top:3px}.person>span{text-align:right;color:#7f8ba7;font-size:9px}.person small{display:block;color:#55d6a7;margin-top:4px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.quick button{display:flex;gap:12px;text-align:left;align-items:center;padding:13px;background:#0c1429;border:1px solid #1c2a4c;border-radius:9px;color:#8f78ff;cursor:pointer;font-size:18px}.quick span{color:#e9edff;font-size:11px;font-weight:700}.quick small{display:block;color:#65708b;font-weight:400;margin-top:3px}.status>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #18213a;font-size:11px}.status>div span{color:#687490}.status .connected{color:#58d7a8}.status button{background:none;border:0;color:#8c78ff;margin-top:15px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.knowledge b,.integration b{font-size:15px}.knowledge p,.integration p{margin:12px 0 20px;line-height:1.5}.knowledge span{color:#8f7cff;font-size:11px}.integration button{padding:8px 12px;border-radius:7px;border:1px solid #273354;background:#10172b;color:#7fdcbb}.empty{text-align:center;padding:70px 25px}.empty>div{font-size:40px}.empty h3{font-size:18px;margin-top:16px}.empty p{max-width:520px;margin:auto;line-height:1.6}.table{padding:0;overflow:hidden}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px 20px;border-bottom:1px solid #19223c;font-size:12px}.row.header{color:#6d7896;background:#0a1020;font-size:10px;text-transform:uppercase}.tag{color:#72ddba}.tag.warm{color:#f0bd63}.form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.form label{display:block;color:#9aa5c0;font-size:11px;margin-bottom:15px}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;background:#080e1c;border:1px solid #25304e;border-radius:8px;color:#eef2ff;padding:12px;outline:none}.form textarea{height:140px;resize:vertical}.narrow{max-width:700px}.preview{text-align:center}.phonechat{max-width:330px;margin:20px auto;padding:20px;background:#060a13;border:1px solid #24304d;border-radius:18px;min-height:300px;text-align:left}.phonechat p,.testchat p{padding:10px 12px;border-radius:12px;max-width:85%;font-size:11px;line-height:1.45}.client{background:#18223a;margin-left:auto}.ai{background:#35265d}.modal{position:fixed;inset:0;background:#02040bcc;display:none;place-items:center;z-index:20}.modal.open{display:grid}.modalbox{position:relative;width:min(500px,92vw);background:#0b1121;border:1px solid #263253;border-radius:18px;padding:25px}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:white;font-size:26px;cursor:pointer}.modalbox h2{margin-bottom:5px}.modalbox>p{color:#7c87a5;font-size:12px}.testchat{height:330px;overflow:auto;background:#060a13;border:1px solid #202a46;border-radius:12px;padding:15px;margin:20px 0}#testform{display:flex;gap:8px}#testform input{flex:1;background:#070c18;border:1px solid #283454;border-radius:9px;color:white;padding:12px}#testform button{width:45px;border:0;border-radius:9px;background:#654cff;color:white} @media(max-width:900px){aside{transform:translateX(-100%);transition:.2s}aside.open{transform:none}main{margin-left:0}#menu{display:block;background:none;border:0;color:white;font-size:20px}.user span,.test{display:none}.view{padding:20px}.stats{grid-template-columns:1fr 1fr}.grid,.lower,.form-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.head-actions{gap:8px}header{padding:15px 20px}.quick{grid-template-columns:1fr}.row{grid-template-columns:1.5fr 1fr 1fr}.row span:last-child{display:none}}@media(max-width:520px){.stats{grid-template-columns:1fr}.hello,.section-head{align-items:flex-start;gap:12px}.hello{flex-direction:column}.section-head p{max-width:250px}.bars{height:150px}}
.empty-mini{padding:28px 10px;color:#8291b8;text-align:center;font-size:14px}

.chart-empty{width:100%;align-self:center;text-align:center;color:#71809f;font-size:12px}.bars i.zero{height:2px!important;opacity:.3}
.short-textarea{height:85px!important}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid #25304e;border-radius:9px;background:#080e1c}.switch-row span{font-size:12px;color:#eef2ff}.switch-row small{display:block;color:#71809f;margin-top:4px}.switch-row input{width:20px!important;height:20px;margin:0!important;accent-color:#654cff}.save-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.save-message{font-size:11px}.save-message.success{color:#58d7a8}.save-message.error{color:#ff7b85}.preview-help{margin-bottom:10px!important}.agent-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:330px;margin:0 auto 18px}.agent-summary span{padding:10px;background:#080e1c;border:1px solid #202a46;border-radius:9px;color:#71809f;font-size:10px;text-align:left}.agent-summary strong{display:block;color:#edf2ff;margin-top:4px;font-size:12px}.online.inactive{background:#251419;border-color:#5a2830;color:#ff8c94}
.knowledge-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.knowledge-list{margin-top:8px}.knowledge-rows{margin-top:14px}.knowledge-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #19223c}.knowledge-item:last-child{border-bottom:0}.knowledge-item h4{margin:0 0 6px;font-size:13px}.knowledge-item p{margin:0;color:#7e89a8;font-size:11px;line-height:1.45;white-space:pre-wrap}.knowledge-meta{display:flex;gap:7px;align-items:center;margin-top:8px}.knowledge-chip{font-size:9px;padding:4px 7px;border-radius:20px;background:#141d38;color:#9daaff}.knowledge-chip.off{color:#ff9aa1;background:#2a171d}.knowledge-actions{display:flex;gap:7px}.knowledge-actions button{border:1px solid #283454;background:#0c1429;color:#cfd7ef;border-radius:7px;padding:7px 9px;cursor:pointer}.knowledge-actions button.danger{color:#ff8c94}.knowledge-modalbox{width:min(620px,92vw)}.knowledge-modalbox .form{margin-top:18px}.empty-mini{color:#687490;font-size:12px;padding:18px 0}@media(max-width:900px){.knowledge-summary{grid-template-columns:1fr}.knowledge-item{grid-template-columns:1fr}.knowledge-actions{justify-content:flex-start}}
.product-list{margin-top:8px}.product-rows{margin-top:14px}.product-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #19223c}.product-item:last-child{border-bottom:0}.product-item h4{margin:0 0 6px;font-size:14px}.product-item p{margin:0;color:#7e89a8;font-size:11px;line-height:1.45}.product-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.product-chip{font-size:9px;padding:4px 7px;border-radius:20px;background:#141d38;color:#9daaff}.product-chip.price{color:#62dfb2}.product-chip.off{color:#ff9aa1;background:#2a171d}.product-actions{display:flex;gap:7px}.product-actions button{border:1px solid #283454;background:#0c1429;color:#cfd7ef;border-radius:7px;padding:7px 9px;cursor:pointer}.product-actions button.danger{color:#ff8c94}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.product-item,.product-grid{grid-template-columns:1fr}.product-actions{justify-content:flex-start}}
.channel-title{display:inline-flex;align-items:center;gap:10px}.channel-logo{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.channel-logo svg{width:22px;height:22px}.wa-logo{color:#25D366;background:rgba(37,211,102,.1)}.ig-logo{color:#E1306C;background:rgba(225,48,108,.1)}.tg-logo{color:#229ED9;background:rgba(34,158,217,.1)}.integration b{display:block;margin-bottom:12px}.integration button{margin-top:8px}.channel-connect-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.channel-connect-head .channel-logo{width:42px;height:42px}.channel-connect-head .channel-logo svg{width:30px;height:30px}.connect-note{margin:16px 0;padding:14px;border:1px solid #26324d;border-radius:12px;background:#0b1326;color:#9fb0d3;line-height:1.5}.connect-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.locked-note{color:#f2c66d}.qr-stage{display:grid;place-items:center;min-height:210px;margin:18px 0;border:1px dashed #33415f;border-radius:14px;background:#080f1f;text-align:center;padding:20px}.qr-stage strong{display:block;color:#fff;margin-bottom:8px}