html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--page-padding: 16px;--card-radius: 18px;--tile-radius: 16px;--control-height: 46px;--row-height: 68px;--icon-size: 46px;--section-gap: 14px;--color-primary: #2aa6a1;--color-primary-dark: #247f7d;--color-primary-soft: #edfafa;--color-bg: #f7fbfa;--color-card: #ffffff;--color-text: #1f2f33;--color-muted: #718184;--color-border: rgba(42, 166, 161, .12);color:var(--color-text);background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f0fbfa 0%,var(--color-bg) 46%,#ffffff 100%)}button,input{font:inherit}button{border:0}.mobile-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.login-page{position:relative;min-height:100vh;padding:52px 20px 28px;overflow:hidden;background:linear-gradient(180deg,#f0fbfa,#fbfdfc 48%,#fff)}.login-page:before{content:"";position:absolute;inset:28px 22px auto auto;width:128px;height:128px;border-radius:999px;background:#2aa6a114;filter:blur(8px)}.login-hero{position:relative;color:var(--color-text);margin-bottom:28px}.login-logo{margin-bottom:18px;background:linear-gradient(135deg,#9de7e1,var(--color-primary));color:#fff;box-shadow:0 14px 32px #2aa6a124}.login-hero h1{margin:0;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.03em}.login-hero p{margin:10px 0 0;color:var(--color-muted);font-size:14px}.login-card{position:relative;border:1px solid var(--color-border);border-radius:22px;background:#fffffff5;box-shadow:0 18px 44px #2aa6a114}.login-card .ant-card-body{padding:24px}.login-card .ant-input,.login-card .ant-input-password,.login-card .ant-input-affix-wrapper{border-radius:12px}.login-card .ant-btn-primary,.app-shell .ant-btn-primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 10px 22px #2aa6a124}.login-trust{margin-top:18px;text-align:center;color:var(--color-muted);font-size:12px;letter-spacing:.08em}.app-shell{position:relative;min-height:100vh;margin:0 auto;overflow-x:hidden;color:var(--color-text);background:linear-gradient(180deg,#f0fbfa 0%,var(--color-bg) 260px,#ffffff 100%)}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(18px + env(safe-area-inset-top)) 18px 14px;color:var(--color-text);background:#ffffffe0;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:14px;color:#fff;font-weight:900;background:linear-gradient(135deg,#8ddfd8,var(--color-primary));box-shadow:0 12px 24px #2aa6a124}.app-kicker{color:var(--color-primary);font-size:11px;font-weight:800;letter-spacing:.16em}.app-title{margin-top:2px;font-size:22px;line-height:1.1;font-weight:850;letter-spacing:-.04em}.app-subtitle{margin-top:4px;color:var(--color-muted);font-size:12px}.header-user{flex:0 0 auto;max-width:96px;color:var(--color-primary)!important;border-radius:999px;background:var(--color-primary-soft)}.header-user span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{padding:var(--page-padding) var(--page-padding) calc(104px + env(safe-area-inset-bottom))}.app-content>*{width:100%}.hero-player{position:sticky;top:calc(84px + env(safe-area-inset-top));z-index:10;padding:10px;margin-bottom:var(--section-gap);border:1px solid rgba(42,166,161,.14);border-radius:calc(var(--card-radius) + 4px);color:var(--color-text);background:linear-gradient(145deg,#eef9f8,#fff);box-shadow:0 14px 32px #2aa6a114;overflow:hidden}.hero-player-glow{position:absolute;inset:-80px -70px auto auto;width:180px;height:180px;border-radius:999px;background:#2aa6a114;filter:blur(14px)}.player-surface{position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tile-radius);background:radial-gradient(circle at 70% 20%,rgba(42,166,161,.08),transparent 32%),#17252a}.video-player{width:100%;height:100%;background:#000}audio.video-player{height:56px;padding:0 20px;background:transparent}.player-empty-state,.player-loading{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:#ffffffb3}.player-empty-state strong{display:block;color:#fff;font-size:16px}.player-empty-state span,.player-loading span{display:block;margin-top:4px;font-size:12px}.play-orb{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:#9de7e1;background:#ffffff1a;box-shadow:inset 0 0 0 1px #9de7e129,0 12px 24px #17252a2e}.play-orb .anticon{font-size:40px}.now-playing{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-height:58px;margin-top:14px}.now-playing>div:first-child{min-width:0}.now-playing-label{color:#9de7e1;font-size:10px;font-weight:900;letter-spacing:.18em}.now-playing h2{margin:5px 0 0;overflow:hidden;font-size:19px;line-height:1.28;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.duration-chip{color:var(--color-muted);font-size:12px}.media-toolbar{display:grid;grid-template-columns:minmax(0,1fr) var(--control-height);align-items:center;gap:10px;margin-bottom:var(--section-gap);padding:8px;border:1px solid var(--color-border);border-radius:18px;background:#fffffff5;box-shadow:0 10px 24px #2aa6a114}.media-search-input.ant-input-affix-wrapper{height:var(--control-height);padding:0 14px;border:0;border-radius:14px;background:#f3fbfa;box-shadow:inset 0 0 0 1px #2aa6a114}.media-search-input.ant-input-affix-wrapper-focused,.media-search-input.ant-input-affix-wrapper:focus,.media-search-input.ant-input-affix-wrapper:hover{border-color:transparent;box-shadow:inset 0 0 0 1px #2aa6a14d,0 8px 18px #2aa6a114}.toolbar-button{width:var(--control-height)!important;min-width:var(--control-height)!important;height:var(--control-height)!important;padding:0!important;border:0!important;border-radius:14px!important;font-weight:800;box-shadow:none}.search-button{color:#fff;background:var(--color-primary)}.content-section,.playlist-panel,.profile-card{margin-bottom:var(--section-gap);padding:var(--page-padding);border:1px solid var(--color-border);border-radius:var(--card-radius);background:#fffffff5;box-shadow:0 12px 30px #2aa6a114}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading.compact{margin-bottom:10px}.section-heading span{color:var(--color-primary);font-size:10px;font-weight:900;letter-spacing:.18em}.section-heading h3{margin:3px 0 0;color:var(--color-text);font-size:19px;line-height:1.2;font-weight:850;letter-spacing:-.035em}.section-heading em{color:var(--color-muted);font-size:12px;font-style:normal}.course-strip{display:grid;grid-auto-columns:minmax(216px,72%);grid-auto-flow:column;gap:12px;overflow-x:auto;padding:2px 2px 8px;margin:0 -2px;scroll-snap-type:x mandatory}.course-tile{width:100%;min-height:224px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--tile-radius);background:var(--color-card);scroll-snap-align:start;box-shadow:0 10px 24px #2aa6a114}.course-tile.active{border-color:#2aa6a157;box-shadow:0 12px 24px #2aa6a11a}.course-tile .ant-card-body{padding:0}.course-cover-hero{height:124px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:42px;background:linear-gradient(135deg,#e3f7f5,#f7fcfb)}.course-cover-hero img{width:100%;height:100%;object-fit:cover}.course-tile-body{min-height:98px;padding:12px}.course-title{color:var(--color-text);font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-summary{margin-top:6px;color:var(--color-muted);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-stack{display:grid;gap:14px}.chapter-name{margin-bottom:8px;color:var(--color-primary-dark);font-size:13px;font-weight:850}.playlist-row,.media-row{width:100%;min-height:var(--row-height);display:grid;grid-template-columns:var(--icon-size) minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;margin-top:8px;text-align:left;border-radius:16px;color:inherit;background:#f3fbfa;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.playlist-row:first-of-type,.media-row:first-of-type{margin-top:0}.media-row{grid-template-columns:var(--icon-size) minmax(0,1fr)}.playlist-row.active,.media-row.active{color:#fff;background:var(--color-primary);box-shadow:0 10px 20px #2aa6a11f}.playlist-play-icon{width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;border-radius:16px;color:var(--color-primary);font-size:24px;background:#ffffffb3}.playlist-main,.media-main{min-width:0;flex:1}.playlist-main strong,.media-main strong{display:block;overflow:hidden;color:inherit;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.playlist-main em,.media-main em{display:block;margin-top:4px;color:currentColor;opacity:.62;font-size:12px;font-style:normal}.media-list-panel{display:grid;gap:10px}.media-thumb{width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;color:var(--color-primary);font-size:24px;background:#dff5f3}.media-thumb img{width:100%;height:100%;object-fit:cover}.profile-card{padding:24px 16px 16px;text-align:center}.profile-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;border-radius:22px;color:#fff;font-size:30px;background:linear-gradient(135deg,#8ddfd8,var(--color-primary));box-shadow:0 14px 28px #2aa6a124}.profile-name{color:var(--color-text);font-size:20px;font-weight:850}.profile-meta{margin-top:5px;color:var(--color-muted);font-size:13px}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.profile-grid div{padding:12px;border-radius:18px;background:#f3fbfa}.profile-grid span,.profile-grid strong{display:block}.profile-grid span{color:var(--color-muted);font-size:12px}.profile-grid strong{margin-top:4px;color:var(--color-text);font-size:14px}.bottom-tabs{position:fixed;right:var(--page-padding);bottom:calc(12px + env(safe-area-inset-bottom));left:var(--page-padding);z-index:30;display:grid;gap:4px;max-width:448px;height:68px;margin:0 auto;padding:8px;border:1px solid var(--color-border);border-radius:22px;background:#ffffffeb;box-shadow:0 14px 36px #2aa6a11f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-tab{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 4px;border-radius:16px;color:var(--color-muted);background:transparent}.bottom-tab-icon{display:inline-flex;align-items:center;justify-content:center}.bottom-tab .anticon{font-size:19px}.bottom-tab span{font-size:11px;font-weight:700}.bottom-tab.active{color:#fff;background:var(--color-primary);box-shadow:0 10px 20px #2aa6a124}.mobile-page,.mobile-subpage{display:grid;gap:var(--section-gap)}.learning-mode-tabs,.business-segment{margin-bottom:var(--section-gap);padding:4px;border:1px solid var(--color-border);border-radius:16px;background:#ffffffe6}.mobile-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-stat-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-stat-card{min-width:0;padding:14px;border:1px solid var(--color-border);border-radius:var(--tile-radius);background:#fffffff5;box-shadow:0 10px 24px #2aa6a114}.mobile-stat-card span,.mobile-stat-card em{display:block;color:var(--color-muted);font-size:12px;font-style:normal}.mobile-stat-card strong{display:block;margin-top:6px;overflow:hidden;color:var(--color-text);font-size:20px;line-height:1.2;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mobile-stat-card em{margin-top:4px}.mobile-row-list,.mobile-card-list,.mobile-detail-grid,.mobile-item-list{display:grid;gap:10px}.mobile-data-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:#f3fbfa}.mobile-data-row span{min-width:0;overflow:hidden;color:var(--color-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.mobile-data-row strong{flex:0 0 auto;color:var(--color-text);font-size:13px}.mobile-filter-bar{display:grid;gap:10px;padding:10px;border:1px solid var(--color-border);border-radius:var(--card-radius);background:#fffffff5;box-shadow:0 10px 24px #2aa6a114}.mobile-search-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px}.mobile-two-col,.mobile-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-filter-bar .ant-picker,.mobile-filter-bar .ant-select,.mobile-filter-bar .ant-input-affix-wrapper,.mobile-filter-bar .ant-input{width:100%;border-radius:12px}.mobile-list-card{width:100%;display:grid;gap:8px;padding:14px;text-align:left;border:1px solid var(--color-border);border-radius:var(--card-radius);color:var(--color-text);background:#fffffff5;box-shadow:0 10px 24px #2aa6a114}.mobile-list-card-header,.mobile-list-card-meta,.mobile-list-card-footer,.mobile-detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-list-card-header strong{min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.mobile-list-card-meta,.mobile-list-card-footer{color:var(--color-muted);font-size:12px}.mobile-list-card p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-detail-grid h3{margin:0 0 4px;color:var(--color-text);font-size:20px}.mobile-detail-row{padding:12px 0;border-bottom:1px solid rgba(42,166,161,.08)}.mobile-detail-row span{color:var(--color-muted);font-size:13px}.mobile-detail-row strong{max-width:62%;color:var(--color-text);font-size:13px;text-align:right}.mobile-detail-content{margin:8px 0 0;padding:12px;border-radius:14px;color:var(--color-muted);font-size:13px;line-height:1.6;background:#f3fbfa}.mobile-load-more{margin-top:2px;border-radius:14px}.empty-state.compact{padding:28px 0}@media(min-width:640px){.login-page,.app-shell{max-width:480px;margin:0 auto}}