@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap");.loginPage{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 75% 15%,#dff2e8,transparent 28%),#f5f8f6}.loginCard{width:min(430px,100%);background:#fff;border:1px solid #e2ebe5;border-radius:22px;padding:34px;box-shadow:0 24px 70px #123c2d1a}.loginBrand{display:flex;align-items:center;gap:12px}.loginBrand>span{width:46px;height:46px;border-radius:14px;background:#0d563e;color:#fff;display:grid;place-items:center}.loginBrand h1,.loginBrand p{margin:0}.loginBrand h1{font-size:22px}.loginBrand p{font-size:10px;color:#7b8982}.loginIntro{margin:35px 0 22px}.loginIntro h2{margin:0 0 7px;font-size:24px}.loginIntro p{margin:0;color:#748179;font-size:13px}.loginCard form{display:grid;grid-gap:17px;gap:17px}.loginCard label{display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:600}.loginCard input{height:47px;border:1px solid #dfe7e2;border-radius:10px;padding:0 13px;outline:0;background:#fbfcfb}.loginCard input:focus{border-color:#27805e;box-shadow:0 0 0 3px #27805e14}.loginCard form button{height:47px;border:0;border-radius:10px;background:#0b4935;color:white;font-weight:700;margin-top:4px}.loginSafe{display:flex;justify-content:center;align-items:center;gap:6px;color:#708078;font-size:10px;margin-top:22px}.loginError{padding:10px 12px;background:#fff0ed;color:#a94e3f;border-radius:9px;font-size:11px;margin-bottom:15px}.previewNotice{display:flex;align-items:center;gap:8px;margin:-8px 0 18px;padding:11px 14px;border:1px solid #efdca8;background:#fff9e9;color:#765b1d;border-radius:11px;font-size:11px}.previewNotice svg{flex:0 0 auto}:root{--ink:#19231f;--muted:#718078;--green:#16794f;--deep:#093c2d;--line:#e8ede9;--bg:#f7f9f7;--mint:#e8f5ee}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Tajawal,Arial,sans-serif}button,input{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;background:#fff;border-left:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px}.brandMark{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#178659,#0b4f39);display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px #176b4938}.brand strong{font-size:21px;display:block;letter-spacing:.4px}.brand strong i{font-style:normal;color:var(--green)}.brand span{font-size:10px;color:#849088}.storeCard{display:flex;align-items:center;gap:10px;border:1px solid #e2ebe5;border-radius:13px;background:#f8fbf9;padding:11px;margin-bottom:22px}.storeCard>svg{margin-right:auto;color:#87928b}.storeIcon{width:37px;height:37px;border-radius:10px;background:#183f34;color:#fff;display:grid;place-items:center;font-weight:700}.storeCard b,.storeCard span{display:block;font-size:13px}.storeCard span{color:#708078;font-size:10px;margin-top:3px}.dot,.live i{display:inline-block;width:7px;height:7px;background:#24ad70;border-radius:50%;margin-left:3px}nav{flex-direction:column;gap:4px}nav,nav a{display:flex}nav a{height:44px;padding:0 13px;align-items:center;gap:12px;border-radius:10px;color:#5f6c65;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer}nav a.active{background:#eaf5ef;color:#116b47;font-weight:700}nav a em{font-style:normal;background:#eaf5ef;color:#15784f;margin-right:auto;padding:2px 7px;border-radius:8px;font-size:11px}.sidebarFoot{margin-top:auto}.help{background:#f2f8f4;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;color:#2a7557}.help svg{width:21px}.help b,.help span,.profile b,.profile span{display:block;font-size:12px}.help span,.profile span{font-size:10px;color:#7a8881;margin-top:2px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding:17px 5px 0}.profile>svg{margin-right:auto}.avatar,.miniAvatar{width:36px;height:36px;border-radius:50%;background:#e8d8c9;color:#805739;display:grid;place-items:center;font-weight:700}.content{margin-right:260px;min-width:0;flex:1 1}header{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;justify-content:space-between}.search,header{display:flex;align-items:center}.search{width:330px;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:#8a958f}.search input{border:0;outline:0;flex:1 1;padding:0 9px;background:transparent}.search kbd{font-size:11px;background:#f5f6f5;border:1px solid #e4e8e5;border-radius:5px;padding:2px 6px}.headerActions{display:flex;gap:9px;align-items:center}.iconBtn{width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:10px;color:#68766f;display:grid;place-items:center}.notification{position:relative}.notification i{position:absolute;top:7px;right:8px;width:6px;height:6px;background:#e56c57;border:1px solid #fff;border-radius:50%}.miniAvatar{margin-right:3px}.mobileBrand{display:none}.wrap{max-width:1380px;margin:auto;padding:32px 36px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow{font-size:12px;color:#849088}.welcome h1{margin:6px 0 4px;font-size:26px}.welcome p{margin:0;color:var(--muted);font-size:14px}.primary{border:0;background:var(--deep);height:43px;padding:0 18px;border-radius:10px;gap:8px;font-weight:600}.agentBanner,.primary{color:#fff;display:flex;align-items:center}.agentBanner{min-height:118px;border-radius:17px;background:linear-gradient(110deg,#0a3a2c,#11553d);padding:24px 27px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0c493522}.agentGlow{position:absolute;width:420px;height:200px;border-radius:50%;background:radial-gradient(circle,#3cb57b32,transparent 65%);left:14%;top:-70px}.botBubble{width:62px;height:62px;border-radius:17px;background:#ffffff16;border:1px solid #ffffff20;display:grid;place-items:center;position:relative;margin-left:18px}.botBubble i{position:absolute;width:10px;height:10px;background:#50d899;border:2px solid #164f3d;border-radius:50%;bottom:7px;right:7px}.agentText{z-index:1}.agentText>div{display:flex;align-items:center;gap:11px}.agentText h2{font-size:18px;margin:0}.agentText p{font-size:12px;margin:8px 0 0;color:#c5d9d1}.live{font-size:10px;background:#ffffff14;padding:4px 8px;border-radius:10px}.agentStats{display:flex;align-items:center;gap:35px;margin-right:auto;z-index:1}.agentStats>div{padding-left:30px;border-left:1px solid #ffffff20}.agentStats b,.agentStats span{display:block}.agentStats span{font-size:10px;color:#b8d0c7}.agentStats b{font-size:17px;margin-top:4px}.outline{height:38px;border:1px solid #ffffff35;color:#fff;background:#ffffff0e;border-radius:9px;padding:0 13px;display:flex;align-items:center;gap:7px}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;grid-template-columns:auto 1fr;grid-column-gap:11px;column-gap:11px}.statIcon{grid-row:1/3;width:39px;height:39px;border-radius:11px;display:grid;place-items:center}.statIcon svg{width:19px}.violet{background:#f1eafd;color:#8353c7}.blue{background:#e7f2fc;color:#3982b9}.orange{background:#fff0df;color:#d18535}.green{background:#e5f4eb;color:#238456}.statLabel{font-size:11px;color:#77857e;align-self:end}.statValue{font-size:24px;font-weight:800}.statFoot{grid-column:1/3;margin-top:14px;display:flex;gap:7px;font-size:10px;color:#88938e}.statFoot b{color:#269166}.statFoot b.neutral{color:#c47a31}.bar{grid-column:1/3;height:5px;background:#edf1ee;margin-top:15px;overflow:hidden}.bar,.bar i{border-radius:5px}.bar i{display:block;width:64%;height:100%;background:#2d9d6b}.stat small{grid-column:1/3;margin-top:7px;color:#88938e;font-size:9px}.mainGrid{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:18px;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px}.panelHead{padding:19px 20px 14px;display:flex;align-items:center;justify-content:space-between}.panelHead h3{font-size:15px;margin:0}.panelHead p{font-size:10px;color:#8a958f;margin:4px 0 0}.panelHead button{border:0;background:transparent;color:#277354;font-size:11px;display:flex;align-items:center}.conversation{height:69px;border-top:1px solid #eff2f0;display:flex;align-items:center;padding:0 20px;gap:11px}.person{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px}.pink{background:#f9e7ee;color:#af526f}.mint{background:#e1f3ec;color:#277e5e}.lavender{background:#eee8fa;color:#7656ae}.sand{background:#f6ebdd;color:#9b7143}.conversationText{min-width:0}.conversationText b,.conversationText span{display:block}.conversationText b{font-size:12px}.conversationText span{font-size:10px;color:#78857e;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversationMeta{margin-right:auto;text-align:left}.conversationMeta>span{font-size:9px;color:#97a09b;display:flex;align-items:center;gap:3px;direction:rtl}.conversationMeta em{display:inline-block;font-size:9px;color:#26805d;background:#e8f5ef;padding:3px 7px;border-radius:7px;font-style:normal;margin-top:5px}.conversationMeta em.alert{background:#fff0de;color:#b47433}.rowArrow{color:#a1aaa5;margin-right:4px}.sideStack{display:grid;grid-gap:18px;gap:18px}.usageBody{display:flex;gap:24px;padding:0 20px 15px;align-items:center}.ring{width:105px;height:105px;border-radius:50%;background:conic-gradient(#21865f 0 64%,#e8eee9 64%);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;width:77px;height:77px;background:#fff;border-radius:50%}.ring div{z-index:1;text-align:center}.ring b,.ring span{display:block}.ring b{font-size:20px}.ring span{font-size:9px;color:#829089}.usageNums{flex:1 1}.usageNums p{margin:0;padding:6px 0;display:flex;justify-content:space-between;font-size:10px;color:#7b8982}.usageNums b{color:#33423b}.usageHint{margin:0 20px 17px;padding:9px 10px;border-radius:8px;background:#f0f7f3;color:#277657;font-size:10px;display:flex;gap:7px;align-items:center}.dots{letter-spacing:2px!important;color:#9aa39e!important}.quickGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:0 18px 18px}.quickGrid button{border:1px solid #e9eeeb;background:#fafcfb;border-radius:9px;height:46px;display:flex;align-items:center;gap:8px;color:#456157;text-align:right;padding:0 11px}.quickGrid button>svg:first-child{width:17px;color:#217b58}.quickGrid button>svg:last-child{margin-right:auto}.quickGrid span{font-size:10px}.task{margin-top:18px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr minmax(320px,.9fr);grid-gap:14px;gap:14px;align-items:center}.taskIcon{width:43px;height:43px;border-radius:12px;background:#e6f3ec;color:#16764f;display:grid;place-items:center}.task h3{margin:0;font-size:14px}.task p{margin:5px 0 0;font-size:10px;color:#7a8881}.taskInput{height:42px;border:1px solid #dfe7e2;border-radius:10px;display:flex;padding:3px;background:#fafcfb}.taskInput input{border:0;outline:0;background:transparent;flex:1 1;padding:0 9px;font-size:11px;min-width:0}.taskInput button{width:34px;border:0;border-radius:8px;background:#174e3b;color:#fff;display:grid;place-items:center}.safe{grid-column:3;color:#708179;align-items:center;gap:4px;margin-top:-9px}.safe,footer{font-size:9px;display:flex}footer{justify-content:space-between;color:#9ba49f;padding:27px 3px 0}footer a{margin-right:20px;color:#7e8983}@media(max-width:1100px){.agentStats>div{display:none}.statsGrid{grid-template-columns:1fr 1fr}.mainGrid{grid-template-columns:1fr}.task{grid-template-columns:auto 1fr}.safe,.taskInput{grid-column:1/3}}@media(max-width:720px){.sidebar{display:none}.content{margin:0}header{height:60px;padding:0 16px}.mobileBrand{display:flex;border:0;background:transparent;color:var(--deep);font-weight:800;align-items:center;gap:7px}.search{display:none}.wrap{padding:20px 14px}.welcome{align-items:start}.welcome h1{font-size:22px}.welcome .primary{font-size:0;width:42px;padding:0;justify-content:center}.welcome .primary svg{margin:0}.agentBanner{padding:20px}.agentText h2{font-size:15px}.agentText p{line-height:1.6}.agentStats{display:none}.statsGrid{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:13px}.statValue{font-size:20px}.statIcon{width:34px;height:34px}.conversation{padding:0 13px}.conversationMeta{display:none}.quickGrid{grid-template-columns:1fr 1fr}.task{grid-template-columns:auto 1fr}.safe,.taskInput{grid-column:1/3}footer{display:block;text-align:center}footer>span{display:block;margin:8px}.usageBody{justify-content:center}}@media(max-width:420px){.statsGrid{grid-template-columns:1fr}.agentBanner{align-items:start}.botBubble{width:49px;height:49px}.conversationText{max-width:210px}}