*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#f6f1e7;color:#2b2320}
[dir=rtl] body{text-align:right}
a{color:#c2522a;text-decoration:none}a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}
.shell{display:flex;min-height:100vh}
.sidebar{width:224px;flex:none;background:#241a26;color:#efe9f0;display:flex;flex-direction:column;padding:14px 12px;gap:6px;position:sticky;top:0;height:100vh}
.sidebar.collapsed{width:64px}.sidebar.collapsed .logo-t,.sidebar.collapsed .demotag,.sidebar.collapsed .nav-lbl,.sidebar.collapsed .side-user,.sidebar.collapsed #collapseLabel{display:none}
.logo{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;font-weight:800;font-size:19px;padding:6px 8px;text-align:left}
.logomark{width:32px;height:32px;flex:none;border-radius:10px;background:#c2522a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.demotag{font-size:10px;background:#c2522a;color:#fff;border-radius:99px;padding:2px 7px;letter-spacing:.06em}
#sideNav{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.navitem{display:flex;align-items:center;gap:10px;background:none;border:0;color:#cfc4d2;padding:9px 10px;border-radius:12px;text-align:left;font-size:14px}
.navitem:hover{background:#3a2b3e;color:#fff}.navitem.on{background:#efe9f0;color:#241a26;font-weight:700}
.navitem .badge{margin-left:auto;background:#c2522a;color:#fff;border-radius:99px;font-size:11px;padding:1px 7px}
[dir=rtl] .navitem .badge{margin-left:0;margin-right:auto}
.navitem.on .badge{background:#241a26}
.collapse{margin-top:auto;background:#3a2b3e;color:#efe9f0;border:0;border-radius:12px;padding:9px 10px;text-align:left}
.side-foot{display:flex;align-items:center;gap:9px;padding:10px 8px 2px;border-top:1px solid #3a2b3e;margin-top:8px}
.side-user{display:flex;flex-direction:column}.side-user small{color:#b9adc0}
.avatar{width:34px;height:34px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff}
.av-plum{background:#6b4a7a}.av-teal{background:#1f7a6d}.av-orange{background:#c2522a}.av-purple{background:#7a5aa6}.av-green{background:#3d7a4e}.av-blue{background:#3a6ea6}.av-rose{background:#b04a6a}.av-amber{background:#a8791f}
.maincol{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:18px 22px 0;flex-wrap:wrap}
.topbar h1{margin:0;font-size:26px}.topbar p{margin:2px 0 0;color:#7a6d68;font-size:13.5px}
.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.searchwrap{position:relative}.searchwrap input{width:250px;max-width:60vw;border:1px solid #ddd3c2;border-radius:99px;padding:9px 14px;background:#fff}
.searchres{position:absolute;top:42px;left:0;right:0;background:#fff;border:1px solid #ddd3c2;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.14);z-index:50;overflow:hidden}
.searchres button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 14px;font-size:13.5px}
.searchres button:hover{background:#f6f1e7}
.btn{border:1px solid #ddd3c2;background:#fff;border-radius:99px;padding:9px 16px;font-weight:600}
.btn.primary{background:#c2522a;border-color:#c2522a;color:#fff}
.btn.danger{color:#b4232a;border-color:#e5b9bb;background:#fff5f5}
.btn:disabled{opacity:.45;cursor:default}
.btn.sm{padding:6px 12px;font-size:13px}
.acctwrap{position:relative}.acctmenu{position:absolute;top:44px;right:0;width:220px;background:#fff;border:1px solid #ddd3c2;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.14);z-index:50;padding:6px}
.acctmenu button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:10px;font-size:13.5px}
.acctmenu button:hover{background:#f6f1e7}
#main{padding:18px 22px 30px;flex:1}
.foot{padding:0 22px 18px;color:#8a7d75;font-size:12.5px}
h2{font-size:20px;margin:22px 0 10px}h3{font-size:16px;margin:16px 0 8px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.grid4,.grid3,.grid2{grid-template-columns:1fr}.sidebar{width:64px}.sidebar .logo-t,.sidebar .demotag,.sidebar .nav-lbl,.sidebar .side-user,.sidebar #collapseLabel{display:none}}
.card{background:#fffdf8;border:1px solid #e8dfcf;border-radius:20px;padding:18px;box-shadow:0 2px 10px rgba(60,40,20,.05);position:relative}
.card.dark{background:#2c2130;color:#f2ecf3;border-color:#2c2130}
.card.orange{background:linear-gradient(135deg,#c2522a,#e07a3f);color:#fff;border:0}
.stat b{display:block;font-size:26px}.stat span{color:#7a6d68;font-size:13px}
.card.dark .stat span,.card.orange .stat span{color:#e8d9cf}
.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{border:1px solid #ddd3c2;background:#fff;border-radius:99px;padding:6px 13px;font-size:13px}
.pill.on{background:#241a26;color:#fff;border-color:#241a26}
.muted{color:#7a6d68;font-size:13px}.small{font-size:12.5px}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#7a6d68;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:8px 6px;border-bottom:1px solid #eee4d2}
td{padding:9px 6px;border-bottom:1px solid #f2ead9;vertical-align:middle}
[dir=rtl] th,[dir=rtl] td{text-align:right}
.rowlink{background:none;border:0;padding:0;font-weight:600;color:#c2522a;text-align:left}
.chip{display:inline-block;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}
.ch-sms{background:#fde8e2;color:#b3401f}.ch-wa{background:#dff2e8;color:#1f6a4e}.ch-em{background:#ece5f7;color:#5d3f9e}
.st-sent{background:#dff2e8;color:#1f6a4e}.st-sched{background:#ece5f7;color:#5d3f9e}.st-draft{background:#eceef0;color:#5a5a5a}.st-paused{background:#fdf0d5;color:#8a5a00}.st-sending{background:#dff0f7;color:#1f5a7a}
.bar{height:8px;background:#eee4d2;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:#c2522a;border-radius:99px}
.bar-mini{display:flex;gap:3px;align-items:flex-end;height:54px}.bar-mini i{flex:1;background:#e8b48f;border-radius:4px 4px 0 0;min-height:4px}
.bar-mini i.on{background:#c2522a}
.donut{width:120px;height:120px;border-radius:50%;margin:0 auto}
.switch{position:relative;width:44px;height:24px;flex:none;appearance:none;background:#d8cec0;border-radius:99px;outline:none;cursor:pointer}
.switch:checked{background:#3d7a4e}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.15s}
.switch:checked:after{left:22px}
[dir=rtl] .switch:after{left:auto;right:2px}[dir=rtl] .switch:checked:after{right:22px;left:auto}
.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;border:1px solid #ddd3c2;border-radius:12px;padding:10px 12px;background:#fff}
.field textarea{min-height:90px;resize:vertical}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.row.between{justify-content:space-between}
.drawer{position:fixed;inset:0;background:rgba(20,12,20,.45);z-index:100;display:flex;justify-content:flex-end}
.drawer-card{background:#fffdf8;width:min(460px,92vw);height:100%;overflow:auto;padding:22px;box-shadow:-8px 0 30px rgba(0,0,0,.2)}
[dir=rtl] .drawer{justify-content:flex-start}
.overlay{position:fixed;inset:0;background:rgba(20,12,20,.45);z-index:110;display:flex;align-items:flex-start;justify-content:center;padding:40px 14px;overflow:auto}
.dialog{background:#fffdf8;border-radius:20px;padding:22px;width:min(760px,96vw);max-height:90vh;overflow:auto}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;background:#241a26;color:#fff;padding:12px 20px;border-radius:99px;z-index:300;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.toast button{background:#c2522a;color:#fff;border:0;border-radius:99px;padding:5px 12px;margin-left:10px}
.phone{border:1px solid #ddd3c2;border-radius:24px;padding:16px;background:#f6f1e7;max-width:300px}
.phone .bubble{background:#fff;border-radius:14px;padding:10px 12px;font-size:13.5px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.msg{max-width:78%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.45}
.msg.in{background:#fff;border:1px solid #e8dfcf}.msg.out{background:#e8f3ec;margin-left:auto}
.msgrow{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.timeline-date{font-size:12px;color:#7a6d68;text-align:center;margin:14px 0 6px}
.tagchip{display:inline-flex;gap:6px;align-items:center;background:#f2ead9;border-radius:99px;padding:4px 10px;font-size:12.5px}
.tagchip button{background:none;border:0;color:#8a7d75;font-weight:700}
.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.heat i{display:block;height:26px;border-radius:7px;background:#f2ead9}
.heat i.h1{background:#f6c9a8}.heat i.h2{background:#e07a3f}.heat i.h3{background:#c2522a}
.stepcard{border:1px solid #e8dfcf;border-radius:16px;padding:13px 15px;background:#fff}
.stepcard.open{border-color:#c2522a}
.steprow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.agenda-day{border-top:1px solid #eee4d2;padding:12px 0}
.daybtn{width:100%;text-align:left;background:#fff;border:1px solid #e8dfcf;border-radius:12px;padding:8px 10px;font-size:13px;margin-bottom:5px}
.daybtn.on{background:#241a26;color:#fff}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabbtn{border:1px solid #ddd3c2;background:#fff;border-radius:99px;padding:8px 15px}
.tabbtn.on{background:#241a26;color:#fff;border-color:#241a26}
.savebar{position:sticky;bottom:0;background:#fffdf8;border-top:1px solid #e8dfcf;padding:12px 0;display:flex;gap:8px;justify-content:flex-end}
.menu{position:relative}.menulist{position:absolute;top:34px;right:0;background:#fff;border:1px solid #ddd3c2;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.14);z-index:60;min-width:170px;padding:5px}
.menulist button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 12px;border-radius:8px;font-size:13.5px}
.menulist button:hover{background:#f6f1e7}
.bulkbar{position:sticky;bottom:0;background:#241a26;color:#fff;border-radius:14px;padding:12px 16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.kpi b{font-size:24px}
svg.chart{width:100%;height:110px}