:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--learn-primary:#2563eb;--learn-primary-hover:#1d4ed8;--learn-primary-soft:#eaf2ff;--learn-accent:#0f9f92;--learn-accent-soft:#e6f8f5;--learn-success:#16a34a;--learn-warning:#d97706;--learn-danger:#dc2626;--learn-page:#f4f7fb;--learn-surface:#fff;--learn-surface-soft:#f8fafc;--learn-border:#e2e8f0;--learn-border-soft:#edf1f6;--learn-text:#172033;--learn-text-secondary:#5b667a;--learn-text-tertiary:#667085;--learn-radius-sm:8px;--learn-radius:12px;--learn-radius-lg:16px;--learn-shadow-sm:0 1px 2px #0f172a0a, 0 5px 16px #0f172a0d;--learn-shadow-md:0 14px 36px #1e34541c}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--learn-page);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--learn-text);background:var(--learn-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}a{color:var(--learn-primary)}#root,.ant-layout{width:100%;min-height:100vh}::selection{color:#fff;background:#2563ebc7}:focus-visible{outline-color:#2563eb73}.app-content__inner>div:not(.immersive-workspace)>h2.ant-typography:first-child,.app-content__inner>div:not(.immersive-workspace)>h3.ant-typography:first-child,.app-content__inner>div:not(.immersive-workspace)>h4.ant-typography:first-child{color:var(--learn-text);letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(22px,2.2vw,28px);line-height:1.3}.app-content__inner>div:not(.immersive-workspace)>h2.ant-typography:first-child+.ant-typography,.app-content__inner>div:not(.immersive-workspace)>h3.ant-typography:first-child+.ant-typography,.app-content__inner>div:not(.immersive-workspace)>h4.ant-typography:first-child+.ant-typography{max-width:860px;color:var(--learn-text-secondary);margin-bottom:22px;font-size:14px;line-height:1.75}.app-content__inner .ant-card:not(.mysql-coach-page .ant-card):not(.mysql-rag-page .ant-card){border-color:var(--learn-border);border-radius:var(--learn-radius);box-shadow:none}.app-content__inner .ant-card-head{font-weight:650}.app-content__inner .ant-card-hoverable{cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.app-content__inner .ant-card-hoverable:hover{box-shadow:var(--learn-shadow-sm);border-color:#b9cffc;transform:translateY(-1px)}.app-content__inner .ant-table-wrapper{border:1px solid var(--learn-border-soft);border-radius:10px;overflow:hidden}.app-content__inner .ant-table-thead>tr>th{color:var(--learn-text-secondary);background:var(--learn-surface-soft);font-size:12px;font-weight:650}.app-content__inner .ant-tabs-nav{margin-bottom:18px}.app-content__inner .ant-tag{border-radius:999px;font-weight:500}.app-content__inner .ant-progress-text,.app-content__inner .ant-statistic-content{font-variant-numeric:tabular-nums}.app-content__inner .ant-empty{padding-block:22px}.page-shell{width:100%;min-width:0}.page-shell--reading{max-width:980px;margin-inline:auto}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.page-heading__copy{min-width:0}.page-eyebrow{color:var(--learn-primary);letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:7px;font-size:12px;font-weight:700;display:inline-flex}.page-heading h2.ant-typography,.page-heading h3.ant-typography,.page-heading h4.ant-typography{color:var(--learn-text);letter-spacing:-.02em;margin:0 0 7px;font-size:clamp(22px,2.2vw,28px)}.page-heading .ant-typography{max-width:800px;margin-bottom:0;line-height:1.75}.section-title{color:var(--learn-text)!important;margin:30px 0 14px!important}.metric-card .ant-card-body{align-items:center;min-height:104px;display:flex}.metric-card .ant-statistic-title{color:var(--learn-text-secondary);margin-bottom:8px}.soft-panel{border-radius:var(--learn-radius);background:#f4f8ff;border:1px solid #dbeafe}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=767px){.page-heading{flex-direction:column;gap:12px}.page-heading__actions,.page-heading__actions .ant-btn{width:100%}}.app-shell{--app-footer-height:44px;background:var(--learn-page);min-height:100vh}.app-sider{border-right:1px solid var(--learn-border);height:100vh;top:0;overflow:hidden auto;background:var(--learn-surface)!important;position:sticky!important}.app-sider .ant-layout-sider-children{flex-direction:column;min-height:100%;display:flex}.app-sider__navigation-block{flex:1;min-height:0}.app-brand{width:calc(100% - 24px);min-height:58px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;margin:8px 12px 2px;padding:8px 10px;display:flex}.app-brand:hover,.app-brand:focus-visible{background:var(--learn-primary-soft)}.app-brand:focus-visible{outline:3px solid #2563eb2e}.app-brand__mark{color:#fff;background:linear-gradient(145deg,#2563eb,#0f9f92);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid;box-shadow:0 8px 18px #2563eb38}.app-brand__copy{flex-direction:column;min-width:0;line-height:1.25;display:flex}.app-brand__copy strong{color:var(--learn-text);font-size:16px}.app-brand__copy small{color:var(--learn-text-tertiary);margin-top:3px;font-size:12px}.app-navigation{padding:4px 10px 20px;background:0 0!important;border-inline-end:0!important}.app-navigation .ant-menu-item-group-title{letter-spacing:.04em;font-size:12px;font-weight:700;color:var(--learn-text-tertiary)!important;padding:14px 12px 6px!important}.app-navigation .ant-menu-item{margin-block:3px;font-weight:500}.app-navigation .ant-menu-item-selected{font-weight:650}.app-main-layout{min-width:0;background:var(--learn-page)!important}.app-header{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0eb;align-items:center;gap:12px;height:64px;display:flex;position:sticky;top:0;background:#ffffffeb!important;padding:0 24px!important}.app-header__menu{flex:none}.app-header__context{flex-direction:column;min-width:0;line-height:1.15;display:flex}.app-header__context>.ant-typography{margin:0!important}.app-header__context>span.ant-typography{font-size:11px}.app-header__context h5.ant-typography{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden;margin-top:3px!important}.app-user-button{margin-left:auto;border-radius:12px!important;height:44px!important;padding:4px 8px!important}.app-user-button__avatar{color:#1d4ed8!important;background:#dbeafe!important}.app-user-button__copy{flex-direction:column;align-items:flex-start;min-width:0;margin-inline:8px 2px;line-height:1.25;display:inline-flex}.app-user-button__copy strong{max-width:120px;color:var(--learn-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-content{min-width:0;padding:24px!important}.app-content__inner{width:min(1440px,100%);min-width:0;margin-inline:auto}.app-footer{height:var(--app-footer-height);color:var(--learn-text-tertiary);text-align:center;flex:none;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;background:0 0!important;padding:0 24px!important}.app-shell--chat .app-header__context>span.ant-typography{display:none}.app-shell--chat .app-header__context h5.ant-typography{margin-top:0!important}.app-shell--chat .app-content{padding:0!important}.app-shell--chat .app-content__inner{width:100%;height:calc(100vh - 64px - var(--app-footer-height));height:calc(100dvh - 64px - var(--app-footer-height));max-width:none}.app-navigation-drawer .ant-drawer-header{padding:8px 10px}.app-navigation-drawer__brand .app-brand{width:100%;margin:0 0 8px}.app-navigation-drawer .ant-drawer-body{padding:12px}.app-navigation-drawer .app-navigation{padding-bottom:12px}.app-drawer-user{border:1px solid var(--learn-border);background:var(--learn-surface-soft);border-radius:12px;align-items:center;gap:10px;margin:2px 6px 10px;padding:12px;display:flex}.app-drawer-user>div{gap:5px;display:grid}.app-drawer-user .ant-tag{width:fit-content;margin:0}.app-drawer-logout{margin-top:12px}@media (width<=991px){.app-header{padding-inline:12px!important}.app-content{padding:18px 14px!important}}@media (width<=575px){.app-header__context>span.ant-typography,.app-user-button__copy,.app-user-button .ant-tag{display:none}.app-content{padding:14px 10px!important}}
