.lhpv-mem-empty,.lhpv-mem-loading{padding:32px 20px;text-align:center;color:var(--lhp-text-muted);background:var(--lhp-surface);border:1px solid var(--lhp-border);border-radius:14px;font-size:14px}.lhpv-mem-empty strong{color:var(--lhp-text)}@keyframes lhpv-mem-pulse{0%,to{opacity:1}50%{opacity:.6}}.lhpv-mem-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;border:0;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.lhpv-mem-btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.lhpv-mem-btn--ghost{background:var(--lhp-surface);color:var(--lhp-text);border:1px solid var(--lhp-border)}.lhpv-mem-btn--ghost:hover{background:var(--lhp-surface-muted);border-color:var(--lhp-border-strong)}.lhpv-mem-btn--primary{background:var(--lhp-accent);color:var(--lhp-text-inverse)}.lhpv-mem-btn--primary:hover{background:var(--lhp-accent-strong)}.lhpv-mem-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.2px}.lhpv-mem-badge--success{background:var(--lhp-success-soft);color:var(--lhp-success)}.lhpv-mem-badge--warning{background:var(--lhp-warning-soft);color:var(--lhp-warning)}.lhpv-mem-badge__dot{width:5px;height:5px;border-radius:50%;background:currentColor}@keyframes lhpv-mem-block-fade{0%{opacity:0}to{opacity:1}}.lhphuc-voca-program-bottombar{display:flex;gap:16px;align-items:center;justify-content:flex-end;padding:10px 24px;width:100%;flex:1 1 auto}.lhphuc-voca-program-bottombar.is-loading .lhphuc-voca-pbb-btn:not(.lhphuc-voca-pbb-btn--toc){cursor:progress}.lhphuc-voca-pbb-btn{--pbb-blue:var(--lhp-raw-3b82f6,#3b82f6);--pbb-blue-hover:var(--lhp-raw-2563eb,#2563eb);--pbb-orange:var(--lhp-raw-f97316,#f97316);--pbb-orange-hover:var(--lhp-raw-ea580c,#ea580c);--pbb-green:var(--lhp-raw-10b981,#10b981);--pbb-green-soft:var(--lhp-raw-ecfdf5,#ecfdf5);--pbb-pink:var(--lhp-raw-f43f5e,#f43f5e);--pbb-border:var(--lhp-raw-e5e7eb,#e5e7eb);--pbb-surface:var(--lhp-raw-ffffff,#ffffff);--pbb-text:var(--lhp-raw-374151,#374151);--pbb-shadow-hover:0 2px 4px -1px var(--lhp-raw-rgba-0-0-0-08,rgba(0,0,0,.08)),0 1px 2px -1px var(--lhp-raw-rgba-0-0-0-04,rgba(0,0,0,.04));--pbb-ease:cubic-bezier(.4,0,.2,1);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border:1px solid var(--pbb-border);border-radius:9999px;background-color:var(--pbb-surface);color:var(--pbb-text);font-family:inherit;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .3s var(--pbb-ease),border-color .3s var(--pbb-ease),color .3s var(--pbb-ease),box-shadow .3s var(--pbb-ease),transform .3s var(--pbb-ease)}.lhphuc-voca-pbb-btn:active{transform:scale(.96)}.lhphuc-voca-pbb-btn:disabled,.lhphuc-voca-pbb-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.lhphuc-voca-pbb-btn__icon{width:18px;height:18px;flex-shrink:0;display:block;transition:transform .3s ease}.lhphuc-voca-pbb-btn__state{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:0 18px;box-sizing:border-box;transform:translate(-50%,-50%);transition:opacity .3s var(--pbb-ease),transform .3s var(--pbb-ease);pointer-events:none;white-space:nowrap}.lhphuc-voca-pbb-btn--outline{background-color:var(--pbb-surface);border-color:var(--pbb-border);color:var(--pbb-text)}.lhphuc-voca-pbb-btn--outline:hover{border-color:var(--pbb-blue);color:var(--pbb-blue);box-shadow:var(--pbb-shadow-hover);transform:translateY(-2px)}.lhphuc-voca-pbb-btn--outline:active{transform:scale(.96) translateY(0)}.lhphuc-voca-pbb-btn--prev:hover .lhphuc-voca-pbb-btn__icon{transform:translateX(-3px)}.lhphuc-voca-pbb-btn--next:hover .lhphuc-voca-pbb-btn__icon{transform:translateX(3px)}.lhphuc-voca-pbb-btn--done{min-width:180px;overflow:hidden;background-color:var(--pbb-surface);border-color:var(--pbb-green);color:var(--pbb-green)}.lhphuc-voca-pbb-btn--done .lhphuc-voca-pbb-btn__state.is-default{opacity:1;transform:translate(-50%,-50%)}.lhphuc-voca-pbb-btn--done .lhphuc-voca-pbb-btn__state.is-completed{opacity:0;transform:translate(-50%,calc(-50% + 20px))}.lhphuc-voca-pbb-btn--done:not(.is-completed):hover{background-color:var(--pbb-green-soft);box-shadow:var(--pbb-shadow-hover);transform:translateY(-2px)}.lhphuc-voca-pbb-btn--done.is-completed{background-color:var(--pbb-green);border-color:var(--pbb-green);color:var(--lhp-raw-fff,#fff);box-shadow:0 0 15px var(--lhp-raw-rgba-16-185-129-4,rgba(16,185,129,.4))}.lhphuc-voca-pbb-btn--done.is-completed .lhphuc-voca-pbb-btn__state.is-default{opacity:0;transform:translate(-50%,calc(-50% - 20px))}.lhphuc-voca-pbb-btn--done.is-completed .lhphuc-voca-pbb-btn__state.is-completed{opacity:1;transform:translate(-50%,-50%)}.lhphuc-voca-pbb-btn--done.is-completed:hover{background-color:var(--pbb-pink);border-color:var(--pbb-pink);box-shadow:0 0 15px var(--lhp-raw-rgba-244-63-94-4,rgba(244,63,94,.4));transform:translateY(-2px)}.lhphuc-voca-pbb-btn--toc{width:40px;min-width:40px;padding:0;border-radius:50%;overflow:hidden;background-color:var(--pbb-blue);border-color:var(--pbb-blue);color:var(--lhp-raw-fff,#fff)}.lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__text{display:none}.lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state.is-open-toc{opacity:1;transform:translate(-50%,-50%)}.lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state.is-close-toc{opacity:0;transform:translate(-50%,calc(-50% + 20px)) rotate(-90deg)}.lhphuc-voca-pbb-btn--toc:hover{background-color:var(--pbb-blue-hover);border-color:var(--pbb-blue-hover);box-shadow:0 4px 12px var(--lhp-raw-rgba-59-130-246-3,rgba(59,130,246,.3));transform:translateY(-2px)}.lhphuc-voca-pbb-btn--toc.is-toc-open{background-color:var(--pbb-orange);border-color:var(--pbb-orange)}.lhphuc-voca-pbb-btn--toc.is-toc-open:hover{background-color:var(--pbb-orange-hover);border-color:var(--pbb-orange-hover);box-shadow:0 4px 12px var(--lhp-raw-rgba-249-115-22-3,rgba(249,115,22,.3))}.lhphuc-voca-pbb-btn--toc.is-toc-open .lhphuc-voca-pbb-btn__state.is-open-toc{opacity:0;transform:translate(-50%,calc(-50% - 20px)) rotate(90deg)}.lhphuc-voca-pbb-btn--toc.is-toc-open .lhphuc-voca-pbb-btn__state.is-close-toc{opacity:1;transform:translate(-50%,-50%) rotate(0)}.lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state{transition:none;width:40px;padding:0;gap:0}.lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__icon{display:block}@media (max-width:768px){.lhphuc-voca-program-bottombar{padding:8px 12px;gap:12px;justify-content:center}.lhphuc-voca-program-bottombar .lhphuc-voca-pbb-btn--outline,.lhphuc-voca-program-bottombar .lhphuc-voca-pbb-btn--toc{width:40px;min-width:40px;padding:0;border-radius:50%;gap:0}.lhphuc-voca-program-bottombar .lhphuc-voca-pbb-btn--outline .lhphuc-voca-pbb-btn__text,.lhphuc-voca-program-bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__text{display:none}.lhphuc-voca-program-bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__icon{display:block}.lhphuc-voca-program-bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state{width:40px;padding:0;gap:0}.lhphuc-voca-program-bottombar .lhphuc-voca-pbb-btn--done{flex:1 1 auto;min-width:0;max-width:none}.lhphuc-voca-program-bottombar .lhphuc-voca-pbb-btn--done .lhphuc-voca-pbb-btn__state{font-size:14px;padding:0 12px}}.lhphuc-voca-btn{height:40px;padding:0 14px;border-radius:14px;border:1px solid var(--lhphuc-voca-border);background:var(--lhphuc-voca-surface);color:var(--lhphuc-voca-text);cursor:pointer;font-weight:600;letter-spacing:.2px}.lhphuc-voca-btn[disabled]{opacity:.5;cursor:not-allowed}.lhphuc-voca-btn--ghost,.lhphuc-voca-btn--outline{background:transparent}.lhphuc-voca-btn--primary{border-color:var(--lhp-raw-rgba-16-185-129-35,rgba(16,185,129,.35));background:var(--lhp-raw-rgba-16-185-129-12,rgba(16,185,129,.12));color:var(--lhp-raw-rgba-16-185-129-1,rgba(16,185,129,1))}.lhpv-dg{position:relative}.lhpv-dg--chip{position:static;flex-shrink:0}.lhpv-dg__trigger--chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:var(--lhp-raw-ecfdf5,#ecfdf5);border:1px solid var(--lhp-raw-d1fae5,#d1fae5);color:var(--lhp-raw-059669,#059669);border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit;line-height:1;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lhpv-dg__trigger--chip:hover{background:var(--lhp-raw-d1fae5,#d1fae5);border-color:var(--lhp-raw-a7f3d0,#a7f3d0);box-shadow:0 4px 10px var(--lhp-raw-rgba-16-185-129-15,rgba(16,185,129,.15));transform:translateY(-1px)}.lhpv-dg__trigger--chip:active{transform:translateY(0)}.lhpv-dg__trigger--chip:focus-visible{outline:2px solid var(--lhp-raw-10b981,#10b981);outline-offset:2px}.lhpv-dg__chip-pin{width:22px;height:22px;border-radius:50%;background:var(--lhp-raw-10b981,#10b981);color:var(--lhp-raw-ffffff,#ffffff);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lhpv-dg__chip-pin svg{width:10px;height:10px;display:block}.lhpv-dg--chip .lhpv-dg__popover{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:100%;background:var(--lhp-raw-ffffff,#ffffff);border-radius:14px;box-shadow:0 10px 30px var(--lhp-raw-rgba-0-0-0-10,rgba(0,0,0,.1));border:1px solid var(--lhp-raw-e2e8f0,#e2e8f0);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;z-index:120;overflow:hidden}.lhpv-dg--chip .lhpv-dg__popover.is-open{opacity:1;visibility:visible;transform:translateY(0)}.lhpv-dg__popover{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--lhphuc-voca-surface,var(--lhp-raw-fff,#fff));border-radius:14px;box-shadow:0 10px 30px var(--lhp-raw-rgba-0-0-0-10,rgba(0,0,0,.1));border:1px solid var(--lhphuc-voca-border,var(--lhp-raw-e2e8f0,#e2e8f0));opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;z-index:120;overflow:hidden}.lhpv-dg__popover.is-open{opacity:1;visibility:visible;transform:translateY(0)}.lhpv-dg__tabs{display:flex;background:var(--lhphuc-voca-surface-2,var(--lhp-raw-f8fafc,#f8fafc));border-bottom:1px solid var(--lhphuc-voca-border,var(--lhp-raw-e2e8f0,#e2e8f0));padding:6px 6px 0}.lhpv-dg__tab{flex:1;text-align:center;padding:8px 4px 6px;font-size:12px;font-weight:600;color:var(--lhphuc-voca-muted,var(--lhp-raw-64748b,#64748b));cursor:pointer;border:0;background:transparent;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;gap:1px}.lhpv-dg__tab.is-active{color:var(--lhphuc-voca-primary,var(--lhp-raw-2563eb,#2563eb));border-bottom-color:var(--lhphuc-voca-primary,var(--lhp-raw-2563eb,#2563eb))}.lhpv-dg__body{padding:12px;max-height:260px;overflow-y:auto}.lhpv-dg__body::-webkit-scrollbar{width:4px}.lhpv-dg__body::-webkit-scrollbar-thumb{background:var(--lhp-raw-cbd5e1,#cbd5e1);border-radius:10px}.lhpv-dg__grid{display:none;grid-template-columns:repeat(5,1fr);gap:8px}.lhpv-dg__grid.is-active{display:grid}.lhpv-dg__card{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:box-shadow .15s,transform .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lhpv-dg__card:active:not([disabled]){transform:scale(.94)}.lhpv-dg__card:hover:not([disabled]){box-shadow:0 2px 8px var(--lhp-raw-rgba-0-0-0-10,rgba(0,0,0,.1))}.lhpv-dg__dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%}.lhpv-dg__card--completed{background:var(--lhp-raw-rgba-34-197-94-12,rgba(34,197,94,.12));border:1.5px solid var(--lhp-raw-rgba-34-197-94-35,rgba(34,197,94,.35));color:var(--lhp-raw-166534,#166534)}.lhpv-dg__card--completed .lhpv-dg__dot{background:var(--lhp-raw-22c55e,#22c55e)}.lhpv-dg__card--in-progress{background:var(--lhp-raw-rgba-249-115-22-10,rgba(249,115,22,.1));border:1.5px solid var(--lhp-raw-rgba-249-115-22-40,rgba(249,115,22,.4));color:var(--lhp-raw-9a3412,#9a3412)}.lhpv-dg__card--in-progress .lhpv-dg__dot{background:var(--lhp-raw-f97316,#f97316);animation:lhpv-dg-pulse-orange 2s infinite}.lhpv-dg__card--pending{background:var(--lhphuc-voca-surface,var(--lhp-raw-fff,#fff));border:1.5px dashed var(--lhphuc-voca-border,var(--lhp-raw-cbd5e1,#cbd5e1));color:var(--lhp-raw-94a3b8,#94a3b8)}.lhpv-dg__card--pending .lhpv-dg__dot{background:var(--lhp-raw-cbd5e1,#cbd5e1)}.lhpv-dg__card--locked{background:var(--lhphuc-voca-surface-2,var(--lhp-raw-f8fafc,#f8fafc));border:1.5px dashed var(--lhp-raw-e2e8f0,#e2e8f0);color:var(--lhp-raw-cbd5e1,#cbd5e1);cursor:not-allowed;opacity:.55}.lhpv-dg__card--locked .lhpv-dg__dot{background:var(--lhp-raw-e2e8f0,#e2e8f0)}.lhpv-dg__card.is-selected{outline:2.5px solid var(--lhphuc-voca-primary,var(--lhp-raw-2563eb,#2563eb));outline-offset:2px}@keyframes lhpv-dg-pulse-orange{0%{box-shadow:0 0 0 0 var(--lhp-raw-rgba-249-115-22-4,rgba(249,115,22,.4))}70%{box-shadow:0 0 0 5px var(--lhp-raw-rgba-249-115-22-0,rgba(249,115,22,0))}to{box-shadow:0 0 0 0 var(--lhp-raw-rgba-249-115-22-0,rgba(249,115,22,0))}}.lhphuc-voca-dashboard-toggle.is-active{border-color:var(--lhphuc-voca-primary)}.lhphuc-voca-course-nav{padding:18px 0 20px}.lhphuc-voca-course-nav__items{margin-top:10px;display:flex;flex-direction:column;gap:8px}.lhphuc-voca-course-nav__num{width:28px;height:28px;border-radius:8px;border:1px solid var(--lhp-raw-e2e8f0,#e2e8f0);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:0 0 28px;background:var(--lhp-raw-f8fafc,#f8fafc);color:var(--lhp-raw-64748b,#64748b);transition:all .4s ease}.lhphuc-voca-course-nav__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;font-size:13.5px;line-height:1.25;color:var(--lhp-raw-1e293b,#1e293b);margin:0 0 4px;transition:color .3s}.lhphuc-voca-course-nav__badge{display:inline-flex;align-items:center;gap:3px;width:-moz-fit-content;width:fit-content;padding:2px 6px;border-radius:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1;border:1px solid transparent}.lhphuc-voca-course-nav__badge,.lhphuc-voca-course-nav__badge .lhphuc-voca-course-nav__badge-text{font-size:13px!important}.lhphuc-voca-course-nav__empty{padding:14px 6px;opacity:.7}.lhphuc-voca-course-nav__filters{margin-top:10px;display:flex;gap:8px;padding:0 2px}.lhphuc-voca-course-nav__filters--segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;background:var(--lhp-raw-f1f5f9,#f1f5f9);border-radius:12px;padding:3px;gap:2px}.lhphuc-voca-course-nav__controls{display:grid;gap:10px}.lhphuc-voca-course-nav__admin{display:flex}.lhphuc-voca-course-nav__filters .lhphuc-voca-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:var(--lhphuc-voca-border-w,2px) solid var(--lhphuc-voca-border);background:var(--lhphuc-voca-surface);font-size:12px;font-weight:700;cursor:pointer}.lhphuc-voca-course-nav__filters .lhphuc-voca-chip.is-active{border-color:var(--lhphuc-voca-primary);background:var(--lhp-raw-rgba-37-99-235-1,rgba(37,99,235,.1))}.lhphuc-voca-course-nav__filters--segmented .lhphuc-voca-chip,.lhphuc-voca-course-nav__filters--segmented .lhphuc-voca-course-nav__filter{display:inline-flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:32px;padding:0 4px;border-radius:9px;border:0;background:transparent;color:var(--lhp-raw-64748b,#64748b);font-size:11.5px;line-height:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.lhphuc-voca-course-nav__filters--segmented .lhphuc-voca-chip:hover:not(.is-active),.lhphuc-voca-course-nav__filters--segmented .lhphuc-voca-course-nav__filter:hover:not(.is-active){color:var(--lhp-raw-1e293b,#1e293b);background:var(--lhp-raw-rgba-255-255-255-5,rgba(255,255,255,.5))}.lhphuc-voca-course-nav__filters--segmented .lhphuc-voca-chip.is-active,.lhphuc-voca-course-nav__filters--segmented .lhphuc-voca-course-nav__filter.is-active{background:var(--lhp-raw-ffffff,#ffffff);color:var(--lhp-raw-3b82f6,#3b82f6);border:0;box-shadow:0 2px 8px var(--lhp-raw-rgba-15-23-42-08,rgba(15,23,42,.08))}.lhphuc-voca-course-nav__itemwrap{width:100%;border:1px solid var(--lhp-raw-eef2f6,#eef2f6);background:var(--lhp-raw-ffffff,#ffffff);border-radius:10px;padding:10px 14px;display:flex;gap:10px;align-items:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.lhphuc-voca-course-nav__itemwrap:hover{border-color:var(--lhp-raw-bfdbfe,#bfdbfe);box-shadow:0 8px 20px -5px var(--lhp-raw-rgba-59-130-246-12,rgba(59,130,246,.12)),0 0 10px var(--lhp-raw-rgba-59-130-246-08,rgba(59,130,246,.08));transform:translateY(-2px) translateX(3px)}.lhphuc-voca-course-nav__itemwrap:hover .lhphuc-voca-course-nav__num{background:var(--lhp-raw-fff,#fff);color:var(--lhp-raw-3b82f6,#3b82f6);border-color:var(--lhp-raw-bfdbfe,#bfdbfe)}.lhphuc-voca-course-nav__itemwrap:hover .lhphuc-voca-course-nav__title{color:var(--lhp-raw-1d4ed8,#1d4ed8)}.lhphuc-voca-course-nav__itemwrap.is-active{border-color:var(--lhp-raw-3b82f6,#3b82f6);box-shadow:0 6px 18px var(--lhp-raw-rgba-59-130-246-1,rgba(59,130,246,.1))}.lhphuc-voca-course-nav__itemwrap.is-active:before{content:"";position:absolute;left:-1px;top:15%;height:70%;width:4px;background:var(--lhp-raw-3b82f6,#3b82f6);border-radius:0 4px 4px 0}.lhphuc-voca-course-nav__open{flex:1 1 auto;width:100%;text-align:left;border:0;background:transparent;padding:0;display:flex;gap:10px;align-items:center;cursor:pointer;color:inherit}.lhphuc-voca-course-nav__text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.lhphuc-voca-course-nav__completed{flex:0 0 24px;width:24px;height:24px;border:2px solid var(--lhp-raw-e2e8f0,#e2e8f0);border-radius:999px;padding:0;background:var(--lhp-raw-ffffff,#ffffff);color:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease,transform .12s ease,opacity .18s ease,box-shadow .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.lhphuc-voca-course-nav__completed:active{transform:scale(.96)}.lhphuc-voca-course-nav__completed img{width:12px;height:12px;display:block;opacity:0;transition:opacity .18s ease,filter .18s ease;filter:brightness(0) saturate(100%) invert(40%) sepia(60%) saturate(600%) hue-rotate(110deg) brightness(95%) contrast(90%)}.lhphuc-voca-course-nav__completed svg{width:14px;height:14px;display:block;opacity:0;color:var(--lhp-raw-059669,#059669);transition:opacity .18s ease,color .18s ease}.lhphuc-voca-course-nav__itemwrap:hover .lhphuc-voca-course-nav__completed.is-pending{border:2px dashed var(--lhp-raw-94a3b8,#94a3b8);background:var(--lhp-raw-f8fafc,#f8fafc)}.lhphuc-voca-course-nav__completed.is-done{background:var(--lhp-raw-d1fae5,#d1fae5);border-color:var(--lhp-raw-a7f3d0,#a7f3d0);box-shadow:none}.lhphuc-voca-course-nav__completed.is-done img,.lhphuc-voca-course-nav__completed.is-done svg{opacity:1}.lhphuc-voca-course-nav__itemwrap.is-active .lhphuc-voca-course-nav__completed.is-done{background:var(--lhp-raw-10b981,#10b981);border-color:var(--lhp-raw-10b981,#10b981);box-shadow:0 4px 10px var(--lhp-raw-rgba-16-185-129-3,rgba(16,185,129,.3))}.lhphuc-voca-course-nav__itemwrap.is-active .lhphuc-voca-course-nav__completed.is-done img{filter:brightness(0) invert(1)}.lhphuc-voca-course-nav__itemwrap.is-active .lhphuc-voca-course-nav__completed.is-done svg{color:var(--lhp-raw-ffffff,#ffffff)}.lhphuc-voca-course-nav__completed.is-pending{background:var(--lhp-raw-ffffff,#ffffff)}.lhphuc-voca-course-nav__completed.is-updating,.lhphuc-voca-course-nav__completed[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}@keyframes lhpv-pop-check{0%{transform:scale(.5)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes lhpv-ring-burst{0%{width:100%;height:100%;opacity:1;border-width:4px}to{width:250%;height:250%;opacity:0;border-width:0}}.lhphuc-voca-course-nav__completed.is-celebrating{opacity:1;animation:lhpv-pop-check .4s cubic-bezier(.175,.885,.32,1.275) forwards}.lhphuc-voca-course-nav__completed.is-celebrating:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid var(--lhp-raw-10b981,#10b981);border-radius:50%;box-sizing:border-box;width:100%;height:100%;animation:lhpv-ring-burst .5s ease-out forwards;pointer-events:none}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__itemwrap.is-active .lhphuc-voca-course-nav__num{background:var(--lhp-raw-3b82f6,#3b82f6);border-color:var(--lhp-raw-3b82f6,#3b82f6);color:var(--lhp-raw-ffffff,#ffffff);box-shadow:0 3px 8px var(--lhp-raw-rgba-59-130-246-3,rgba(59,130,246,.3));transform:scale(1.05)}[data-css-theme=dark] .lhphuc-voca-dashboard-coursebar{background:var(--lhp-raw-0f172a,#0f172a);border-color:var(--lhp-raw-1e293b,#1e293b)}[data-css-theme=dark] .lhphuc-voca-course-nav__progtitle{color:var(--lhp-raw-e2e8f0,#e2e8f0)}[data-css-theme=dark] .lhphuc-voca-course-nav__progress{background:var(--lhp-raw-131c2e,#131c2e);border-color:var(--lhp-raw-23304a,#23304a)}[data-css-theme=dark] .lhphuc-voca-course-nav__progress-inline strong,[data-css-theme=dark] .lhphuc-voca-course-nav__progress-pct{color:var(--lhp-raw-e2e8f0,#e2e8f0)}[data-css-theme=dark] .lhphuc-voca-course-nav__filters--segmented,[data-css-theme=dark] .lhphuc-voca-course-nav__progressbar{background:var(--lhp-raw-1e293b,#1e293b)}[data-css-theme=dark] .lhphuc-voca-course-nav__filters--segmented .lhphuc-voca-course-nav__filter{color:var(--lhp-raw-94a3b8,#94a3b8)}[data-css-theme=dark] .lhphuc-voca-course-nav__filters--segmented .lhphuc-voca-course-nav__filter.is-active{background:var(--lhp-raw-0b1220,#0b1220);color:var(--lhp-raw-60a5fa,#60a5fa);box-shadow:none}[data-css-theme=dark] .lhphuc-voca-course-nav__itemwrap{background:var(--lhp-raw-131c2e,#131c2e);border-color:var(--lhp-raw-23304a,#23304a)}[data-css-theme=dark] .lhphuc-voca-course-nav__itemwrap:hover{border-color:var(--lhp-raw-3b82f6,#3b82f6)}[data-css-theme=dark] .lhphuc-voca-course-nav__itemwrap:hover .lhphuc-voca-course-nav__num{background:var(--lhp-raw-17233b,#17233b);color:var(--lhp-raw-93c5fd,#93c5fd);border-color:var(--lhp-raw-3b82f6,#3b82f6)}[data-css-theme=dark] .lhphuc-voca-course-nav__itemwrap:hover .lhphuc-voca-course-nav__title{color:var(--lhp-raw-bfdbfe,#bfdbfe)}[data-css-theme=dark] .lhphuc-voca-course-nav__num{background:var(--lhp-raw-1e293b,#1e293b);border-color:var(--lhp-raw-334155,#334155);color:var(--lhp-raw-cbd5e1,#cbd5e1)}[data-css-theme=dark] .lhphuc-voca-course-nav__title{color:var(--lhp-raw-e2e8f0,#e2e8f0)}[data-css-theme=dark] .lhphuc-voca-course-nav__completed,[data-css-theme=dark] .lhphuc-voca-course-nav__completed.is-pending{background:var(--lhp-raw-1e293b,#1e293b);border-color:var(--lhp-raw-334155,#334155)}[data-css-theme=dark] .lhphuc-voca-course-nav__completed.is-done{background:var(--lhp-raw-rgba-16-185-129-18,rgba(16,185,129,.18));border-color:var(--lhp-raw-rgba-16-185-129-5,rgba(16,185,129,.5))}.has-course .lhphuc-voca-dashboard-topbar-actions .hapio-lhp-sh{display:inline-flex;align-items:center;margin:0}.has-course .lhphuc-voca-dashboard-topbar-actions .hapio-lhp-sh-launch{position:relative;width:38px;height:38px;flex:0 0 auto;padding:0;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lhp-raw-rgba-244-63-94-12,rgba(244,63,94,.12));color:var(--lhp-raw-e11d48,#e11d48)}[data-css-theme=dark] .has-course .lhphuc-voca-dashboard-topbar-actions .hapio-lhp-sh-launch{background:var(--lhp-raw-rgba-244-63-94-2,rgba(244,63,94,.2));color:var(--lhp-raw-fb7185,#fb7185)}.has-course .lhphuc-voca-dashboard-topbar-actions .hapio-lhp-sh-launch svg{width:18px;height:18px;fill:currentColor}.has-course .lhphuc-voca-dashboard-topbar-actions .hapio-lhp-sh-launch-pulse{display:none}@media (min-width:901px){.lhphuc-voca-dashboard-sidebar{grid-column:1;grid-row:1}.lhphuc-voca-dashboard-coursebar{grid-column:2;grid-row:1}.lhphuc-voca-dashboard-main{grid-column:3;grid-row:1;min-width:0}.lhphuc-voca-dashboard-overlay{grid-column:1/-1;grid-row:1}}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress{margin:0 4px 4px;padding:12px 14px;border:1px solid var(--lhp-raw-eef2f6,#eef2f6);border-radius:12px;background:var(--lhp-raw-ffffff,#ffffff);box-shadow:0 4px 12px var(--lhp-raw-rgba-15-23-42-04,rgba(15,23,42,.04))}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress--compact{padding:12px 14px}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;min-width:0}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress-inline{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--lhp-raw-64748b,#64748b);font-weight:600;min-width:0}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress-inline b{color:var(--lhp-raw-0f172a,#0f172a);font-weight:700}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress-sep{color:var(--lhp-raw-cbd5e1,#cbd5e1);font-weight:700}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress-pct{color:var(--lhp-raw-2563eb,#2563eb);font-weight:600}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progressbar{height:10px;border-radius:10px;background:var(--lhp-raw-f1f5f9,#f1f5f9);overflow:hidden;position:relative;margin-bottom:0}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progressbar--thin{height:6px;border-radius:6px}@keyframes lhpv-progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress-footer{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--lhp-raw-ea580c,#ea580c);white-space:nowrap;flex-shrink:0}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progress-footer--done{color:var(--lhp-raw-059669,#059669)}@keyframes lhpv-fire-flicker{0%,to{transform:scale(1) rotate(-2deg);opacity:.9;color:var(--lhp-raw-f97316,#f97316);filter:drop-shadow(0 0 2px var(--lhp-raw-rgba-234-88-12-4,rgba(234,88,12,.4)))}50%{transform:scale(1.15) rotate(2deg) translateY(-2px);opacity:1;color:var(--lhp-raw-ef4444,#ef4444);filter:drop-shadow(0 0 8px var(--lhp-raw-rgba-239-68-68-6,rgba(239,68,68,.6)))}}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__top{display:flex;align-items:flex-start;gap:10px;padding:4px 4px 12px}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__prog{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__title-row{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__progtitle{flex:1 1 auto;min-width:0;font-weight:700;font-size:15px;line-height:1.3;letter-spacing:.5px;text-transform:uppercase;color:var(--lhp-raw-1d4ed8,#1d4ed8);margin:0;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;overflow-wrap:break-word}.blur-text{filter:blur(5px);opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes lhphucVocaSound{0%{height:4px;opacity:.5}to{height:100%;opacity:1}}@keyframes lhphucVocaBounce{0%,to{height:5px}50%{height:20px}}@keyframes lhpvConfirmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes lhphuc-voca-course-label-blink{0%,to{opacity:1;box-shadow:0 0 0 var(--lhp-raw-rgba-16-185-129-0,rgba(16,185,129,0))}50%{opacity:.45;box-shadow:0 0 0 4px var(--lhp-raw-rgba-16-185-129-16,rgba(16,185,129,.16))}}.hc-cnav2{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0;padding:0;overflow:hidden;background:var(--lhphuc-voca-surface)}body.admin-bar .hc-cnav2{height:calc(100vh - 32px)}.hc-cnav2__head{flex:none;padding:12px 14px 10px;border-bottom:1px solid var(--lhphuc-voca-border)}.hc-cnav2__prog{display:flex;align-items:center;gap:12px}.hc-cnav2__ring{position:relative;flex:none;width:52px;height:52px;display:block}.hc-cnav2__ring svg{display:block}.hc-cnav2__ring-track{stroke:var(--lhphuc-voca-surface-2)}.hc-cnav2__ring-fill{stroke:var(--lhphuc-voca-success);transition:stroke-dashoffset .4s ease}.hc-cnav2__ring-pct{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--lhphuc-voca-text);letter-spacing:-.02em}.hc-cnav2__progtext{display:flex;flex-direction:column;gap:3px;min-width:0}.hc-cnav2__progtext strong{color:var(--lhphuc-voca-text);font-weight:700;font-size:14px;letter-spacing:-.01em}.hc-cnav2__pending{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--lhphuc-voca-muted)}.hc-cnav2__pending svg{color:var(--lhp-raw-f97316,#f97316);flex:none}.hc-cnav2__headbtns{margin-left:auto;flex:none;display:inline-flex;flex-direction:column;align-items:center;gap:2px}.hc-cnav2__collapse,.hc-cnav2__side{display:inline-grid;place-items:center;width:26px;height:26px;border:0;background:none;border-radius:8px;color:var(--lhphuc-voca-muted);cursor:pointer}.hc-cnav2__collapse:hover,.hc-cnav2__side:hover{background:var(--lhphuc-voca-surface-2);color:var(--lhphuc-voca-text)}.hc-cnav2__search{position:relative;flex:none;margin:11px 14px 0}.hc-cnav2__search svg{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:var(--lhphuc-voca-muted);pointer-events:none}.hc-cnav2__search input{width:100%;box-sizing:border-box;padding:8px 12px 8px 32px;border:1px solid var(--lhphuc-voca-border);border-radius:9px;background:var(--lhphuc-voca-surface-2);color:var(--lhphuc-voca-text);font-size:13px}.hc-cnav2__search input:focus{outline:none;border-color:var(--lhphuc-voca-primary);background:var(--lhphuc-voca-surface);box-shadow:0 0 0 3px var(--lhphuc-voca-accent-soft)}.hc-cnav2__filters{display:flex;gap:8px;flex:none;padding:11px 14px 12px;border-bottom:1px solid var(--lhphuc-voca-border)}.hc-fsel{position:relative;flex:1;min-width:0}.hc-fsel select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 30px 8px 12px;border:1px solid var(--lhphuc-voca-border);border-radius:9px;background:var(--lhphuc-voca-surface-2);color:var(--lhphuc-voca-text);font-size:13px;font-weight:600;cursor:pointer}.hc-fsel select:hover{border-color:var(--lhphuc-voca-muted)}.hc-fsel select:focus{outline:none;border-color:var(--lhphuc-voca-primary);box-shadow:0 0 0 3px var(--lhphuc-voca-accent-soft)}.hc-fsel__chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--lhphuc-voca-muted);pointer-events:none}.hc-cnav2__admin{flex:none;padding:8px 14px 0}.hc-cnav2__admin button{border:0;background:none;color:var(--lhphuc-voca-primary);font-size:12.5px;font-weight:600;cursor:pointer;padding:0}.hc-cnav2__admin button:hover{text-decoration:underline}.hc-cnav2__items{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 8px 84px;scrollbar-width:thin;scrollbar-color:transparent transparent}.hc-cnav2__items:hover{scrollbar-color:color-mix(in srgb,var(--lhphuc-voca-muted) 50%,transparent) transparent}.hc-cnav2__items::-webkit-scrollbar{width:7px}.hc-cnav2__items::-webkit-scrollbar-track{background:transparent}.hc-cnav2__items::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}.hc-cnav2__items:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lhphuc-voca-muted) 45%,transparent)}.hc-cnav2__empty{padding:24px 12px;text-align:center;color:var(--lhphuc-voca-muted);font-size:13px}.hc-drow{margin-bottom:1px}.hc-dhead{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;padding:11px 12px;cursor:pointer;text-align:left;border-radius:10px}.hc-dhead:hover,.hc-drow.is-open>.hc-dhead{background:var(--lhphuc-voca-surface-2)}.hc-dday{flex:1;min-width:0;font-size:14px;font-weight:700;color:var(--lhphuc-voca-text);line-height:1.2}.hc-drow.is-cur .hc-dday{color:var(--lhphuc-voca-primary)}.hc-dcount{font-size:12px;font-weight:600}.hc-dchev,.hc-dcount{flex:none;color:var(--lhphuc-voca-muted)}.hc-dchev{transition:transform .18s ease}.hc-drow.is-open .hc-dchev{transform:rotate(90deg)}.hc-dlist{padding:2px 6px 8px 12px}.hc-lrow{display:flex;align-items:center;gap:9px;padding:0 5px 0 9px;border-radius:10px;margin-bottom:1px}.hc-lrow:hover{background:var(--lhphuc-voca-surface-2)}.hc-lchk{position:relative;flex:none;width:20px;height:20px;border-radius:50%;border:2px solid color-mix(in srgb,var(--lhphuc-voca-muted) 55%,transparent);background:var(--lhphuc-voca-surface);display:grid;place-items:center;color:transparent;cursor:pointer;padding:0;transition:transform .15s ease,background .15s ease,border-color .15s ease}.hc-lchk:hover{border-color:var(--lhphuc-voca-success);transform:scale(1.08)}.hc-lchk.is-done{background:var(--lhphuc-voca-success-soft);border-color:color-mix(in srgb,var(--lhphuc-voca-success) 45%,transparent);color:var(--lhphuc-voca-success)}.hc-lchk.is-busy{opacity:.55;cursor:default}.hc-lchk.is-celebrating{animation:hc-chk-pop .55s cubic-bezier(.2,1.5,.4,1)}.hc-lchk.is-celebrating:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--lhphuc-voca-success);pointer-events:none;animation:hc-chk-ring .6s ease-out forwards}.hc-lchk--lock{color:var(--lhphuc-voca-muted);cursor:default}@keyframes hc-chk-pop{0%{transform:scale(.55)}45%{transform:scale(1.4)}72%{transform:scale(.9)}to{transform:scale(1)}}@keyframes hc-chk-ring{0%{transform:scale(.65);opacity:.75}to{transform:scale(2.1);opacity:0}}.hc-lbtn{flex:1;min-width:0;display:flex;align-items:center;gap:7px;text-align:left;padding:9px 4px 9px 0;border:0;background:none;cursor:pointer}.hc-ltitle{font-size:13.5px;font-weight:500;color:var(--lhphuc-voca-text);line-height:1.3}.hc-lrow.is-cur .hc-ltitle{color:var(--lhphuc-voca-primary);font-weight:600}.hc-lrow.is-locked .hc-ltitle{color:var(--lhphuc-voca-muted)}.hc-lpulse{position:relative;flex:none;width:8px;height:8px}.hc-lpulse,.hc-lpulse:before{border-radius:50%;background:var(--lhphuc-voca-primary)}.hc-lpulse:before{content:"";position:absolute;inset:0;animation:hc-pulse 1.6s ease-out infinite}@keyframes hc-pulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.8);opacity:0}to{transform:scale(2.8);opacity:0}}@media (prefers-reduced-motion:reduce){.hc-lchk.is-celebrating,.hc-lpulse:before{animation:none}}@media (min-width:901px){
  /* !important: rule base (is-collapsed.has-course.course-open) đồng specificity nên
     phải ép; và coursebar/main có grid-column EXPLICIT (2/3) → dùng grid-column (order
     vô hiệu với item đặt cột explicit). Verify live 2026-08-20. */.lhphuc-voca-dashboard-shell.has-course.course-open.hc-side-right{grid-template-columns:var(--lhphuc-voca-sidebar-w,280px) minmax(0,1fr) var(--lhphuc-voca-course-w,320px)!important}.lhphuc-voca-dashboard-shell.is-collapsed.has-course.course-open.hc-side-right{grid-template-columns:var(--lhphuc-voca-sidebar-w-collapsed,68px) minmax(0,1fr) var(--lhphuc-voca-course-w,320px)!important}.hc-side-right.course-open .lhphuc-voca-dashboard-main{grid-column:2!important}.hc-side-right.course-open .lhphuc-voca-dashboard-coursebar{grid-column:3!important;border-left:1px solid var(--lhphuc-voca-border);border-right:0}.hc-side-right.course-open .hc-course-runtime__bottombar{left:var(--lhphuc-voca-sidebar-w,280px)!important;right:var(--lhphuc-voca-course-w,320px)!important}.hc-side-right.course-open.is-collapsed .hc-course-runtime__bottombar{left:var(--lhphuc-voca-sidebar-w-collapsed,68px)!important}}@media (max-width:900px){.hc-cnav2__side{display:none}}.lhphuc-voca-dashboard-shell.hc-side-swapping,.lhphuc-voca-dashboard-shell.hc-side-swapping .hc-course-runtime__bottombar,.lhphuc-voca-dashboard-shell.hc-side-swapping .lhphuc-voca-dashboard-coursebar{transition:none!important}@media (min-width:901px){.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc{width:auto;min-width:132px;max-width:none;flex:0 0 auto;padding:0 18px;border-radius:9999px;overflow:hidden;isolation:isolate;background-color:var(--pbb-surface);border-color:var(--pbb-blue);color:var(--pbb-blue);transition:transform .2s var(--pbb-ease),box-shadow .2s var(--pbb-ease),background-color .3s var(--pbb-ease),border-color .3s var(--pbb-ease),color .3s var(--pbb-ease)}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__text{display:inline}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state{width:100%;padding:0 18px;gap:6px;transition:opacity .3s var(--pbb-ease),transform .3s var(--pbb-ease)}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state.is-open-toc{opacity:1;transform:translate(-50%,-50%)}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state.is-close-toc{opacity:0;transform:translate(-50%,calc(-50% + 20px))}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc:not(.is-toc-open):hover{background-color:color-mix(in srgb,var(--pbb-blue) 10%,var(--pbb-surface));border-color:var(--pbb-blue);color:var(--pbb-blue);box-shadow:0 4px 12px color-mix(in srgb,var(--pbb-blue) 18%,transparent);transform:translateY(-2px)}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc.is-toc-open{background-color:var(--pbb-blue);border-color:var(--pbb-blue);color:var(--lhp-raw-fff,#fff);box-shadow:0 0 15px color-mix(in srgb,var(--pbb-blue) 40%,transparent)}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc.is-toc-open .lhphuc-voca-pbb-btn__state.is-open-toc{opacity:0;transform:translate(-50%,calc(-50% - 20px))}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc.is-toc-open .lhphuc-voca-pbb-btn__state.is-close-toc{opacity:1;transform:translate(-50%,-50%)}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc.is-toc-open:hover{background-color:var(--pbb-blue-hover);border-color:var(--pbb-blue-hover);box-shadow:0 4px 14px color-mix(in srgb,var(--pbb-blue) 40%,transparent);transform:translateY(-2px)}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc:active{transform:translateY(1px) scale(.97);box-shadow:none}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,var(--lhp-raw-rgba-255-255-255-45,rgba(255,255,255,.45)) 48%,transparent 70%);transform:translateX(-120%)}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc:hover:before{animation:hc-toc-shine .65s ease-out}}@keyframes hc-toc-shine{to{transform:translateX(120%)}}@media (prefers-reduced-motion:reduce){.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc,.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state{transition:none!important}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc:before{display:none}}.lhpv-progtabs{display:inline-flex;gap:2px;margin:4px 16px 18px;padding:4px;border-radius:12px;background:#f4f6fb}.lhphuc-voca-dashboard-empty{padding:40px 16px;color:var(--lhphuc-voca-muted,#6b7896);text-align:center;font-size:14px}@media (max-width:768px){.lhpv-progtabs{margin-left:12px;margin-right:12px}}@media (max-width:768px){:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard),:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) .lhphuc-voca-dashboard-content,:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) [data-role=content]{overflow-x:hidden}}.lhphuc-voca-dashboard-empty{padding:16px;border:1px dashed var(--lhphuc-voca-border);border-radius:var(--lhphuc-voca-sidebar-item-radius);color:var(--lhphuc-voca-muted)}.lhphuc-voca-dashboard-overlay{display:none}@media (max-width:900px){.lhphuc-voca-dashboard-shell,.lhphuc-voca-dashboard-shell.is-collapsed{grid-template-columns:1fr;grid-template-rows:1fr;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}.lhphuc-voca-dashboard-coursebar,.lhphuc-voca-dashboard-main,.lhphuc-voca-dashboard-overlay,.lhphuc-voca-dashboard-sidebar{grid-column:1;grid-row:1}.lhphuc-voca-dashboard-main{min-width:0;width:100%;position:relative;z-index:1}:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) .lhphuc-voca-dashboard-content,:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) [data-role=content]{box-sizing:border-box;padding:12px}.lhphuc-voca-dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(var(--lhphuc-voca-sidebar-w),86vw);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding-top:0;z-index:100020;transform:translateX(0);transition:transform .18s ease}.lhphuc-voca-dashboard-header{top:0;margin-top:0;padding-top:0;height:52px;min-height:52px}:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard),:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) .lhphuc-voca-dashboard-header,:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) .lhphuc-voca-dashboard-shell,:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) .lhphuc-voca-dashboard-sidebar{margin-top:0;padding-top:0}:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) .lhphuc-voca-dashboard-header,:where(#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard) .lhphuc-voca-dashboard-sidebar{top:0}.lhphuc-voca-dashboard-shell.is-collapsed .lhphuc-voca-dashboard-sidebar{transform:translateX(-100%)}.lhphuc-voca-dashboard-overlay{display:none;position:fixed;inset:0;bottom:0;background:var(--lhphuc-voca-overlay);z-index:100010}.lhphuc-voca-dashboard-overlay:not([hidden]){display:block}body:has(.lhpv-inline-game-overlay) .lhphuc-voca-dashboard-sidebar{z-index:100090}body:has(.lhpv-inline-game-overlay) .lhphuc-voca-dashboard-overlay{z-index:100085}.lhphuc-voca-dashboard-coursebar{position:fixed;left:0;right:auto;top:0;bottom:0;width:min(var(--lhphuc-voca-course-w),86vw);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;z-index:100030;transform:translateX(-100%);transition:transform .18s ease;display:block;opacity:1;pointer-events:auto}.lhphuc-voca-dashboard-shell.course-open .lhphuc-voca-dashboard-coursebar{transform:translateX(0)}.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-coursebar{display:none}}.lhphuc-voca-dashboard-topbar .lhphuc-voca-dashboard-title{display:none}.lhphuc-voca-dashboard-topbar-left{min-width:120px;display:flex;align-items:center;gap:10px}.lhphuc-voca-dashboard-topbar-center{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.lhphuc-voca-dashboard-topbar-right{min-width:0;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;margin-left:auto}.lhphuc-voca-dashboard-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.lhphuc-voca-dashboard-header,.lhphuc-voca-dashboard-topbar{height:var(--lhphuc-voca-header-h,50px);min-height:var(--lhphuc-voca-header-h,50px)}.lhphuc-voca-dashboard-searchbtn{width:38px;height:38px;display:none;align-items:center;justify-content:center;border:1px solid var(--lhphuc-voca-border);border-radius:var(--lhphuc-voca-sidebar-item-radius);background:var(--lhphuc-voca-surface);color:var(--lhphuc-voca-text);cursor:pointer;transition:box-shadow .12s ease,transform .06s ease,background .12s ease}.lhphuc-voca-dashboard-searchbtn:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}.lhphuc-voca-dashboard-searchbtn:active{transform:translateY(1px)}.lhphuc-voca-dashboard-searchbtn svg{width:18px;height:18px}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-searchbtn{display:inline-flex}.lhphuc-voca-dashboard-score{display:flex;align-items:center;gap:8px;position:relative;min-width:0;flex:0 0 auto}.lhphuc-voca-dashboard-scorebtn{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--lhphuc-voca-text);cursor:pointer;transition:transform .06s ease;box-shadow:none;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lhphuc-voca-dashboard-scoremedal{width:26px;height:26px;flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));animation:lhphuc-voca-dashboard-medalShine 3s infinite}.lhphuc-voca-dashboard-scoremedal svg{width:100%;height:100%;display:block}.lhphuc-voca-dashboard-scoretextwrap{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.08}.lhphuc-voca-dashboard-scorevalue{display:block;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:linear-gradient(135deg,#d97706,#fbbf24,#d97706);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:lhphuc-voca-dashboard-gradientShine 3s linear infinite}.lhphuc-voca-dashboard-scorelabel{display:block;font-size:11px;font-weight:700;color:var(--lhphuc-voca-muted);text-transform:uppercase;letter-spacing:.08em}.lhphuc-voca-dashboard-scorebtn:hover{box-shadow:none}.lhphuc-voca-dashboard-scorebtn:active{transform:translateY(1px)}.lhphuc-voca-dashboard-scoredelta{position:absolute;right:0;top:-8px;pointer-events:none}@keyframes lhphuc-voca-dashboard-medalShine{0%{transform:scale(1) rotate(0deg)}10%{transform:scale(1.1) rotate(-5deg)}20%{transform:scale(1.1) rotate(5deg)}30%{transform:scale(1) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}@keyframes lhphuc-voca-dashboard-gradientShine{to{background-position:200%}}@keyframes lhphuc-voca-neo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.lhphuc-voca-dashboard-user{display:flex;align-items:center;gap:8px;cursor:pointer}a.lhphuc-voca-dashboard-user,a.lhphuc-voca-dashboard-user:focus,a.lhphuc-voca-dashboard-user:hover,a.lhphuc-voca-dashboard-user:visited{text-decoration:none;color:inherit}.lhphuc-voca-dashboard-user__avatar-wrap{position:relative;display:flex;flex:0 0 auto}.lhphuc-voca-dashboard-user__avt{width:28px;height:28px;border-radius:999px;border:1px solid #dbeafe;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:700;line-height:1;box-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lhphuc-voca-dashboard-user__avt i{font-size:13px;line-height:1}.lhphuc-voca-dashboard-user__status-dot{position:absolute;right:-2px;bottom:0;width:10px;height:10px;border-radius:999px;border:2px solid #ffffff;background:#22c55e;animation:lhphuc-voca-dashboard-pulseGreen 2s infinite}@keyframes lhphuc-voca-dashboard-pulseGreen{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 4px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.lhphuc-voca-dashboard-shell .lhphuc-voca-dashboard-content{--lhphuc-voca-dashboard-content-pad-bottom:0px;flex:1;overflow:auto;background:transparent;padding:0}@media (min-width:768px){.lhphuc-voca-dashboard-topbar{padding:0 24px}}@media (max-width:767px){.lhphuc-voca-dashboard-topbar{padding:0 16px;gap:8px}.lhphuc-voca-dashboard-topbar-left{min-width:0;flex:0 1 auto}.lhphuc-voca-dashboard-topbar-center{flex:1 1 auto;min-width:0;gap:8px;justify-content:flex-end;overflow:hidden}.lhphuc-voca-dashboard-topbar-right{min-width:0;flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.lhphuc-voca-dashboard-topbar-actions{gap:6px;min-width:0}.lhp-report-slot-topbar,.lhphuc-voca-dashboard-topbar-actions,.lhphuc-voca-dashboard-user{flex:0 0 auto}.lhphuc-voca-dashboard-shell{overflow-x:clip}.lhphuc-voca-dashboard-score{flex:0 1 auto;min-width:0}.lhphuc-voca-dashboard-scorebtn{max-width:100%;gap:8px}.lhphuc-voca-dashboard-scoremedal{width:24px;height:24px;flex-basis:24px}.lhphuc-voca-dashboard-scorevalue{font-size:12px}.lhphuc-voca-dashboard-scorelabel{font-size:8px}}@media (max-width:420px){.lhphuc-voca-dashboard-topbar{padding:0 12px;gap:6px}.lhphuc-voca-dashboard-scorebtn{gap:7px}.lhphuc-voca-dashboard-scoremedal{width:22px;height:22px;flex-basis:22px}.lhphuc-voca-dashboard-scorevalue{font-size:11px}.lhphuc-voca-dashboard-scorelabel{display:none}.lhphuc-voca-dashboard-user__avt{width:28px;height:28px;font-size:13px}}@keyframes lhphuc-voca-dashboard-search-label-blink{0%,to{opacity:1;box-shadow:0 0 0 rgba(16,185,129,0)}50%{opacity:.45;box-shadow:0 0 0 4px rgba(16,185,129,.16)}}[data-speak-retry]{position:relative;z-index:50;pointer-events:auto}@keyframes lhpEopBounce{0%{transform:scaleY(1);opacity:.6}to{transform:scaleY(1.8);opacity:1}}:where(.lhphuc-voca__review,.lhphuc-voca__review--template){--lhphuc-voca-review-template-empty-title-gradient:linear-gradient(135deg,#3b82f6,#ec4899);--lhphuc-voca-review-template-empty-card-shadow:0 20px 40px -10px rgba(59,130,246,.10),0 0 0 1px rgba(255,255,255,.60) inset;--lhphuc-voca-review-template-empty-card-highlight:inset 0 1px 0 rgba(255,255,255,.70);--lhphuc-voca-review-template-actions-width:min(100%,600px);--lhphuc-voca-review-template-actions-gap:10px;--lhphuc-voca-review-template-rate-min-height:84px;--lhphuc-voca-review-template-rate-radius:16px;--lhphuc-voca-review-template-rate-padding:16px 8px;--lhphuc-voca-review-template-rate-hover-shadow:0 10px 15px -3px rgba(0,0,0,.10);--lhphuc-voca-review-template-rate-easy-hover-shadow:0 12px 20px -5px rgba(15,23,42,.40);--lhphuc-voca-review-template-bad-bg:var(--lhphuc-review-fail-bg,#fee2e2);--lhphuc-voca-review-template-bad-text:var(--lhphuc-review-fail-text,#b91c1c);--lhphuc-voca-review-template-hard-bg:var(--lhphuc-review-hard-bg,#fef3c7);--lhphuc-voca-review-template-hard-text:var(--lhphuc-review-hard-text,#b45309);--lhphuc-voca-review-template-good-bg:var(--lhphuc-review-good-bg,#d1fae5);--lhphuc-voca-review-template-good-text:var(--lhphuc-review-good-text,#047857);--lhphuc-voca-review-template-easy-bg:var(--lhphuc-review-easy-bg,#0b173d);--lhphuc-voca-review-template-easy-text:var(--lhphuc-review-easy-text,#ffffff);--lhphuc-voca-review-template-stamp-bg:rgba(255,255,255,.72);--lhphuc-voca-review-template-stamp-text:#0f172a;--lhphuc-voca-review-template-stamp-bad-border:#ef4444;--lhphuc-voca-review-template-stamp-bad-shadow:0 0 26px rgba(239,68,68,.18);--lhphuc-voca-review-template-stamp-good-border:#10b981;--lhphuc-voca-review-template-stamp-good-shadow:0 0 26px rgba(16,185,129,.18);--lhphuc-voca-review-template-stamp-easy-border:#0f172a;--lhphuc-voca-review-template-stamp-easy-shadow:0 0 26px rgba(15,23,42,.18)}@keyframes lhphuc-voca-review-confettiFade{to{opacity:1;transform:translateY(-20px)}}:where(.lhphuc-voca__pro-navrow .lhphuc-voca__top-controls,.lhphuc-voca__top-controls.is-learning-mode,.lhphuc-voca--learning-mode .lhphuc-voca__top-controls){--lhphuc-voca-learning-nav-gap:16px;--lhphuc-voca-learning-nav-mobile-gap:12px;--lhphuc-voca-learning-nav-secondary-gap:12px;--lhphuc-voca-learning-nav-btn-min-height:56px;--lhphuc-voca-learning-nav-btn-inline-padding:14px 24px;--lhphuc-voca-learning-nav-btn-radius:22px;--lhphuc-voca-learning-nav-btn-font-size:18px;--lhphuc-voca-learning-nav-btn-font-weight:700;--lhphuc-voca-learning-nav-icon-size:1.1rem;--lhphuc-voca-learning-nav-mobile-square-size:52px;--lhphuc-voca-learning-nav-mobile-icon-size:1.15rem;--lhphuc-voca-learning-nav-shadow-soft:0 8px 20px rgba(15,23,42,0.08);--lhphuc-voca-learning-nav-shadow-active:0 10px 22px rgba(15,23,42,0.14);--lhphuc-voca-learning-nav-primary-bg:#1cbba2;--lhphuc-voca-learning-nav-primary-bg-hover:#18a690;--lhphuc-voca-learning-nav-primary-text:#ffffff;--lhphuc-voca-learning-nav-words-bg:#f0f7ff;--lhphuc-voca-learning-nav-words-bg-hover:#e1effe;--lhphuc-voca-learning-nav-words-text:#2563eb;--lhphuc-voca-learning-nav-quiz-bg:#fffbeb;--lhphuc-voca-learning-nav-quiz-bg-hover:#fef3c7;--lhphuc-voca-learning-nav-quiz-text:#f59e0b;--lhphuc-voca-learning-nav-status-bg:#ffffff;--lhphuc-voca-learning-nav-status-text:#4b5563;--lhphuc-voca-learning-nav-status-border:#e2e8f0;--lhphuc-voca-learning-nav-status-border-hover:#cbd5e1;--lhphuc-voca-learning-nav-status-icon:#9ca3af}[data-theme=dark]:where(.lhphuc-voca__top-controls,.lhphuc-voca__top-controls.is-learning-mode){--lhphuc-voca-learning-nav-shadow-soft:0 10px 28px rgba(2,6,23,0.35);--lhphuc-voca-learning-nav-shadow-active:0 14px 30px rgba(2,6,23,0.45);--lhphuc-voca-learning-nav-primary-bg:#14b8a6;--lhphuc-voca-learning-nav-primary-bg-hover:#0f9f8d;--lhphuc-voca-learning-nav-words-bg:rgba(37,99,235,0.16);--lhphuc-voca-learning-nav-words-bg-hover:rgba(37,99,235,0.24);--lhphuc-voca-learning-nav-words-text:#93c5fd;--lhphuc-voca-learning-nav-quiz-bg:rgba(245,158,11,0.16);--lhphuc-voca-learning-nav-quiz-bg-hover:rgba(245,158,11,0.24);--lhphuc-voca-learning-nav-quiz-text:#fbbf24;--lhphuc-voca-learning-nav-status-bg:rgba(15,23,42,0.9);--lhphuc-voca-learning-nav-status-text:#e5e7eb;--lhphuc-voca-learning-nav-status-border:rgba(148,163,184,0.28);--lhphuc-voca-learning-nav-status-border-hover:rgba(148,163,184,0.42);--lhphuc-voca-learning-nav-status-icon:#94a3b8}.lhphuc-voca__pro-navrow{display:block;width:100%;clear:both;position:relative;overflow:visible;margin:0 0 18px}.lhphuc-voca__pro-navrow .lhphuc-voca__top-controls,.lhphuc-voca__top-controls.is-learning-mode{margin:0;max-width:none;border-radius:28px;position:relative;z-index:40;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:var(--lhphuc-voca-learning-nav-gap)}.lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons{display:flex;align-items:center;min-width:0}.lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons--primary,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons--primary{flex:0 1 360px;max-width:360px;width:100%;justify-content:flex-start}.lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons--secondary,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons--secondary{flex:1 1 auto;justify-content:flex-end;gap:var(--lhphuc-voca-learning-nav-secondary-gap);flex-wrap:nowrap}.lhphuc-voca__pro-navrow .btn-nav--back,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--back{margin-right:10px}.lhphuc-voca__pro-navrow .btn-nav--enroll,.lhphuc-voca__pro-navrow .btn-nav--quiz,.lhphuc-voca__pro-navrow .btn-nav--words,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--enroll-album.btn-nav,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--enroll,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--quiz,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--words,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--enroll-album.btn-nav,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--quiz.btn-nav{min-height:var(--lhphuc-voca-learning-nav-btn-min-height);padding:var(--lhphuc-voca-learning-nav-btn-inline-padding);border-radius:var(--lhphuc-voca-learning-nav-btn-radius);display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;box-shadow:var(--lhphuc-voca-learning-nav-shadow-soft);transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;font-size:var(--lhphuc-voca-learning-nav-btn-font-size);font-weight:var(--lhphuc-voca-learning-nav-btn-font-weight);white-space:nowrap}.lhphuc-voca__pro-navrow .btn-nav--enroll,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--enroll-album.btn-nav,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--enroll,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--enroll-album.btn-nav{width:100%;max-width:360px;background:var(--lhphuc-voca-learning-nav-primary-bg);color:var(--lhphuc-voca-learning-nav-primary-text)}.lhphuc-voca__pro-navrow .btn-nav--enroll:hover,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--enroll-album.btn-nav:hover,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--enroll:hover,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--enroll-album.btn-nav:hover{background:var(--lhphuc-voca-learning-nav-primary-bg-hover);color:var(--lhphuc-voca-learning-nav-primary-text);transform:translateY(-1px);box-shadow:var(--lhphuc-voca-learning-nav-shadow-active)}.lhphuc-voca__pro-navrow .btn-nav--words,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--words{background:var(--lhphuc-voca-learning-nav-words-bg);color:var(--lhphuc-voca-learning-nav-words-text)}.lhphuc-voca__pro-navrow .btn-nav--words:hover,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--words:hover{background:var(--lhphuc-voca-learning-nav-words-bg-hover);color:var(--lhphuc-voca-learning-nav-words-text)}.lhphuc-voca__pro-navrow .btn-nav--quiz,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--quiz,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--quiz.btn-nav{background:var(--lhphuc-voca-learning-nav-quiz-bg);color:var(--lhphuc-voca-learning-nav-quiz-text)}.lhphuc-voca__pro-navrow .btn-nav--quiz:hover,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav:hover,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--quiz:hover,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--quiz.btn-nav:hover{background:var(--lhphuc-voca-learning-nav-quiz-bg-hover);color:var(--lhphuc-voca-learning-nav-quiz-text)}.lhphuc-voca__pro-navrow .btn-nav--quiz.primary,.lhphuc-voca__pro-navrow .btn-nav--words.primary,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav.primary,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--quiz.primary,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--words.primary,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--quiz.btn-nav.primary{transform:translateY(-1px);box-shadow:var(--lhphuc-voca-learning-nav-shadow-active)}.lhphuc-voca__filter-wrap .lhphuc-voca__filter-caret,.lhphuc-voca__filter-wrap .lhphuc-voca__filter-icon,.lhphuc-voca__pro-navrow .btn-nav--enroll i,.lhphuc-voca__pro-navrow .btn-nav--quiz i,.lhphuc-voca__pro-navrow .btn-nav--words i,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--enroll-album.btn-nav i,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav i{font-size:var(--lhphuc-voca-learning-nav-icon-size);line-height:1}.lhphuc-voca__pro-navrow .btn-nav--enroll span,.lhphuc-voca__pro-navrow .btn-nav--quiz span,.lhphuc-voca__pro-navrow .btn-nav--words span,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--enroll-album.btn-nav span,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav span{display:inline-block}.lhphuc-voca__filter-wrap{position:relative;z-index:60;overflow:visible;display:inline-flex;align-items:center;gap:12px;min-height:var(--lhphuc-voca-learning-nav-btn-min-height);padding:0 18px;border-radius:28px;border:2.5px solid var(--lhphuc-voca-learning-nav-status-border);background:var(--lhphuc-voca-learning-nav-status-bg);color:var(--lhphuc-voca-learning-nav-status-text);box-shadow:var(--lhphuc-voca-learning-nav-shadow-soft);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.lhphuc-voca__filter-wrap:focus-within,.lhphuc-voca__filter-wrap:hover{border-color:var(--lhphuc-voca-learning-nav-status-border-hover);box-shadow:var(--lhphuc-voca-learning-nav-shadow-active);transform:translateY(-1px)}.lhphuc-voca__filter-wrap .lhphuc-voca__filter-caret,.lhphuc-voca__filter-wrap .lhphuc-voca__filter-icon{color:var(--lhphuc-voca-learning-nav-status-icon);pointer-events:none}.lhphuc-voca__vlist-filter{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;min-height:calc(var(--lhphuc-voca-learning-nav-btn-min-height) - 6px);padding:0 2px 0 0;margin:0;outline:none;min-width:112px;cursor:pointer}.lhphuc-voca__vlist-filter option{color:#111827}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow{margin-top:calc(var(--lhphuc-voca-dashboard-topbar-clearance, 30px) - var(--lhphuc-voca-dashboard-shell-pad, 25px))}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons--primary,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons--primary{flex:0 0 auto;width:auto;max-width:none}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .btn-nav--enroll,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .lhphuc-voca__btn--enroll-album.btn-nav,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .btn-nav--enroll,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--enroll-album.btn-nav{width:auto;max-width:100%;min-width:clamp(220px,24vw,360px);align-self:flex-start}@media (max-width:640px){.lhphuc-voca__pro-navrow,.lhphuc-voca__pro-navrow.is-learning-mode{margin-bottom:16px}.lhphuc-voca__pro-navrow .lhphuc-voca__top-controls,.lhphuc-voca__top-controls.is-learning-mode{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lhphuc-voca-learning-nav-mobile-gap);align-items:stretch}.lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons--primary,.lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons--secondary,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons--primary,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons--secondary{width:100%;max-width:none;justify-content:center}.lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons--secondary,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons--secondary{gap:10px}.lhphuc-voca__pro-navrow .btn-nav--back,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--back{display:none}.lhphuc-voca__pro-navrow .btn-nav--enroll,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--enroll-album.btn-nav,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--enroll,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--enroll-album.btn-nav{width:auto;max-width:100%;min-width:0;padding:16px 20px;font-size:17px}.lhphuc-voca__filter-wrap,.lhphuc-voca__pro-navrow .btn-nav--quiz,.lhphuc-voca__pro-navrow .btn-nav--words,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--quiz,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--words,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--quiz.btn-nav{width:var(--lhphuc-voca-learning-nav-mobile-square-size);min-width:var(--lhphuc-voca-learning-nav-mobile-square-size);height:var(--lhphuc-voca-learning-nav-mobile-square-size);min-height:var(--lhphuc-voca-learning-nav-mobile-square-size);padding:0;justify-content:center;gap:0;border-radius:20px}.lhphuc-voca__pro-navrow .btn-nav--quiz span,.lhphuc-voca__pro-navrow .btn-nav--words span,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav span,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--quiz span,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--words span,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--quiz.btn-nav span{display:none}.lhphuc-voca__filter-wrap .lhphuc-voca__filter-icon,.lhphuc-voca__pro-navrow .btn-nav--quiz i,.lhphuc-voca__pro-navrow .btn-nav--words i,.lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav i,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--quiz i,.lhphuc-voca__top-controls.is-learning-mode .btn-nav--words i,.lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--quiz.btn-nav i{font-size:var(--lhphuc-voca-learning-nav-mobile-icon-size);margin:0}.lhphuc-voca__filter-wrap{overflow:hidden}.lhphuc-voca__filter-wrap .lhphuc-voca__filter-caret{display:none}.lhphuc-voca__filter-wrap .lhphuc-voca__vlist-filter{position:absolute;inset:0;min-width:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}#lhphuc-voca-dashboard-root,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard],#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-content,#lhphuc-voca-dashboard-root .lhphuc-voca__main,#lhphuc-voca-dashboard-root .lhphuc-voca__nav-buttons,#lhphuc-voca-dashboard-root .lhphuc-voca__pro-navrow,#lhphuc-voca-dashboard-root .lhphuc-voca__review,#lhphuc-voca-dashboard-root .lhphuc-voca__review-actions,#lhphuc-voca-dashboard-root .lhphuc-voca__review-body,#lhphuc-voca-dashboard-root .lhphuc-voca__review-card,#lhphuc-voca-dashboard-root .lhphuc-voca__top-controls{width:100%;max-width:100%;min-width:0;box-sizing:border-box}#lhphuc-voca-dashboard-root,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard],#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-content{overflow-x:hidden}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow.is-learning-mode{margin:0 0 16px;overflow:hidden}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .lhphuc-voca__top-controls,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;align-items:stretch;justify-items:stretch;overflow:hidden}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons--primary,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons--primary{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .lhphuc-voca__nav-buttons--secondary,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__nav-buttons--secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;gap:10px;justify-content:stretch}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .btn-nav--enroll,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .lhphuc-voca__btn--enroll-album.btn-nav,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .btn-nav--enroll,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--enroll-album.btn-nav{width:100%!important;max-width:100%!important;min-width:0!important}#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__filter-wrap,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .btn-nav--quiz,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .btn-nav--words,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__pro-navrow .lhphuc-voca__btn--quiz.btn-nav,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .btn-nav--quiz,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .btn-nav--words,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard] .lhphuc-voca__top-controls.is-learning-mode .lhphuc-voca__btn--quiz.btn-nav{width:100%!important;max-width:100%!important;min-width:0!important;margin:0}}#lhphuc-voca-dashboard-root,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard],#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-content,#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-main,#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-shell,#lhphuc-voca-dashboard-root [data-role=content]{width:100%;max-width:100%;min-width:0;box-sizing:border-box}#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard,#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard__metric,#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard__metricText,#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard__proglabel,#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard__titlewrap,#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-list--albums,#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-list--albums>*{min-width:0}#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard__metricNote,#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard__metricValue,#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard__proglabel,#lhphuc-voca-dashboard-root .lhphuc-voca-albumcard__titleText{overflow-wrap:anywhere;word-break:break-word}@media (max-width:900px){#lhphuc-voca-dashboard-root,#lhphuc-voca-dashboard-root .lhphuc-voca-app[data-lhphuc-voca-mode=dashboard],#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-content,#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-main,#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-shell,#lhphuc-voca-dashboard-root [data-role=content]{overflow-x:hidden}#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-content,#lhphuc-voca-dashboard-root [data-role=content]{overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}
  /* !important: có rule `.lhphuc-voca-dashboard-shell .lhphuc-voca-dashboard-content
     { padding-left:0 }` cùng specificity (0,2,0) đang zero padding → phải ép để 5px thắng. */#lhphuc-voca-dashboard-root .lhphuc-voca-dashboard-content,.lhphuc-voca-dashboard .lhphuc-voca-dashboard-content{padding-left:5px!important;padding-right:5px!important}}