@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/bvp-vi-400-zlEY3-7j.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/bvp-vi-500-TANtbk6n.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bvp-vi-600-CrdqsjGL.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bvp-vi-700-CWMsmEuB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/bvp-latin-400-b8ymZRaE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/bvp-latin-500-BFUaPJDQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bvp-latin-600-2BKReCdn.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bvp-latin-700-IuSBdXyQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f4f3ef;--surface: #ffffff;--surface-2: #fafaf8;--sunken: #f0eee9;--line: #e7e4dd;--line-strong: #d5d2ca;--line-hover: #bdb8ad;--row-line: #efede8;--ink: #1e2229;--ink-2: #4c535e;--ink-3: #848b96;--accent: #2458c8;--accent-hover: #1d4cb3;--accent-ink: #ffffff;--accent-soft: #eaf0fc;--ok: #1e7d45;--ok-soft: #e5f4ea;--warn: #a35c00;--warn-soft: #fdf0d8;--danger: #c2352a;--danger-soft: #fde8e4;--info: #0f6f94;--info-soft: #e3f2f8;--muted-soft: #efede8;--head: #f2f5fb;--head-ink: #3b4762;--head-line: #e1e6f0;--head-hover: #e8edf7;--row-hover: #f3f7ff;--hl: #fff3c4;--long-bar: #e8742a;--im: #ffe100;--im-ink: #3a3000;--cu: #004fff;--cu-ink: #ffffff;--t-blue: #e3eefc;--t-green: #e4f4e6;--t-violet: #eee8fa;--t-peach: #fcebdc;--t-teal: #dff3f1;--t-pink: #fae6ee;--t-sand: #f5f0d9;--note-ink: #6b4e00;--note-bg: #fff6d6;--shadow: 0 16px 44px rgba(20, 28, 45, .16), 0 2px 6px rgba(20, 28, 45, .07);--scrim: rgba(18, 24, 38, .46);--sh-1: 0 1px 2px rgba(22, 30, 48, .06), 0 1px 1px rgba(22, 30, 48, .03);--sh-2: 0 2px 6px rgba(22, 30, 48, .07), 0 8px 20px rgba(22, 30, 48, .07);--sh-3: 0 28px 64px rgba(22, 30, 48, .22), 0 6px 16px rgba(22, 30, 48, .08);--sh-accent: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(36, 88, 200, .3), 0 3px 8px rgba(36, 88, 200, .18);--sh-accent-2: inset 0 1px 0 rgba(255, 255, 255, .18), 0 2px 4px rgba(36, 88, 200, .3), 0 8px 18px rgba(36, 88, 200, .24);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent);--ease: cubic-bezier(.2, .7, .3, 1);--f-ui: "Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs: 12px;--fs-s: 13px;--fs-m: 14px;--fs-l: 16px;--fs-xl: 21px;--row: 46px;--head-h: 48px;--input-h: 36px;--r-s: 7px;--r-m: 12px;--r-l: 16px;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:var(--f-ui);font-size:var(--fs-m);line-height:1.4;font-variant-numeric:tabular-nums;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--accent)}@media (max-width: 900px){body{overflow:auto}}.btn,.iconbtn,.tabs button,.mtabs button,.seg button,.tsbtn,.input,.select{transition:background-color .15s var(--ease),border-color .15s var(--ease),box-shadow .18s var(--ease),transform .15s var(--ease),color .15s var(--ease)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px 16px 12px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar .grow{flex:1}.h1{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;margin:0 8px 0 0;white-space:nowrap}.tabs{display:inline-flex;gap:2px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:7px 14px;font-weight:500;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}.tabs button:hover{color:var(--ink)}.tabs .n{background:var(--sunken);color:var(--ink-2);border-radius:10px;padding:0 7px;font-size:12px;font-weight:600;margin-left:6px}.sep{width:1px;height:22px;background:var(--line)}.muted{color:var(--ink-3)}.small{font-size:var(--fs-s)}.red{color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m)}.subnav{display:flex;flex-direction:column;gap:2px;width:210px;flex:none}.subnav button{border:0;background:none;text-align:left;padding:8px 11px;border-radius:8px;font-weight:500;color:var(--ink-2);display:flex;justify-content:space-between;align-items:center}.subnav button[aria-current=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.subnav .lock{font-size:11px;color:var(--ink-3)}.split{flex:1;min-height:0;display:flex;gap:14px}.split>.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;min-height:0}.empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--ink-3);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--r-m);padding:40px}.empty h3{color:var(--ink);margin:0 0 4px;font-size:var(--fs-l)}.btn{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:6px 13px;font-weight:600;font-size:var(--fs-m);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--ink);box-shadow:var(--sh-1)}.btn:hover{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--sh-2);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--sh-1)}.btn:focus-visible{outline:none;box-shadow:var(--ring),var(--sh-1)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--sh-accent)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--sh-accent-2)}.btn.primary:focus-visible{box-shadow:var(--ring),var(--sh-accent)}.btn.ghost{border-color:transparent;background:none;color:var(--ink-2);box-shadow:none}.btn.ghost:hover{background:var(--sunken);box-shadow:none;transform:none}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.btn.danger:hover{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.sm{padding:3px 9px;font-size:var(--fs-s);border-radius:8px}.btn.sm:hover{transform:none;box-shadow:var(--sh-1)}.btn.on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn .badge{background:var(--accent);color:var(--accent-ink);border-radius:9px;font-size:11px;padding:0 6px;line-height:17px}.iconbtn{border:1px solid transparent;background:var(--surface);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--ink-2);padding:0}.iconbtn:hover{background:var(--sunken);color:var(--ink)}.count{background:var(--danger);color:#fff;border-radius:9px;font-size:11px;font-weight:700;padding:0 6px;line-height:17px}.ibtn{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-3);font-size:11px;font-weight:700;cursor:help;padding:0;flex:none}.ibtn:hover,.ibtn[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.tip{max-width:360px;font-size:var(--fs-s);color:var(--ink-2);line-height:1.45}.input,.select{border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;padding:6px 10px;min-width:0;height:var(--input-h)}.input:hover:not(:disabled):not(:focus),.select:hover:not(:disabled):not(:focus){border-color:var(--line-hover)}textarea.input{height:auto;resize:vertical;line-height:1.35}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--ink-3)}.input.loi{border-color:var(--danger)}.cb{width:17px;height:17px;accent-color:var(--accent);vertical-align:middle;flex:none;margin:0}.search{position:relative;display:inline-flex}.search input{padding-left:32px;width:240px;border-radius:10px;border-color:var(--line);box-shadow:var(--sh-1)}.search svg{position:absolute;left:10px;top:11px;color:var(--ink-3);pointer-events:none}.seg{display:inline-flex;background:var(--sunken);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:none;padding:5px 11px;border-radius:7px;font-size:var(--fs-s);font-weight:600;color:var(--ink-2);white-space:nowrap}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1),0 0 0 1px #161e300d}.switch{position:relative;width:38px;height:22px;border-radius:11px;background:var(--line-strong);border:0;flex:none;padding:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .12s}.switch[aria-checked=true]{background:var(--ok)}.switch[aria-checked=true]:after{left:18px}.switch:disabled{opacity:.4;cursor:not-allowed}.cellinput{border:1px solid transparent;background:transparent;border-radius:var(--r-s);padding:4px 7px;width:100%;height:32px}.cellinput:hover{border-color:var(--line)}.cellinput:focus{border-color:var(--accent);background:var(--surface);outline:0}.cellinput::placeholder{color:transparent}.cellinput:hover::placeholder,.cellinput:focus::placeholder{color:var(--ink-3)}.dfield{position:relative;display:inline-flex;width:100%;min-width:0}.dfield>input:first-child{width:100%;padding-right:30px}.dfield .dicon{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.dfield .dnative{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:28px;height:28px;opacity:0;border:0;padding:0;margin:0;cursor:pointer}.dfield .dnative::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}.toolbar .dfield{width:160px;flex:none}.combo{position:relative;display:inline-flex;min-width:0;width:100%}.combo>input{width:100%;padding-right:28px}.combo .cv{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none;font-size:11px}.clist{display:grid;gap:1px;min-width:260px}.clist .cg{font-size:var(--fs-xs);font-weight:700;color:var(--ink-3);padding:6px 8px 2px}.clist button{border:0;background:none;text-align:left;padding:6px 8px;border-radius:var(--r-s);display:grid;gap:1px}.clist button small{color:var(--ink-3)}.clist button.on,.clist button:hover{background:var(--accent-soft)}.clist .empty1{padding:8px;color:var(--ink-3);font-size:var(--fs-s)}.mselbtn{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;text-align:left;cursor:pointer;color:var(--ink-3)}.mselbtn.has{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 45%,var(--line-strong));background:var(--accent-soft)}.mselbtn span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mspop{display:grid;gap:6px;width:300px}.mspop .clist{max-height:300px;overflow:auto;min-width:0}.mo{display:flex;gap:8px;align-items:flex-start;padding:5px 6px;border-radius:var(--r-s);cursor:pointer}.mo:hover{background:var(--surface-2)}.mo small{display:block;color:var(--ink-3);font-size:11.5px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:12px;padding:1px 9px;font-size:var(--fs-s);font-weight:600;white-space:nowrap;line-height:21px}.ts-ts{background-color:var(--ok-soft);color:var(--ok)}.ts-pl{background-color:var(--accent-soft);color:var(--accent)}.ts-ng{background-color:transparent;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-strong)}.ts-td{background-color:var(--warn-soft);color:var(--warn)}.ts-huy{background-color:var(--danger-soft);color:var(--danger)}.tsbtn{border:0;border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:600;line-height:1.2;display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden}.tsbtn>.tsbtn-chu{overflow:hidden;text-overflow:ellipsis;min-width:0}.tsbtn:after{content:"▾";font-size:10px;opacity:.7;flex:none}.tsbtn:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 40%,transparent)}.ts-ng.tsbtn:hover{box-shadow:inset 0 0 0 1px var(--ink-3)}.gd{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.gd:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink-3);flex:none}.gd.dh:before{background:var(--info)}.gd.ck:before{background:var(--warn)}.gd.kt:before{background:var(--line-strong)}.gd.kt{color:var(--ink-3)}.gd.td:before{background:var(--warn)}.gd.td{color:var(--warn);font-weight:600}.gd.huy:before{background:var(--danger)}.gd.huy{color:var(--danger);font-weight:600}.nhan{display:inline-block;font-size:11px;font-weight:700;border-radius:4px;padding:0 5px;line-height:17px;background:var(--muted-soft);color:var(--ink-2)}.nhan.IM{background:var(--im);color:var(--im-ink)}.nhan.CU{background:var(--cu);color:var(--cu-ink)}.tag{display:inline-block;font-size:11px;font-weight:700;padding:0 6px;border-radius:4px;line-height:18px;font-style:normal}.tag.thi{background:var(--accent-soft);color:var(--accent)}.tag.chen,.tag.pend{background:var(--info-soft);color:var(--info)}.tag.dt{background:var(--ok-soft);color:var(--ok)}.tag.nghi{background:var(--warn-soft);color:var(--warn)}.warn-ic{color:var(--warn);font-weight:700;cursor:help}.miss{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--warn);background:var(--warn-soft);border-radius:var(--r-s);padding:3px 8px;white-space:nowrap;cursor:help}.st{font-size:var(--fs-xs);font-weight:700;border-radius:4px;padding:1px 7px;display:inline-block;line-height:1.4}.st.tr{background:var(--ok-soft);color:var(--ok)}.st.ba{background:var(--warn-soft);color:var(--warn)}.st.ta{background:var(--muted-soft);color:var(--ink-2)}.st.er{background:var(--danger-soft);color:var(--danger)}.note{border-radius:9px;padding:6px 10px;font-size:var(--fs-s);display:flex;gap:7px;align-items:flex-start;line-height:1.35}.note.warn{background:var(--warn-soft);color:var(--warn)}.note.danger{background:var(--danger-soft);color:var(--danger)}.note.info{background:var(--info-soft);color:var(--info)}.note b{font-weight:700}.gt{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--sh-1)}.gt.auto{flex:none}.gt-head{flex:none;overflow:hidden;scrollbar-gutter:stable;background:var(--head);border-bottom:1px solid var(--head-line)}.gt-body{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;position:relative}.gt.auto .gt-body{flex:none;overflow:visible}.gt-empty{padding:28px;text-align:center;color:var(--ink-3)}table.grid{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.grid th{text-align:center;vertical-align:middle;font-size:var(--fs-xs);font-weight:600;letter-spacing:.01em;color:var(--head-ink);padding:7px 5px;line-height:1.25;-webkit-user-select:none;user-select:none;height:var(--head-h)}.grid th.sortable{cursor:pointer}.grid th.sortable:hover{color:var(--ink);background:var(--head-hover)}.grid th .arr{color:var(--accent);margin-left:3px;font-size:10px}.grid td{height:var(--row);padding:0 5px;border-bottom:1px solid var(--row-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-m)}.grid tbody tr:hover td{background:var(--row-hover)}.grid tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.grid td.c{text-align:center}.grid td.r{text-align:right}.grid td.sm{font-size:var(--fs-s)}.clamp2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-s);line-height:1.25}.two{display:grid;font-size:var(--fs-s);line-height:1.3}.two>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.two>:nth-child(2){color:var(--ink-3);font-size:12px}.overdue td:first-child,.grid tbody tr.overdue:hover td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.overdue:hover td{background:#fdf3f1!important}.grp td{background:var(--sunken);font-weight:700;height:36px;color:var(--ink-2)}.grp:hover td{background:var(--sunken)!important}.grid tbody tr.grp:hover td:first-child{box-shadow:none}.hover-act{visibility:hidden}tr:hover .hover-act,.hover-act:focus-visible,.hover-act:focus-within{visibility:visible}.tbl-foot{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;font-size:var(--fs-s);color:var(--ink-3);padding:0 2px}.pop{position:fixed;z-index:95;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow);padding:10px;max-height:calc(100vh - 24px);overflow:auto}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50;display:grid;place-items:center;padding:2vh 16px;overflow:hidden;animation:fade .18s ease-out}.scrim.full{padding:8px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(8px);opacity:.6}}@keyframes pop{0%{transform:translateY(10px) scale(.985);opacity:0}}@media (prefers-reduced-motion: reduce){.scrim,.modal,.toast{animation:none}*,*:before,*:after{transition:none!important}.btn:hover,.tt:hover{transform:none}}.modal{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--sh-3),0 0 0 1px #161e300d;width:min(1220px,100%);max-height:96vh;display:flex;flex-direction:column;animation:pop .2s var(--ease);min-width:0}.modal.full{width:100%;height:calc(100vh - 16px);max-height:none}.modal.mid{width:min(900px,100%)}.modal.sm{width:min(560px,100%)}.modal.tall{height:min(94vh,820px)}@media (max-width: 900px){.modal.tall{height:96vh}}.mhead{display:flex;align-items:center;gap:10px;padding:16px 20px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.mhead h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.mhead .x{margin-left:auto}.mbody{flex:1;min-height:0;overflow:auto;padding:16px 20px}.mfoot{display:flex;gap:8px;align-items:center;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface);border-radius:0 0 var(--r-l) var(--r-l);flex-wrap:wrap}.mfoot .grow{flex:1}.mtabs{padding:0 20px;border-bottom:1px solid var(--line);display:flex;gap:2px}.mtabs button{border:0;background:none;padding:10px 14px 9px;font-weight:500;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px}.mtabs button[aria-selected=true]{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}.mtabs button:hover{color:var(--ink)}.confirm-inline{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-s);color:var(--danger);font-weight:600;white-space:nowrap}.toasts{position:fixed;right:16px;bottom:60px;z-index:99;display:grid;gap:8px;pointer-events:none}.toast{background:var(--ink);color:var(--surface);border-radius:var(--r-m);padding:10px 15px;font-size:var(--fs-m);box-shadow:var(--shadow);max-width:460px;animation:rise .15s ease-out;pointer-events:auto}.toast.err{background:var(--danger)}.toast.warn{background:var(--warn)}@media (max-width: 900px){.screen{min-height:80vh}.gt{min-height:60vh}.search input{width:100%}.search{flex:1 1 100%}.split{flex-direction:column}.subnav{width:auto;flex-direction:row;flex-wrap:wrap}.tabs{flex:1 1 100%;min-width:0;overflow-x:auto}.toolbar>*{max-width:100%}}.app{height:100%;display:flex;flex-direction:column}.top{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 4px 14px #161e300a;display:flex;align-items:center;gap:16px;padding:0 16px;min-height:56px;flex-wrap:wrap;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;letter-spacing:.02em;white-space:nowrap}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:12px;box-shadow:inset 0 -2px #00000024,0 1px 3px #2458c859}.nav{display:flex;gap:2px;align-self:center}.nav button{border:0;background:none;height:36px;padding:0 12px;border-radius:9px;font-weight:500;font-size:15px;color:var(--ink-2);position:relative;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:background-color .15s var(--ease),color .15s var(--ease)}.nav button:hover{color:var(--ink);background:var(--sunken)}.nav button[aria-current=page]{color:var(--accent);font-weight:600;background:var(--accent-soft)}.nav .count{box-shadow:0 0 0 2px var(--surface)}.nav button[aria-current=page] .count{box-shadow:0 0 0 2px var(--accent-soft)}.top-right{margin-left:auto;flex:1 1 0;justify-content:flex-end;display:flex;align-items:center;gap:8px;min-width:0}.fresh{font-size:var(--fs-s);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.fresh b{color:var(--ink-2);font-weight:600}.nhanbtn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:5px 10px;font-weight:600;white-space:nowrap;box-shadow:var(--sh-1);transition:border-color .15s var(--ease),box-shadow .18s var(--ease)}.nhanbtn:hover,.user:hover{border-color:var(--line-strong);box-shadow:var(--sh-2)}.nhanbtn .dot,.opt .dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.caret{color:var(--ink-3);font-size:11px}.user{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;padding:2px 10px 2px 3px;background:var(--surface);font-size:var(--fs-s);max-width:240px;box-shadow:var(--sh-1);transition:border-color .15s var(--ease),box-shadow .18s var(--ease)}.user-ten{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.role{font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.optlist{display:grid;gap:2px;min-width:220px}.opt{display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;padding:7px 10px;border-radius:8px}.opt:hover{background:var(--sunken)}.opt[aria-checked=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.opt small{color:var(--ink-3);font-weight:400;margin-left:auto}.miss.nen-loi{color:var(--danger);background:var(--danger-soft)}button.miss{border:0;cursor:pointer}.rao-cau{display:flex;align-items:center;gap:10px;padding:7px 16px;background:var(--danger-soft);color:var(--danger);border-bottom:1px solid var(--line);font-size:var(--fs-s)}.rao-cau-icon{font-size:15px;flex:none}.rao-cau-chu{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rao-cau .btn{flex:none}.app-cho{flex:1;display:grid;place-items:center;color:var(--ink-3)}@media (max-width: 1440px){.top{gap:10px}.nav button{padding:0 9px;font-size:14px}.user-ten{display:none}}@media (max-width: 900px){.app{height:auto;min-height:100%}.top{padding-block:6px}.top-right{margin-left:0;flex-wrap:wrap}.nav{overflow-x:auto;flex:1 1 100%;min-width:0;min-height:42px}}.cong{height:100%;display:grid;place-items:center;padding:16px}.cong-the{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);padding:32px 36px;width:min(420px,100%);display:grid;gap:14px;text-align:center;justify-items:center}.cong-the h1{margin:0;font-size:var(--fs-xl)}.cong-the p{margin:0;color:var(--ink-2)}.cong-the .brand-mark{width:44px;height:44px;font-size:16px;border-radius:11px}