:root{--bg:#070b16;--p1:#0b1120;--p2:#0f172a;--p3:#131c33;--ln:#1e2740;--ln2:#2a3556;--tx:#e7e9ef;--mu:#8d96ad;--mu2:#6f7891;--g:#d4b06a;--g2:#ecd39d;--ok:#34d399;--wa:#25d366;--ig:#e1306c;--bl:#60a5fa;--rd:#f87171;--am:#fbbf24;--r:12px}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:clip}
body{background:var(--bg);color:var(--tx);font:14px/1.5 Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
@font-face{font-family:Manrope;src:url(../../assets/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
a{color:var(--g2)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}
svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.banner{background:linear-gradient(90deg,#1a1508,#2a2210,#1a1508);color:#f0dcae;font-size:12px;text-align:center;padding:6px 12px;border-bottom:1px solid #3a2f14}.banner a{color:#fff}
.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 31px)}
.side{background:linear-gradient(180deg,#0a0f1c,#080c17);border-right:1px solid var(--ln);padding:14px 12px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:9px;padding:4px 6px 8px}.brand b{font-size:15px;letter-spacing:-.01em}.brand em{font-style:normal;color:var(--g)}
.dots{display:flex;gap:5px;margin-right:4px}.dots i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}
.cmdk{display:flex;align-items:center;gap:8px;background:var(--p2);border:1px solid var(--ln);border-radius:9px;padding:8px 10px;color:var(--mu);font-size:13px;text-align:left}.cmdk kbd{margin-left:auto}
kbd{font:500 10.5px ui-monospace,monospace;background:#1a2340;border:1px solid var(--ln2);border-radius:5px;padding:1px 5px;color:#b8bfd0}
nav{display:flex;flex-direction:column;gap:2px;overflow:auto}
nav button{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:8px;padding:8px 10px;color:#aab2c5;text-align:left;font-size:13.5px;position:relative;transition:background .15s,color .15s}
nav button:hover{background:#111a2e;color:#fff}nav button.on{background:linear-gradient(90deg,rgba(212,176,106,.16),rgba(212,176,106,.03));color:#fff}
nav button.on:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--g)}
nav .cnt{margin-left:auto;font-size:11px;background:#1b2440;border-radius:99px;padding:0 7px;color:#c9cfdd}nav .cnt.hot{background:rgba(212,176,106,.2);color:var(--g2)}
.side-foot{margin-top:auto;border-top:1px solid var(--ln);padding-top:12px}.ws{display:flex;gap:9px;align-items:center}.ws b{display:block;font-size:13px}.ws small{color:var(--mu2);font-size:11.5px}
.main{min-width:0;display:flex;flex-direction:column}
.bar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:12px;padding:12px 24px;background:rgba(7,11,22,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.bar h1{font-size:18px;letter-spacing:-.02em;white-space:nowrap}.bar-r{margin-left:auto;display:flex;gap:8px;align-items:center;min-width:0}
.live{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mu)}.live b{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pl 1.8s infinite}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 transparent}}
select,input[type=text],input[type=search],input:not([type]),textarea,input[type=time],input[type=date]{background:var(--p2);border:1px solid var(--ln);border-radius:8px;padding:7px 10px;font-size:13px;min-width:0;max-width:100%}
textarea{width:100%;resize:vertical;min-height:70px;line-height:1.5}
.ico{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--p2);border:1px solid var(--ln);color:#c7cddb;flex:none}.ico:hover{border-color:var(--ln2);color:#fff}
.dotn{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 0 2px var(--p2)}.dotn.off{display:none}
.mob{display:none}
.btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:7px 12px;border:1px solid var(--ln2);background:var(--p3);font-size:13px;font-weight:600;white-space:nowrap;transition:transform .12s,background .2s,border-color .2s}
.btn:hover{border-color:#3a4770}.btn:active{transform:scale(.97)}
.btn.pri{background:linear-gradient(180deg,#e2c487,#c9a25a);color:#16110a;border-color:#e2c487;box-shadow:0 6px 18px -8px rgba(212,176,106,.7)}
.btn.ok{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.5);color:#a7f3d0}.btn.sm{padding:4px 9px;font-size:12px}
.btn.ghost{background:none;border-color:transparent;color:var(--mu)}.btn.ghost:hover{color:#fff}
#view{padding:22px 24px 60px;outline:0;animation:fi .35s ease}
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.grid{display:grid;gap:14px}.k4{grid-template-columns:repeat(4,minmax(0,1fr))}.c2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.c2e{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:linear-gradient(180deg,var(--p2),var(--p1));border:1px solid var(--ln);border-radius:var(--r);padding:16px;min-width:0;position:relative}
.card h3{font-size:13px;font-weight:600;color:#cfd4e0;display:flex;align-items:center;gap:8px;margin-bottom:12px}.card h3 .r{margin-left:auto;font-weight:500;color:var(--mu2);font-size:12px}
.kpi small{color:var(--mu);font-size:12px}.kpi .v{font-size:28px;font-weight:700;letter-spacing:-.03em;margin:4px 0 2px;font-variant-numeric:tabular-nums}.kpi .d{font-size:12px;color:var(--ok)}.kpi .d.bad{color:var(--rd)}
.kpi:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120px 60px at 90% 0,rgba(212,176,106,.12),transparent);pointer-events:none}
.spark{height:28px;width:100%;margin-top:8px}.spark path{stroke:var(--g);stroke-width:1.6;fill:none}.spark .a{fill:url(#sg);stroke:none}
.feed{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:hidden}
.fi{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#0d1426;border:1px solid #1a2340;animation:slin .5s cubic-bezier(.2,.8,.2,1)}
.fi.new{border-color:rgba(212,176,106,.5);box-shadow:0 0 0 3px rgba(212,176,106,.07)}
@keyframes slin{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.fi .t{min-width:0;flex:1}.fi b{font-size:13px}.fi p{font-size:12.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fi time{font-size:11px;color:var(--mu2);white-space:nowrap}
.src{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:2px 8px;border-radius:99px;background:#18213a;color:#c6ccda;white-space:nowrap}.src i{width:6px;height:6px;border-radius:50%}
.av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:11.5px;color:#0b0f19}.av.sm{width:26px;height:26px;font-size:10px}.av.lg{width:52px;height:52px;font-size:17px}
.av.g{background:linear-gradient(135deg,#f6d6a8,#c9a25a)}
.funnel{display:flex;flex-direction:column;gap:8px}.fr{display:grid;grid-template-columns:120px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:12.5px;color:#c7cddb}
.fr .tr{height:22px;background:#0d1426;border-radius:6px;overflow:hidden}.fr .tr i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#c9a25a,#ecd39d);width:0;transition:width 1s cubic-bezier(.2,.8,.2,1)}.fr b{text-align:right;font-variant-numeric:tabular-nums}
.donut{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.donut svg{width:130px;height:130px}.donut circle{fill:none;stroke-width:5;transition:stroke-dasharray 1s}.leg{display:flex;flex-direction:column;gap:6px;font-size:12.5px;flex:1;min-width:140px}.leg div{display:flex;gap:8px;align-items:center}.leg i{width:9px;height:9px;border-radius:3px}.leg b{margin-left:auto}
.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.tools .sp{flex:1}
.seg{display:inline-flex;background:var(--p2);border:1px solid var(--ln);border-radius:9px;padding:3px}.seg button{border:0;background:none;padding:5px 11px;border-radius:6px;font-size:12.5px;color:var(--mu)}.seg button.on{background:#1c2644;color:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-weight:500;color:var(--mu2);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--ln)}
.tbl td{padding:10px;border-bottom:1px solid #151d33;vertical-align:middle}.tbl tr.rw{cursor:pointer;transition:background .15s}.tbl tr.rw:hover{background:#0f172b}
.tw{overflow-x:auto;border:1px solid var(--ln);border-radius:var(--r);background:var(--p1)}
.nm{display:flex;gap:9px;align-items:center}.nm small{display:block;color:var(--mu2);font-size:11.5px}
.score{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.score i{width:36px;height:5px;border-radius:5px;background:#1b2440;overflow:hidden;display:block}.score i b{display:block;height:100%;background:linear-gradient(90deg,#c9a25a,#ecd39d)}
.st{font-size:11.5px;padding:2px 8px;border-radius:99px;border:1px solid var(--ln2);white-space:nowrap}
.kan{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}
.col{background:#0a1020;border:1px solid var(--ln);border-radius:var(--r);padding:10px;min-height:300px;transition:border-color .2s,background .2s}.col.over{border-color:var(--g);background:#0f1526}
.col h4{display:flex;align-items:center;gap:7px;font-size:12.5px;margin:2px 2px 10px}.col h4 span{margin-left:auto;color:var(--mu2);font-weight:500}.col h4 i{width:8px;height:8px;border-radius:50%}
.lc{background:var(--p2);border:1px solid #1d2742;border-radius:10px;padding:10px;margin-bottom:8px;cursor:grab;transition:transform .15s,box-shadow .2s,border-color .2s}.lc:hover{border-color:#34406a;transform:translateY(-1px);box-shadow:0 10px 24px -14px #000}.lc.drag{opacity:.4}
.lc .top{display:flex;gap:8px;align-items:center}.lc b{font-size:13px}.lc p{font-size:12px;color:var(--mu);margin:6px 0 8px}.lc .ft{display:flex;gap:6px;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--mu2)}
.inbox{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;height:calc(100vh - 190px);min-height:480px;background:var(--p1)}
.th-list{border-right:1px solid var(--ln);overflow:auto}.th{display:flex;gap:10px;padding:12px;border-bottom:1px solid #151d33;cursor:pointer;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left}.th:hover{background:#0f172b}.th.on{background:#121b31;box-shadow:inset 3px 0 var(--g)}
.th .t{min-width:0;flex:1}.th p{font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th .row{display:flex;gap:6px;align-items:center}.th time{margin-left:auto;font-size:11px;color:var(--mu2)}
.pill{font-size:10.5px;padding:1px 6px;border-radius:99px;background:rgba(212,176,106,.18);color:var(--g2)}
.chat{display:flex;flex-direction:column;min-width:0}.ch-h{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ln)}.ch-h .r{margin-left:auto;display:flex;gap:6px}
.msgs{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(600px 300px at 80% 0,rgba(212,176,106,.05),transparent),#090e1b}
.bub{max-width:min(78%,460px);padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.45;animation:slin .35s}.bub small{display:block;font-size:10.5px;color:var(--mu2);margin-top:3px;text-align:right}
.bub.in{background:#18213a;align-self:flex-start;border-bottom-left-radius:4px}.bub.out{background:#16372d;align-self:flex-end;border-bottom-right-radius:4px}.bub.out small{color:#8fd8b8}
.draft{border-top:1px solid var(--ln);padding:12px 16px;background:#0b1121}.draft .lab{display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--g2);margin-bottom:7px;text-transform:uppercase;letter-spacing:.06em}
.draft .act{display:flex;gap:8px;margin-top:8px;justify-content:flex-end;flex-wrap:wrap}
.sending{position:relative;overflow:hidden}.sending:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:sh .7s}
@keyframes sh{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.scrim{position:fixed;inset:0;background:rgba(3,6,14,.6);backdrop-filter:blur(2px);z-index:40;animation:fo .2s}@keyframes fo{from{opacity:0}}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:linear-gradient(180deg,#0e1529,#0a1020);border-left:1px solid var(--ln2);z-index:45;overflow:auto;padding:20px;animation:dr .35s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 80px -30px #000}
@keyframes dr{from{transform:translateX(40px);opacity:0}}
.dh{display:flex;gap:12px;align-items:center;margin-bottom:14px}.dh h2{font-size:18px}.dh small{color:var(--mu)}.dh .x{margin-left:auto}
.fld{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.fld label{font-size:11.5px;color:var(--mu2);display:flex;flex-direction:column;gap:4px}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11.5px;padding:2px 9px;border-radius:99px;background:#18213a;border:1px solid var(--ln2)}.tag button{background:none;border:0;color:var(--mu);margin-left:4px}
.tl{position:relative;margin:10px 0 0 6px;padding-left:18px;border-left:1px dashed var(--ln2)}.tl li{list-style:none;position:relative;margin-bottom:14px;font-size:13px}.tl li:before{content:"";position:absolute;left:-23px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--g);box-shadow:0 0 0 3px #0e1529}.tl li small{display:block;color:var(--mu2);font-size:11.5px}
.sec{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mu2);margin:18px 0 8px}
.fu{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #151d33}.fu:last-child{border:0}.fu .t{flex:1;min-width:0}.fu p{font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.due{font-size:11.5px;padding:2px 8px;border-radius:99px;white-space:nowrap}.due.od{background:rgba(248,113,113,.14);color:#fca5a5}.due.td{background:rgba(212,176,106,.16);color:var(--g2)}.due.up{background:#18213a;color:#b9c0d0}
.seq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.step{position:relative}.step .n{font-size:11px;color:var(--g);font-weight:700;letter-spacing:.06em}.step h4{font-size:14px;margin:2px 0 8px}
.step .wa{background:#0b2a22;border:1px solid #154235;border-radius:10px 10px 10px 3px;padding:10px;font-size:12.5px;white-space:pre-wrap;min-height:110px;outline:0}.step .wa:focus{border-color:var(--ok)}
.flowc{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 0}
.node{width:min(420px,100%);background:var(--p2);border:1px solid var(--ln2);border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center;position:relative;transition:border-color .2s,box-shadow .2s;cursor:pointer}
.node:hover,.node.sel{border-color:var(--g);box-shadow:0 0 0 4px rgba(212,176,106,.08)}.node .ni{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none}.node small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mu2)}.node b{font-size:13.5px}
.node .del{margin-left:auto}
.conn{width:2px;height:34px;background:linear-gradient(var(--ln2),var(--g));position:relative;overflow:hidden}.conn:after{content:"";position:absolute;left:0;width:2px;height:10px;background:#fff;animation:flowd 1.6s linear infinite;opacity:.7}
@keyframes flowd{from{top:-10px}to{top:34px}}
.add{border:1px dashed var(--ln2);background:none;border-radius:10px;padding:8px 14px;color:var(--mu);font-size:12.5px}.add:hover{border-color:var(--g);color:var(--g2)}
.au-list{display:flex;flex-direction:column;gap:8px}.au{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;border:1px solid var(--ln);background:#0d1426;cursor:pointer;text-align:left;width:100%}.au.on{border-color:var(--g)}.au .t{flex:1;min-width:0}.au p{font-size:12px;color:var(--mu)}
.sw{position:relative;width:36px;height:20px;border-radius:99px;background:#26304d;border:0;flex:none;transition:background .2s}.sw:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.sw.on{background:var(--ok)}.sw.on:after{transform:translateX(16px)}
.lb{display:flex;flex-direction:column;gap:10px}.lbr{display:grid;grid-template-columns:22px 34px minmax(0,1fr) auto;gap:10px;align-items:center}.lbr .rk{color:var(--g);font-weight:700}
.bar2{height:6px;border-radius:6px;background:#1b2440;overflow:hidden;margin-top:5px}.bar2 i{display:block;height:100%;background:linear-gradient(90deg,#c9a25a,#ecd39d);width:0;transition:width 1s}
.chart{width:100%;height:220px}.chart text{fill:var(--mu2);font-size:10px}
.hbar{display:flex;flex-direction:column;gap:10px}.hb{display:grid;grid-template-columns:130px minmax(0,1fr) 54px;gap:10px;align-items:center;font-size:12.5px}.hb .tr{height:10px;background:#0d1426;border-radius:6px;overflow:hidden}.hb .tr i{display:block;height:100%;border-radius:6px;width:0;transition:width 1s}
.set-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #151d33}.set-row:last-child{border:0}.set-row .t{flex:1;min-width:0}.set-row p{font-size:12px;color:var(--mu)}
.chn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.hrs{display:grid;grid-template-columns:60px auto auto auto;gap:8px 10px;align-items:center;font-size:13px}
.empty{text-align:center;padding:40px 20px;color:var(--mu)}.empty .ei{width:54px;height:54px;border-radius:16px;margin:0 auto 12px;display:grid;place-items:center;background:#121b31;border:1px solid var(--ln2);color:var(--g)}.empty b{display:block;color:#fff;margin-bottom:4px}
.pop{position:absolute;right:24px;top:56px;width:min(360px,calc(100vw - 24px));background:#0f172b;border:1px solid var(--ln2);border-radius:12px;box-shadow:0 30px 60px -20px #000;padding:8px;z-index:30;animation:fi .2s}
.pop .ph{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 8px;font-weight:600;font-size:13px}.nt{display:flex;gap:10px;padding:9px 8px;border-radius:8px;font-size:12.5px;cursor:pointer}.nt:hover{background:#151f38}.nt.un{background:rgba(212,176,106,.06)}.nt small{display:block;color:var(--mu2);font-size:11px}
.modal{position:fixed;inset:0;z-index:60;background:rgba(3,6,14,.65);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 12px 12px;animation:fo .15s}
.modal[hidden],.drawer[hidden],.scrim[hidden],.pop[hidden]{display:none}
.cmd-box,.form-box{width:min(580px,100%);background:#0f172b;border:1px solid var(--ln2);border-radius:14px;box-shadow:0 40px 90px -20px #000;overflow:hidden;animation:zi .2s cubic-bezier(.2,.8,.2,1)}@keyframes zi{from{transform:scale(.97);opacity:0}}
#cmdIn{width:100%;border:0;border-bottom:1px solid var(--ln);border-radius:0;background:none;padding:16px 18px;font-size:15px;outline:0}
#cmdList{max-height:50vh;overflow:auto;padding:6px}.ci{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:8px;font-size:13.5px;cursor:pointer}.ci small{margin-left:auto;color:var(--mu2);font-size:11.5px}.ci.on{background:#1a2440}.cg{font-size:11px;color:var(--mu2);padding:8px 12px 4px;text-transform:uppercase;letter-spacing:.06em}
.cmd-hint{font-size:11.5px;color:var(--mu2);padding:8px 16px;border-top:1px solid var(--ln)}
.form-box{padding:20px}.form-box h2{font-size:17px;margin-bottom:4px}.form-box .fld input,.form-box .fld select{width:100%}
.toasts{position:fixed;bottom:18px;right:18px;z-index:80;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 36px)}
.toast{display:flex;gap:10px;align-items:center;background:#111a30;border:1px solid var(--ln2);border-left:3px solid var(--g);border-radius:10px;padding:10px 14px;font-size:13px;box-shadow:0 20px 40px -16px #000;animation:ti .35s cubic-bezier(.2,.8,.2,1)}.toast.out{animation:to .3s forwards}
@keyframes ti{from{transform:translateY(12px);opacity:0}}@keyframes to{to{transform:translateX(20px);opacity:0}}
.note{font-size:12px;color:var(--mu2)}
@media(max-width:1100px){.k4{grid-template-columns:repeat(2,minmax(0,1fr))}.c2,.c2e{grid-template-columns:minmax(0,1fr)}.seq{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.side{position:fixed;left:0;top:0;z-index:50;width:260px;transform:translateX(-105%);transition:transform .3s}.side.open{transform:none;box-shadow:30px 0 80px #000}.mob{display:grid}
.bar{padding:10px 12px;gap:8px;flex-wrap:wrap}.live{display:none}#view{padding:14px 12px 50px}.inbox{grid-template-columns:minmax(0,1fr);height:auto}.th-list{max-height:240px;border-right:0;border-bottom:1px solid var(--ln)}.msgs{min-height:300px}
#bizSel{max-width:120px}.hide-m{display:none}}
@media(max-width:520px){.k4,.seq{grid-template-columns:minmax(0,1fr)}.bar h1{font-size:16px}#newLead{display:none}.fld{grid-template-columns:minmax(0,1fr)}.fr{grid-template-columns:90px minmax(0,1fr) 30px}.hb{grid-template-columns:90px minmax(0,1fr) 44px}.kpi .v{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}