@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700&display=swap);@font-face{font-display:swap;font-family:Be Vietnam Pro;font-style:normal;font-weight:400;src:url(/static/media/be-vietnam-pro-latin-400-normal.a3efcba8433061279800.woff2) format("woff2"),url(/static/media/be-vietnam-pro-latin-400-normal.d94fca310b393f45e1e0.woff) format("woff")}@font-face{font-display:swap;font-family:Be Vietnam Pro;font-style:normal;font-weight:600;src:url(/static/media/be-vietnam-pro-latin-600-normal.bf1f1e21af6340f05cc0.woff2) format("woff2"),url(/static/media/be-vietnam-pro-latin-600-normal.3d1e913466b488f7bc4f.woff) format("woff")}@font-face{font-display:swap;font-family:Be Vietnam Pro;font-style:normal;font-weight:700;src:url(/static/media/be-vietnam-pro-latin-700-normal.68f10aead51081c0cf58.woff2) format("woff2"),url(/static/media/be-vietnam-pro-latin-700-normal.c710a186a46160ac1333.woff) format("woff")}@font-face{font-display:swap;font-family:Be Vietnam Pro;font-style:normal;font-weight:800;src:url(/static/media/be-vietnam-pro-latin-800-normal.e9dd3ab5ca89f5c95c0a.woff2) format("woff2"),url(/static/media/be-vietnam-pro-latin-800-normal.3b80ba2cc4f037ec90f3.woff) format("woff")}@font-face{font-display:swap;font-family:Be Vietnam Pro;font-style:normal;font-weight:400;src:url(/static/media/be-vietnam-pro-vietnamese-400-normal.92893a20dd4631bb3f18.woff2) format("woff2"),url(/static/media/be-vietnam-pro-vietnamese-400-normal.f5e20d0a6e1e44b63403.woff) format("woff")}@font-face{font-display:swap;font-family:Be Vietnam Pro;font-style:normal;font-weight:600;src:url(/static/media/be-vietnam-pro-vietnamese-600-normal.02f58871f3c9ada811de.woff2) format("woff2"),url(/static/media/be-vietnam-pro-vietnamese-600-normal.90fc8c1d0a3b1c93f0f3.woff) format("woff")}@font-face{font-display:swap;font-family:Be Vietnam Pro;font-style:normal;font-weight:700;src:url(/static/media/be-vietnam-pro-vietnamese-700-normal.acef022440ada41b8e4a.woff2) format("woff2"),url(/static/media/be-vietnam-pro-vietnamese-700-normal.e169e7ba068ad583a45f.woff) format("woff")}@font-face{font-display:swap;font-family:Be Vietnam Pro;font-style:normal;font-weight:800;src:url(/static/media/be-vietnam-pro-vietnamese-800-normal.696791e32e9720269e75.woff2) format("woff2"),url(/static/media/be-vietnam-pro-vietnamese-800-normal.7e6bc44070645288ffd7.woff) format("woff")}.floating-plan-fab-wrap{bottom:62px;position:fixed;right:28px;z-index:1300}.floating-plan-fab{align-items:center!important;background:#fff!important;border:2px solid #0e2128!important;border-radius:25px!important;box-shadow:0 10px 30px #0e212840!important;color:#0e2128!important;display:flex!important;gap:4px!important;height:50px!important;justify-content:center!important;min-height:50px!important;padding:0 22px!important;transition:all .18s ease!important}.floating-plan-fab:hover{background:#f4f7f9!important;border-color:#0e2128!important;box-shadow:0 14px 36px #0e212859!important;transform:translateY(-3px)}.fab-plan-title{color:#0e2128!important;font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.fab-plan-arrow-solid{font-size:28px!important;margin-right:-4px;transition:color .18s ease!important}.fab-plan-arrow-solid,.floating-plan-fab:hover .fab-plan-arrow-solid{color:#0e2128!important}.floating-plan-popover-paper{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffffa!important;border:1.5px solid #0e2128!important;border-radius:18px!important;box-shadow:0 18px 44px #0e212840!important;padding:14px;width:290px}.popover-plan-header{border-bottom:1px solid #d5e0e8;color:#0e2128;padding:4px 6px 12px}.popover-plan-list{display:flex;flex-direction:column;gap:8px;margin:8px 0;max-height:260px;overflow-y:auto}.popover-plan-item{align-items:center;background:#fff;border:1.5px solid #0e2128;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .14s ease}.popover-plan-item:hover{background:#f4f7f9;border-color:#0e2128}.popover-plan-item.active{background:#d5e2ec;border:2px solid #0e2128;box-shadow:0 2px 8px #0e21281f}.plan-item-left{align-items:center;display:flex;gap:8px;min-width:0}.plan-item-badge{background:#0e2128;border-radius:6px;box-shadow:0 2px 4px #0e212826;color:#fff;font-size:12px;font-weight:800;height:22px;min-width:22px;padding:0 4px}.plan-check-icon,.plan-item-badge{align-items:center;display:flex;justify-content:center}.plan-check-icon{color:#0e2128;width:16px}.plan-item-info{display:flex;flex-direction:column}.plan-item-info strong{color:#0e2128;font-size:14px;font-weight:800}.plan-item-info span{color:#3b6275;font-size:12px;font-weight:600;margin-top:2px}.plan-item-actions{align-items:center;display:flex;gap:2px}.plan-drag-handle{align-items:center;border-radius:4px;color:#8ea5b7;cursor:grab;display:flex;height:24px;justify-content:center;margin-right:-2px;transition:all .14s ease;width:20px}.plan-drag-handle:hover{background:#ebf1f5;color:#0e2128}.plan-drag-handle:active{cursor:grabbing}.popover-plan-item.is-dragging{border-color:#0e2128!important;border-style:dashed!important;opacity:.35}.popover-plan-item.is-drag-over{background:#ebf1f5!important;border-color:#0e2128!important;transform:scale(1.02)}.plan-item-menu-btn{color:#59899d;opacity:.7;transition:all .14s ease!important}.popover-plan-item:hover .plan-item-menu-btn{color:#0e2128;opacity:1}.popover-plan-footer{border-top:1px solid #d5e0e8;padding-top:10px}.popover-plan-footer .MuiButton-root{border:1.5px solid #0e2128!important;border-radius:12px!important;color:#0e2128!important;font-weight:800!important}.popover-plan-footer .MuiButton-root:hover{background:#0e2128!important;color:#fff!important}@media (max-width:720px){.floating-plan-fab-wrap{bottom:96px;right:14px}}#thoi-khoa-bieu{position:relative;width:100%}.timetable-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.timetable-toolbar>div:first-child{display:flex;flex-direction:column}.timetable-toolbar strong{font-size:var(--text-lg)}.timetable-toolbar small{color:#64748b;margin-top:3px}.timetable-actions{display:flex;gap:8px}.timetable-scroll{background:#fff;border:1px solid #b8cbd8;border-radius:14px;overflow:auto;overscroll-behavior-inline:contain;width:100%}#thoi-khoa-bieu table{background:#fff;border-collapse:collapse;border-spacing:0;color:#040309;min-width:0!important;table-layout:fixed;width:100%!important}#thoi-khoa-bieu .timetable-period-column{width:100px!important}#thoi-khoa-bieu .timetable-day-column{width:calc(16.66667% - 16.66667px)!important}#thoi-khoa-bieu td,#thoi-khoa-bieu th{border:1px solid #b8cbd8!important;padding:10px 8px}#thoi-khoa-bieu .main-period-row{height:64px}#thoi-khoa-bieu table thead th{background:#ebf1f5;color:#0e2128;font-size:15px;font-weight:800;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:3}#thoi-khoa-bieu table thead th:first-child{left:0;z-index:4}#thoi-khoa-bieu table tr td{background:#fff!important}#thoi-khoa-bieu table tr td.cell-tiet{background:#f4f7f9!important;color:#0e2128;font-size:13.5px;font-weight:700;left:0;padding:6px;position:-webkit-sticky;position:sticky;text-align:center;z-index:2}#thoi-khoa-bieu .cell-tiet span,#thoi-khoa-bieu .cell-tiet strong{display:block;line-height:1.3}#thoi-khoa-bieu .cell-tiet span{color:#59899d;font-size:12px;margin-top:3px}#thoi-khoa-bieu .class-cell-card{align-items:center;background:#ebf1f5!important;border:1.5px solid #0e2128!important;border-radius:10px!important;box-shadow:0 2px 6px #0e21280f;box-sizing:border-box;color:#0e2128;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:52px;overflow:hidden;padding:8px 10px;position:relative;text-align:center;transition:all .14s ease;width:100%}#thoi-khoa-bieu td.ghost-cell-wrapper{height:100%!important;margin:0!important;padding:0!important;vertical-align:top!important}#thoi-khoa-bieu .class-cell-card.ghost-preview-card{animation:uniformGhostPulse 1.4s ease-in-out infinite;background-color:#0e212873!important;background-image:none!important;border:2px dashed #0e2128!important;border-radius:0!important;box-shadow:inset 0 0 12px #0e212840!important;box-sizing:border-box!important;display:block!important;height:100%!important;margin:0!important;min-height:100%!important;pointer-events:none;width:100%!important}@keyframes uniformGhostPulse{0%{background-color:#0e212861;opacity:.75}50%{background-color:#0e212894;opacity:1}to{background-color:#0e212861;opacity:.75}}#thoi-khoa-bieu .cell-class-wrapper:hover .class-cell-card{background:#d5e2ec!important;box-shadow:0 4px 12px #0e21281f;transform:translateY(-1px)}#thoi-khoa-bieu .class-cell-content{align-items:center;display:flex;flex-direction:column;padding:4px;text-align:center}#thoi-khoa-bieu .class-cell-code{color:#0e2128;display:block;font-size:15px;font-weight:800}#thoi-khoa-bieu .class-cell-name{color:#1c2a33;display:block;font-size:13px;font-weight:600;margin-top:2px}#thoi-khoa-bieu .class-cell-secondary{color:#3b6275;display:block;font-size:12px;font-weight:600;margin-top:2px}#thoi-khoa-bieu .cell-class-unbounded{overflow:visible;padding:10px 8px}#thoi-khoa-bieu .cell-class-unbounded .class-cell-content{min-height:96px;position:static}#thoi-khoa-bieu .cell-class-wrapper .remove-class-btn{color:#ef4444;opacity:0;pointer-events:none;transition:opacity .14s ease}#thoi-khoa-bieu .cell-class-hovering .remove-class-btn,#thoi-khoa-bieu .cell-class-wrapper:hover .remove-class-btn{opacity:1;pointer-events:auto}#thoi-khoa-bieu .empty-schedule-slot{background:#fff!important;padding:0!important;position:relative;vertical-align:middle}#thoi-khoa-bieu .empty-slot-button{align-items:center;background:#f4f7f9;border:1.5px dashed #8ea5b7;border-radius:10px;color:#17333f;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:calc(100% - 8px);inset:4px;justify-content:center;min-height:50px;padding:8px;position:absolute;transition:all .16s ease;width:calc(100% - 8px)}#thoi-khoa-bieu .empty-slot-button:hover{background:#ebf1f5;border-color:#0e2128}#thoi-khoa-bieu .empty-slot-label{color:#17333f;font-size:15px;font-weight:800;white-space:nowrap}#thoi-khoa-bieu .empty-slot-label.static{color:#17333f;display:grid;font-size:15px;font-weight:800;inset:0;place-items:center;position:absolute}#thoi-khoa-bieu .empty-slot-action{color:#0e2128;font-size:12px;font-weight:800;opacity:0;transform:translateY(3px);transition:.13s ease}#thoi-khoa-bieu .empty-slot-button:focus-visible,#thoi-khoa-bieu .empty-slot-button:hover{background:#ebf1f5;border:1.5px solid #0e2128;box-shadow:0 4px 12px #0e21281a;color:#040309;outline:none}#thoi-khoa-bieu .empty-slot-button:focus-visible .empty-slot-action,#thoi-khoa-bieu .empty-slot-button:hover .empty-slot-action{opacity:1;transform:translateY(0)}#thoi-khoa-bieu .cell-class-wrapper{background:#fff!important;padding:4px!important;position:relative;vertical-align:middle;z-index:1}#thoi-khoa-bieu .cell-class-wrapper:hover{z-index:30!important}#thoi-khoa-bieu .cell-class-pickable{cursor:pointer}#thoi-khoa-bieu .cell-class-wrapper.cell-class-pickable:focus-visible,#thoi-khoa-bieu .cell-class-wrapper.cell-class-pickable:hover{background:#fff!important;box-shadow:0 8px 24px #0e212833!important;outline:2px solid #0e2128!important;outline-offset:-2px}#thoi-khoa-bieu .cell-picker-hint{background:#0e2128;border-radius:0;bottom:0;color:#fff;font-size:13px;font-weight:800;left:0;opacity:0;padding:6px 4px;pointer-events:none;position:absolute;right:0;text-align:center;transform:translateY(100%);transition:all .16s cubic-bezier(.4,0,.2,1);width:100%;z-index:25}#thoi-khoa-bieu .cell-class-wrapper:focus-visible .cell-picker-hint,#thoi-khoa-bieu .cell-class-wrapper:hover .cell-picker-hint{opacity:1;transform:translateY(0)}#thoi-khoa-bieu .online-row{height:64px}#thoi-khoa-bieu .online-row-cell{background:#fff!important;padding:0!important;position:relative;vertical-align:middle}#thoi-khoa-bieu .online-empty-static{align-items:center;background:#f4f7f9;border:1.5px dashed #8ea5b7;border-radius:10px;color:#17333f;cursor:default;display:flex;height:52px;justify-content:center;padding:8px;-webkit-user-select:none;user-select:none;width:100%}#thoi-khoa-bieu .online-classes-flex{align-items:stretch;background:#fff!important;display:flex;flex-wrap:wrap;gap:0;padding:0!important;width:100%}#thoi-khoa-bieu .online-classes-flex>.cell-class-wrapper,#thoi-khoa-bieu .online-classes-flex>td{background:#fff!important;box-sizing:border-box!important;flex:1 1 100%!important;flex:1 1 calc((100% - (var(--item-count, 1) - 1)*0px)/var(--item-count, 1))!important;max-width:100%!important;max-width:calc((100% - (var(--item-count, 1) - 1)*0px)/var(--item-count, 1))!important;padding:4px!important}#thoi-khoa-bieu .extra-classes-grid-row{align-items:center;background:#f4f7f9;border:1px solid #d5e0e8;border-radius:12px;display:flex;gap:12px;margin-top:12px;padding:12px 16px}#thoi-khoa-bieu .extra-classes-label{color:#59899d;font-size:13px;font-weight:700;white-space:nowrap}#thoi-khoa-bieu .extra-classes-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}#thoi-khoa-bieu.interactive-timetable{padding-bottom:0}#thoi-khoa-bieu.compact .timetable-toolbar{display:none}#thoi-khoa-bieu.compact table{min-width:1000px}.MuiTooltip-tooltipPlacementBottom{margin-top:0!important}@media (max-width:720px){.timetable-toolbar{align-items:stretch;flex-direction:column}.timetable-actions{display:grid;grid-template-columns:1fr 1fr}#thoi-khoa-bieu .cell-class .remove-class-btn{opacity:.7}}@media (hover:none){#thoi-khoa-bieu .empty-slot-action{opacity:.62;transform:none}#thoi-khoa-bieu .cell-picker-hint{display:inline-block;margin-top:6px;opacity:.55;position:static;transform:none}}#thoi-khoa-bieu .ghost-preview-card.is-conflict-hover{background:#ef444447!important;border:2px dashed #ef4444!important;box-shadow:0 4px 12px #ef444440!important}.course-picker-dialog .MuiDialog-paper{animation:course-picker-in .18s ease-out both;border:1.5px solid #0e2128!important;border-radius:18px;box-shadow:0 16px 44px #0e212840!important;height:min(86vh,780px);max-height:min(92vh,920px);width:min(1180px,calc(100% - 48px))}.course-picker-title{color:#0e2128!important;font-size:var(--text-xl)!important;font-weight:800!important;padding:20px 72px 10px 22px!important;position:relative}.course-picker-close{background:#fff;border:1.5px solid #0e2128!important;border-radius:10px;color:#040309;cursor:pointer;font:inherit;font-size:26px;height:40px;line-height:1;position:absolute;right:12px;top:10px;width:40px}.course-picker-close:focus-visible,.course-picker-close:hover{background:#ebf1f5;border-color:#0e2128;outline:0}.course-picker-content{display:flex;flex-direction:column;min-height:0;overflow:hidden!important;padding:12px 22px 18px!important}.course-picker-description{color:#0e2128!important;font-weight:600!important;margin-bottom:14px!important}.course-picker-draft{background:#d5e2ec!important;border:1.5px solid #0e2128!important;border-radius:13px;margin-bottom:14px;padding:12px}.course-picker-draft-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.course-picker-draft-head strong{color:#0e2128;font-size:var(--text-sm)}.course-picker-draft-head button{background:#0000;border:0;color:#59899d;cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:700;padding:3px 0}.course-picker-draft-head button:focus-visible,.course-picker-draft-head button:hover{color:#040309;outline:0;text-decoration:underline}.course-picker-draft-list{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:9px;max-height:126px;overflow-y:auto}.course-picker-draft-list>button{align-items:flex-start;background:#fff;border:1px solid #adbecc;border-radius:10px;color:#040309;cursor:pointer;display:flex;flex-direction:column;font:inherit;min-width:0;padding:9px 10px;text-align:left}.course-picker-draft-list>button:focus-visible,.course-picker-draft-list>button:hover{background:#ebf1f5;border-color:#0e2128;outline:0}.course-picker-draft-list small,.course-picker-draft-list span,.course-picker-draft-list strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-picker-draft-list strong{color:#0e2128;font-size:var(--text-md)}.course-picker-draft-list span{color:#59899d;font-size:var(--text-xs);margin-top:2px}.course-picker-draft-list small{color:#0e2128;font-size:var(--text-xs);font-weight:700;margin-top:4px}.course-picker-count{color:#59899d;font-size:var(--text-sm);margin:14px 2px 8px}.course-picker-count>span{color:#d9534f;font-weight:600}.course-group-list{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.course-group{background:#fff;border:1px solid #d5e0e8;border-radius:13px;flex:0 0 auto;overflow:hidden}.course-group-trigger{align-items:center;background:#fff;border:0;color:#040309;cursor:pointer;display:flex;font:inherit;gap:16px;justify-content:space-between;min-height:66px;padding:12px 14px;text-align:left;width:100%}.course-group-trigger:focus-visible,.course-group-trigger:hover{background:#f4f7f9;outline:0}.course-group-trigger[aria-expanded=true]{background:#ebf1f5;box-shadow:inset 3px 0 0 #0e2128;color:#0e2128}.course-group-trigger[aria-expanded=true] .course-group-action,.course-group-trigger[aria-expanded=true] .course-group-copy strong{color:#0e2128}.course-group-copy{display:flex;flex-direction:column;min-width:0}.course-group-copy strong{color:#040309;font-size:var(--text-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-group-copy small{color:#59899d;font-size:var(--text-sm);margin-top:3px}.course-group-action{background:#ffffffd1;border:1px solid #d5e0e8;border-radius:10px;color:#040309;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.course-group-action svg{font-size:24px}.course-option-list{animation:course-group-open .16s ease-out both;background:#f4f7f9;border-top:1px solid #d5e0e8;display:flex;flex-direction:column;gap:7px;padding:8px}.course-option,.course-option *,.course-option .MuiTouchRipple-ripple,.course-option .MuiTouchRipple-root{-webkit-tap-highlight-color:transparent!important}.course-option .MuiTouchRipple-child,.course-option .MuiTouchRipple-ripple,.course-option .MuiTouchRipple-root{display:none!important;opacity:0!important;visibility:hidden!important}.course-option{align-items:center!important;background:#fff!important;border:1.5px solid #0e2128!important;border-radius:13px!important;display:flex!important;gap:14px;justify-content:space-between!important;min-height:82px;padding:13px 14px!important;text-align:left!important;transition:.14s ease!important;width:100%}.course-option:active,.course-option:focus,.course-option:focus-visible,.course-option:hover{background:#ebf1f5!important;border-color:#0e2128!important;transform:translateY(-1px)}.course-option.course-option-conflict,.course-option.course-option-conflict.Mui-disabled{background:#fff1f2!important;border-color:#fca5a5!important;cursor:not-allowed;opacity:.58!important;transform:none}.course-option-conflict .course-option-action{color:#be123c;line-height:1.35;max-width:190px;text-align:right}.course-option-main{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.course-option-main>strong{color:#040309;font-size:var(--text-md)}.course-option-main>span{color:#59899d;font-size:var(--text-sm);margin-top:3px}.course-option-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.chip-thuc-hanh{background:#17333f!important;border:1px solid #0e2128!important}.chip-thuc-hanh,.chip-thuc-hanh .MuiChip-label,.chip-thuc-hanh.active{color:#fff!important;font-weight:800!important}.chip-thuc-hanh.active{background:#0e2128!important;border:1.5px solid #0e2128!important;box-shadow:0 2px 6px #0e212840!important}.chip-thuc-hanh.active .MuiChip-label{color:#fff!important;font-weight:800!important}.chip-ly-thuyet{background:#d0e8f5!important;border:1.5px solid #0e2128!important}.chip-ly-thuyet,.chip-ly-thuyet .MuiChip-label,.course-option-action{color:#0e2128!important;font-weight:800!important}.course-option-action{align-items:center;background:#fff!important;border:1.5px solid #0e2128!important;border-radius:10px!important;display:grid;flex:0 0 38px;height:38px;justify-content:center;transition:all .14s ease!important;width:38px}.course-option-action svg{fill:#0e2128!important;color:#0e2128!important;font-size:23px!important}.course-option:not(.course-option-conflict):focus-visible .course-option-action,.course-option:not(.course-option-conflict):hover .course-option-action{background:#ebf1f5!important;border-color:#0e2128!important;color:#0e2128!important}.course-option:not(.course-option-conflict):focus-visible .course-option-action svg,.course-option:not(.course-option-conflict):hover .course-option-action svg{fill:#0e2128!important;color:#0e2128!important}.course-option-active-lt .course-option-action,.course-option-active-th .course-option-action{background:#ecfdf5!important;border-color:#059669!important;box-shadow:0 2px 6px #05966926!important;color:#059669!important}.course-option-active-lt .course-option-action svg,.course-option-active-th .course-option-action svg{fill:#059669!important;color:#059669!important}.course-option-action-conflict,.course-option-conflict .course-option-action{background:#0000!important;border:0!important;box-shadow:none!important;color:#d9534f!important;flex:0 0 auto!important;font-size:13.5px!important;font-weight:800!important;height:auto!important;line-height:1.35!important;max-width:220px!important;min-height:0!important;outline:0!important;padding:0!important;text-align:right!important;width:auto!important}.course-picker-visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.course-picker-empty{background:#f4f7f9;border:1px dashed #adbecc;border-radius:13px;padding:44px 20px;text-align:center}.course-picker-actions{justify-content:flex-end!important;padding:10px 18px!important}.course-picker-actions>:first-child:not(:last-child){margin-right:auto}.theory-tree-node{margin-bottom:12px}.practice-nested-container{border-left:2.5px dashed #adbecc;display:flex;flex-direction:column;gap:8px;margin-left:28px;margin-top:8px;padding-left:14px;position:relative;transition:all .22s ease}.practice-nested-container.active-branch{border-left:3px solid #59899d!important}.course-option-theory{background:#fff!important;border:1.5px solid #0e2128!important;box-shadow:0 2px 8px #0e21280f!important}.course-option-active-lt{background:#d5e2ec!important;border:2px solid #0e2128!important;box-shadow:0 3px 10px #0e21281f!important}.course-option-practice{background:#fff!important;border:1.5px solid #0e2128!important;border-radius:12px!important;transition:all .18s ease!important}.course-option-locked-th{background:#f4f7f9!important;border:1px dashed #adbecc!important}.course-option-unlocked-th{background:#fff!important;border:1.5px solid #0e2128!important;box-shadow:0 2px 8px #0e21280f!important;opacity:1!important}.course-option-active-th{background:#d5e2ec!important;border:2px solid #0e2128!important;box-shadow:0 3px 10px #0e21281f!important}@keyframes shakeRed{0%{transform:translateX(0)}20%{background-color:#fef2f2!important;border-color:#ef4444!important;box-shadow:0 0 12px #ef444466!important;transform:translateX(-8px)}40%{background-color:#fef2f2!important;border-color:#ef4444!important;box-shadow:0 0 12px #ef444466!important;transform:translateX(8px)}60%{background-color:#fef2f2!important;border-color:#ef4444!important;box-shadow:0 0 12px #ef444466!important;transform:translateX(-6px)}80%{background-color:#fef2f2!important;border-color:#ef4444!important;box-shadow:0 0 12px #ef444466!important;transform:translateX(6px)}to{transform:translateX(0)}}.shake-red-animation{animation:shakeRed .48s ease-in-out!important;border:2px solid #ef4444!important}.course-option-locked-th{border-color:#adbecc!important;border-style:dashed!important;opacity:.65!important}.course-option-highlighted-th{background:#ecfdf5!important;border:2px solid #10b981!important;box-shadow:0 4px 12px #10b98126!important}.course-option-dimmed{filter:grayscale(40%)!important;opacity:.35!important}@keyframes course-picker-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes course-group-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.course-picker-dialog .MuiDialog-paper{border-radius:16px;height:calc(100% - 12px);margin:6px;max-height:calc(100% - 12px);width:calc(100% - 12px)}.course-picker-title{font-size:var(--text-lg)!important;padding-left:16px!important}.course-picker-content{padding-inline:12px!important}.course-option{align-items:flex-start!important}.course-option-action{font-size:var(--text-xs)}.course-picker-draft-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.course-option-list,.course-picker-dialog .MuiDialog-paper{animation:none}}.course-picker-subbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:12px 0 10px}.course-view-toggle-group{background:#fff;border-radius:8px}.course-view-toggle-group .MuiToggleButton-root{font-size:13px!important;font-weight:700!important;padding:4px 12px!important;text-transform:none!important}.course-view-toggle-group .MuiToggleButton-root.Mui-selected{background-color:#0e2128!important;color:#fff!important}.course-flat-list-wrapper{background:#fff;border:1.5px solid #baccd6;border-radius:12px;flex:1 1;min-height:0;overflow-y:auto}.course-flat-table{border-collapse:collapse;font-size:13.5px;width:100%}.course-flat-table th{background:#ebf1f5;border-bottom:1.5px solid #baccd6;color:#0e2128;font-weight:800;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.course-flat-row{border-bottom:1px solid #e0e8ee;cursor:pointer;transition:background-color .15s ease}.course-flat-row:hover:not(.is-conflict){background-color:#f0f6fa}.course-flat-row.is-active{background-color:#e2f0d9!important}.course-flat-row.is-conflict{background-color:#faf4f4;cursor:not-allowed;opacity:.5}.course-flat-row td{padding:10px 12px;vertical-align:middle}.course-flat-table .cell-name{display:flex;flex-direction:column}.course-flat-table .mh-title{color:#0e2128;font-size:13.5px}.course-flat-table .mh-code{color:#59899d;font-size:11.5px;font-weight:600}.course-flat-table .cell-code strong{color:#0e2128;font-weight:800}.course-flat-table input[type=checkbox]{cursor:pointer;height:16px;width:16px}.stat-pill-group{align-items:center;display:flex;gap:8px}.stat-pill{align-items:center;border-radius:50px;display:inline-flex;font-size:14.5px;gap:5px;justify-content:center;line-height:1.3;padding:6px 16px;transition:all .2s ease;white-space:nowrap}.stat-pill-solid{background-color:#0e2128;box-shadow:0 2px 8px #0e21282e;color:#fff}.stat-pill-num{color:#fff;font-weight:800}.stat-pill-txt{color:#fff;font-weight:600}.copy-script-btn{background-color:#0e2128!important;border-radius:50px!important;box-shadow:0 2px 8px #0e21282e!important;color:#fff!important;font-size:15.5px!important;font-weight:800!important;padding:8px 22px!important;transition:all .2s ease!important}.copy-script-btn:hover{background-color:#17333f!important;box-shadow:0 4px 14px #0e212847!important;transform:translateY(-1px)}.copy-script-outlined-btn{background-color:initial!important;border:1.5px solid #0e2128!important;border-radius:50px!important;color:#0e2128!important;font-weight:700!important;padding:6px 18px!important;transition:all .2s ease!important}.copy-script-outlined-btn:hover{background-color:#0e21280f!important;border-color:#0e2128!important;transform:translateY(-1px)}.builder-page{padding-bottom:92px}.bookmark-tab-closed{align-items:center;background:#fff!important;border:1.5px solid #0e2128!important;border-left:none!important;border-radius:0 10px 10px 0!important;box-shadow:4px 0 16px #0e212826!important;color:#0e2128!important;cursor:pointer;display:inline-flex;flex-direction:row;font-size:13.5px!important;font-weight:800!important;gap:6px;left:0;padding:8px 14px 8px 10px!important;position:fixed;top:180px;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important;z-index:1300}.bookmark-tab-closed:hover{background:#ebf1f5!important;box-shadow:6px 0 20px #0e212838!important;padding-left:14px!important;transform:translateX(3px)}.builder-workspace-card{background:#fff!important;border:1.5px solid #0e2128!important;border-radius:18px!important;box-shadow:0 8px 32px #0e21281a!important;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px}body:has(.has-open-side-drawer){overflow:hidden!important}.builder-page.has-open-side-drawer{box-sizing:border-box!important;height:calc(100vh - 62px)!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;max-width:none!important;min-height:calc(100vh - 62px)!important;overflow:hidden!important;padding:0!important;width:100vw!important}.builder-page.has-open-side-drawer .builder-workspace-card{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;gap:0!important;height:100%!important;max-height:100%!important;overflow:hidden!important;padding:12px 16px 0!important;width:100vw!important}.builder-page.has-open-side-drawer .builder-split-layout{flex:1 1!important;height:100%!important;margin-bottom:0!important;min-height:0!important;overflow:hidden!important}.builder-split-layout{align-items:stretch;display:flex;gap:0;margin-top:4px;min-height:640px;position:relative;width:100%}.builder-split-layout.is-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.builder-inline-side-panel{display:flex;flex:0 0 auto;flex-direction:column;overflow:hidden;padding:12px 14px!important}.builder-page.has-open-side-drawer .builder-inline-side-panel{padding:8px 14px 0!important}.builder-page.has-open-side-drawer .builder-inline-side-panel,.builder-page.has-open-side-drawer .course-picker-side-panel-container{display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}.builder-page.has-open-side-drawer .side-panel-list{border:1.5px solid #0e2128!important;border-radius:14px!important;flex:1 1!important;height:100%!important;margin-bottom:0!important;min-height:0!important;overflow-x:auto!important;overflow-y:auto!important}.builder-inline-resizer{align-items:center;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;margin:0 -5px;-webkit-user-select:none;user-select:none;width:10px;z-index:10}.builder-inline-resizer:hover .resizer-handle-line,.builder-split-layout.is-resizing .builder-inline-resizer .resizer-handle-line{background-color:#0e2128;width:4px}.resizer-handle-line{background-color:#baccd6;border-radius:4px;height:64px;pointer-events:none;transition:all .15s ease;width:2px}.builder-timetable-column{flex:1 1;min-width:0;padding:8px 14px 0!important}.builder-page.has-open-side-drawer .builder-timetable-column,.builder-page.has-open-side-drawer .builder-timetable-column .timetable-card{height:100%!important;overflow:hidden!important}.builder-page.has-open-side-drawer .builder-timetable-column .timetable-scroll{height:100%!important;overflow-x:auto!important;overflow-y:hidden!important}.course-picker-side-panel-container{display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden}.side-panel-header{margin-bottom:2px}.side-panel-title{color:#0e2128;font-size:18px!important;font-weight:800!important}.side-panel-desc{color:#59899d;font-size:13px!important}.side-panel-toolbar-row{justify-content:space-between;padding:4px 0}.side-panel-toolbar-row,.toolbar-left-group,.toolbar-right-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.count-badge{color:#0e2128;font-size:13px;font-weight:500;padding:4px 6px}.type-pill-group{background:#ebf1f5;border-radius:6px;display:inline-flex;gap:2px;padding:2px}.type-pill-group .pill-btn{background:#0000;border:none;border-radius:4px;color:#0e2128;cursor:pointer;font-size:12px;font-weight:700;padding:4px 12px;transition:all .15s ease}.type-pill-group .pill-btn.active{background:#0e2128;color:#fff}.hide-conflict-badge-btn{align-items:center;background:#fff;border:1.5px solid #0e2128;border-radius:6px;color:#0e2128;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:4px 10px;transition:all .15s ease}.hide-conflict-badge-btn.active{background:#0e2128;color:#fff}.conflict-badge-count{background:#0e21281f;border-radius:10px;color:inherit;font-size:11px;padding:1px 6px}.clear-filter-btn{background:#fff;border:1.5px solid #d32f2f;border-radius:6px;color:#d32f2f;cursor:pointer;font-size:12px;font-weight:700;padding:4px 10px;transition:all .15s ease}.clear-filter-btn:hover{background:#ffebee}.view-toggle-mode-btn{align-items:center;background:#fff;border:1.5px solid #0e2128;border-radius:6px;color:#0e2128;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:4px 10px}.view-toggle-mode-btn:hover{background:#ebf1f5}.side-panel-close-btn{align-items:center;background:#fff;border:1.5px solid #0e2128;border-radius:4px;color:#0e2128;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .15s ease;width:30px}.side-panel-close-btn:hover{background:#ebf1f5}.side-panel-list{border:1.5px solid #0e2128!important;border-radius:14px!important;flex:1 1;min-height:0;overflow-y:auto;overflow:hidden}.filter-header-row th{background:#ebf1f5!important;padding:4px 4px 8px!important}.column-filter-input,.column-filter-select{background:#fff;border:1.5px solid #baccd6;border-radius:4px;box-sizing:border-box;color:#0e2128;font-size:13.5px!important;outline:none;padding:6px 8px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.column-filter-input:focus,.column-filter-select:focus{border-color:#0e2128;box-shadow:0 0 0 2px #0e212826}.side-panel-table th{background:#ebf1f5!important;font-size:13.5px!important;font-weight:800!important;padding:9px 8px!important}.side-panel-table td{font-size:14px!important;padding:10px 8px!important}.side-panel-table .cell-name .mh-title{font-size:14.5px!important;font-weight:800!important;line-height:1.3}.side-panel-table .cell-name .mh-code{font-size:12.5px!important}.side-panel-table .cell-lich{color:#0e2128;font-size:13.5px!important;font-weight:800!important;white-space:nowrap}.side-panel-table .cell-gv{font-size:13.5px!important;min-width:175px;white-space:normal;word-break:break-word}.side-panel-table .cell-code strong{font-size:14px!important;font-weight:800!important}.builder-timetable{animation:builder-table-in .22s ease-out both;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;background:#ffffffe0!important;border:1.5px solid #0e2128!important;border-radius:18px!important;box-shadow:0 8px 32px #0e212814!important;flex:1 1;min-width:0;padding:16px;transition:all .2s ease-in-out}.builder-page.has-open-side-drawer .builder-timetable{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:12px 14px 105px!important}@media (max-width:1024px){.builder-split-layout{flex-direction:column}.builder-side-panel{height:520px;max-width:none;min-width:0;width:100%}}.builder-action-dock{grid-gap:10px;align-items:center;animation:builder-dock-in .22s ease-out both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #d4d4d8;border-radius:16px;bottom:14px;box-shadow:0 16px 40px #0003;display:grid;gap:10px;grid-template-columns:minmax(260px,1fr) auto minmax(250px,auto);padding:7px;position:fixed;right:50%;transform:translateX(50%);transition:all .2s ease-in-out;width:min(980px,calc(100% - 24px));z-index:1250}.builder-action-dock.is-compact{grid-template-columns:auto auto auto;justify-content:center;padding:8px 18px;width:auto}.dock-view-mode-switch{align-items:center;background:#ebf1f5;border:1.5px solid #0e2128;border-radius:10px;display:inline-flex;gap:3px;padding:3px}.dock-mode-btn{background:#0000;border:none;border-radius:7px;color:#0e2128;cursor:pointer;font-size:13.5px;font-weight:700;padding:7px 16px;transition:all .18s ease;white-space:nowrap}.dock-mode-btn:hover{background:#0e212814}.dock-mode-btn.active{background:#0e2128!important;box-shadow:0 2px 8px #0e212840;color:#fff!important;font-weight:800!important}.builder-dock-search{align-items:center;background:#ebf1f5;border:1.5px solid #0e2128;border-radius:50px;cursor:pointer;display:flex;gap:10px;height:46px;min-width:260px;padding:0 16px;transition:all .2s ease-in-out}.builder-dock-search:focus-visible,.builder-dock-search:hover{background:#fff;border-color:#0e2128;box-shadow:0 4px 16px #0e212826;outline:0}.builder-dock-search-icon{color:#0e2128;font-size:21px!important}.builder-dock-search-placeholder{color:#0e2128;flex:1 1;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-dock-shortcut{align-items:center;background:#0e2128;border-radius:8px;color:#fff;display:inline-flex;font-size:11.5px;font-weight:800;justify-content:center;letter-spacing:.03em;padding:4px 9px;-webkit-user-select:none;user-select:none}.builder-dock-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.builder-action-dock .MuiButton-root{min-height:50px}.builder-clear-btn{background-color:#c5221f0a!important;border-color:#c5221f!important;border-radius:12px!important;border-width:1.5px!important;color:#c5221f!important;font-weight:800!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.builder-clear-btn:hover:not(:disabled){background-color:#c5221f!important;border-color:#c5221f!important;box-shadow:0 4px 14px #c5221f59!important;color:#fff!important;transform:translateY(-1px)}.builder-timetable .timetable-scroll{max-height:calc(100vh - 104px)}@keyframes builder-table-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes builder-dock-in{0%{opacity:0;transform:translate(50%,8px)}to{opacity:1;transform:translate(50%)}}@media (max-width:980px){.builder-page{padding-bottom:142px}.builder-action-dock{grid-template-columns:minmax(0,1fr) auto}.builder-dock-actions{grid-column:1/-1}}@media (max-width:620px){.builder-stats{flex-wrap:wrap}.builder-action-dock{bottom:8px;gap:7px;width:calc(100% - 16px)}.builder-dock-copy span{display:none}.builder-timetable .timetable-scroll{max-height:calc(100vh - 116px)}}@media (prefers-reduced-motion:reduce){.builder-action-dock,.builder-timetable{animation:none}}.course-flat-row.is-child-practice-row{background-color:#f8fafcd9!important;border-left:none!important}.notion-branch-arrow{color:#94a3b8;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.course-flat-row.is-child-practice-row:hover{background-color:#f1f5f9!important}.dang-ky-nhanh-root{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1300px;padding:24px 20px 60px;width:100%}.dkn-header-card{align-items:center;background:#fff;border:1px solid #d5e0e8;border-radius:16px;box-shadow:0 4px 16px #0e21280a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:22px 26px}.dkn-header-title{color:#0e2128;font-size:22px!important;font-weight:800!important;letter-spacing:-.3px}.dkn-header-desc{color:#59899d;font-size:14px!important;font-weight:500;margin-top:4px}.dkn-header-left{flex:1 1 360px}.dkn-plan-switcher{align-items:center;background:#d9e4ec;border:1px solid #baccd6;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;padding:8px 16px}.dkn-plan-label{font-weight:700!important;white-space:nowrap}.dkn-plan-label,.dkn-plan-select{color:#0e2128;font-size:14px!important}.dkn-plan-select{background:#fff;border-radius:10px;font-weight:700;min-width:170px}.dkn-stat-pills{align-items:center;display:flex;gap:8px}.dkn-stat-pill{align-items:center;background:#0e2128;border-radius:20px;color:#fff!important;display:inline-flex;font-size:13px!important;font-weight:700;gap:4px;padding:6px 14px;white-space:nowrap}.dkn-stat-pill strong{color:#fff!important;font-weight:800}.dkn-content-grid{display:flex;flex-direction:column;gap:22px}.dkn-section-card{backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;background:#ffffffd1!important;border:1px solid #fffc!important;border-radius:18px;box-shadow:0 8px 32px #0e212814!important;padding:24px 26px}.dkn-section-header{border-bottom:1px solid #ebf1f5;justify-content:space-between;margin-bottom:18px;padding-bottom:14px}.dkn-section-header,.dkn-section-title-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.dkn-section-icon{color:#0e2128;font-size:24px!important}.dkn-section-title{color:#0e2128;font-size:18px!important;font-weight:800!important}.dkn-copy-all-btn{background:#0e2128!important;border-radius:50px!important;box-shadow:0 2px 8px #0e21282e!important;color:#fff!important;font-size:14.5px!important;font-weight:800!important;padding:8px 22px!important;text-transform:none!important;transition:all .2s ease!important}.dkn-copy-all-btn:hover{background-color:#17333f!important;box-shadow:0 4px 14px #0e212847!important;transform:translateY(-1px)}.dkn-copy-script-btn{background:#0e2128!important;border-radius:10px!important;box-shadow:0 4px 12px #0e212826!important;color:#fff!important;font-size:14px!important;font-weight:800!important;padding:9px 20px!important;text-transform:none!important}.dkn-section-actions{align-items:center;display:flex;gap:10px}.dkn-checklist-progress-chip{background:#eaf4f4!important;border:1px solid #bee1e3!important;color:#0f5257!important;font-size:13px!important;font-weight:800!important}.dkn-reset-checklist-btn{background:#fff!important;border:1.5px solid #0e2128!important;border-radius:10px!important;box-shadow:0 2px 6px #0e21280f!important;color:#0e2128!important;font-size:13px!important;font-weight:800!important;padding:5px 14px!important;text-transform:none!important}.dkn-reset-checklist-btn:hover{background:#f4f7f9!important;border-color:#0e2128!important;color:#0e2128!important}.dkn-section-subtitle{color:#59899d;font-size:14px!important;font-weight:500;margin-bottom:16px}.dkn-empty-state{background:#f4f7f9;border:1.5px dashed #adbecc;border-radius:14px;padding:32px 20px;text-align:center}.dkn-codes-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dkn-code-card{align-items:center;background:#f4f7f9;border:1.5px solid #0e2128;border-radius:14px;box-sizing:border-box;display:flex;gap:14px;justify-content:space-between;min-width:0;padding:14px 16px;transition:all .18s ease;width:100%}.dkn-code-card:hover{background:#fff;border-color:#0e2128;box-shadow:0 4px 12px #0e21281a}.dkn-code-card.is-checked{background:#eaefef!important;border-color:#cbd5e1!important;box-shadow:none!important;opacity:.65}.dkn-code-card.is-checked .dkn-code-title{color:#64748b!important;text-decoration:line-through}.dkn-code-card.is-checked .dkn-code-sub{color:#94a3b8!important;text-decoration:line-through}.dkn-code-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.dkn-code-title{color:#0e2128;font-family:monospace,monospace;font-size:16px!important;font-weight:800!important}.dkn-code-sub{color:#0e2128!important;font-size:13px!important;font-weight:700!important;margin-top:2px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dkn-code-chips{align-items:center;display:flex;gap:6px;margin-top:6px}.dkn-card-actions-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.dkn-copy-single-btn{background:#fff!important;border:1.5px solid #0e2128!important;border-radius:8px!important;color:#0e2128!important;font-size:13px!important;font-weight:800!important;justify-content:center!important;min-width:105px!important;padding:5px 12px!important;text-transform:none!important;white-space:nowrap}.dkn-copy-single-btn:hover{background:#f4f7f9!important;border-color:#0e2128!important}.dkn-toggle-check-btn{background:#fff!important;border:1.5px solid #0e2128!important;border-radius:8px!important;box-shadow:0 2px 6px #0e21280d!important;color:#0e2128!important;font-size:13px!important;font-weight:800!important;justify-content:center!important;min-width:105px!important;padding:5px 12px!important;text-transform:none!important;white-space:nowrap}.dkn-toggle-check-btn:hover{background:#f4f7f9!important;border-color:#0e2128!important;color:#0e2128!important}.dkn-toggle-check-btn.is-checked-btn{background:#eaf4f4!important;border:1.5px solid #0f5257!important;color:#0f5257!important;font-weight:800!important}.dkn-guide-box{background:#f4f7f9;border:1px solid #d5e0e8;border-radius:14px;margin-bottom:16px;padding:18px 22px}.dkn-guide-header{align-items:center;color:#0e2128;display:flex;font-size:15px!important;font-weight:800!important;gap:8px;margin-bottom:14px}.dkn-guide-icon{color:#59899d;font-size:22px!important}.dkn-guide-steps-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dkn-guide-step-card{align-items:flex-start;background:#fff;border:1px solid #d5e0e8;border-radius:12px;box-shadow:0 2px 6px #0e212808;display:flex;gap:12px;padding:14px 16px}.dkn-step-badge{background:#0e2128;border-radius:50%;color:#fff;display:grid;flex:0 0 28px;font-size:14px;font-weight:800;height:28px;place-items:center;width:28px}.dkn-step-body{display:flex;flex-direction:column;gap:4px}.dkn-step-body strong{color:#0e2128;font-size:14px!important}.dkn-step-body span{color:#0e2128!important;font-size:13px!important;font-weight:600!important;line-height:1.45}.dkn-step-body code{background:#f4f7f9;border:1px solid #d5e0e8;border-radius:6px;color:#0e2128;font-family:monospace;font-size:12px;font-weight:700;padding:2px 6px}.dkn-script-preview-container{background:#0e2128;border:1px solid #0e2128;border-radius:12px;margin-top:14px;overflow:hidden}.dkn-script-preview-code{background:#0e2128;color:#ebf1f5;font-family:Consolas,Fira Code,Monaco,monospace;font-size:13px;line-height:1.55;margin:0;max-height:420px;overflow-y:auto;padding:16px 20px}.dkn-code-line{align-items:flex-start;display:flex;min-height:22px}.dkn-line-number{color:#59899d;display:inline-block;flex-shrink:0;font-family:monospace;font-size:12px;min-width:34px;opacity:.65;padding-right:14px;text-align:right;-webkit-user-select:none;user-select:none}.dkn-line-content{flex:1 1;white-space:pre-wrap;word-break:break-all}.dkn-script-toggle-wrap{display:flex;justify-content:center;margin-top:6px}.dkn-toggle-code-btn{border-color:#d5e0e8!important;border-radius:10px!important;color:#59899d!important;font-size:13px!important;font-weight:700!important;text-transform:none!important}.dkn-toggle-code-btn:hover{background:#f4f7f9!important;border-color:#0e2128!important;color:#0e2128!important}.dkn-full-slot-picker-wrap{background:#f4f7f9;border:1px solid #d5e0e8;border-radius:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding:16px 20px}.dkn-full-slot-label{color:#0e2128;font-size:14px!important;font-weight:700!important}.dkn-full-class-select{background:#fff;border-radius:10px;color:#0e2128;font-size:14px!important;font-weight:700}.dkn-replacements-list{display:flex;flex-direction:column;gap:14px}.dkn-replacements-title{color:#0e2128;font-size:15px!important;font-weight:700!important}.dkn-replacement-cards-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dkn-replacement-card{align-items:center;background:#fff;border:1.5px solid #d5e0e8;border-radius:14px;box-sizing:border-box;display:flex;gap:14px;justify-content:space-between;min-width:0;padding:16px 18px;transition:all .18s ease;width:100%}.dkn-replacement-card.is-feasible{border-color:#59899d;box-shadow:0 2px 8px #59899d14}.dkn-replacement-card.is-overlap{background:#fff5f5;border-color:#fca5a5;opacity:.8}.dkn-rep-main{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.dkn-rep-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dkn-rep-header strong{color:#0e2128;font-family:monospace;font-size:16px!important;font-weight:800}.dkn-rep-sub{color:#59899d;font-size:13px!important;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dkn-rep-chips{align-items:center;display:flex;gap:6px;margin-top:4px}.dkn-chip-feasible{background:#eaf4f4!important;border:1px solid #bee1e3!important;color:#0f5257!important}.dkn-chip-feasible,.dkn-chip-overlap{font-size:12px!important;font-weight:700!important}.dkn-chip-overlap{background:#fee2e2!important;border:1px solid #fca5a5!important;color:#991b1b!important}.dkn-swap-btn{border-radius:10px!important;flex-shrink:0;font-size:13px!important;font-weight:800!important;padding:7px 16px!important;text-transform:none!important;white-space:nowrap}*{box-sizing:border-box;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}:root{--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px}html{background:#081318}body{background-attachment:fixed;background-color:#081318;background-image:linear-gradient(180deg,#0813187a,#08131894),url(/static/media/uit-bg.2672bd9ffe97003390d5.png);background-position:top;background-repeat:no-repeat;background-size:cover;color:#040309;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px;font-size:var(--text-md);line-height:1.5;margin:0}.app-shell{min-height:100vh}.app-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffffdb!important;border-bottom:1px solid #d5e0e8b3;color:#040309!important}.app-toolbar{gap:16px;justify-content:space-between;min-height:62px!important;padding-inline:clamp(16px,4vw,48px)!important}.app-toolbar,.brand-lockup{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{border-radius:12px;box-shadow:0 6px 16px #0e21281f;flex:0 0 38px;height:38px;object-fit:cover;transition:transform .18s ease;width:38px}.brand-mark:hover{transform:scale(1.05)}.brand-text{display:flex;flex-direction:column}.brand-name{color:#0e2128!important;font-size:19px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1!important}.brand-subtitle{color:#59899d!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;margin-top:1px!important}.header-actions{align-items:center;display:flex}.header-action-btn.reset-btn{background:#0e2128!important;border:1.5px solid #0e2128!important;border-radius:12px!important;box-shadow:0 4px 14px #0e212838!important;color:#fff!important;font-size:14px!important;font-weight:800!important;padding:8px 20px!important;text-transform:none!important;transition:all .18s ease!important}.header-action-btn.reset-btn:hover{background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 6px 20px #ef444459!important;color:#fff!important;transform:translateY(-1px)!important}.workflow-nav-wrapper{align-items:center;display:flex;gap:16px}.workflow-capsule-block{align-items:center;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#ffffffeb!important;border:1.5px solid #0e2128!important;border-radius:14px;box-shadow:0 4px 14px #0e21281a!important;display:flex;gap:4px;padding:4px}.workflow-step{align-items:center;border-radius:10px;color:#0e2128!important;display:flex;font-size:14px;font-weight:700!important;justify-content:center;min-height:38px;padding:6px 18px;text-decoration:none;transition:all .18s ease;white-space:nowrap}.workflow-step:not(.disabled):not(.active):hover{background:#0e212814!important;color:#0e2128!important}.workflow-step.active{background:#0e2128!important;box-shadow:0 4px 14px #0e21284d!important;color:#fff!important;font-weight:800!important}.workflow-step.disabled{cursor:not-allowed;opacity:.45}.workflow-step-num{background:#0e2128;border-radius:50%;color:#fff;display:grid;font-size:12px;font-weight:800;height:24px;place-items:center;width:24px}.workflow-step.disabled .workflow-step-num{background:#adbecc;color:#fff}.workflow-step:not(.active):not(.disabled) .workflow-step-num{background:#59899d;color:#fff}.workflow-step-title{display:inline-block}.page-wrap{margin:0 auto;max-width:1120px;padding:24px 20px;width:100%}.page-wrap.wide{max-width:1600px}.page-heading{margin-bottom:24px}.page-heading h1{color:#040309;font-size:clamp(24px,3.5vw,36px);font-weight:800;letter-spacing:-.03em}.page-heading p{color:#59899d;font-size:14px;font-size:var(--text-md);margin-top:6px}.surface-card{backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;background:#ffffffd1!important;border:1px solid #fffc!important;border-radius:18px!important;box-shadow:0 8px 32px #0e212814!important}.step1-guide-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.guide-card{padding:20px 22px}.guide-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.guide-header strong{font-size:16px;font-size:var(--text-lg)}.manual-entry-shortcut{backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;background:#ebf1f5bf!important;border:1px solid #d5e0e8cc!important;border-radius:14px;margin-bottom:20px;padding:12px 18px}.upload-dropzone{align-items:center;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#f4f7f9a6!important;border:2px dashed #adbecc;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:340px;padding:40px 24px;text-align:center;transition:all .18s ease}.upload-dropzone:hover{background:#ebf1f5;border-color:#0e2128}.upload-dropzone.dragging{background:#ebf1f5!important;border-color:#0e2128!important;transform:translateY(-2px)}.upload-icon{background:#0e2128;border-radius:24px;color:#fff;display:grid;height:76px;margin-bottom:4px;place-items:center;width:76px}.upload-icon svg{font-size:39px}.upload-format{color:#0e2128!important;font-weight:800!important}.current-file{align-items:center;background:#d5e2ec;border:1.5px solid #0e2128;border-radius:12px;color:#0e2128;display:flex;gap:10px;margin-top:10px;padding:10px 14px}.current-file span{display:flex;flex-direction:column;text-align:left}.current-file small{color:#0e2128!important;font-weight:700!important;margin-top:1px}.import-summary{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:16px;padding:20px 22px}.summary-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.privacy-alert{border-radius:14px!important;margin-top:16px}.manual-entry-shortcut{align-items:center;background:#ebf1f5;border:1px dashed #adbecc;border-radius:12px;color:#0e2128;display:flex;font-size:13px;font-size:var(--text-sm);gap:12px;justify-content:space-between;margin-top:16px;padding:10px 16px}.manual-entry-shortcut span{font-weight:500}.result-heading{align-items:center;display:flex;gap:20px;justify-content:space-between}.result-dashboard-summary{align-items:center;display:flex;gap:10px}.stat-pill-card{align-items:center;background:#ebf1f5;border:1px solid #d5e0e8;border-radius:14px;display:flex;flex-direction:column;justify-content:center;min-width:108px;padding:12px 20px}.stat-pill-value{color:#0e2128;font-size:22px;font-weight:800;line-height:1}.stat-pill-label{color:#59899d;font-size:12px;font-weight:600;margin-top:4px;white-space:nowrap}.class-source-card{margin-bottom:16px;padding:16px 20px}.class-source-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.step3-stat-badges{align-items:center;display:flex;gap:8px}.step3-stat-pill{align-items:center;background:#0e2128;border-radius:20px;box-shadow:0 2px 6px #0e21281f;color:#fff;display:flex;gap:6px;padding:5px 14px}.step3-stat-num{color:#fff;font-size:15px;font-weight:800;line-height:1}.step3-stat-txt{color:#adbecc;font-size:13px;font-weight:600;line-height:1}.class-code-editor{display:flex;flex-direction:column;gap:12px;width:100%}.class-code-editor .MuiOutlinedInput-root{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#ebf1f5bf!important;border-radius:12px!important;padding-bottom:10px!important;padding-top:10px!important;transition:all .18s ease!important}.class-code-editor .MuiOutlinedInput-root fieldset{border-color:#baccd6!important;border-width:1.5px!important}.class-code-editor .MuiOutlinedInput-root.Mui-focused fieldset,.class-code-editor .MuiOutlinedInput-root:hover fieldset{border-color:#0e2128!important}.class-code-editor .MuiInputBase-input{color:#0e2128!important;font-family:monospace,monospace!important;font-weight:700!important}.class-code-editor textarea.MuiInputBase-inputMultiline{line-height:1.4!important;padding-bottom:0!important;padding-top:0!important}.class-source-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.class-source-copy{display:flex;flex-direction:column;min-width:0}.class-code-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:0}.class-code-editor .MuiInputBase-input[readonly]{background:#f4f7f9;color:#0e2128;cursor:text}.timetable-card{overflow:hidden;padding:18px}.timetable-card-header{align-items:center;border-bottom:1px solid #ebf1f5;display:flex;justify-content:space-between;margin-bottom:14px;padding:4px 6px 14px}.timetable-card-title strong{color:#0e2128;display:block;font-size:16px;font-weight:800}.timetable-card-title span{color:#59899d;font-size:12px}.empty-result-alert{border-radius:14px!important}.need-file-card{align-items:center;display:flex;flex-direction:column;gap:13px;margin:8vh auto 0;max-width:620px;padding:44px 24px;text-align:center}.need-file-icon{background:#f4f4f5;border-radius:20px;color:#111;display:grid;height:64px;place-items:center;width:64px}.need-file-icon svg{font-size:34px}@media (max-width:1160px){.privacy-chip{display:none!important}}@media (max-width:720px){.step1-guide-grid{grid-template-columns:1fr}.app-toolbar{gap:8px;min-height:58px!important;padding-inline:10px!important}.app-container{padding:16px 12px 104px!important}.workflow-nav{background:#0000;border:0;box-shadow:none;margin:0;padding:0;position:static;width:100%}.workflow-step{gap:0;justify-content:center;min-height:40px;padding:5px 3px;text-align:center}.workflow-step-number{display:none}.workflow-step-copy strong{font-size:12px;font-size:var(--text-xs)}.workflow-step-copy small{display:none}.page-heading{margin-bottom:16px}.upload-dropzone{min-height:320px;padding:30px 18px}.import-summary{align-items:stretch;flex-direction:column}.result-heading{align-items:flex-start;flex-direction:column}.class-source-card{grid-template-columns:1fr}.class-code-editor{grid-column:1}.class-code-actions{display:grid;grid-template-columns:1fr 1fr}.class-code-actions .MuiButton-root{min-width:0}.timetable-card{padding:10px}}.MuiDialog-paper{border:1.5px solid #0e2128!important;border-radius:18px!important;box-shadow:0 16px 44px #0e212840!important}.MuiDialogTitle-root{color:#0e2128!important;font-weight:800!important}.MuiDialogContent-root p,.MuiDialogContent-root span,.MuiDialogContentText-root{color:#0e2128!important;font-size:14.5px!important;font-weight:600!important;line-height:1.5!important;opacity:1!important}.MuiDialogContent-root{color:#0e2128!important}.MuiDialogActions-root .MuiButton-text{color:#0e2128!important;font-weight:700!important}.MuiChip-root.chip-thuc-hanh,.chip-thuc-hanh{background:#17333f!important;border:1px solid #0e2128!important}.MuiChip-root.chip-thuc-hanh,.MuiChip-root.chip-thuc-hanh .MuiChip-label,.chip-thuc-hanh,.chip-thuc-hanh .MuiChip-label{color:#fff!important;font-weight:800!important}.MuiChip-root.chip-ly-thuyet,.chip-ly-thuyet{background:#d0e8f5!important;border:1.5px solid #0e2128!important}.MuiChip-root.chip-ly-thuyet,.MuiChip-root.chip-ly-thuyet .MuiChip-label,.chip-ly-thuyet,.chip-ly-thuyet .MuiChip-label{color:#0e2128!important;font-weight:800!important}