:root{--bg:#0a0f1a;--ink:#f3f5f7;--ink2:#b6bfcc;--ink3:#6d7888;--ink4:#364154;--line:rgba(255,255,255,.09);--box:rgba(255,255,255,.075);--ok:#34d399;--bad:#fb7185;--warn:#f5a524;--doing:#07a4ba;--fs:15.5px;--sw:288px;--cw:760px;--rw:320px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:var(--fs)/1.65 Inter,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:left}input,textarea,select{font:inherit;color:var(--ink)}a{color:#7cb4ff;text-decoration:none}a:hover{text-decoration:underline}code{font:13px ui-monospace,Menlo,monospace;background:var(--box);padding:1px 5px;border-radius:5px}::selection{background:#7cb4ff4d}.side{position:fixed;left:0;top:0;bottom:0;width:var(--sw);padding:22px 18px 18px 24px;display:flex;flex-direction:column;font-size:13.5px;overflow:auto;scrollbar-width:none}.logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;margin-bottom:20px;min-height:26px}.logo .mk{width:18px;height:18px;border-radius:5px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:10.5px;font-weight:700}.logo .off{margin-left:auto;font-size:11.5px;font-weight:400;color:var(--warn)}.newc{display:flex;align-items:center;gap:10px;color:var(--ink2);padding:7px 10px;margin:0 -10px 22px;border-radius:9px}.newc:hover{background:var(--box);color:var(--ink)}.newc b{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:var(--box);font-weight:400;font-size:14px;color:var(--ink)}.newc kbd{margin-left:auto;font:11px Inter;color:var(--ink4)}.side h6{margin:0 0 6px;font-size:12px;color:var(--ink3);font-weight:500;display:flex;align-items:center}.side h6 button{margin-left:auto;color:var(--ink4);font-size:15px;line-height:1;padding:0 2px}.side h6 button:hover{color:var(--ink)}.grp{display:flex;flex-direction:column;gap:1px;margin-bottom:28px}.it{display:flex;align-items:center;gap:10px;color:var(--ink2);padding:6px 10px;margin:0 -10px;border-radius:99px;white-space:nowrap}.it:hover{background:#7f7f7f0f;color:var(--ink)}.it.on{background:color-mix(in srgb,var(--c,#888) 16%,transparent);color:var(--ink)}.it .t{overflow:hidden;text-overflow:ellipsis;min-width:0}.it .n{margin-left:auto;font-size:11px;color:var(--ink3)}.it.new .t{color:var(--ink);font-weight:600}.it .badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--c);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}.gh{color:var(--ink3);font-weight:500;width:14px;text-align:center;flex:none}.it.on .gh{color:var(--ink)}.ini{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:9.5px;font-weight:600;color:#fff;flex:none;opacity:.85}.it.on .ini{opacity:1}.ini.lg{width:26px;height:26px;font-size:12px}.meline{margin-top:auto;font-size:12px;color:var(--ink3);display:flex;align-items:center;gap:8px;padding-top:12px}.meline .acts{margin-left:auto;display:flex;gap:10px}.meline .acts button{color:var(--ink4)}.meline .acts button:hover{color:var(--ink)}.chat{position:fixed;top:0;bottom:0;left:calc(var(--sw) + 40px);right:calc(var(--rw) + 56px);display:flex;flex-direction:column;align-items:center}body.wide .chat{right:40px}body.wide .col{max-width:980px}.col{width:100%;max-width:var(--cw);display:flex;flex-direction:column;min-height:0;flex:1}.head{display:flex;align-items:center;gap:10px;padding:22px 0 14px;font-size:12.5px;color:var(--ink3);border-bottom:1px solid var(--line);min-height:62px}.head b{color:var(--ink2);font-weight:500}.head .r{margin-left:auto;display:flex;gap:8px;align-items:center}.head .lnk{color:var(--ink3)}.head .lnk:hover{color:var(--ink)}.thread{flex:1;overflow:auto;padding:28px 0 20px;display:flex;flex-direction:column;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 30px)}.thread>.spacer{flex:1}.older{align-self:center;font-size:12px;color:var(--ink3);margin-bottom:14px}.day{align-self:center;font-size:11.5px;color:var(--ink3);margin:18px 0 6px}.msg{position:relative;margin-top:20px;scroll-margin:80px}.msg.cont{margin-top:4px}.msg .who{font-size:12.5px;color:var(--ink3);margin-bottom:2px;display:flex;align-items:center;gap:7px}.msg .who b{color:var(--ink2);font-weight:500}.msg .tx{color:var(--ink);overflow-wrap:anywhere}.msg.me{align-self:flex-end;max-width:84%}.msg.me .tx{background:var(--box);padding:10px 15px;border-radius:14px}.msg.me .who{justify-content:flex-end}.msg.focus .tx{animation:fl 2.4s ease}.msg .del{color:var(--ink4);font-style:italic}.msg .ed{font-size:11.5px;color:var(--ink4);margin-left:6px}.msg .via{font-size:12px;color:var(--ink3);margin-bottom:3px}.msg .via button{color:var(--ink3)}.msg .via button:hover{color:var(--ink)}.msg .reps{margin-top:5px;font-size:12.5px;color:#7cb4ff;display:inline-flex;gap:8px}.msg .reps span{color:var(--ink3)}.msg.me .reps{float:right}.msg .pend{font-size:11.5px;color:var(--ink3);text-align:right;margin-top:3px}.msg .pend.bad{color:var(--bad)}.msg .pend button{color:var(--ink2);text-decoration:underline;margin-left:8px}.tools{position:absolute;top:-14px;right:0;display:none;gap:2px;padding:2px;background:color-mix(in srgb,var(--ink) 6%,var(--bg));border:1px solid var(--line);border-radius:10px;z-index:2}.msg.me .tools{right:auto;left:-6px}.msg:hover .tools,.tools.keep{display:flex}.tools button{font-size:12px;color:var(--ink3);padding:2px 8px;border-radius:7px;white-space:nowrap}.tools button:hover{color:var(--ink);background:var(--box)}.files{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.msg.me .files{justify-content:flex-end}.files img{max-width:320px;max-height:240px;border-radius:10px;display:block;border:1px solid var(--line)}.fchip{display:inline-flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--line);border-radius:10px;padding:6px 11px;color:var(--ink2)}.fchip:hover{border-color:var(--ink3);color:var(--ink);text-decoration:none}.fchip small{color:var(--ink3)}.empty{color:var(--ink3);font-size:13.5px;align-self:center;margin:auto 0}.flash{animation:fl 1.8s ease}@keyframes fl{0%{background:#34d39924}to{background:transparent}}.comp{padding:0 0 22px;position:relative}.box{border:1px solid var(--line);border-radius:14px;padding:11px 14px;color:var(--ink3)}.box:focus-within{border-color:var(--ink3)}.box .in{display:flex;align-items:flex-end;gap:10px}.box textarea{flex:1;border:0;background:none;outline:none;resize:none;max-height:240px;line-height:1.55;padding:2px 0}.box .p{font-size:18px;color:var(--ink3);line-height:1;padding:2px 2px 4px}.box .p:hover{color:var(--ink)}.box .opt{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink3);margin-top:8px;cursor:pointer;user-select:none}.box .opt input{accent-color:#7cb4ff;margin:0}.box .att{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.box .att span{font-size:12.5px;border:1px solid var(--line);border-radius:8px;padding:3px 9px;color:var(--ink2);display:inline-flex;gap:8px;align-items:center}.box .att button{color:var(--ink3)}.box .att i{font-style:normal;color:var(--ink3)}.preview{font-size:12.5px;color:var(--ink3);padding:0 4px 8px;display:flex;gap:10px;align-items:center}.preview b{color:var(--ink2);font-weight:500}.drop{position:fixed;inset:0;background:#0a0f1acc;display:grid;place-items:center;z-index:30;font-size:15px;color:var(--ink2);pointer-events:none;border:2px dashed var(--ink3)}.ck{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ink3);flex:none;display:grid;place-items:center;font-size:9px;color:#fff;cursor:pointer;padding:0}.ck:hover{border-color:var(--ink)}.ck.half{border-color:var(--doing);background:conic-gradient(var(--doing) 0 50%,transparent 0)}.ck.on{border-color:var(--ok);background:var(--ok)}.ck:disabled{cursor:default}.late{color:var(--bad)}.tk{padding:4px 0 6px}.tk .ti{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:500;line-height:1.35}.tk .ti .ck{width:20px;height:20px}.tk .ti input{flex:1;font-size:20px;font-weight:500;background:none;border:0;border-bottom:1px solid var(--ink3);outline:none;padding:0}.tk .ti .edit{font-size:12px;color:var(--ink4);margin-left:4px}.tk .ti .edit:hover{color:var(--ink)}.tk .mt{font-size:13px;color:var(--ink3);margin:6px 0 12px 32px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tk .mt select,.tk .mt input{background:none;border:1px solid var(--line);border-radius:8px;padding:1px 6px;font-size:13px;color:var(--ink2);color-scheme:dark}.sts{display:flex;gap:6px;margin-left:32px}.sts button{font-size:12px;padding:2px 11px;border-radius:99px;color:var(--ink3);border:1px solid var(--line)}.sts button.on{color:var(--ink);background:var(--box);border-color:transparent}.quote{border-left:2px solid var(--line);padding:2px 0 2px 12px;color:var(--ink2);font-size:14px;margin-top:20px;cursor:pointer}.quote:hover{border-color:var(--ink3)}.quote small{display:block;color:var(--ink3);font-size:12px}.sys{align-self:center;font-size:12px;color:var(--ink3);margin-top:16px}.back{color:var(--ink3)}.back:hover{color:var(--ink)}.seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:99px;font-size:12.5px}.seg button{padding:2px 12px;border-radius:99px;color:var(--ink3)}.seg button.on{background:var(--box);color:var(--ink)}.flt{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0 4px}.flt button{font-size:12.5px;padding:2px 11px;border-radius:99px;border:1px solid var(--line);color:var(--ink3)}.flt button.on{color:var(--ink);background:var(--box);border-color:transparent}.thread.rows{padding-top:14px}.rows .grh{font-size:12px;color:var(--ink3);margin:18px 0 4px;display:flex;gap:8px}.rows .grh:first-of-type{margin-top:4px}.trw,.rows .hd2{display:grid;grid-template-columns:18px minmax(0,1fr) 120px 100px 110px 50px;gap:12px;align-items:center;padding:9px 6px}.trw{border-bottom:1px solid var(--line);font-size:13.5px;cursor:pointer;border-radius:8px}.trw:hover{background:#7f7f7f0d}.trw .w{display:flex;align-items:center;gap:7px;color:var(--ink2);min-width:0;overflow:hidden;white-space:nowrap}.trw .s,.trw .d{color:var(--ink3);font-size:12.5px}.trw .n{color:var(--ink3);font-size:12px;text-align:right}.trw.done .tt{color:var(--ink3);text-decoration:line-through}.rows .hd2{padding:0 6px 6px;font-size:11.5px;color:var(--ink4)}.rail{position:fixed;top:0;bottom:0;right:28px;width:var(--rw);padding:22px 0 18px;display:flex;flex-direction:column}body.wide .rail{display:none}.rail .h{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;margin-bottom:16px;padding:0 4px;min-height:26px}.rail .h b{font-weight:500}.rail .h span,.rail .h button{color:var(--ink3);font-size:12.5px}.rail .h button:hover{color:var(--ink)}.cards{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}.card{--k:color-mix(in srgb,var(--c) 55%,#8a94a6);border-radius:16px;padding:10px 12px 8px;background:color-mix(in srgb,var(--k) 5%,var(--bg));border:1px solid color-mix(in srgb,var(--k) 14%,transparent)}.card .ct{display:flex;align-items:center;gap:7px;font-size:12.5px;color:color-mix(in srgb,var(--c) 80%,var(--ink));margin-bottom:4px}.card .ct i{width:6px;height:6px;border-radius:50%;background:var(--c)}.row{display:flex;align-items:flex-start;gap:9px;padding:5px 0;font-size:13.5px;line-height:1.4;cursor:pointer}.row .ck{margin-top:2px}.row .x{flex:1;min-width:0}.row .x small{display:block;font-size:11.5px;color:var(--ink3);margin-top:1px}.row .d{font-size:11.5px;color:var(--ink3);white-space:nowrap}.row.done .x{color:var(--ink3);text-decoration:line-through}.nothing{color:var(--ink3);font-size:13px;padding:4px}.rthread{flex:1;overflow:auto;display:flex;flex-direction:column;scrollbar-width:none;padding-bottom:12px}.rthread .msg{font-size:14.5px}.rthread .msg.me{max-width:92%}.rthread .sep{font-size:12px;color:var(--ink3);border-bottom:1px solid var(--line);padding:14px 0 6px}.veil{position:fixed;inset:0;background:#05080e8c;z-index:40;display:grid;place-items:start center;padding-top:14vh}.dlg{width:440px;max-width:calc(100vw - 32px);background:color-mix(in srgb,var(--ink) 4%,var(--bg));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 24px 60px #00000073;font-size:13.5px}.dlg h3{margin:0 0 12px;font-size:15px;font-weight:500}.dlg .f{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.dlg label{font-size:12px;color:var(--ink3)}.dlg input[type=text],.dlg input[type=email],.dlg input[type=date],.dlg select,.pop input,.pop select{background:none;border:1px solid var(--line);border-radius:10px;padding:7px 11px;outline:none;color-scheme:dark;width:100%}.dlg input:focus,.pop input:focus,.dlg select:focus,.pop select:focus{border-color:var(--ink3)}.dlg .acts,.pop .acts{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.btn{font-size:13px;padding:6px 14px;border-radius:99px;border:1px solid var(--line);color:var(--ink2)}.btn:hover{color:var(--ink);border-color:var(--ink3)}.btn.pri{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.pri:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:default}.pick{display:flex;flex-direction:column;gap:1px;max-height:300px;overflow:auto;margin:0 -8px}.pick button{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px}.pick button:hover,.pick button.sel{background:var(--box)}.pick button small{margin-left:auto;color:var(--ink3);font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font-size:12.5px;padding:2px 11px;border-radius:99px;border:1px solid var(--line);color:var(--ink3);display:inline-flex;gap:6px;align-items:center}.chips button.on{color:var(--ink);background:var(--box);border-color:transparent}.err{color:var(--bad);font-size:12.5px;margin-bottom:8px}.pop{position:absolute;z-index:20;width:340px;background:color-mix(in srgb,var(--ink) 5%,var(--bg));border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 24px 60px #00000073;font-size:13.5px}.pop .f{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.pop label{font-size:12px;color:var(--ink3)}.pop .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,40px);opacity:0;background:var(--ink);color:var(--bg);font-size:13px;padding:8px 14px;border-radius:99px;transition:.25s;z-index:60;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.banner{font-size:12.5px;color:var(--ink3);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-top:14px;display:flex;gap:10px;align-items:center}.banner button{color:var(--ink)}.login{height:100%;display:grid;place-items:center}.login .in{display:flex;flex-direction:column;align-items:center;gap:18px}.login .logo{font-size:18px;margin:0}.login .logo .mk{width:26px;height:26px;font-size:15px;border-radius:7px}.login p{color:var(--ink3);font-size:13.5px;margin:0}.gbtn{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:99px;padding:9px 20px;font-size:14px}.gbtn:hover{border-color:var(--ink3);text-decoration:none}.login .dev{display:flex;gap:8px;font-size:12px}.login .dev a{color:var(--ink3)}@media(max-width:1180px){:root{--sw:230px;--rw:280px}}.row .d.late,.trw .d.late,.trw .s .late{color:var(--bad)}