.hinh-co-module__Pj7RWa__grid{box-sizing:border-box;grid-template-columns:minmax(360px,43%) minmax(0,57%);align-items:stretch;gap:8px;padding:0;display:grid}.hinh-co-module__Pj7RWa__page{color:#0f172a;background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hinh-co-module__Pj7RWa__topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-bottom:1px solid #1d4ed847;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.hinh-co-module__Pj7RWa__topTitle{color:#1d4ed8;letter-spacing:.3px;font-weight:900}.hinh-co-module__Pj7RWa__topLinks{align-items:center;gap:10px;display:flex}.hinh-co-module__Pj7RWa__topLink{color:#0f172a;font-weight:800;text-decoration:none}.hinh-co-module__Pj7RWa__sep{color:#1d4ed8;font-weight:900}.hinh-co-module__Pj7RWa__leftCol{box-sizing:border-box;background:#ffffffb8;border:1px solid #1d4ed83d;border-radius:22px;grid-template-rows:1fr;grid-template-columns:1fr 1.35fr;gap:12px;min-height:min(850px,100vh - 150px);padding:12px;display:grid;box-shadow:0 12px 30px #0206171f}.hinh-co-module__Pj7RWa__rightCol{box-sizing:border-box;background:#ffffffe0;border:1px solid #1d4ed83d;border-radius:24px;flex-direction:column;gap:0;min-height:470px;padding:0;display:flex;overflow:hidden;box-shadow:0 12px 30px #0206171f}.hinh-co-module__Pj7RWa__box{box-sizing:border-box;background:#ffffffeb;border:1px solid #1d4ed83d;border-radius:10px;flex-direction:column;min-height:0;padding:5px;display:flex;box-shadow:0 10px 22px #0206171a}.hinh-co-module__Pj7RWa__boxTitle{color:#1d4ed8;margin-bottom:8px;font-weight:900}.hinh-co-module__Pj7RWa__toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hinh-co-module__Pj7RWa__btnBlue{color:#fff;cursor:pointer;background:#1d4ed8;border:2px solid #1d4ed8;border-radius:5px;padding:8px 5px;font-weight:900}.hinh-co-module__Pj7RWa__btnBlue:disabled{opacity:.7;cursor:not-allowed}.hinh-co-module__Pj7RWa__miniInfo{color:#64748b;font-size:12px;font-weight:700}.hinh-co-module__Pj7RWa__err{color:#b91c1c;font-weight:900}.hinh-co-module__Pj7RWa__listArea{flex-direction:column;gap:8px;min-height:0;padding-right:4px;display:flex;overflow:auto}.hinh-co-module__Pj7RWa__lessonItem{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:8px 10px}.hinh-co-module__Pj7RWa__lessonActive{background:#eff6ff;border-color:#1d4ed8}.hinh-co-module__Pj7RWa__lessonTopRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.hinh-co-module__Pj7RWa__lessonInfoInline{flex:1;align-items:center;gap:14px;min-width:0;display:flex;overflow:hidden}.hinh-co-module__Pj7RWa__lessonTitle{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;flex:0 auto;min-width:0;font-size:13px;font-weight:900;line-height:1.2;overflow:hidden}.hinh-co-module__Pj7RWa__lessonMeta{text-overflow:ellipsis;white-space:nowrap;color:#64748b;flex:none;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.hinh-co-module__Pj7RWa__iconBtn{cursor:pointer;color:#b91c1c;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:none;padding:2px 8px;font-weight:900}.hinh-co-module__Pj7RWa__emptyHint{color:#64748b;padding:10px 6px;font-size:13px;font-weight:700}.hinh-co-module__Pj7RWa__catsGrid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px;height:100%;min-height:0;display:grid}.hinh-co-module__Pj7RWa__catBox{--cat-border:#94a3b842;--cat-bg-top:#fffffffa;--cat-bg-bottom:#f8fafcf5;--cat-soft:#ffffffb8;--cat-soft-2:#ffffffe0;--cat-title:#1e3a8a;--cat-title-bg:#ffffffe0;--cat-count-bg:#ffffffe6;border:1px solid var(--cat-border);box-sizing:border-box;background:linear-gradient(180deg,var(--cat-bg-top),var(--cat-bg-bottom));border-radius:12px;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;box-shadow:inset 0 1px #ffffff8c,0 10px 22px #02061714}.hinh-co-module__Pj7RWa__catHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.hinh-co-module__Pj7RWa__catTitleInput{border:2px solid color-mix(in srgb,var(--cat-title)20%,white);width:100%;color:var(--cat-title);background:var(--cat-title-bg);border-radius:10px;outline:none;padding:6px 10px;font-weight:900;box-shadow:inset 0 1px #ffffff8c}.hinh-co-module__Pj7RWa__catTitleInput::placeholder{color:color-mix(in srgb,var(--cat-title)65%,white)}.hinh-co-module__Pj7RWa__catCount{border:2px solid color-mix(in srgb,var(--cat-title)18%,white);min-width:28px;height:28px;color:var(--cat-title);background:var(--cat-count-bg);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:900;display:flex}.hinh-co-module__Pj7RWa__catBox:first-child{--cat-border:#2563eb47;--cat-bg-top:#eef6ff;--cat-bg-bottom:#dcecff;--cat-soft:#dbeafeb3;--cat-soft-2:#fff9;--cat-title:#1d4ed8;--cat-title-bg:#dbeafec7;--cat-count-bg:#eff6fff5}.hinh-co-module__Pj7RWa__catBox:nth-child(2){--cat-border:#0d948842;--cat-bg-top:#edfdfa;--cat-bg-bottom:#d7f6ef;--cat-soft:#ccfbf1bd;--cat-soft-2:#fff9;--cat-title:#0f766e;--cat-title-bg:#ccfbf1d1;--cat-count-bg:#f0fdfaf5}.hinh-co-module__Pj7RWa__catBox:nth-child(3){--cat-border:#f973163d;--cat-bg-top:#fff7ed;--cat-bg-bottom:#ffe7d2;--cat-soft:#ffedd5c7;--cat-soft-2:#ffffff94;--cat-title:#c2410c;--cat-title-bg:#ffedd5d6;--cat-count-bg:#fff7edf5}.hinh-co-module__Pj7RWa__catBox:nth-child(4){--cat-border:#a855f73d;--cat-bg-top:#f7f2ff;--cat-bg-bottom:#eadcff;--cat-soft:#f3e8ffcc;--cat-soft-2:#ffffff94;--cat-title:#7c3aed;--cat-title-bg:#f3e8ffdb;--cat-count-bg:#faf5fff5}.hinh-co-module__Pj7RWa__catList{flex-direction:column;gap:6px;min-height:0;padding:2px 4px 0 0;display:flex;overflow:auto}.hinh-co-module__Pj7RWa__lessonMini{border:1px solid color-mix(in srgb,var(--cat-title)18%,white);background:linear-gradient(180deg,var(--cat-soft-2),var(--cat-soft));cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172a;border-radius:10px;padding:6px 8px;font-size:12px;font-weight:900;box-shadow:inset 0 1px #ffffff94}.hinh-co-module__Pj7RWa__lessonActiveMini{border-color:color-mix(in srgb,var(--cat-title)70%,white);background:linear-gradient(180deg,#ffffffc7,var(--cat-title-bg))}.hinh-co-module__Pj7RWa__lessonMiniRow{justify-content:space-between;align-items:center;gap:6px;display:flex}.hinh-co-module__Pj7RWa__lessonMiniTitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hinh-co-module__Pj7RWa__iconBtnMini{cursor:pointer;color:#b91c1c;background:#ffffff8c;border:1px solid #ffffff94;border-radius:10px;padding:0 6px;font-weight:900}.hinh-co-module__Pj7RWa__dropHint{color:#475569;border:2px dashed color-mix(in srgb,var(--cat-title)30%,white);text-align:center;background:#ffffff5c;border-radius:12px;padding:8px 6px;font-size:12px;font-weight:800}.hinh-co-module__Pj7RWa__boardHeader{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 0;display:flex}.hinh-co-module__Pj7RWa__boardTitle{color:#1d4ed8;font-weight:900}.hinh-co-module__Pj7RWa__boardBtns{gap:8px;display:flex}.hinh-co-module__Pj7RWa__btnGhost{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:8px 12px;font-weight:900}.hinh-co-module__Pj7RWa__boardSub{color:#1d4ed8;padding:0 12px;font-size:13px;font-weight:800;line-height:1.3}.hinh-co-module__Pj7RWa__detailBar{background:#f8fafc;border:2px dashed #1d4ed880;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:0 12px;padding:10px;display:flex}.hinh-co-module__Pj7RWa__detailLeft{flex:1;align-items:center;gap:10px;display:flex}.hinh-co-module__Pj7RWa__detailLabel{color:#334155;font-size:12px;font-weight:900}.hinh-co-module__Pj7RWa__detailTitleInput{background:#fff;border:2px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:8px 10px;font-weight:900}.hinh-co-module__Pj7RWa__detailRight{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hinh-co-module__Pj7RWa__badge{color:#1d4ed8;background:#eff6ff;border:1px solid #1d4ed859;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}.hinh-co-module__Pj7RWa__boardWrap{box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;width:100%;min-height:470px;position:relative;overflow:hidden}.hinh-co-module__Pj7RWa__fenBox{color:#334155;background:#f8fafc;border:2px dashed #1d4ed880;border-radius:14px;margin:0 12px 12px;padding:10px;font-size:12px}.hinh-co-module__Pj7RWa__fenRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.hinh-co-module__Pj7RWa__fenTitle{font-weight:900}.hinh-co-module__Pj7RWa__btnMini{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:4px 10px;font-weight:900}.hinh-co-module__Pj7RWa__fenText{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;line-height:1.4}.hinh-co-module__Pj7RWa__footerNote{color:#64748b;padding:10px 14px;font-size:12px;font-weight:800}@media (min-width:640px){.hinh-co-module__Pj7RWa__rightCol,.hinh-co-module__Pj7RWa__boardWrap{min-height:570px}}@media (min-width:1024px){.hinh-co-module__Pj7RWa__rightCol,.hinh-co-module__Pj7RWa__boardWrap{min-height:800px}}@media (max-width:1100px){.hinh-co-module__Pj7RWa__grid{grid-template-columns:1fr}.hinh-co-module__Pj7RWa__leftCol{grid-template-columns:1fr;min-height:auto}.hinh-co-module__Pj7RWa__rightCol{min-height:470px}}