@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{font-family:Be Vietnam Pro,system-ui,sans-serif;color:#172033;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1100px}button,input,textarea{font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #e8ebf2;padding:26px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#7767e8,#5343c5);color:#fff;display:grid;place-items:center;font-weight:700;font-size:21px}.brand div,.account div{display:flex;flex-direction:column}.brand b{font-size:16px}.brand small,.account small{color:#9299a8;font-size:10px;margin-top:3px}.nav-item{border:0;background:transparent;color:#687083;width:100%;height:44px;border-radius:9px;text-align:left;padding:0 13px;display:flex;align-items:center;gap:13px;cursor:pointer;margin-bottom:4px;font-size:13px}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item i{margin-left:auto;background:#f0edff;color:#6555d3;border-radius:10px;padding:2px 7px;font-size:10px;font-style:normal}.nav-item:hover,.nav-item.active{background:#f1efff;color:#5e4ed2;font-weight:600}.nav-bottom{margin-top:auto}.account{border-top:1px solid #eceef4;padding:18px 7px 0;display:flex;align-items:center;gap:9px;font-size:11px}.account>span:last-child{margin-left:auto;color:#9ba1af}main{padding:34px 42px 60px;max-width:1600px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:25px;margin:0 0 7px;letter-spacing:-.5px}header p,.panel-head p{margin:0;color:#8b93a4;font-size:12px}.primary,.secondary,.ghost,.text-btn{border:0;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:600;cursor:pointer}.primary{background:#6654d9;color:#fff;box-shadow:0 5px 13px #6654d92c}.primary:hover{background:#5543c8}.secondary,.ghost{background:#fff;color:#5d6575;border:1px solid #e1e5ec}.secondary:hover,.ghost:hover{border-color:#7868dc;color:#5d4bcc}.text-btn{background:transparent;color:#6251d1}.notice{background:linear-gradient(100deg,#eef4ff,#f6f3ff);border:1px solid #dce3fa;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:13px;margin-bottom:22px}.notice-icon{background:#1676ed;color:#fff;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;font-weight:700}.notice b{font-size:13px}.notice p{font-size:11px;color:#788092;margin:4px 0}.notice button{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:19px}.stats article,.panel{background:#fff;border:1px solid #e8ebf1;border-radius:13px;box-shadow:0 3px 12px #313b5910}.stats article{padding:20px;display:flex;justify-content:space-between;min-height:125px}.stats article div{display:flex;flex-direction:column}.stats article span{color:#7c8493;font-size:11px}.stats article b{font-size:24px;margin:12px 0 9px}.stats article small{font-size:9px}.up{color:#2ba779}.muted{color:#9aa1ae}.warn{color:#db872b}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-style:normal}.lavender{background:#eeebff;color:#6856d8}.sky{background:#e8f4ff;color:#2b82d9}.mint{background:#e7f8f2;color:#1aab7a}.peach{background:#fff0e4;color:#de8537}.grid-two{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-bottom:19px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h2{font-size:14px;margin:0 0 6px}.ghost{padding:8px 12px;font-weight:500;font-size:10px}.chart{height:205px;display:flex}.axis{width:30px;display:flex;flex-direction:column;justify-content:space-between;color:#a4aab6;font-size:9px;padding:5px 0 22px}.bars{flex:1;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #e8ebf1;background:repeating-linear-gradient(to bottom,#fff 0 44px,#f0f2f6 45px);padding:0 8px}.bars div{height:100%;width:10%;display:flex;align-items:end;position:relative}.bars i{display:block;width:100%;background:linear-gradient(#7768e7,#998ef0);border-radius:5px 5px 1px 1px;margin-bottom:22px}.bars span{position:absolute;bottom:3px;width:100%;text-align:center;font-size:9px;color:#969dab}.legend{text-align:center;font-size:9px;color:#8c93a1;margin-top:12px}.legend span{margin:0 9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.blue-dot{background:#7162df}.purple-dot{background:#c2baf6}.tasks>div{display:grid;grid-template-columns:42px 14px 1fr auto;gap:9px;align-items:start;min-height:63px}.tasks time{font-size:10px;color:#727a8b;padding-top:4px}.tasks .line{height:63px;border-left:2px solid #e8ebf0;position:relative}.tasks .line:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#c6ccd6;left:-5px;top:4px}.tasks .done:before{background:#35b486}.tasks .active-line:before{background:#6554d8;box-shadow:0 0 0 4px #eeeaff}.tasks section b{font-size:11px}.tasks section p{font-size:9px;color:#979eaa;margin:6px 0}.badge{font-size:8px;border-radius:12px;padding:5px 9px;white-space:nowrap}.green-badge{background:#e9f8f2;color:#239a72}.blue-badge{background:#edebff;color:#6251d2}.orange-badge{background:#fff1e5;color:#d77c2b}.recent{padding-bottom:10px}.customer-list{margin:0 -20px}.customer-row{width:100%;border:0;border-top:1px solid #eff1f5;background:#fff;display:grid;grid-template-columns:42px 1fr auto 60px 10px;align-items:center;gap:12px;text-align:left;padding:12px 20px;cursor:pointer}.customer-row:hover{background:#fafaff}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600}.avatar.small{width:31px;height:31px;font-size:9px}.violet{background:#eeeaff;color:#6a54d1}.blue{background:#e5f1ff;color:#2877c8}.orange{background:#ffede1;color:#d87830}.green{background:#e4f7ef;color:#26956f}.slate{background:#edf0f4;color:#758091}.customer-main b,.person b{font-size:11px}.customer-main p{font-size:9px;color:#9299a7;margin:5px 0}.segment{background:#f1effc;color:#6a5cb7;border-radius:12px;padding:5px 9px;font-size:8px}.customer-row time{font-size:9px;color:#9ca3af}.customer-row>i{font-style:normal;color:#aeb4bf}.inbox-layout{padding:0;display:grid;grid-template-columns:360px 1fr;height:690px;overflow:hidden}.threads{border-right:1px solid #e9ecf1;overflow:auto}.search{margin:15px;background:#f5f6f9;border:1px solid #eaecf1;border-radius:9px;padding:9px 12px;color:#9098a7}.search input{border:0;outline:0;background:transparent;width:85%;font-size:11px;margin-left:7px}.thread{border:0;background:#fff;width:100%;padding:14px 15px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;text-align:left;cursor:pointer}.thread.selected{background:#f0eeff;border-right:3px solid #6554d8}.thread b{font-size:10px}.thread p{font-size:9px;color:#9198a5;margin:5px 0;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.thread time{font-size:8px;color:#a0a7b3}.conversation{display:grid;grid-template-rows:65px 1fr 85px}.conversation-head{display:flex;align-items:center;gap:11px;padding:12px 20px;border-bottom:1px solid #e9ecf1}.conversation-head b{font-size:12px}.conversation-head p{font-size:8px;color:#32a67c;margin:4px 0}.conversation-head button{margin-left:auto}.messages{padding:22px 35px;overflow:auto;background:#fafbfe;display:flex;flex-direction:column}.day{align-self:center;color:#999fac;font-size:8px;margin-bottom:20px}.bubble{padding:12px 15px;border-radius:12px;max-width:62%;font-size:11px;line-height:1.55;margin:5px 0}.bubble.customer{background:#fff;border:1px solid #e7eaf0;align-self:flex-start}.bubble.agent{background:#6a59d8;color:#fff;align-self:flex-end}.ai-suggestion{border:1px solid #dcd6ff;background:#f3f0ff;border-radius:12px;padding:13px;margin-top:20px;font-size:10px}.ai-suggestion b{color:#6250cf}.ai-suggestion p{line-height:1.55;color:#51596a}.ai-suggestion button{border:0;background:#6654d9;color:#fff;padding:7px 10px;border-radius:7px;font-size:9px;cursor:pointer}.composer{border-top:1px solid #e9ecf1;padding:13px;display:flex;gap:10px}.composer textarea{resize:none;flex:1;border:1px solid #e2e5ec;border-radius:9px;padding:10px;outline:none;font-size:11px}.actions{display:flex;gap:9px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:13px}.toolbar .search{margin:0}.wide{flex:1}.table-wrap{padding:0;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;color:#858d9c;background:#fafbfc;font-weight:500;padding:13px 18px;border-bottom:1px solid #e9ecf1}td{padding:15px 18px;border-bottom:1px solid #eef0f4;color:#626a79}td>small{display:block;color:#999faa;margin-top:5px}.person{display:flex;align-items:center;gap:10px}.person div{display:flex;flex-direction:column}.person small{color:#9ba2ae;font-size:8px;margin-top:4px}.consent{font-size:9px}.consent.yes{color:#269a72}.consent.no{color:#cf6a5e}.compact article{min-height:90px}.compact article b{margin-bottom:0}.empty{text-align:center;padding:75px 30px}.empty>span{width:62px;height:62px;background:#eeeaff;color:#6554d8;border-radius:18px;display:grid;place-items:center;margin:auto;font-size:27px;font-weight:700}.empty h2{font-size:17px;margin:20px 0 9px}.empty p{font-size:11px;color:#858d9d;max-width:480px;margin:0 auto 22px;line-height:1.6}.empty small{display:block;color:#a1a7b2;font-size:9px;margin-top:13px}.toast{position:fixed;right:25px;bottom:25px;background:#242b3a;color:#fff;padding:13px 17px;border-radius:9px;font-size:11px;box-shadow:0 8px 30px #17203344;animation:slide .2s ease}@keyframes slide{0%{transform:translateY(8px);opacity:0}}@media(max-width:1200px){main{padding:28px 25px}.grid-two{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}