.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swal2-container{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important}.swal2-popup{margin:0!important;transform:none!important}.swal2-title{font-size:30px}.swal-confirm-light{background-color:#3e2a1c;color:#fff;cursor:pointer;width:160px;height:50px;border-radius:8px;padding:8px 20px;font-weight:700;border:1px solid #ccc}.swal-cancel-light{background-color:#f0e8e0;color:#3e2a1c;cursor:pointer;width:160px;height:50px;margin-right:8px;border-radius:8px;padding:8px 20px;font-weight:700;border:none}.swal-confirm-light:hover{background-color:#68492e}.swal-cancel-light:hover{background-color:#a4a7aa}.swal-next-button{background-color:#3e2a1c;color:#fff;width:220px;height:50px;border:none;border-radius:8px;padding:8px 20px;font-weight:700;font-size:16px}.swal-next-button:hover{background-color:#68492e}.swal2-confirm.btn-confirm{background:#b98a62!important;border-radius:8px!important;padding:6px 18px!important;font-weight:600!important}.swal2-cancel.btn-cancel{background:#e0e0e0!important;color:#333!important;border-radius:8px!important;padding:6px 18px!important;font-weight:600!important}img{-webkit-user-drag:none}.video-js .vjs-progress-control .vjs-play-progress{background-color:#b98a62}*{scrollbar-width:thin}html{--scroll-track: #F0E8E0;scrollbar-color:#B98A62 var(--scroll-track)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a27e,#8e633f);border-radius:10px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--academy-ink: #171412;--academy-ink-soft: #5f5a56;--academy-brown: #3e2a1c;--academy-bronze: #b98a62;--academy-bronze-light: #c8a27e;--academy-canvas: #f8f6f3;--academy-card: #f0e8e0;--academy-sidebar-width: clamp(248px, 16vw, 306px);--academy-sidebar-left: 0px}html,body,#root{min-height:100%}body{margin:0;background:var(--academy-canvas);color:var(--academy-ink);font-family:DB Heavent,Noto Sans Thai,Arial,sans-serif;-webkit-font-smoothing:antialiased}.academy-shell{min-height:100vh;background:var(--academy-canvas)}.academy-sidebar{position:fixed;z-index:20;top:0;left:var(--academy-sidebar-left);width:var(--academy-sidebar-width);height:100vh;height:100dvh;padding:0;box-sizing:border-box}.academy-sidebar-inner{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:100%;box-sizing:border-box;overflow:hidden;padding:34px 14px 18px;color:#fff;background-color:#100f0e;background-size:cover;background-position:center bottom}.academy-sidebar-inner:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,#0909091f,#0909090a 45%,#0909091f)}.academy-brand-button,.academy-navigation{position:relative;z-index:1}.academy-brand-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 6px 24px;border:0;background:transparent;cursor:pointer}.academy-brand-button img{display:block;width:min(100%,150px);height:auto;object-fit:contain}.academy-navigation{display:flex;flex-direction:column;gap:12px}.academy-nav-link{display:flex;align-items:center;min-height:62px;gap:22px;padding:0 22px;border-radius:9px;color:#fff;font-size:clamp(18px,1.12vw,22px);line-height:1.1;text-decoration:none;transition:background-color .16s ease,transform .16s ease}.academy-nav-link:hover{background:#b98a6233;transform:translate(2px)}.academy-nav-link.is-active{background:linear-gradient(105deg,#4a3321,#bd9873);color:#fff;box-shadow:0 6px 14px #00000021}.academy-nav-icon{width:28px!important;height:28px!important;flex:0 0 auto}.academy-main{position:relative;display:flex;height:100vh;min-height:100vh;flex-direction:column;margin-left:calc(var(--academy-sidebar-left) + var(--academy-sidebar-width));overflow:hidden}.academy-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px clamp(22px,2.25vw,44px) 8px}.academy-main.has-academy-banner .academy-topbar{position:absolute;top:0;right:0;left:0}.academy-topbar-start{display:flex;align-items:center;flex:1;min-width:0}.academy-search{display:flex;align-items:center;width:min(100%,840px);min-height:58px;gap:18px;padding:0 20px 0 24px;border-radius:12px;background:#fff;color:#6b6865;box-shadow:0 4px 18px #2b211809}.academy-search>svg{width:28px;height:28px;flex:0 0 auto;color:#66615e}.academy-search .MuiInputBase-root{color:var(--academy-ink);font-family:inherit;font-size:24px}.academy-search input::placeholder{color:#696561;opacity:1}.academy-user-area{display:flex;align-items:center;gap:12px;flex:0 0 auto}.academy-user-button{display:flex;align-items:center;min-height:54px;gap:12px;padding:5px 12px 5px 7px;border:0;border-radius:12px;background:#fff;color:var(--academy-ink);font:inherit;font-size:16px;cursor:pointer}.academy-user-avatar.MuiAvatar-root{width:40px;height:40px;background:#8f6848;font-size:15px}.academy-logout-button.MuiIconButton-root{width:54px;height:54px;border-radius:12px;background:#fff;color:var(--academy-bronze)}.academy-logout-button.MuiIconButton-root:hover{background:#f0e8e0}.academy-menu-button.MuiIconButton-root{margin-right:8px;color:var(--academy-brown)}.academy-profile-menu.MuiPaper-root{min-width:265px;padding:8px 10px;border:1px solid rgba(75,51,32,.08);border-radius:14px;box-shadow:0 16px 40px #1f171024}.academy-profile-summary{display:flex;align-items:center;gap:12px;padding:9px 8px 14px}.academy-language-picker{display:flex;gap:6px;padding:12px 8px 7px}.academy-language-picker button{min-width:50px;padding:6px 12px;border:0;border-radius:20px;background:#f3eee9;color:#514337;font:inherit;cursor:pointer}.academy-language-picker button.is-active{background:var(--academy-brown);color:#fff}.academy-wallet-item.MuiMenuItem-root{min-height:40px;padding:5px 8px;cursor:default}.academy-page-body{flex:1;min-height:0;padding:18px clamp(22px,2.25vw,44px) 48px;overflow-x:hidden;overflow-y:auto}.academy-main.has-academy-banner .academy-page-body{padding-top:0}.academy-home-hero,.academy-page-banner{position:relative;display:flex;align-items:center;min-height:clamp(300px,28vw,470px);overflow:hidden;margin:-10px calc(clamp(22px,2.25vw,44px)*-1) 28px;padding:clamp(34px,3vw,58px);background-color:#f3e9dc;background-size:cover;background-position:center center}.academy-main.has-academy-banner .academy-home-hero{align-items:flex-start;margin-top:0;padding-top:clamp(125px,9vw,172px)}.academy-main.has-academy-banner .academy-page-banner{margin-top:0}.academy-home-hero:before,.academy-page-banner:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#faf8f5ed,#faf8f5c2 38%,#faf8f50d 72%);pointer-events:none}.academy-home-hero-content,.academy-page-banner-content{position:relative;z-index:1;max-width:660px}.academy-eyebrow{display:block;margin-bottom:14px;color:#9b6841;font-size:18px;font-weight:600;letter-spacing:.38em;line-height:1.2}.academy-home-hero h1,.academy-page-banner h1{margin:0;color:#0e0d0c;font-size:clamp(34px,3.3vw,62px);font-weight:700;line-height:1.08}.academy-home-hero p,.academy-page-banner p{margin:14px 0 0;color:#696460;font-size:clamp(18px,1.55vw,28px);line-height:1.3}.academy-hero-cta.MuiButton-root{margin-top:28px;min-width:248px;min-height:62px;border-radius:10px;background:linear-gradient(105deg,#3e2a1c,#bd9873);color:#fff;font-size:24px;text-transform:none}.academy-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.academy-section-heading h2{margin:0;color:#161412;font-size:clamp(24px,1.8vw,34px);font-weight:600;line-height:1.1}.academy-section-heading a,.academy-section-heading button{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#38312a;font:inherit;font-size:24px;text-decoration:none;cursor:pointer}.academy-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,28px);margin-bottom:36px}.academy-course-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-radius:16px;background:var(--academy-card);color:var(--academy-ink);box-shadow:0 3px 14px #2d201509;transition:transform .16s ease,box-shadow .16s ease}.academy-course-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2d20151c}.academy-course-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2/1;padding:0;overflow:hidden;border:0;background:#ede5dc;cursor:pointer}.academy-course-image img{display:block;width:100%;height:100%;object-fit:cover}.academy-course-image-placeholder{display:grid;width:100%;height:100%;place-items:center;background:#ede5dc;color:#a77e59}.academy-course-image-placeholder svg{width:52px;height:52px}.academy-course-play{position:absolute;top:50%;left:50%;display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#111111d1;color:#fff;transform:translate(-50%,-50%)}.academy-course-play svg{width:22px;height:22px}.academy-course-content{display:flex;flex:1;flex-direction:column;padding:16px 18px}.academy-course-title{display:-webkit-box;min-height:2.45em;margin:0 0 8px;overflow:hidden;color:#141210;font-size:clamp(19px,1.28vw,24px);font-weight:600;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.academy-course-description{display:-webkit-box;min-height:0;margin:0 0 12px;overflow:hidden;color:#6f6964;font-size:20px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.academy-course-meta{display:flex;flex-direction:column;gap:8px;color:#68615b;font-size:20px}.academy-course-meta span{display:flex;align-items:center;gap:10px}.academy-course-meta svg{width:21px;height:21px;color:var(--academy-bronze)}.academy-course-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:12px}.academy-course-open.MuiIconButton-root{width:60px;height:60px;background:var(--academy-bronze);color:#fff}.academy-course-open.MuiIconButton-root:hover{background:#976b48}.academy-course-favorite.MuiIconButton-root{color:#8d6343}.academy-course-tabs{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin:20px 0 26px}.academy-course-tabs button{min-width:clamp(140px,11vw,230px);padding:11px 28px;border:0;border-radius:12px;background:transparent;color:#201b17;font:inherit;font-size:clamp(22px,1.45vw,29px);cursor:pointer}.academy-course-tabs button.is-active{background:var(--academy-bronze);color:#fff}.academy-content-page{color:var(--academy-ink)}.academy-page-banner{min-height:clamp(250px,24vw,410px);margin-top:-10px;margin-bottom:24px}.academy-page-banner h1{font-weight:600}.academy-surface.MuiPaper-root{padding:clamp(18px,2vw,34px);border-radius:18px;background:#ffffffeb;box-shadow:none}.academy-content-page .MuiOutlinedInput-root,.academy-content-page .MuiInputBase-root{border-radius:9px;background:#f0e9e3}.academy-content-page .MuiOutlinedInput-notchedOutline{border:1px solid transparent}.academy-content-page .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#c6a585}.academy-content-page .MuiInputLabel-root,.academy-content-page .MuiInputBase-input{color:#38312a}.academy-content-page .MuiTableContainer-root{border:0!important;background:transparent!important}.academy-content-page .MuiTableHead-root{background:linear-gradient(105deg,#3e2a1c,#bd9873)}.academy-content-page .MuiTableHead-root .MuiTableCell-root{color:#fff;font-size:18px;white-space:nowrap}.academy-content-page .MuiTableBody-root{background:#f0e8e0}.academy-content-page .MuiTableBody-root .MuiTableRow-root:not(:last-child) .MuiTableCell-root{border-bottom:1px solid rgba(79,54,35,.08)}.academy-history-filters{margin-bottom:28px}.academy-certificate-empty{display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center;padding:36px;text-align:center}.academy-certificate-empty svg{width:58px;height:58px;margin-bottom:14px;color:var(--academy-bronze)}.academy-certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.academy-certificate-card{padding:24px;border:1px solid #e4d9cf;border-radius:14px;background:#f3ece5}.lesson-player-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:12px 0 24px}.lesson-player-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:#29231e;font-size:16px;text-decoration:none}.lesson-player-heading h1{margin:0;color:#181513;font-size:clamp(32px,2.7vw,48px);font-weight:700;line-height:1.05}.lesson-player-heading p{margin:7px 0 0;color:#6b6661;font-size:20px}.lesson-player-progress{min-width:340px;color:#35302c;font-size:18px}.lesson-player-progress-top,.lesson-player-progress-bottom{display:flex;align-items:center;justify-content:flex-end;gap:14px}.lesson-player-progress-bottom{margin-top:8px;color:#716b66}.lesson-player-progress .MuiLinearProgress-root{height:11px;border-radius:8px;background:#e7dfd8}.lesson-player-progress .MuiLinearProgress-bar{border-radius:inherit;background:var(--academy-bronze)}.lesson-player-grid{display:grid!important;grid-template-columns:minmax(300px,.43fr) minmax(0,1fr);align-items:start;gap:28px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.lesson-player-list.MuiPaper-root{max-height:calc(100vh - 270px);overflow:auto;padding:12px;border-radius:14px;background:#f2e9df;box-shadow:none}.lesson-player-list .MuiAccordion-root{margin:0;border-bottom:1px solid rgba(75,51,32,.1);background:transparent;box-shadow:none}.lesson-player-list .MuiAccordion-root:before{display:none}.lesson-player-list .MuiAccordionSummary-root{min-height:62px;padding:0 10px}.lesson-player-list .MuiAccordionSummary-content{margin:12px 0}.lesson-player-list .MuiAccordionDetails-root{padding:0 14px 14px}.lesson-player-list .MuiListItemButton-root.Mui-selected{border-radius:9px;background:#ead9c7}.lesson-player-list .MuiListItemButton-root.Mui-selected:hover{background:#ead9c7}.lesson-player-list .MuiCheckbox-root.Mui-checked,.lesson-player-list .MuiRadio-root.Mui-checked{color:var(--academy-bronze)}.academy-surface .MuiButton-containedPrimary,.lesson-player-page .MuiButton-containedPrimary{background:var(--academy-brown)}.academy-surface .MuiButton-containedPrimary:hover,.lesson-player-page .MuiButton-containedPrimary:hover{background:#68492e}.academy-surface .MuiPaginationItem-root.Mui-selected{background:var(--academy-bronze)}.lesson-player-video{min-width:0;padding:0!important;overflow:hidden;border-radius:16px;background:transparent!important;box-shadow:none!important}.lesson-player-video video,.lesson-player-video .plyr,.lesson-player-video .plyr__video-wrapper{width:100%;border-radius:12px;overflow:hidden}.academy-mobile-drawer.MuiDrawer-paper{width:min(84vw,306px);height:100vh;height:100dvh;box-sizing:border-box;border:0;background:#10100f}@media(max-width:1200px){.academy-course-grid,.academy-certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.academy-nav-link{gap:15px;padding:0 16px}}@media(max-width:899px){.academy-main{margin-left:0}.academy-topbar{gap:8px;padding:12px 16px 6px}.academy-search{min-height:48px;gap:10px;padding:0 12px}.academy-search>svg{width:23px;height:23px}.academy-search .MuiInputBase-root{font-size:16px}.academy-user-area{gap:6px}.academy-user-button{min-height:44px;gap:5px;padding:3px;background:transparent}.academy-user-avatar.MuiAvatar-root{width:36px;height:36px}.academy-logout-button.MuiIconButton-root{width:42px;height:42px;background:transparent}.academy-page-body{padding:12px 16px 36px}.academy-home-hero,.academy-page-banner{min-height:280px;margin:-4px -16px 22px;padding:30px 22px;background-position:58% center}.academy-main.has-academy-banner .academy-home-hero{min-height:330px;margin-top:0;padding:118px 22px 28px}.academy-main.has-academy-banner .academy-page-banner{min-height:320px;margin-top:0;padding:104px 22px 28px}.academy-home-hero:before,.academy-page-banner:before{background:linear-gradient(90deg,#faf8f5f5,#faf8f5c7 58%,#faf8f526)}.academy-section-heading{margin:18px 0 14px}.academy-course-grid,.academy-certificate-grid{gap:14px}.lesson-player-header{align-items:flex-start;flex-direction:column}.lesson-player-progress{width:100%;min-width:0}.lesson-player-progress-top,.lesson-player-progress-bottom{justify-content:flex-start}.lesson-player-grid{grid-template-columns:1fr;gap:16px}.lesson-player-list.MuiPaper-root{max-height:none;order:2}.lesson-player-video{order:1}}@media(max-width:620px){.academy-topbar{flex-wrap:wrap}.academy-topbar-start{width:100%;order:2}.academy-user-area{margin-left:auto}.academy-course-grid,.academy-certificate-grid{grid-template-columns:1fr}.academy-course-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.academy-course-tabs button{min-width:max-content;padding:9px 17px}.academy-course-content{padding:15px}.academy-course-open.MuiIconButton-root{width:50px;height:50px}.academy-surface.MuiPaper-root{padding:16px}.academy-page-banner h1,.academy-home-hero h1{font-size:34px}.academy-page-banner p,.academy-home-hero p{font-size:18px}}