html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.App{width:100vw;min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0}.main-layout{min-height:100vh;background:#fff}.main-layout .ant-layout-header{padding:0;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:1000}.main-layout .ant-layout-content{flex:1;background:#fff;padding:0}.main-layout .ant-layout-footer{background:linear-gradient(135deg,#052f5a,#041e3a);border-top:1px solid #0a4a7a;margin-top:auto;color:#fff}.admin-layout{min-height:100vh}.admin-layout .admin-user-menu{transition:all .2s ease-in-out}.admin-layout .admin-user-menu:hover{background-color:#f5f5f5!important;border-color:#d9d9d9}.admin-layout .ant-layout-sider.ant-layout-sider-light{background:#fff;box-shadow:2px 0 8px #0000000f}.admin-layout .ant-layout-content{background:#f5f5f5;min-height:calc(100vh - 64px);position:relative}.admin-layout .ant-layout-header{position:fixed;top:0;left:0;right:0;z-index:1001;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f}.admin-layout .ant-layout-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:12px 24px;text-align:center;margin-top:auto}@media (max-width: 600px){.admin-layout .ant-layout-content{padding:12px!important;margin-left:0!important}.admin-layout .ant-layout-header{padding:0 12px!important}.admin-layout .ant-layout-footer{padding:8px 12px;font-size:11px}.admin-layout .ant-layout-footer .ant-divider{display:none}}@media (min-width: 600px) and (max-width: 768px){.admin-layout .ant-layout-content{padding:16px!important;margin-left:0!important}.admin-layout .ant-layout-header{padding:0 16px!important}}@media (min-width: 768px) and (max-width: 992px){.admin-layout .ant-layout-content{margin-left:80px!important}}@media (min-width: 992px){.admin-layout .ant-layout-content{margin-left:280px!important}}@media (min-width: 1200px){.admin-layout .ant-layout-content{padding:32px!important}}.ant-drawer .ant-drawer-header{background:#f8f9fa;border-bottom:1px solid #f0f0f0}.ant-drawer .ant-drawer-body{padding:0}@media (max-width: 768px){.admin-layout .ant-layout-header .ant-space{gap:8px!important}}.ant-card.ant-card-hoverable:hover{transform:translateY(-8px);box-shadow:0 12px 40px #052f5a40!important;border-color:#052f5a33!important}.ant-card .ant-card-actions{background:linear-gradient(145deg,#f8fbff,#fff);border-top:1px solid rgba(5,47,90,.1)}.ant-card .ant-card-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#041e3a,#052f5a)!important;transform:translateY(-2px);box-shadow:0 6px 16px #052f5a66!important}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:100%;padding:0 20px;gap:16px}.header-logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.header-logo h3{margin:0;background:linear-gradient(135deg,#052f5a,#0a4a7a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-weight:700}.header-nav-desktop{flex:1;display:flex;min-width:0}.header-nav-desktop .ant-menu{border:none;background:transparent;flex:1}.header-nav-desktop .ant-menu .ant-menu-item{color:#333}.header-nav-desktop .ant-menu .ant-menu-item:hover{color:#052f5a}.header-nav-desktop .ant-menu .ant-menu-item.ant-menu-item-selected{color:#052f5a;background:#667eea1a}.header-auth-desktop{flex-shrink:0}.header-auth-desktop .ant-btn{color:#333;border-color:#333}.header-auth-desktop .ant-btn:hover{color:#052f5a;border-color:#052f5a}.header-auth-desktop .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#052f5a,#0a4a7a);border:none;color:#fff}.header-auth-desktop .ant-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93)}.header-auth-desktop .ant-dropdown-trigger{color:#333}.header-auth-desktop .ant-dropdown-trigger:hover{color:#052f5a}.header-language{margin:0 8px}.header-language .ant-btn{color:#333}.header-language .ant-btn:hover{color:#052f5a}.header-mobile-menu{flex-shrink:0;display:none}.header-mobile-menu .ant-btn{color:#333}@media (max-width: 768px){.header-content{padding:0 16px}.header-nav-desktop,.header-auth-desktop,.header-language{display:none}.header-mobile-menu{display:block}}@media (max-width: 576px){.header-content{padding:0 12px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.sidebar-logout-btn{border-radius:6px!important;transition:all .2s ease-in-out!important}.sidebar-logout-btn:hover{background-color:#ff4d4f1a!important;color:#ff4d4f!important;transform:translate(4px)!important}.sidebar-logout-btn:active{background-color:#ff4d4f33!important}.auth-layout{width:100vw;min-height:100vh;margin:0;padding:0}.auth-layout .ant-layout-content{padding:0;margin:0}.auth-layout .auth-container{width:100vw;min-height:100vh;background:linear-gradient(135deg,#052f5a,#0a4a7a);display:flex;align-items:center;justify-content:center;padding:20px;margin:0;box-sizing:border-box}.auth-layout .auth-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000001a;padding:40px;width:100%;max-width:600px;animation:fadeInUp .6s ease}@media (max-width: 576px){.auth-layout .auth-card{padding:30px 24px;margin:20px;max-width:90%}}.auth-layout .auth-logo{text-align:center;margin-bottom:32px;cursor:pointer;transition:transform .3s ease}.auth-layout .auth-logo:hover{transform:scale(1.05)}.auth-layout .auth-logo-text{margin:0!important;background:linear-gradient(135deg,#052f5a,#0a4a7a)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:28px!important;font-weight:700!important}.auth-layout .auth-header{text-align:center;margin-bottom:32px}.auth-layout .auth-title{text-align:center!important;margin-bottom:8px!important;color:#1f1f1f!important;font-size:24px!important;font-weight:600!important}.auth-layout .auth-subtitle{display:block!important;text-align:center!important;margin-bottom:0!important;font-size:16px!important;color:#666!important}.auth-layout .auth-content .ant-form .ant-form-item,.auth-layout .auth-content .auth-form .ant-form-item{margin-bottom:24px}.auth-layout .auth-content .ant-form .ant-btn,.auth-layout .auth-content .auth-form .ant-btn{height:48px;font-weight:600;border-radius:8px;font-size:16px}.auth-layout .auth-content .ant-form .ant-btn.ant-btn-primary,.auth-layout .auth-content .auth-form .ant-btn.ant-btn-primary,.auth-layout .auth-content .ant-form .ant-btn.login-btn,.auth-layout .auth-content .auth-form .ant-btn.login-btn{background:linear-gradient(135deg,#052f5a,#0a4a7a);border:none}.auth-layout .auth-content .ant-form .ant-btn.ant-btn-primary:hover,.auth-layout .auth-content .auth-form .ant-btn.ant-btn-primary:hover,.auth-layout .auth-content .ant-form .ant-btn.login-btn:hover,.auth-layout .auth-content .auth-form .ant-btn.login-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6b5b95);transform:translateY(-1px)}.auth-layout .auth-content .ant-divider,.auth-layout .auth-content .auth-divider{margin:24px 0;color:#999;font-size:14px}.auth-layout .auth-content .ant-divider .ant-divider-inner-text,.auth-layout .auth-content .auth-divider .ant-divider-inner-text{color:#999;font-size:14px}.auth-layout .auth-content .auth-footer{text-align:center;margin-top:24px}.auth-layout .auth-content .auth-footer a{color:#1890ff;text-decoration:none;font-weight:500}.auth-layout .auth-content .auth-footer a:hover{text-decoration:underline}.auth-layout .auth-content .name-fields-row{display:flex;gap:16px}@media (max-width: 768px){.auth-layout .auth-content .name-fields-row{flex-direction:column;gap:0}}.auth-layout .auth-content .name-fields-row .ant-form-item{flex:1;margin-bottom:24px}.auth-form .ant-form-item{margin-bottom:24px}.auth-form .ant-input,.auth-form .ant-input-password{height:48px;border-radius:6px;font-size:16px}.auth-form .ant-input:focus,.auth-form .ant-input-password:focus,.auth-form .ant-input:hover,.auth-form .ant-input-password:hover{border-color:#052f5a;box-shadow:0 0 0 2px #667eea1a}.auth-form .ant-btn{height:48px;border-radius:6px;font-size:16px;font-weight:500}.auth-form .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#052f5a,#0a4a7a);border:none}.auth-form .ant-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93)}.auth-form .ant-divider{margin:24px 0;color:#999}.lesson-item:hover{background-color:#f6f9fc!important}.lesson-content{height:calc(100vh - 64px);overflow:hidden}.lesson-sidebar{border-right:1px solid #f0f0f0;height:100%;overflow-y:auto}.lesson-main{height:100%;overflow-y:auto}.video-container{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;margin-bottom:24px}.quiz-container{padding:40px;background:#f6f9fc;border-radius:12px;text-align:center}@media (max-width: 992px){.lesson-content{height:auto}.lesson-sidebar,.lesson-main{height:auto;overflow-y:visible}}.home-page .hero-section{min-height:80vh;background:linear-gradient(135deg,#052f5a,#0a4a7a);display:flex;align-items:center;justify-content:center;padding:80px 20px;position:relative;overflow:hidden}.home-page .hero-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><pattern id='pattern' x='0' y='0' width='20' height='20' patternUnits='userSpaceOnUse'><circle cx='10' cy='10' r='2' fill='white' opacity='0.1'/></pattern></defs><rect width='100' height='100' fill='url(%23pattern)'/></svg>") repeat;z-index:1}.home-page .hero-section .container{position:relative;z-index:10;width:100%}.home-page .hero-section *{position:relative;z-index:10}.home-page .hero-title{font-size:48px!important;font-weight:700!important;color:#fff!important;margin-bottom:24px!important;line-height:1.2!important;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:10}.home-page .hero-title .highlight{background:linear-gradient(45deg,gold,#ff6b6b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;text-shadow:none}@media (max-width: 768px){.home-page .hero-title{font-size:36px!important}}.home-page .hero-description{font-size:20px!important;color:#fffffff2!important;margin-bottom:40px!important;line-height:1.6!important;display:block!important;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:10}@media (max-width: 768px){.home-page .hero-description{font-size:18px!important}}.home-page .hero-buttons{margin-top:40px;position:relative;z-index:10}.home-page .hero-buttons .ant-btn{height:48px;font-size:16px;font-weight:600;border-radius:8px;padding:0 32px;position:relative;z-index:10}.home-page .hero-buttons .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border:none;box-shadow:0 4px 20px #00000014;color:#333}.home-page .hero-buttons .ant-btn.ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f;background:linear-gradient(135deg,#fdcb6e,#e17055)}.home-page .hero-buttons .hero-demo-btn{background:#ffffff26!important;border:2px solid rgba(255,255,255,.4)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-page .hero-buttons .hero-demo-btn:hover{background:#ffffff40!important;border-color:#fff9!important;color:#fff!important;transform:translateY(-2px)}.home-page .features-section{padding:100px 20px;background:#f8f9fa}.home-page .features-title{font-size:36px!important;font-weight:700!important;color:#1f1f1f!important;margin-bottom:16px!important}.home-page .features-description{font-size:18px!important;color:#666!important;margin-bottom:64px!important;display:block!important}.home-page .feature-card{height:100%;border-radius:16px;border:none;box-shadow:0 4px 20px #00000014;transition:all .3s ease;text-align:center;padding:32px 24px;background:#fff}.home-page .feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.home-page .feature-card .ant-card-body{padding:0}.home-page .feature-icon{font-size:48px;margin-bottom:24px;display:block}.home-page .feature-title{font-size:24px!important;font-weight:600!important;color:#1f1f1f!important;margin-bottom:16px!important}.home-page .feature-text{font-size:16px!important;color:#666!important;line-height:1.6!important}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.loading-backdrop{position:absolute;inset:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:240px;max-width:400px}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center}.loading-message{margin-top:16px;font-size:16px;font-weight:500;color:#000000a6}.loading-subtitle{margin-top:8px;font-size:14px;color:#00000073}@media (max-width: 768px){.home-page .hero-section{padding:40px 20px}.home-page .features-section{padding:60px 20px}.container{padding:0 15px}.auth-card{margin:15px;padding:25px 20px}}.orders-page{padding:24px}.orders-page .orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}@media (max-width: 768px){.orders-page .orders-header{flex-direction:column;gap:16px;align-items:flex-start}}.orders-page .orders-stats{margin-bottom:24px}.orders-page .orders-stats .ant-statistic .ant-statistic-title{font-size:14px;margin-bottom:8px}.orders-page .orders-stats .ant-statistic .ant-statistic-content{font-size:24px;font-weight:600}.orders-page .orders-filters .ant-card-body{padding:16px}.orders-page .orders-filters .ant-space{display:flex;flex-wrap:wrap;gap:8px}.orders-page .orders-table .order-number{font-weight:600;color:#1890ff}.orders-page .orders-table .order-items .course-name{font-weight:500;margin-bottom:4px}.orders-page .orders-table .order-items .extra-items{color:#00000073;font-size:12px}.orders-page .orders-table .order-total{font-weight:600;color:#1890ff;font-size:16px}.orders-page .orders-table .order-status .ant-tag{padding:4px 12px;border-radius:4px}.orders-page .orders-table .order-actions .ant-btn-link{padding:4px 8px}.order-detail-page{padding:24px}.order-detail-page .order-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.order-detail-page .order-detail-header .back-button{margin-right:16px}@media (max-width: 768px){.order-detail-page .order-detail-header{flex-direction:column;align-items:flex-start}.order-detail-page .order-detail-header .ant-space{width:100%;justify-content:flex-start}}.order-detail-page .order-status-alert{margin-bottom:24px}.order-detail-page .order-status-alert .ant-alert{border-radius:8px}.order-detail-page .order-status-alert .ant-alert .ant-alert-icon{font-size:20px}.order-detail-page .order-status-alert .ant-alert .ant-alert-message{font-size:16px;font-weight:600}.order-detail-page .order-status-alert .ant-alert .ant-alert-description{margin-top:4px}.order-detail-page .order-timeline{margin-bottom:24px}.order-detail-page .order-timeline .ant-steps{padding:24px}.order-detail-page .order-timeline .ant-steps .ant-steps-item-title{font-weight:500}.order-detail-page .order-timeline .ant-steps .ant-steps-item-description{color:#00000073;font-size:12px}.order-detail-page .order-items-card .ant-table-summary{background-color:#fff}.order-detail-page .order-items-card .ant-table-summary .ant-table-cell{padding:12px 16px;font-weight:500}.order-detail-page .order-items-card .ant-table-summary .total-row{background-color:#e6f7ff}.order-detail-page .order-items-card .ant-table-summary .total-row .ant-table-cell{font-weight:600;font-size:16px}.order-detail-page .order-info-card .ant-descriptions-item-label{font-weight:500;color:#00000073}.order-detail-page .order-info-card .ant-descriptions-item-content{font-weight:500}@media (max-width: 992px){.orders-page,.order-detail-page{padding:16px}.orders-page .ant-card,.order-detail-page .ant-card{margin-bottom:16px}.orders-table .ant-table{font-size:13px}}@media (max-width: 576px){.orders-page .orders-stats .ant-col{margin-bottom:16px}.orders-page .orders-filters .ant-space{display:flex;flex-direction:column;width:100%}.orders-page .orders-filters .ant-space .ant-select,.orders-page .orders-filters .ant-space .ant-picker,.orders-page .orders-filters .ant-space .ant-btn{width:100%}.order-detail-page .order-detail-header .ant-space{flex-direction:column;width:100%}.order-detail-page .order-detail-header .ant-space .ant-btn{width:100%}.order-detail-page .ant-table-wrapper{overflow-x:auto}}.order-status-pending{color:#faad14}.order-status-paid{color:#52c41a}.order-status-cancelled{color:#f5222d}.order-status-refunded{color:#00000073}@media print{.order-detail-page .order-detail-header .ant-space,.order-detail-page .ant-btn{display:none}.order-detail-page .ant-card{border:none;box-shadow:none}}.admin-layout .admin-user-menu:hover{background-color:#f5f5f5}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;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}#root{width:100vw;min-height:100vh;margin:0;padding:0}.ant-layout,.ant-layout-content{margin:0;padding:0}