:root{--bg:#eef1f4;--panel:#fff;--panel2:#f6f8fa;--ink:#1a2430;--muted:#5d6b7a;--line:#dde3e9;--accent:#1f5f8b;--accent-ink:#fff;--accent-soft:#e3eef6;--mail:#5b6f86;--wa:#1f9d57;--fb:#6b4fd8;--them:#f0f3f6;--me:#1f5f8b;--me-ink:#fff;--ok:#1f8a4c;--ok-soft:#e3f4ea;--err:#b4362c;--err-soft:#fbe8e6;--warn:#8a5a00;--warn-soft:#fff3d6;--auto:#6a4fb3;--auto-soft:#f1edfb;--money:#14532d;--money-soft:#eef7f0;--hl:#fff1a8;box-sizing:border-box;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:18px;padding:8px 18px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar .brand{padding:0}.tabs{display:flex;gap:2px}.tabs button{border:0;background:none;padding:7px 13px;border-radius:8px;color:var(--muted);font-weight:500}.tabs button[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.roleSel{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}.roleSel .me{display:flex;align-items:center;gap:8px;color:var(--ink)}.roleSel .me i{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:12px}.roleSel .logout{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:5px 10px;color:var(--ink)}.wsdot{width:8px;height:8px;border-radius:50%;background:var(--line);display:inline-block}.wsdot.on{background:var(--ok)}.app{display:grid;grid-template-columns:220px 340px 1fr 300px;flex:1;min-height:0}.app>*{min-height:0}.side{background:var(--panel2);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:16px;overflow:auto}.brand{font-weight:700;font-size:16px;padding:0 8px;display:flex;gap:8px;align-items:center}.brand i{width:10px;height:10px;border-radius:3px;background:var(--accent);display:inline-block}.side h4{margin:0 0 6px;padding:0 8px;font-size:12px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px}.side .sechead{width:100%;margin:0 0 6px;padding:3px 8px;font-size:12px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;text-align:left;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.side .sechead:hover{background:var(--line);color:var(--ink)}.side .sechead .caret{font-size:10px;width:11px;flex:none;color:var(--muted);text-align:center}.side .sec.closed{margin-bottom:-6px}.nav{display:flex;flex-direction:column;gap:2px}.nav button{display:flex;justify-content:space-between;align-items:center;border:0;background:none;padding:6px 8px;border-radius:7px;text-align:left;font-size:13.5px;width:100%}.nav button:hover{background:var(--line)}.nav button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav .n{font-size:12px;color:var(--muted)}.nav .n b{color:var(--accent)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;flex:none}.dot.email{background:var(--mail)}.dot.whatsapp{background:var(--wa)}.dot.messenger{background:var(--fb)}.list{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.listhead{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.listhead h3{margin:0;font-size:15px}.listhead input{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.items{overflow:auto;flex:1}.item{display:flex;flex-direction:column;gap:4px;padding:11px 14px;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:none;width:100%;text-align:left}.item:hover{background:var(--panel2)}.item.active{background:var(--accent-soft);border-left-color:var(--accent)}.item .r1{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.item .r1 b{color:var(--ink);font-size:12px}.item .subj{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .who{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .chips{display:flex;gap:5px;flex-wrap:wrap}.item.dup{opacity:.75}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:9px;padding:1px 8px;white-space:nowrap}.st-new{background:var(--accent);color:var(--accent-ink)}.st-inwork{background:#e6eefc;color:#2f5bd0}.st-open{background:var(--accent-soft);color:var(--accent)}.st-pending{background:var(--warn-soft);color:var(--warn)}.st-resolved{background:var(--ok-soft);color:var(--ok)}.st-duplicate,.st-dup{background:var(--panel2);color:var(--muted);border:1px solid var(--line)}.cat{background:var(--panel2);color:var(--ink);border:1px solid var(--line);font-weight:500}.cat.none{color:var(--muted);border-style:dashed}.cat.client:before{content:"●";color:var(--auto);font-size:8px}.minecats{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel2)}.minecats .mcchip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer}.minecats .mcchip i{width:9px;height:9px;border-radius:50%;flex:none}.minecats .mcchip small{color:var(--muted);font-weight:700}.minecats .mcchip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.minecats .mcchip.on small{color:var(--accent)}.catgroup+.catgroup{margin-top:2px}.catgrouphead{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:7px;padding:7px 14px;background:var(--panel2);border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink)}.catgrouphead i{width:10px;height:10px;border-radius:50%;flex:none}.catgrouphead .n{margin-left:auto;font-size:11.5px;color:var(--muted);font-weight:600}.pager{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--line);background:var(--panel2)}.pager .pg{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:4px 9px;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer}.pager .pg:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pager .pg:disabled{opacity:.45;cursor:default}.pager .pg.num{min-width:30px;text-align:center}.pager .pg.num.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.pager .pgdots{color:var(--muted);padding:0 2px}.pager .pgcount{margin-left:auto;font-size:11.5px;color:var(--muted)}.main{display:flex;flex-direction:column;background:var(--bg);min-width:0}.mhead{background:var(--panel);border-bottom:1px solid var(--line);padding:14px 18px;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.mtitle{flex:1;min-width:240px;display:flex;flex-direction:column;gap:7px}.mtitle .tno{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mtitle .tno b{color:var(--ink)}.mtitle h2{margin:0;font-size:18px;letter-spacing:-.01em}.mtitle .client{font-size:13px;color:var(--muted)}.mtitle .client b{color:var(--ink)}.ctrls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ctrls label{font-size:12px;color:var(--muted);display:flex;gap:5px;align-items:center}.ctrls select,.ctrls button{border:1px solid var(--line);background:var(--panel);padding:5px 10px;border-radius:8px;font-size:13px}.ctrls .resolve{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:600}.ctrls .inwork{background:#eef3fe;border-color:#c9d8f7;color:#2f5bd0;font-weight:600}.ctrls .noreply{background:var(--panel);border-color:var(--line);color:var(--muted)}.ctrls .noreply.go{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.ctrls .noreply-confirm{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:3px 6px 3px 10px}.salary{border:1px solid var(--line);border-radius:12px;padding:9px 13px;min-width:250px;background:var(--panel)}.salary .st{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.salary .st b{color:var(--ink)}.srow{display:grid;grid-template-columns:60px 1fr auto;gap:8px;font-size:13px;padding:3px 4px;align-items:baseline;width:100%;border:0;background:none;text-align:left;border-radius:6px;color:inherit;font:inherit}.srow .m{font-size:12px;color:var(--muted)}.srow b{font-weight:600;text-align:right}.srow .miss{color:var(--warn);font-weight:500;font-size:12px}.savg{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:5px;padding-top:6px;align-items:baseline}.savg span{font-size:12px;color:var(--muted);font-weight:600}.savg b{font-size:18px;color:var(--money)}.snote{margin-top:6px;font-size:12px;color:var(--warn);background:var(--warn-soft);border-radius:7px;padding:5px 8px}.snote.ok{color:var(--ok);background:var(--ok-soft)}.salary.empty{color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:8px;justify-content:center}.salary.empty b{color:var(--ink)}.salary.empty button{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:5px 10px;align-self:flex-start;color:var(--ink);font:inherit}.salary.empty button:hover{border-color:var(--accent);cursor:pointer}.banner{margin:12px 18px 0;border-radius:10px;padding:10px 12px;font-size:13px;display:flex;gap:10px;align-items:flex-start}.banner.dup{background:var(--panel);border:1px dashed var(--line);color:var(--muted)}.banner.res{background:var(--ok-soft);color:var(--ok)}.banner button{margin-left:auto;border:1px solid currentColor;background:none;color:inherit;border-radius:7px;padding:2px 9px;font-size:12px;flex:none}.thread{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.thread>*{flex:none}.mail{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--mail);border-radius:10px;overflow:hidden}.mail.out{border-left-color:var(--accent)}.mail.auto{border-left-color:var(--auto);background:var(--auto-soft)}.mail.late{opacity:.85;border-left-color:var(--muted)}.mail .eh{padding:9px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;font-size:13px;border-bottom:1px solid var(--line)}.mail .eh .s{grid-column:1/-1;font-weight:600;font-size:14.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mail .eh .k{color:var(--muted)}.mail .eb{padding:11px 14px;white-space:pre-wrap;line-height:1.55;max-width:76ch}.mail details summary{padding:9px 14px;cursor:pointer;font-size:13px;list-style:none;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mail details summary::-webkit-details-marker{display:none}.mail details[open] summary{border-bottom:1px solid var(--line)}.autotag{font-size:11px;font-weight:700;color:var(--auto);background:var(--panel);border:1px solid var(--auto);border-radius:9px;padding:0 7px}.lateTag{font-size:11px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:0 7px}.atts{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 12px}.att{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 10px 6px 6px;background:var(--panel2);font-size:12.5px;text-align:left;max-width:290px}.att:hover{border-color:var(--accent)}.att .th{width:46px;height:58px;border-radius:5px;background:#e8e8e3;flex:none;object-fit:cover;border:1px solid var(--line)}img.att .th,.att img.th{display:block}.att .th.badge{display:grid;place-items:center;font-size:10px;color:#fff;font-weight:700}.att .th.badge.pdf{background:#c8443a}.att .th.badge.img{background:#5b6f86}.att b{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.att small{color:var(--muted);display:block}.tchip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:9px;padding:1px 7px;margin-top:3px}.tchip.bank_statement{background:var(--money-soft);color:var(--money)}.tchip.payslip{background:#e6eefc;color:#2f5fb3}.tchip.locked,.tchip.warn{background:var(--warn-soft);color:var(--warn)}.tchip.other{background:var(--panel);color:var(--muted);border:1px solid var(--line)}.catpick{margin:2px 14px 14px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel)}.catpick p{margin:0 0 8px;font-size:13px}.catbtns{display:flex;flex-wrap:wrap;gap:8px}.catbtns button{border:1px solid #0b57d0;color:#0b57d0;background:#fff;border-radius:18px;padding:6px 13px;font-size:13px;font-weight:600}.catbtns button[aria-pressed=true]{background:#0b57d0;color:#fff}.catpick small{display:block;margin-top:8px;color:var(--muted);font-size:11.5px}.sys{align-self:center;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:3px 11px;background:var(--panel);text-align:center;max-width:90%}.sys.c{color:var(--auto);border-color:var(--auto)}.composer{background:var(--panel);border-top:1px solid var(--line);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.composer .row{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;min-height:46px;max-height:160px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--panel2)}.composer .send{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:9px 16px;font-weight:600}.composer .hint{font-size:12px;color:var(--muted)}.composer.locked{align-items:center;color:var(--muted);font-size:13px;flex-direction:row;justify-content:center;padding:14px}.msgs{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:8px}.msg{max-width:min(520px,82%);display:flex;flex-direction:column;gap:3px}.msg .bubble{padding:8px 12px;border-radius:12px;background:var(--them);white-space:pre-wrap}.msg.out{align-self:flex-end}.msg.out .bubble{background:var(--me);color:var(--me-ink)}.msg .info{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.msg.out .info{justify-content:flex-end}.day{align-self:center;font-size:11px;color:var(--muted);padding:2px 0}.side2{background:var(--panel);border-left:1px solid var(--line);overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.side2 h4{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:600;display:flex;justify-content:space-between}.ccard{display:flex;gap:10px;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;background:var(--line);flex:none}.ids{font-size:13px;display:flex;flex-direction:column;gap:3px;margin-top:8px}.ids div{display:flex;align-items:center;word-break:break-all}.tlist{display:flex;flex-direction:column;gap:6px}.trow{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:none;text-align:left;display:flex;flex-direction:column;gap:3px;width:100%}.trow:hover{border-color:var(--accent)}.trow.cur{border-color:var(--accent);background:var(--accent-soft)}.trow .t1{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}.trow b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa{border:1px solid var(--line);border-radius:10px;overflow:hidden}.wa .wb{padding:8px;display:flex;flex-direction:column;gap:5px;background:var(--panel2);max-height:210px;overflow:auto}.wa .wm{font-size:12.5px;padding:5px 9px;border-radius:9px;background:var(--panel);max-width:88%}.wa .wm.o{align-self:flex-end;background:var(--me);color:var(--me-ink)}.wa .wm small{display:block;font-size:10.5px;opacity:.7}.wa button{width:100%;border:0;border-top:1px solid var(--line);background:var(--panel);padding:7px;font-size:13px;color:var(--accent);font-weight:600}.empty{color:var(--muted);font-size:13px}.ahentry{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:var(--panel2);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.ahentry:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.ahentry .n{color:var(--accent);font-weight:700}.ahentry .ahentry-r{font-size:12px;color:var(--accent);font-weight:600}.ahentry.empty{color:var(--muted);cursor:default;background:var(--panel)}.ahentry.empty .n,.ahentry.empty .ahentry-r{color:var(--muted)}.ahmodal{width:min(560px,100%)}.ahlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ahrow{display:grid;grid-template-columns:132px 1fr auto;grid-template-areas:"act who time" "act meta time";gap:1px 12px;align-items:center;padding:10px 6px;border-bottom:1px solid var(--line)}.ahrow:last-child{border-bottom:0}.ahact{grid-area:act;font-weight:700;font-size:12.5px;padding:3px 9px;border-radius:14px;justify-self:start;border:1px solid var(--line)}.ahrow.give .ahact{color:#0a7d3c;background:#10a0501a;border-color:#10a0504d}.ahrow.take .ahact{color:#b4521a;background:#c86e1e1a;border-color:#c86e1e4d}.ahwho{grid-area:who;font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}.ahwho .ahar{color:var(--muted);font-weight:700}.ahmeta{grid-area:meta;font-size:12px;color:var(--muted)}.ahtime{grid-area:time;font-size:11.5px;color:var(--muted);white-space:nowrap;justify-self:end}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1473;display:grid;place-items:center;z-index:30;padding:20px}.mbox{background:var(--panel);border-radius:14px;width:min(600px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.mbox header{padding:16px 20px;border-bottom:1px solid var(--line)}.mbox header h3{margin:0;font-size:16px}.mbox header p{margin:4px 0 0;color:var(--muted);font-size:13px}.mbox .mb{padding:14px 20px;overflow:auto}.mbox footer{padding:12px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;align-items:center}.mbox footer label{margin-right:auto;font-size:13px;display:flex;gap:6px;align-items:center}.mbox footer button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 14px}.mbox footer .go{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:600}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:var(--panel);padding:10px 16px;border-radius:10px;font-size:13px;z-index:50;max-width:92%}.login{height:100%;display:grid;place-items:center;background:var(--bg)}.loginbox{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;width:min(380px,92vw);display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 40px #141e2d14}.loginbox .brand{font-size:19px;justify-content:center}.loginbox p{margin:0;color:var(--muted);font-size:13px;text-align:center}.loginbox label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500}.loginbox input{border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--panel2)}.loginbox button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:9px;padding:11px;font-weight:600;font-size:14px}.loginbox .err{color:var(--err);font-size:13px;min-height:1em;text-align:center}.loginbox .hint{font-size:12px;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:10px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f1419;display:grid;grid-template-columns:150px 1fr 320px;grid-template-rows:auto 1fr;color:#e8edf2}.vbar{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #26303a;background:#161d24;flex-wrap:wrap}.vbar .fn{font-weight:600;flex:1;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vbar .fn small{display:block;font-weight:400;color:#9aa8b6;font-size:12px}.vbar button,.vbar label{border:1px solid #33404c;background:#1e2730;color:#e8edf2;border-radius:8px;padding:6px 11px;font-size:13px;display:flex;gap:6px;align-items:center}.vbar button:hover{background:#273340}.vbar .dl{background:#2d6f9d;border-color:#2d6f9d;font-weight:600}.vbar input[type=checkbox]{accent-color:#f5c518}.vthumbs{overflow:auto;padding:10px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #26303a;background:#131a20}.vthumbs button{border:2px solid transparent;background:none;padding:0;border-radius:6px;text-align:left;color:#c6d0da;font-size:11px;width:100%}.vthumbs button[aria-current=true]{border-color:#5aa7dc}.vthumbs img,.vthumbs canvas{width:100%;display:block;border-radius:4px;background:#2a333c}.vthumbs span{display:block;padding:3px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vstage{overflow:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:18px;background:#0f1419}.vstage img,.vstage canvas{box-shadow:0 6px 24px #00000080;background:#fff;transition:transform .2s;max-width:none}.vstage .pgl{font-size:12px;color:#8c99a6}.lockbox{background:#1b232b;border:1px solid #33404c;border-radius:12px;padding:26px;max-width:420px;margin:60px auto;display:flex;flex-direction:column;gap:10px;text-align:center}.lockbox .hint{color:#9aa8b6;font-size:13px}.lockbox input{background:#0f1419;border:1px solid #33404c;border-radius:8px;padding:9px 10px;color:#e8edf2;text-align:center;letter-spacing:.06em}.lockbox button{background:#2d6f9d;border:0;color:#fff;border-radius:8px;padding:9px;font-weight:600}.lockbox button:disabled{opacity:.6;cursor:not-allowed}.lockbox .err{color:#ff8a7d;font-size:13px;min-height:1em}.straight{font-size:12px;color:#9be3b4}.vloading{color:#9aa8b6;margin-top:40px}.vinfo{overflow:auto;padding:16px;border-left:1px solid #26303a;background:#161d24;display:flex;flex-direction:column;gap:14px;font-size:13px}.vinfo h4{margin:0 0 6px;font-size:12px;color:#9aa8b6;font-weight:600}.vinfo dl{display:grid;grid-template-columns:96px 1fr;gap:4px 8px;margin:0}.vinfo dt{color:#9aa8b6}.vinfo dd{margin:0;word-break:break-all}.vinfo ul{margin:0;padding-left:18px;color:#c6d0da}.vinfo .ok{color:#5fcf8e}.vinfo .bad{color:#f3d58a}.vtype{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px;font-weight:600}.vtype small{font-size:12px;color:#9aa8b6;font-weight:400}.vinfo .sal{border:1px solid #33404c;border-radius:10px;padding:8px 10px}.vinfo .sal div{display:flex;justify-content:space-between;padding:2px 0}.vinfo .sal .a{border-top:1px solid #33404c;margin-top:4px;padding-top:6px;font-weight:600;color:#9be3b4}.vnote{font-size:12px;color:#f3d58a;background:#2a230f;border:1px solid #4a3d16;border-radius:8px;padding:7px 9px}@media (max-width:1250px){.app{grid-template-columns:200px 300px 1fr}.side2{display:none}}.page{flex:1;min-height:0;overflow:auto;padding:20px 26px;background:var(--bg)}.page h1{margin:0 0 2px;font-size:22px}.page .ph{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.page .ph p{margin:2px 0 0;color:var(--muted);font-size:13px;max-width:560px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.btn{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 12px;color:var(--ink);font-weight:600;font-size:13px;cursor:pointer}.btn:hover{background:var(--panel2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(.95)}.btn:disabled{opacity:.5;cursor:default}.btn.takeall{border-color:var(--warn);color:var(--warn)}.btn.takeall:hover:not(:disabled){background:var(--warn-soft)}.planbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.planbar .saved{font-size:12.5px;color:var(--ok)}.online{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:6px}.online.off{background:var(--line)}.dfil{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:12px 24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:16px}.dfil label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.dfil select,.dfil input[type=datetime-local]{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 9px;font-weight:400;color:var(--ink)}.dfil .range{display:flex;gap:8px;flex-wrap:wrap}.dfil .range input{flex:1;min-width:170px}.catchips{display:flex;flex-wrap:wrap;gap:7px}.catchips label{flex-direction:row;align-items:center;gap:7px;border:1px solid var(--line);border-radius:18px;padding:5px 11px;font-weight:500;color:var(--ink);font-size:13px;cursor:pointer;background:var(--panel)}.catchips label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.catchips input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.catchips i{width:10px;height:10px;border-radius:3px}.catchips small{color:var(--muted);font-weight:400}.dgrid{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:20px;align-items:start}.pilecard{position:sticky;top:0}.pilecount{font-size:30px;font-weight:700;line-height:1;text-align:center}.pilecount small{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:4px}.envpile{position:relative;height:250px;margin:6px auto 8px;width:260px}.envpile svg{width:150px;filter:drop-shadow(0 1px 0 #b9b2a3)}.envpile.empty{height:auto;min-height:120px;width:auto;display:grid;place-items:center;margin:14px auto 6px}.envpile.empty .emptybox{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--muted);padding:6px 10px}.envpile.empty .env{line-height:0}.envpile.empty .env svg{width:52px;filter:none;opacity:.7}.envpile.empty b{color:var(--ink);font-size:13.5px;font-weight:600}.envpile.empty small{font-size:12px;color:var(--muted);max-width:200px}.per{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.per b{font-size:14px}.per .row{display:flex;gap:8px;align-items:center;justify-content:center}.per input{width:110px;text-align:center;font-size:18px;font-weight:700;border:1px solid var(--line);border-radius:9px;padding:7px}.per .sum{font-size:12.5px;color:var(--muted)}.per .sum.warn{color:var(--warn)}.bigbtn{width:100%;border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:10px;padding:11px;font-size:15px;margin-top:6px;cursor:pointer}.bigbtn:disabled{opacity:.5;cursor:default}.toggle{display:flex;gap:8px;align-items:flex-start;font-size:13px;text-align:left;margin-top:6px}.toggle span{color:var(--muted);font-size:12px;display:block}.agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.agent{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:56px 1fr 52px;gap:6px 10px;align-items:center;position:relative;transition:box-shadow .3s,border-color .3s}.agent.done{border-color:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.agent .top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:6px}.agent .top b{font-size:14px}.agent .top .x{border:0;background:none;color:var(--muted);font-size:16px;padding:0 4px;cursor:pointer}.agent .alloc{display:flex;flex-direction:column;align-items:center;gap:4px}.agent .alloc input{width:54px;text-align:center;border:1px solid var(--line);border-radius:7px;padding:4px;font-weight:700}.agent .alloc small{font-size:10.5px;color:var(--muted)}.laptop{position:relative;width:100%;max-width:130px;justify-self:center}.laptop .scr{background:linear-gradient(160deg,#3d4652,#1f252c);border:4px solid #2a3038;border-radius:7px 7px 2px 2px;aspect-ratio:16/10;display:grid;place-items:center;color:#fff}.laptop .scr b{font-size:22px;line-height:1}.laptop .scr small{display:block;font-size:9.5px;opacity:.75;text-align:center}.laptop .base{height:9px;background:linear-gradient(#c9ced4,#9aa1a8);border-radius:0 0 9px 9px;margin:0 -10px}.agent .icons{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.agent .icons div{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:15px}.agent .icons b{color:var(--ink);font-size:13px}.agent .bar2{grid-column:1/-1;height:6px;border-radius:3px;background:var(--panel2);overflow:hidden}.agent .bar2 span{display:block;height:100%;background:var(--ok);transition:width .4s}.agent .foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:8px}.agent .more{border:1px solid var(--accent);color:var(--accent);background:var(--panel);border-radius:8px;padding:4px 10px;font-weight:600;font-size:12.5px;cursor:pointer}.agent .more:disabled{opacity:.45;cursor:default}.agent.done .more{background:var(--ok);border-color:var(--ok);color:#fff}.agent .icons svg{display:block}.agent .footbtns{display:flex;gap:6px;align-items:center}.agent .giveback{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:8px;padding:4px 10px;font-weight:600;font-size:12.5px;cursor:pointer}.agent .giveback:hover:not(:disabled){border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}.agent .giveback:disabled{opacity:.4;cursor:default}.flyenv{position:fixed;z-index:60;width:30px;pointer-events:none}@media (prefers-reduced-motion:reduce){.flyenv{display:none}}.addagent{border:2px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:190px;color:var(--muted);padding:14px;min-width:0}.addagent select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--panel)}@media (max-width:1000px){.dgrid,.dfil{grid-template-columns:1fr}.pilecard{position:static}}.teamgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.teamcard{display:flex;flex-direction:column;gap:12px;flex:1 1 380px;min-width:0;max-width:480px}.teamhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.teamhead .htitle{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.teamhead h3{margin:0;font-size:16px}.teamhead .muted{font-size:12px;color:var(--muted)}.teamhead .dirty{font-size:11.5px;font-weight:600;color:var(--warn);background:var(--warn-soft);border:1px solid var(--warn);border-radius:12px;padding:1px 9px;display:inline-flex;align-items:center;gap:5px}.teamcols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.teamcol{min-width:0}.teamcol h4{margin:0 0 6px;font-size:12px;color:var(--muted);font-weight:600}.leadhint{font-size:11px;color:var(--muted);font-weight:400;margin:0 0 6px;display:flex;align-items:center;gap:5px}.leadhint b{color:var(--warn);font-weight:700}.teamcol .memtools{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.teamcol .memsearch{width:100%;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--ink);font-size:12.5px}.teamcol .memsearch:focus{outline:2px solid var(--accent);outline-offset:1px}.teamcol .selonly{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500;cursor:pointer}.teamcol .selonly input{margin:0}.picklist{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:6px}.pickrow{display:flex;align-items:center;justify-content:space-between;gap:6px;border-radius:7px;padding:4px 7px}.pickrow.on{background:var(--accent-soft)}.pick{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);cursor:pointer;flex:1;min-width:0}.pick input{flex:none}.pick>span{min-width:0;overflow-wrap:anywhere;word-break:break-word}.pick small{color:var(--muted);font-weight:400}.pickrow.inboxrow{align-items:flex-start;border:1px solid var(--line);background:var(--panel);padding:7px 9px}.pickrow.inboxrow.on{border-color:var(--accent);background:var(--accent-soft)}.pickrow.inboxrow input{margin-top:2px}.inboxlabel{display:flex;flex-direction:column;gap:1px;min-width:0}.inboxlabel b{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.25}.inboxlabel small{font-size:11px;color:var(--muted);line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.leadtag{font-size:10.5px;font-weight:700;color:var(--warn);background:var(--warn-soft);border-radius:10px;padding:0 6px;margin-left:4px}.leadbtn{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:14px;padding:2px 9px;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}.leadbtn:hover{border-color:var(--warn);color:var(--warn)}.leadbtn.on{border-color:var(--warn);background:var(--warn);color:#fff}.teamfoot{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:auto}.teamsaved{font-size:12px;font-weight:600;color:var(--ok);margin-right:auto;display:inline-flex;align-items:center;gap:5px}@media (max-width:900px){.teamcols{grid-template-columns:1fr}}