:root{--navy:#07142e;--navy2:#0a1d45;--blue:#1768ff;--bg:#f4f7fb;--text:#172036;--muted:#6c7890;--line:#e3e8f1;--green:#32c96f;--purple:#7439eb;--orange:#ff9e22}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.layout{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy),#030a19);color:white;padding:20px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;padding:4px 6px 20px}.botlogo{width:42px;height:42px;border-radius:14px;background:#fff;color:#0d58e8;display:grid;place-items:center;font-size:25px}.brand h1{font-size:19px;margin:0}.pill{font-size:11px;background:#6435ef;padding:3px 9px;border-radius:999px;display:inline-block}.nav button{width:100%;border:0;background:transparent;color:#dfe8ff;text-align:left;padding:11px 12px;border-radius:10px;margin:2px 0;cursor:pointer}.nav button.active,.nav button:hover{background:linear-gradient(90deg,#1265ff,#1746c7);color:white}.promo{position:absolute;bottom:20px;left:14px;right:14px;background:linear-gradient(135deg,#173577,#25148b);border:1px solid #3752a0;border-radius:12px;padding:14px;font-size:12px}.main{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h2{margin:0;font-size:25px}.muted{color:var(--muted)}.status{background:white;border:1px solid var(--line);padding:10px 14px;border-radius:10px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);margin-right:7px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 16px rgba(12,31,70,.04)}.metric{display:flex;gap:14px;align-items:center}.metric .ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:20px}.blue{background:linear-gradient(135deg,#56b2ff,#1768ff)}.green{background:linear-gradient(135deg,#72dd91,#32c96f)}.purple{background:linear-gradient(135deg,#a35cff,#6530db)}.orange{background:linear-gradient(135deg,#ffbd43,#ff8f12)}.metric b{font-size:27px;display:block}.split{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}.chart{height:120px;display:flex;align-items:end;gap:5px;padding-top:20px}.bar{flex:1;background:linear-gradient(#4f91ff,#dbe8ff);border-radius:4px 4px 0 0;min-height:10px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button,.primary,.secondary{border:1px solid var(--line);background:white;border-radius:10px;padding:12px;cursor:pointer}.primary{background:var(--blue);color:white;border-color:var(--blue)}.content{margin-top:14px}.chatgrid{display:grid;grid-template-columns:300px 1fr 280px;gap:0;min-height:500px}.chatgrid>div{border-right:1px solid var(--line);padding:14px}.chatgrid>div:last-child{border-right:0}.listitem{padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.listitem:hover,.listitem.active{background:#edf4ff}.avatar{width:38px;height:38px;border-radius:50%;background:#e7edfa;display:inline-grid;place-items:center;margin-right:8px}.msg{max-width:75%;padding:10px 12px;border-radius:10px;margin:9px 0;background:#f0f3f7}.msg.out{margin-left:auto;background:#dff7d8}.composer{display:flex;gap:8px;margin-top:12px}.composer input{flex:1;padding:12px;border:1px solid var(--line);border-radius:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:white}.switch{accent-color:var(--blue)}.mobilebar{display:none}.hidden{display:none!important}@media(max-width:900px){.layout{display:block}.sidebar{display:none}.main{padding:14px 12px 80px}.grid4{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.chatgrid{grid-template-columns:1fr}.chatgrid .thread,.chatgrid .details{display:none}.topbar h2{font-size:20px}.mobilebar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--navy);z-index:10}.mobilebar button{background:transparent;color:white;border:0;padding:13px 4px;font-size:11px}.formgrid{grid-template-columns:1fr}.promo{display:none}}@media(max-width:520px){.grid4{grid-template-columns:1fr 1fr}.metric{display:block}.metric .ico{width:38px;height:38px;margin-bottom:8px}.metric b{font-size:22px}.card{padding:14px}.main{padding-left:8px;padding-right:8px}}