:root{--color-bg: #020408;--color-bg-mesh1: rgba(0, 112, 255, .12);--color-bg-mesh2: rgba(59, 130, 246, .08);--color-bg-mesh3: rgba(10, 15, 25, 1);--glass-bg: rgba(15, 20, 30, .45);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: inset 0 1px 1px 0 rgba(255,255,255,.12), inset 0 -1px 1px 0 rgba(0,0,0,.2), 0 10px 20px -5px rgba(0,0,0,.3), 0 20px 40px -15px rgba(0,0,0,.5);--glass-panel-bg: rgba(15, 23, 42, .35);--glass-panel-shadow: 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 0 rgba(255,255,255,.15), 0 10px 20px -5px rgba(0,0,0,.4), 0 25px 50px -12px rgba(0,0,0,.7);--color-text-primary: #ffffff;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-heading: #ffffff;--color-input-bg: rgba(255,255,255,.06);--color-input-border: rgba(255,255,255,.1);--color-input-color: #ffffff;--color-input-placeholder: #475569;--color-tab-border: rgba(255, 255, 255, .08);--color-tab-inactive: rgba(255, 255, 255, .5);--color-filter-bg: rgba(255,255,255,.04);--color-filter-border: rgba(255,255,255,.12);--color-filter-color: rgba(255,255,255,.55);--color-hero-bg: #080c14;--color-hero-overlay: rgba(4, 10, 20, .55);--color-hero-text: #ffffff;--color-hero-sub: rgba(255,255,255,.55);--color-hero-input-bg: rgba(255,255,255,.08);--color-hero-input-border: rgba(255,255,255,.15);--color-card-bg: rgba(15, 20, 30, .45);--color-card-border: rgba(255, 255, 255, .08);--color-card-hover-border: rgba(255, 255, 255, .2);--color-footer-bg: #020408;--color-footer-border: rgba(255, 255, 255, .05);--color-footer-text: rgba(255, 255, 255, .3);--color-footer-heading: #ffffff;--color-sidebar-bg: rgba(4, 7, 13, .6);--color-admin-header-bg: rgba(4, 7, 13, .4);--color-nav-link: rgba(255, 255, 255, .7);--color-nav-link-hover: #ffffff;--color-stats-text: #ffffff;--color-stats-sub: rgba(255,255,255,.5);--color-stats-bar: rgba(255,255,255,.05);--color-table-header-bg: rgba(255,255,255,.03);--color-table-header-text: #64748b;--color-table-row-hover: rgba(255,255,255,.04);--color-table-border: rgba(255,255,255,.05);--color-course-badge-bg: rgba(255,255,255,.12);--color-course-badge-border: rgba(255,255,255,.25);--glass-dynamic-bg1: rgba(0, 112, 255, .25);--glass-dynamic-bg2: rgba(255, 255, 255, .25);--glass-dynamic-bg3: rgba(59, 130, 246, .18);--header-glow-color1: rgba(0, 112, 255, .6);--header-glow-color2: rgba(59, 130, 246, .4);--header-glow-shadow: rgba(0, 0, 0, .6);--shadow-floating: 0 20px 25px -5px rgba(0,0,0,.4), 0 35px 70px -15px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.1);--shadow-premium: 0 10px 15px -3px rgba(0,0,0,.5), 0 25px 50px -12px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.1)}body.light-mode{--color-bg: #fdfeff;--color-bg-mesh1: rgba(0, 112, 255, .08);--color-bg-mesh2: rgba(59, 130, 246, .05);--color-bg-mesh3: rgba(219, 234, 254, .5);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 4px 24px 0 rgba(0,0,0,.06), inset 0 0 0 1px rgba(255,255,255,.6), inset 0 1px 2px rgba(255,255,255,.4), 0 0 0 1px rgba(0,0,0,.06);--glass-panel-bg: rgba(255, 255, 255, .88);--glass-panel-shadow: 0 4px 6px -1px rgba(0,0,0,.06), 0 15px 30px -5px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 1px rgba(0,0,0,.08);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-heading: #0f172a;--color-input-bg: rgba(255,255,255,.85);--color-input-border: rgba(0,0,0,.1);--color-input-color: #0f172a;--color-input-placeholder: #94a3b8;--color-tab-border: rgba(0, 0, 0, .06);--color-tab-inactive: rgba(15, 23, 42, .5);--color-filter-bg: rgba(15, 23, 42, .04);--color-filter-border: rgba(0, 0, 0, .08);--color-filter-color: rgba(15, 23, 42, .55);--color-hero-bg: rgba(255, 255, 255, .55);--color-hero-overlay: rgba(255, 255, 255, .6);--color-hero-text: #0f172a;--color-hero-sub: rgba(15, 23, 42, .55);--color-hero-input-bg: rgba(255, 255, 255, .9);--color-hero-input-border: rgba(0, 0, 0, .1);--color-card-bg: rgba(255, 255, 255, .88);--color-card-border: rgba(0, 0, 0, .07);--color-card-hover-border: rgba(0, 112, 255, .22);--color-footer-bg: rgba(248, 250, 252, .95);--color-footer-border: rgba(0, 0, 0, .06);--color-footer-text: rgba(15, 23, 42, .4);--color-footer-heading: #0f172a;--color-sidebar-bg: rgba(248, 250, 252, .95);--color-admin-header-bg: rgba(255, 255, 255, .92);--color-nav-link: rgba(15, 23, 42, .6);--color-nav-link-hover: #0f172a;--color-stats-text: #0f172a;--color-stats-sub: rgba(15,23,42,.5);--color-stats-bar: rgba(0,0,0,.05);--color-table-header-bg: rgba(0,0,0,.03);--color-table-header-text: #64748b;--color-table-row-hover: rgba(0,0,0,.03);--color-table-border: rgba(0,0,0,.08);--color-course-badge-bg: rgba(255,255,255,.92);--color-course-badge-border: rgba(0,0,0,.1);--glass-dynamic-bg1: rgba(0, 112, 255, .4);--glass-dynamic-bg2: rgba(255, 255, 255, 1);--glass-dynamic-bg3: rgba(59, 130, 246, .3);--header-glow-color1: rgba(0, 112, 255, .8);--header-glow-color2: rgba(59, 130, 246, .6);--header-glow-shadow: rgba(0, 0, 0, .1);--shadow-floating: 0 15px 30px -10px rgba(0,0,0,.1), 0 25px 50px -15px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,1);--shadow-premium: 0 10px 20px -5px rgba(0,0,0,.04), 0 20px 40px -10px rgba(31,38,135,.12), inset 0 1px 0 rgba(255,255,255,1)}*{box-sizing:border-box;margin:0;padding:0}body,.mesh-bg{background-color:var(--color-bg);background-image:radial-gradient(at 0% 0%,var(--color-bg-mesh1) 0,transparent 40%),radial-gradient(at 100% 0%,var(--color-bg-mesh2) 0,transparent 40%),radial-gradient(at 50% 100%,var(--color-bg-mesh3) 0,transparent 80%);background-attachment:fixed;color:var(--color-text-primary);font-family:Lexend,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808033;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8080804d}.glass{background:var(--glass-bg);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background .3s ease,border-color .3s ease}.glass-dynamic{position:relative;overflow:hidden;background:linear-gradient(120deg,#ffffff0f,#ffffff03 45%,#0070ff14 65%,#ffffff05),var(--glass-bg);border-color:color-mix(in srgb,var(--glass-border) 70%,rgba(0,112,255,.25) 30%)}.glass-dynamic:before{content:"";position:absolute;top:-40%;right:-20%;bottom:-40%;left:-20%;background:radial-gradient(60% 40% at 20% 30%,var(--glass-dynamic-bg1),transparent 60%),radial-gradient(50% 35% at 80% 20%,var(--glass-dynamic-bg2),transparent 65%),radial-gradient(45% 45% at 70% 80%,var(--glass-dynamic-bg3),transparent 60%);filter:blur(30px) saturate(140%);opacity:.6;transform:translateZ(0);animation:glass-pan 14s ease-in-out infinite;pointer-events:none}.glass-dynamic:after{content:"";position:absolute;top:-2px;left:-20%;width:40%;height:200%;background:linear-gradient(120deg,transparent,var(--glass-dynamic-bg2),transparent);opacity:.5;transform:translate(-120%) rotate(8deg);animation:glass-sheen 6s ease-in-out infinite;pointer-events:none}.header-glass{border-bottom:1px solid color-mix(in srgb,var(--glass-border) 60%,rgba(0,112,255,.4) 40%);box-shadow:0 12px 30px -18px var(--header-glow-shadow),0 2px #ffffff0a,var(--glass-shadow)}.header-glass .header-glow-line{position:absolute;left:8%;right:8%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--header-glow-color1),var(--header-glow-color2),transparent);filter:blur(.3px);opacity:.8;animation:glow-pulse 4.5s ease-in-out infinite}.footer-glass{position:relative;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--glass-border) 60%,rgba(0,112,255,.35) 40%);box-shadow:0 -10px 30px -20px #0009,inset 0 1px #ffffff0a}.footer-glass:before{content:"";position:absolute;left:-10%;right:-10%;top:-40%;height:80%;background:radial-gradient(60% 40% at 15% 20%,var(--glass-dynamic-bg1),transparent 60%),radial-gradient(50% 35% at 85% 10%,var(--glass-dynamic-bg3),transparent 60%);filter:blur(35px);opacity:.6;animation:glass-float 10s ease-in-out infinite;pointer-events:none}@keyframes glass-pan{0%{transform:translate3d(-6%,-2%,0) scale(1.02)}50%{transform:translate3d(6%,3%,0) scale(1.04)}to{transform:translate3d(-6%,-2%,0) scale(1.02)}}@keyframes glass-sheen{0%{transform:translate(-120%) rotate(8deg);opacity:0}30%{opacity:.5}60%{opacity:.2}to{transform:translate(240%) rotate(8deg);opacity:0}}@keyframes glass-float{0%{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(12px) scale(1.04);opacity:.7}to{transform:translateY(0) scale(1);opacity:.5}}@keyframes glow-pulse{0%{opacity:.4;filter:blur(.5px)}50%{opacity:.9;filter:blur(0px)}to{opacity:.4;filter:blur(.5px)}}.glass-float-hover{transition:box-shadow .5s ease,border-color .5s ease,background .5s ease}.glass-float-hover:hover{border-color:color-mix(in srgb,var(--glass-border) 40%,rgba(0,112,255,.45) 60%);box-shadow:0 18px 40px -18px #0070ff59,0 8px 16px -8px #00000059,var(--glass-shadow)}.glass-float-lift{transition:transform .5s ease}.glass-float-lift:hover{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.glass-dynamic:before,.glass-dynamic:after,.footer-glass:before,.header-glass .header-glow-line,.glass-float-hover{animation:none}.glass-float-lift:hover{transform:none}}.glass-panel,.glass-card{background:var(--glass-panel-bg);backdrop-filter:blur(35px) saturate(180%);-webkit-backdrop-filter:blur(35px) saturate(180%);box-shadow:var(--glass-panel-shadow);border-radius:24px;transition:background .3s ease}.glass-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);cursor:pointer;transition:all .2s ease}.glass-btn:hover{background:var(--color-filter-bg);border-color:var(--color-card-hover-border)}.text-glow{text-shadow:0 0 20px rgba(0,112,255,.6)}.text-primary-color{color:var(--color-text-primary)}.text-secondary-color{color:var(--color-text-secondary)}.text-muted-color{color:var(--color-text-muted)}.card-hover{transition:all .5s cubic-bezier(.23,1,.32,1);border:1px solid var(--color-card-border);background:var(--color-card-bg);box-shadow:0 10px 30px -10px #0000001a}.card-hover:hover{transform:translateY(-6px) scale(1.015);border-color:var(--color-card-hover-border);box-shadow:0 20px 40px -12px #0000002e,0 10px 20px -8px #0000001f}.kpi-card{transition:all .5s cubic-bezier(.23,1,.32,1)}.kpi-card:hover{transform:translateY(-8px) scale(1.02)}.course-card-img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.23,1,.32,1);display:block}.card-hover:hover .course-card-img{transform:scale(1.08)}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1280px){.course-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.course-grid{grid-template-columns:1fr}}:focus-visible{outline:2px solid #0070ff;outline-offset:2px;border-radius:4px}.active-lesson{background:#0070ff26!important;border:1px solid rgba(0,112,255,.3)!important;box-shadow:inset 0 1px #ffffff1a,0 10px 30px #0070ff33}.sidebar-active{background:linear-gradient(135deg,#0070ff33,#0070ff0d)!important;box-shadow:0 0 0 1px #0070ff4d,inset 0 1px #ffffff1a!important;color:#0070ff!important;position:relative}.sidebar-active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:#0070ff;border-radius:0 4px 4px 0;box-shadow:0 0 15px #0070ff}.progress-neon{box-shadow:0 0 15px #0070ff80,inset 0 1px #fff3}.btn-premium{background:linear-gradient(135deg,#0070ff,#0056cc);box-shadow:0 10px 25px -5px #0070ff66,0 4px 10px -2px #0070ff33,inset 0 1px 1px #ffffff4d;color:#fff;border:none;cursor:pointer;font-family:Lexend,sans-serif;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1)}.btn-premium:hover{box-shadow:0 15px 35px -5px #0070ff99,0 8px 20px -5px #0070ff4d,inset 0 1px 1px #ffffff4d;transform:translateY(-3px) scale(1.02)}.row-hover{transition:all .3s ease}.row-hover:hover{background:var(--color-table-row-hover)!important;transform:scale(1.003) translateY(-1px);z-index:10;position:relative}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1;vertical-align:middle;display:inline-block}.hero-section{position:relative;overflow:hidden;border-radius:32px;background:var(--color-hero-bg);min-height:540px;display:flex;flex-direction:column;justify-content:center;padding:64px 80px;border:1px solid var(--color-card-border);box-shadow:0 30px 60px -12px #00000026,0 18px 36px -18px #0003,var(--shadow-floating);transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.stat-card{background:var(--glass-bg);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid var(--glass-border);border-radius:24px;padding:20px 24px;min-width:160px;box-shadow:0 10px 20px -5px #0000001a,var(--shadow-premium);transition:all .4s cubic-bezier(.23,1,.32,1)}.stat-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 25px 50px -12px #00000040,var(--shadow-floating)}.theme-toggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);box-shadow:0 4px 10px -2px #0000001a;transition:all .3s cubic-bezier(.23,1,.32,1);flex-shrink:0}.theme-toggle:hover{color:var(--color-text-primary);border-color:#0070ff66;transform:translateY(-2px) rotate(8deg);box-shadow:0 10px 20px -5px #0070ff4d,0 0 15px #0070ff33}.ant-layout,.ant-layout-content,.ant-layout-sider{background:transparent!important}.ant-table{background:transparent!important;color:var(--color-text-primary)!important}.ant-table-thead>tr>th{background:var(--color-table-header-bg)!important;color:var(--color-table-header-text)!important;border-bottom:1px solid var(--color-table-border)!important;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.ant-table-tbody>tr>td{border-bottom:1px solid var(--color-table-border)!important;color:var(--color-text-primary)!important}.ant-table-tbody>tr:hover>td{background:var(--color-table-row-hover)!important}.ant-input,.ant-input-affix-wrapper{background:var(--color-input-bg)!important;border-color:var(--color-input-border)!important;color:var(--color-input-color)!important}.ant-input::placeholder{color:var(--color-input-placeholder)!important}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:#0070ff80!important;box-shadow:0 0 0 2px #0070ff1a!important}.ant-form-item-label>label{color:var(--color-text-secondary)!important;font-size:12px;font-weight:600}.ant-select-selector{background:var(--color-input-bg)!important;border-color:var(--color-input-border)!important;color:var(--color-input-color)!important}.ant-modal-content{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border)!important}.ant-modal-header{background:transparent!important}.ant-modal-title{color:var(--color-text-heading)!important}.ant-select-dropdown{background:var(--color-bg)!important;border:1px solid var(--glass-border)!important}.ant-select-item{color:var(--color-text-primary)!important}.ant-select-item-option-selected{background:#0070ff26!important}.ant-pagination-item a,.ant-pagination-prev button,.ant-pagination-next button{color:var(--color-text-secondary)!important}.ant-pagination-item-active{background:#0070ff33!important;border-color:#0070ff!important}.ant-pagination-item-active a{color:#0070ff!important}.ant-tag{background:var(--color-filter-bg)!important;border-color:var(--color-filter-border)!important;color:var(--color-text-secondary)!important}