:root,[data-theme=light]{--bg:#fbf7f1;--bg-raised:#fff;--bg-high:#f3ece2;--line:#d9cfc1;--line-strong:#8f8272;--text:#211c16;--text-muted:#6b5f52;--brand:#ef6925;--on-brand:#211c16;--brand-strong:#c94a0b;--on-brand-strong:#fff;--brand-deep:#a83b06;--brand-soft:#fde7d8;--rail-bg:#211c16;--rail-text:#b8ac9e;--ok:#1f7a63;--bad:#b3382a;--warn:#8a5a00;--wf-paper:#fff;--wf-ink:#111;--wf-mute:#555;--wf-line:#8a8a8a;--wf-fill:#ededed;--wf-fill-2:#d9d9d9;--shadow-dialog:0 12px 40px #00000059}[data-theme=dark]{--bg:#211c16;--bg-raised:#2b251e;--bg-high:#382f26;--line:#5a4e40;--line-strong:#7a6c5b;--text:#f5efe8;--text-muted:#b8ac9e;--brand:#ef6925;--on-brand:#211c16;--brand-strong:#ef6925;--on-brand-strong:#211c16;--brand-deep:#f58a55;--brand-soft:#3b2a1d;--rail-bg:#1a1612;--rail-text:#b8ac9e;--ok:#5cc2a7;--bad:#ff8a7a;--warn:#f2b84b}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius-wf:2px;--radius-hd:8px;--radius-pill:99px;--font-sans:"Be Vietnam Pro", system-ui, sans-serif;--font-mono:ui-monospace, Menlo, Consolas, monospace}.hmt{box-sizing:border-box;font:13px/1.45 var(--font-sans);background:var(--c-bg);color:var(--c-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.hmt *{box-sizing:border-box}.hmt.hd{--c-bg:var(--bg);--c-pn:var(--bg-raised);--c-pn2:var(--bg-high);--c-ln:var(--line);--c-lns:var(--line-strong);--c-ink:var(--text);--c-mute:var(--text-muted);--c-acc:var(--brand);--c-on:var(--on-brand);--c-soft:var(--brand-soft);--c-btn:var(--brand-strong);--c-btn-on:var(--on-brand-strong);--c-link:var(--brand-deep);--c-r:8px}.hmt.wf{--c-bg:var(--wf-paper);--c-pn:var(--wf-paper);--c-pn2:var(--wf-fill);--c-ln:var(--wf-line);--c-lns:var(--wf-line);--c-btn:var(--wf-ink);--c-btn-on:var(--wf-paper);--c-link:var(--wf-ink);--c-ink:var(--wf-ink);--c-mute:var(--wf-mute);--c-acc:var(--wf-ink);--c-on:var(--wf-paper);--c-soft:var(--wf-fill);--c-r:2px}.hmt .mute{color:var(--c-mute)}.fh{border-bottom:1px dashed var(--c-ln);color:var(--c-mute);background:var(--c-pn2);flex:none;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.fh b{color:var(--c-ink);font:600 12px var(--font-mono)}.tg{font:700 10px/1 var(--font-sans);letter-spacing:.03em;border-radius:3px;padding:3px 6px;display:inline-block}.tg.odoo{background:var(--wf-fill-2);color:var(--wf-ink)}.tg.khac{background:var(--brand);color:var(--on-brand)}.app{flex:1;min-height:0;display:flex;position:relative}.rail{border-right:1px solid var(--c-ln);background:var(--c-pn);flex-direction:column;flex:none;gap:2px;width:78px;padding:6px 0;display:flex}.rail .ap{color:var(--c-mute);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-size:10px;display:flex}.rail .ap i{border-radius:var(--c-r);border:1.5px solid;width:22px;height:22px}.rail .ap.on{color:var(--c-ink);font-weight:600}.rail .ap.on i{background:var(--c-acc);border-color:var(--c-acc)}.hd .rail{background:var(--rail-bg);border-color:var(--rail-bg)}.hd .rail .ap{color:var(--rail-text)}.hd .rail .ap.on{color:var(--brand)}.hd .top,.hd .cp{background:var(--c-pn)}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.top{border-bottom:1px solid var(--c-ln);flex:none;align-items:center;gap:12px;height:40px;padding:0 14px;font-size:12px;display:flex}.top .sp{flex:1}.pill{border:1px solid var(--c-lns);border-radius:99px;padding:2px 10px;font-size:12px}.av{border:1.5px solid var(--c-ln);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:600;display:inline-flex}.cp{border-bottom:1px solid var(--c-ln);flex-direction:column;flex:none;gap:8px;padding:10px 14px 8px;display:flex;position:relative}.cp .r1{align-items:center;gap:10px;display:flex}.crumb{white-space:nowrap;font-size:15px;font-weight:600}.crumb span{color:var(--c-mute);font-weight:400}.btn{border:1px solid var(--c-lns);border-radius:var(--c-r);font:500 12px var(--font-sans);color:var(--c-ink);cursor:pointer;white-space:nowrap;background:0 0;padding:5px 11px}.btn.p{background:var(--c-btn);color:var(--c-btn-on);border-color:var(--c-btn)}.hd .btn.p:hover{background:var(--brand-deep);border-color:var(--brand-deep)}.hd .btn:not(.p):hover{background:var(--c-pn2)}.hmt :focus-visible{outline:2px solid var(--c-btn);outline-offset:2px}.btn.dis{opacity:.5;border-style:dashed}.search{border:1px solid var(--c-lns);border-radius:var(--c-r);max-width:640px;height:30px;color:var(--c-mute);flex:1;align-items:center;gap:8px;margin-left:auto;padding:0 8px;display:flex;position:relative}.search .t{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.search .dd{border-left:1px solid var(--c-ln);color:var(--c-ink);white-space:nowrap;cursor:pointer;padding-left:8px;font-size:12px}.views{border:1px solid var(--c-lns);border-radius:var(--c-r);display:flex;overflow:hidden}.views b{cursor:pointer;justify-content:center;align-items:center;min-width:30px;height:28px;padding:0 8px;font-size:11px;font-weight:600;display:flex}.views b.on{background:var(--c-acc);color:var(--c-on)}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--c-lns);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:99px;padding:2px 10px;font-size:12px}.chip.on{background:var(--c-acc);color:var(--c-on);border-color:var(--c-acc)}.chip.dis{opacity:.45;cursor:not-allowed;border-style:dashed}.chips .sep{background:var(--c-ln);width:1px;height:16px;margin:0 4px}.chips .gl{color:var(--c-mute);font-size:11px}.menu{background:var(--c-bg);border:1.5px solid var(--c-ln);border-radius:var(--c-r);box-shadow:var(--shadow-dialog);z-index:6;min-width:190px;margin-top:4px;padding:8px 0;font-size:12.5px;position:absolute;top:100%}.menu div{cursor:pointer;align-items:center;gap:8px;padding:5px 14px;display:flex}.menu div:hover{background:var(--c-pn2)}.menu .mh{color:var(--c-mute);text-transform:uppercase;cursor:default;font-size:10px;font-weight:700}.menu hr{border:0;border-top:1px solid var(--c-ln);margin:6px 0}.menu.wide{min-width:560px;padding:0;display:flex}.menu.wide section{border-right:1px solid var(--c-ln);flex:1;padding:8px 0}.menu.wide section:last-child{border:0}.body{flex:1;min-height:0;position:relative;overflow:auto}table.lst{border-collapse:collapse;width:100%}.lst th{text-align:left;border-bottom:1.5px solid var(--c-ln);background:var(--c-pn2);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}.lst td{border-bottom:1px solid var(--c-ln);white-space:nowrap;padding:7px 10px;font-size:12.5px}.lst tr.sel td{background:var(--c-pn2)}.lst tr.grp td{background:var(--c-pn2);font-weight:600}.lst .cb{width:34px}.lst .num{text-align:right}.lst td.in{border:1.5px solid var(--c-acc)}.lst td.err{border:1.5px dashed var(--c-ink);font-weight:600}.cbx{border:1.5px solid var(--c-lns);vertical-align:middle;border-radius:3px;width:14px;height:14px;display:inline-block;position:relative}.cbx.on{background:var(--c-acc);border-color:var(--c-acc)}.cbx.on:after{content:"";border:solid var(--c-on);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.badge{border:1px solid var(--c-ln);white-space:nowrap;border-radius:99px;padding:1px 8px;font-size:11px;display:inline-block}.badge.b{background:var(--c-acc);color:var(--c-on);border-color:var(--c-acc)}.badge.d{border-style:dashed}.sbar{border-bottom:1px solid var(--c-ln);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;display:flex}.stages{margin-left:auto;display:flex}.stages.many{width:100%;margin-left:0;padding-bottom:2px;overflow:auto}.stg{border:1px solid var(--c-ln);cursor:pointer;white-space:nowrap;margin-left:-1px;padding:5px 12px;font-size:12px}.stg.on{background:var(--c-acc);color:var(--c-on);border-color:var(--c-acc);font-weight:600}.stg.done{background:var(--c-pn2)}.hd .stg{background:var(--c-pn2);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);border:0;margin-left:-8px;padding:6px 20px 6px 24px}.hd .stg:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);margin-left:0}.hd .stg.on{background:var(--c-acc);color:var(--c-on)}.subs{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px 0;font-size:12px;display:flex}.subs .lb{color:var(--c-mute);font-size:11px}.fwrap{flex:1;min-height:0;display:flex}.fcol{flex:1;min-width:0;overflow:auto}.chatter{border-left:1px solid var(--c-ln);flex:none;width:290px;padding:12px;font-size:12px;overflow:auto}.chatter .ch{flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.chatter .ch span{cursor:pointer}.chatter .ch .act{color:var(--c-link)}.wf .chatter .ch .act{text-decoration:underline}.chatter .day{text-align:center;color:var(--c-mute);margin:10px 0 6px;font-size:11px}.chatter .msg{border:1px solid var(--c-ln);border-radius:var(--c-r);margin-bottom:8px;padding:7px 9px}.chatter .msg small{color:var(--c-mute);display:block}.chatter .msg.done{opacity:.6;text-decoration:line-through}.smarts{flex-wrap:wrap;justify-content:flex-end;padding:12px 14px 0;display:flex}.sm{border:1px solid var(--c-ln);cursor:pointer;align-items:center;gap:8px;margin-left:-1px;padding:6px 14px;font-size:12px;display:flex}.sm b{font-size:15px}.hd .sm{border-radius:0}.hd .sm:first-child{border-radius:8px 0 0 8px}.hd .sm:last-child{border-radius:0 8px 8px 0}.sheet{padding:10px 18px 18px}.ttl{margin:4px 0 12px;font-size:22px;font-weight:600;line-height:1.25}.ttl small{color:var(--c-mute);font-size:11px;font-weight:500;display:block}.g2{grid-template-columns:1fr 1fr;gap:4px 36px;display:grid}.f{grid-template-columns:128px 1fr;align-items:center;gap:8px;min-height:30px;display:grid}.f label{color:var(--c-mute);font-size:12px}.f.req label:after{content:" *"}.f .v{border-bottom:1px solid var(--c-lns);flex-wrap:wrap;align-items:center;gap:6px;min-height:26px;padding:3px 2px;font-size:13px;display:flex}.f .v.sel:after{content:"▾";color:var(--c-mute);margin-left:auto}.f .v.ro{color:var(--c-mute);border-bottom-style:dashed}.f .v.err{border-bottom:2px solid var(--c-ink)}.sec{text-transform:uppercase;letter-spacing:.03em;color:var(--c-mute);margin:12px 0 4px;font-size:12px;font-weight:700}.tabs{border-bottom:1px solid var(--c-ln);margin-top:14px;display:flex}.tab{cursor:pointer;color:var(--c-mute);border-bottom:2px solid #0000;padding:7px 14px;font-size:12.5px}.tab.on{color:var(--c-ink);border-color:var(--c-acc);font-weight:600}.tp{padding:12px 0;display:none}.tp.on{display:block}.ann{border:1px dashed var(--c-ln);border-radius:var(--c-r);color:var(--c-mute);align-items:flex-start;gap:6px;margin:6px 0;padding:6px 9px;font-size:11.5px;display:flex}.ann .tg{flex:none}.vis{border-collapse:collapse;margin:6px 0;font-size:11.5px}.vis th,.vis td{border:1px solid var(--c-ln);text-align:left;padding:3px 8px}.vis th{background:var(--c-pn2)}.veil{z-index:5;background:#211c1673;justify-content:center;align-items:flex-start;padding-top:30px;display:flex;position:absolute;inset:0}.wf .veil{background:#ffffffb8}.dlg{background:var(--c-bg);border:1.5px solid var(--c-ln);border-radius:calc(var(--c-r)*1.5);width:min(660px,94%);box-shadow:var(--shadow-dialog);flex-direction:column;max-height:calc(100% - 50px);display:flex}.dlg.w{width:min(900px,96%)}.dlg.s{width:min(460px,94%)}.dlg h4{border-bottom:1px solid var(--c-ln);justify-content:space-between;align-items:center;margin:0;padding:11px 16px;font-size:15px;display:flex}.dlg .db{padding:14px 16px;overflow:auto}.dlg .df{border-top:1px solid var(--c-ln);flex-wrap:wrap;gap:8px;padding:10px 16px;display:flex}.opt{border:1px solid var(--c-lns);border-radius:var(--c-r);cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:6px;padding:7px 10px;display:flex}.opt.on{border-color:var(--c-acc);background:var(--c-soft);border-width:1.5px}.rad{border:1.5px solid var(--c-lns);border-radius:50%;flex:none;width:14px;height:14px;margin-top:2px}.opt.on .rad{border:4px solid var(--c-acc)}.hid{display:none!important}.kb{align-items:flex-start;gap:10px;height:100%;padding:12px 14px;display:flex;overflow:auto}.col{border:1px solid var(--c-ln);border-radius:var(--c-r);background:var(--c-pn2);flex-direction:column;flex:none;width:206px;max-height:100%;display:flex}.col h5{border-bottom:1px solid var(--c-ln);justify-content:space-between;gap:6px;margin:0;padding:8px 10px;font-size:12px;display:flex}.col .cs{flex-direction:column;gap:8px;min-height:64px;padding:8px;display:flex;overflow:auto}.kc{border:1px solid var(--c-ln);border-radius:var(--c-r);background:var(--c-bg);cursor:grab;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;display:flex}.kc b{font-size:12.5px}.kc .mt{color:var(--c-mute);justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.kc.drag{opacity:.35}.col.over{outline:2px dashed var(--c-acc);outline-offset:-2px}.cal{grid-template-rows:32px repeat(10,40px);grid-template-columns:50px repeat(7,1fr);min-width:760px;display:grid}.cal .hh{border-bottom:1.5px solid var(--c-ln);background:var(--c-pn2);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.cal .hl{color:var(--c-mute);text-align:right;border-bottom:1px solid var(--c-ln);padding-right:6px;font-size:10px}.cal .cc{border-bottom:1px solid var(--c-ln);border-left:1px solid var(--c-ln)}.cal .ev{border:1.5px solid var(--c-acc);border-radius:var(--c-r);background:var(--c-soft);z-index:1;margin:2px;padding:2px 6px;font-size:11px;overflow:hidden}.cal .ev.dn{opacity:.55;text-decoration:line-through}.cal .ev.cx{opacity:.7;border-style:dashed}.csb{border-right:1px solid var(--c-ln);flex:none;width:190px;padding:12px;font-size:12px}.csb h6{text-transform:uppercase;color:var(--c-mute);margin:10px 0 6px;font-size:11px}.csb div.r{align-items:center;gap:8px;padding:3px 0;display:flex}.toast{background:var(--c-ink);color:var(--c-bg);z-index:9;border-radius:8px;max-width:80%;padding:8px 14px;font-size:12.5px;display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.st{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:30px;display:flex}.st .ico{border:2px solid var(--c-ln);width:64px;height:64px;color:var(--c-mute);border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex}.sk{background:var(--c-pn2);border-radius:4px;height:14px;margin:10px 0;animation:1.2s ease-in-out infinite pl}@keyframes pl{50%{opacity:.4}}.seg{border:1px solid var(--c-lns);border-radius:var(--c-r);display:inline-flex;overflow:hidden}.seg b{cursor:pointer;padding:5px 12px;font-size:12px}.seg b.on{background:var(--c-btn);color:var(--c-btn-on)}.ph{border:1px solid var(--c-ln);background:var(--c-bg);flex-direction:column;width:390px;height:100%;margin:0 auto;display:flex;position:relative}.ph .hdr{border-bottom:1px solid var(--c-ln);padding:14px 16px;font-size:16px;font-weight:600}.ph .pb{flex:1;padding:12px 14px;overflow:auto}.ph .nav{border-top:1px solid var(--c-ln);display:flex}.ph .nav div{text-align:center;color:var(--c-mute);cursor:pointer;flex:1;padding:9px 0 8px;font-size:11px}.ph .nav div i{border-radius:var(--c-r);border:1.5px solid;width:20px;height:20px;margin:0 auto 3px;display:block}.ph .nav div.on{color:var(--c-acc);font-weight:600}.card{border:1px solid var(--c-ln);border-radius:var(--c-r);margin-bottom:10px;padding:10px 12px}.idx td,.idx th{font-size:12px}.q{border-bottom:1px solid var(--c-ln);gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.q b{flex:none;width:26px}.drag-h{color:var(--c-mute);cursor:grab}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1}.panel2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pnl{border:1px solid var(--c-ln);border-radius:var(--c-r);padding:10px 12px}.pnl h6{margin:0 0 8px;font-size:12px}.dz{border:2px dashed var(--c-ln);border-radius:var(--c-r);text-align:center;color:var(--c-mute);padding:18px}.side{border-right:1px solid var(--c-ln);background:var(--c-pn);flex-direction:column;flex:none;width:196px;padding:8px 0;font-size:12.5px;display:flex;overflow:auto}.side .brand{letter-spacing:.08em;padding:4px 14px 10px;font-size:13px;font-weight:700}.side .gh{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:7px 14px;font-weight:600;display:flex}.side .gh i{color:var(--c-mute);font-size:10px;font-style:normal}.side .gh.leaf{cursor:default;color:var(--c-mute);font-weight:500}.side .gb{display:none}.side .ng.open .gb{display:block}.side .ni{color:var(--c-mute);cursor:pointer;padding:6px 14px 6px 28px}.side .ni.on{color:var(--c-ink);border-left:3px solid var(--c-acc);background:var(--c-pn2);padding-left:25px;font-weight:700}.hd .side{background:var(--rail-bg);border-color:var(--rail-bg)}.hd .side .brand,.hd .side .gh{color:#f3ece2}.hd .side .gh i,.hd .side .gh.leaf,.hd .side .ni{color:var(--rail-text)}.hd .side .ni:hover{color:#fff}.hd .side .ni.on{color:var(--brand);border-left-color:var(--brand);background:#ffffff12}.menu .bo{cursor:pointer}.menu .sv{cursor:default;padding:4px 14px 8px;display:block}.menu .sv:hover{background:0 0}.menu .sv .f{margin-bottom:6px;padding:0;display:block}.menu .sv .f:hover{background:0 0}.menu .sv .ck{cursor:pointer;gap:6px;padding:4px 0;display:flex}.menu .sv .ck:hover{background:0 0}.menu .sv .btn{margin-top:6px}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans)}.hmt{width:100%}button.pill,button.av{font:inherit;padding:2px 10px}button.av{border:1.5px solid var(--c-ln);border-radius:50%;width:24px;height:24px;padding:0}.hmt .btn:disabled{opacity:.5;cursor:not-allowed}.hmt .side a.gh.leaf{cursor:pointer}.hmt .side a.gh.leaf.on{color:var(--brand);font-weight:700}.hmt .st .btn{margin-top:4px}.hmt input,.hmt textarea,.hmt select{color:var(--c-ink)}.hmt .lst tbody tr.click{cursor:pointer}.hmt .lst tbody tr.click:hover td{background:var(--c-pn2)}.hmt .dim{opacity:.55;pointer-events:none}.hmt .pager{align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.hmt.hd .side a.gh.leaf,.hmt.hd .side a.ni{color:var(--rail-text)}.hmt.hd .side a.ni.on{color:var(--brand)}
