@charset "UTF-8";.custom-tab-bar{position:fixed;bottom:0;left:0;right:0;margin:1.33333rem 1.33333rem 1.25rem;background-color:#fff;border-radius:1.33333rem;overflow:hidden;z-index:100}.custom-tab-bar:before{content:"";position:fixed;bottom:0;left:0;right:0;height:8.33333rem;background-color:#f5f5f5;z-index:-1}.custom-tab-bar-image{width:100%;display:block}.custom-tab-bar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;padding:0 .83333rem}.custom-tab-bar-btn{flex:1;height:100%;cursor:pointer}.custom-tab-bar-btn:active{opacity:.6}.custom-tab-bar-btn-center{flex:1.2}.category-icons-component{background-color:#fff;margin:1.33333rem;border-radius:1.33333rem;padding:2rem 1.33333rem 1.66667rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1.33333rem 1rem}.category-icon-item{display:flex;flex-direction:column;align-items:center;gap:.66667rem;cursor:pointer;padding:.33333rem}.category-icon-item:active{opacity:.6}.category-icon{font-size:3rem;transition:transform .2s}.category-icon:active{transform:scale(.9)}.icon-name{font-size:1rem;color:#333;text-align:center;line-height:1.3;max-width:5.33333rem;word-wrap:break-word;word-break:keep-all}.optimized-image{position:relative;width:100%;height:100%;overflow:hidden}.optimized-image .image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.33333rem;background:#F5F5F5;z-index:1}.optimized-image .image-placeholder.loading .loading-spinner{width:5.33333rem;height:5.33333rem;border:.33333rem solid #E0E0E0;border-top-color:#2c5f7c;border-radius:50%;animation:spin 1s linear infinite}.optimized-image .image-placeholder.loading .loading-text{font-size:2rem;color:#999}.optimized-image .image-placeholder.error .error-icon{font-size:8rem;color:#ccc}.optimized-image .image-placeholder.error .error-text{font-size:2rem;color:#999}.optimized-image .image-placeholder.error .retry-text{font-size:1.66667rem;color:#2c5f7c;animation:pulse 1.5s ease-in-out infinite}.optimized-image .image-content{width:100%;height:100%;transition:opacity .3s ease-in-out}.optimized-image .image-content.visible{opacity:1;z-index:2}.optimized-image .image-content.hidden{opacity:0;z-index:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.banner-poster-component{margin:0 1.33333rem 1.33333rem;width:calc(100% - 2.66667rem);height:31.25rem;border-radius:1rem;overflow:hidden;cursor:pointer;transition:transform .2s}.banner-poster-component:active{transform:scale(.98)}.poster-image{width:100%;height:100%}.contact-us-page{min-height:100vh;background-color:#fff;padding-bottom:6.66667rem}.top-nav{background-color:#fff;padding:1rem 1.33333rem;display:flex;align-items:center;justify-content:space-between;border-bottom:.08333rem solid #F0F0F0}.nav-btn{padding:.66667rem;background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-btn:active{opacity:.6}.nav-icon{font-size:2rem;color:#333}.nav-title{font-size:1.41667rem;font-weight:600;color:#333;flex:1;text-align:center}.search-box{margin:1rem 1.33333rem;padding:.83333rem 1.33333rem;background-color:#f5f5f5;border-radius:.66667rem;display:flex;align-items:center;gap:.66667rem}.search-icon{font-size:1.66667rem;color:#dc143c}.search-input{flex:1;font-size:1.25rem;color:#333;background-color:transparent;border:none;outline:none}.video-section{margin:0 1.33333rem 1.33333rem}.video-wrapper{width:100%;height:16.66667rem;background-color:#000;border-radius:.66667rem;overflow:hidden}.video-player{width:100%;height:100%}.category-icons{display:flex;align-items:center;justify-content:space-around;padding:1.66667rem 1.33333rem;background-color:#fff;flex-wrap:wrap;gap:1.33333rem 0}.category-icon-item{display:flex;flex-direction:column;align-items:center;gap:.66667rem;cursor:pointer;width:20%}.category-icon-item:active{opacity:.7}.category-icon{font-size:3.33333rem;color:#2c5f7c}.icon-name{font-size:1rem;color:#333;text-align:center}.intro-section{background:linear-gradient(180deg,#8B0000 0%,#4A0000 100%);padding:3.33333rem 1.66667rem;margin:0 1.33333rem 1.33333rem;border-radius:1rem}.intro-text{text-align:center;margin-bottom:2.5rem}.intro-line{font-size:1.33333rem;color:#fff;line-height:1.8;margin-bottom:.33333rem}.teacher-photo{width:100%;border-radius:.66667rem;margin-bottom:2.5rem}.teacher-intro{background-color:#ffffff1a;padding:1.66667rem;border-radius:.66667rem}.teacher-title{font-size:1.5rem;font-weight:700;color:gold;margin-bottom:1.33333rem}.teacher-desc{font-size:1.08333rem;color:#fff;line-height:1.8;margin-bottom:.5rem}.company-card{background:linear-gradient(135deg,#FF8C00 0%,#FF6347 100%);margin:0 1.33333rem 1.33333rem;padding:1.66667rem;border-radius:1rem}.company-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.33333rem}.company-icon{font-size:2rem;color:#fff}.company-name{font-size:1.33333rem;font-weight:600;color:#fff}.company-info{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.info-icon{font-size:1.66667rem;color:#fff;margin-top:.16667rem}.info-text{flex:1;font-size:1.16667rem;color:#fff;line-height:1.6}.banner-section{margin:0 1.33333rem 1.33333rem}.banner-swiper{width:100%;height:33.33333rem;border-radius:1rem;overflow:hidden}.banner-image{width:100%;height:100%}.cooperation-cards{padding:0 1.33333rem 1.33333rem}.cooperation-card{position:relative;width:100%;height:20rem;border-radius:1rem;overflow:hidden;margin-bottom:1.33333rem}.card-image{width:100%;height:100%}.card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.66667rem}.card-title{font-size:2.33333rem;font-weight:700;color:#fff;margin-bottom:.66667rem;text-align:center}.card-subtitle{font-size:1.33333rem;color:#fff;opacity:.9;text-align:center}.category-product-section{margin:1.33333rem}.category-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.33333rem}.category-section-title{font-size:1.66667rem;font-weight:700;color:#333}.category-loading-text{text-align:center;padding:3.33333rem 0;font-size:1.33333rem;color:#999}.category-product-list{display:flex;flex-direction:column;gap:1.33333rem}.category-product-card{background-color:#fff;border-radius:1.33333rem;overflow:hidden;cursor:pointer;transition:transform .2s}.category-product-card:active{transform:scale(.98)}.category-product-image-wrapper{width:100%;height:16.66667rem;overflow:hidden;background-color:#f5f5f5}.category-product-image{width:100%;height:100%;object-fit:cover}.category-product-info{padding:1.33333rem}.category-product-title{font-size:1.33333rem;font-weight:500;color:#333;line-height:1.4;margin-bottom:.66667rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.category-product-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.category-product-sales{font-size:1rem;color:#999}.category-product-footer{display:flex;align-items:center;justify-content:space-between}.category-product-price-wrapper{display:flex;align-items:baseline;gap:.66667rem}.category-product-price{font-size:1.66667rem;font-weight:700;color:#f44}.category-product-original-price{font-size:1.16667rem;color:#999;text-decoration:line-through}.category-buy-btn{padding:.66667rem 1.66667rem;background:linear-gradient(135deg,#C41E3A 0%,#8B0000 100%);color:#fff;border-radius:1.66667rem;font-size:1.16667rem;font-weight:500;display:flex;align-items:center;justify-content:center;line-height:1;border:none;cursor:pointer}.category-buy-btn:active{opacity:.8}.assessment-grid{padding:0 1.33333rem 1.33333rem}.assessment-item{background-color:#fff;border-radius:1rem;padding:1.33333rem;margin-bottom:1rem;display:flex;align-items:center;gap:1.33333rem;box-shadow:0 .16667rem .66667rem #00000014;cursor:pointer;transition:transform .2s}.assessment-item:active{transform:scale(.98)}.assessment-icon-wrapper{width:4.66667rem;height:4.66667rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assessment-icon{font-size:2.33333rem;color:#fff}.assessment-content{flex:1}.assessment-title{font-size:1.33333rem;font-weight:600;color:#333;margin-bottom:.5rem}.assessment-desc{font-size:1.08333rem;color:#999;line-height:1.4}.assessment-arrow{font-size:2rem;color:#ccc;flex-shrink:0}.admin-layout{display:flex;min-height:100vh;background-color:#f0f2f7}.admin-sidebar{width:18.33333rem;background:linear-gradient(180deg,#0f1629 0%,#1a2340 100%);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:width .25s cubic-bezier(.4,0,.2,1);box-shadow:.33333rem 0 1.66667rem #00000040}.admin-sidebar.collapsed{width:5.33333rem}.admin-sidebar.collapsed .logo-text-wrap,.admin-sidebar.collapsed .menu-name,.admin-sidebar.collapsed .group-title,.admin-sidebar.collapsed .menu-active-bar,.admin-sidebar.collapsed .footer-info,.admin-sidebar.collapsed .footer-user,.admin-sidebar.collapsed .footer-logout-btn{display:none}.admin-sidebar.collapsed .menu-item{justify-content:center;padding:0;height:3.66667rem}.admin-sidebar.collapsed .menu-icon-wrap{width:3rem;height:3rem}.sidebar-header{padding:1.66667rem 1.33333rem 1.5rem;border-bottom:.08333rem solid rgba(255,255,255,.06);flex-shrink:0}.logo-wrapper{display:flex;align-items:center;gap:.83333rem}.logo-icon-wrap{width:3.16667rem;height:3.16667rem;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:.83333rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 .33333rem 1rem #6366f173}.logo-icon{font-size:1.83333rem;color:#fff}.logo-text-wrap{display:flex;flex-direction:column;gap:.08333rem}.logo-title{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.04167rem;line-height:1.2}.logo-sub{font-size:.91667rem;color:#fff6;letter-spacing:.08333rem}.sidebar-menu{flex:1;overflow-y:auto;padding:1rem 0 .66667rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-menu::-webkit-scrollbar{width:.33333rem}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:.16667rem}.menu-group{margin-bottom:.33333rem}.group-title{display:flex;align-items:center;gap:.58333rem;padding:.66667rem 1.33333rem .41667rem;cursor:pointer;-webkit-user-select:none;user-select:none}.group-title:hover .group-chevron{opacity:1}.group-title-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0;opacity:.8}.group-title-text{font-size:.91667rem;color:#ffffff59;font-weight:600;letter-spacing:.06667rem;text-transform:uppercase;flex:1}.group-chevron{font-size:1.16667rem;color:#ffffff40;opacity:.6;transition:transform .25s cubic-bezier(.4,0,.2,1)}.menu-item{display:flex;align-items:center;gap:.75rem;padding:0 .83333rem 0 1rem;margin:.08333rem .66667rem;height:3.16667rem;border-radius:.66667rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#ffffff80;position:relative;overflow:hidden}.menu-item:hover{background:rgba(255,255,255,.07);color:#ffffffd9}.menu-item:hover .menu-icon-wrap{color:#ffffffd9}.menu-item.active{background:rgba(255,255,255,.1);color:#fff}.menu-item.active .menu-name{font-weight:600}.menu-icon-wrap{width:2.5rem;height:2.5rem;border-radius:.58333rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);color:#ffffff80}.menu-icon{font-size:1.41667rem}.menu-name{font-size:1.08333rem;white-space:nowrap;flex:1}.menu-active-bar{position:absolute;right:0;top:50%;transform:translateY(-50%);width:.25rem;height:1.5rem;border-radius:.16667rem 0 0 .16667rem}.sidebar-footer{padding:1rem .83333rem;border-top:.08333rem solid rgba(255,255,255,.06);flex-shrink:0;display:flex;flex-direction:column;gap:.66667rem}.footer-user{display:flex;align-items:center;gap:.75rem;padding:.66667rem .5rem;border-radius:.83333rem;background:rgba(255,255,255,.06)}.footer-avatar{width:2.66667rem;height:2.66667rem;border-radius:.66667rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.08333rem;font-weight:700;color:#fff;flex-shrink:0}.footer-info{flex:1;min-width:0;overflow:hidden}.footer-name{font-size:1.08333rem;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-role{font-size:.91667rem;color:#ffffff59;margin-top:.08333rem}.footer-logout-btn{width:2.33333rem;height:2.33333rem;border-radius:.5rem;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:#ffffff4d;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.footer-logout-btn:hover{background:rgba(239,68,68,.15);color:#f87171}.footer-logout-btn div{font-size:1.33333rem}.collapse-btn{display:flex;align-items:center;justify-content:center;padding:.58333rem;border-radius:.66667rem;cursor:pointer;transition:background .25s cubic-bezier(.4,0,.2,1);color:#ffffff4d}.collapse-btn:hover{background:rgba(255,255,255,.08);color:#ffffffb3}.collapse-icon{font-size:1.5rem}.admin-main{flex:1;margin-left:18.33333rem;display:flex;flex-direction:column;transition:margin-left .25s cubic-bezier(.4,0,.2,1);min-height:100vh}.admin-main.sidebar-collapsed{margin-left:5.33333rem}.admin-header{height:5rem;background-color:#fff;border-bottom:.08333rem solid #e8ecf2;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:50;box-shadow:0 .08333rem .33333rem #0000000d;flex-shrink:0}.header-left{display:flex;align-items:center}.page-title-wrap{display:flex;align-items:center;gap:1rem}.page-icon-badge{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-icon-badge div{font-size:1.5rem}.page-title-info{display:flex;flex-direction:column;gap:.16667rem}.page-title-main{font-size:1.33333rem;font-weight:700;color:#111827;line-height:1.2}.breadcrumb{display:flex;align-items:center;gap:.41667rem;font-size:1rem}.breadcrumb-home{color:#9ca3af}.breadcrumb-sep{color:#d1d5db}.breadcrumb-group{color:#9ca3af}.breadcrumb-current{color:#6b7280;font-weight:500}.header-right{display:flex;align-items:center;gap:1rem}.header-user{display:flex;align-items:center;gap:.66667rem;padding:.5rem .83333rem;border-radius:.83333rem;background:#f8fafc;border:.08333rem solid #e8ecf2}.header-avatar{width:2.33333rem;height:2.33333rem;border-radius:.58333rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.header-user-info{display:flex;flex-direction:column;gap:.08333rem}.header-user-name{font-size:1.08333rem;font-weight:600;color:#111827;line-height:1.2}.header-user-role{font-size:.91667rem;color:#9ca3af}.header-logout-btn{display:flex;align-items:center;gap:.41667rem;padding:.5rem 1rem;border-radius:.66667rem;background:#ffffff;border:.08333rem solid #e8ecf2;color:#6b7280;font-size:1.08333rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.header-logout-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.header-logout-btn div{font-size:1.33333rem}.admin-content{flex:1;padding:2rem;overflow-y:auto}@media (max-width: 768px){.admin-sidebar{width:5.33333rem}.admin-sidebar .logo-text-wrap,.admin-sidebar .menu-name,.admin-sidebar .group-title,.admin-sidebar .menu-active-bar,.admin-sidebar .footer-user{display:none}.admin-sidebar .menu-item{justify-content:center;padding:0;height:3.66667rem}.admin-sidebar .menu-icon-wrap{width:3rem;height:3rem}.admin-main{margin-left:5.33333rem}.admin-header{padding:0 1.33333rem}.admin-content{padding:1.33333rem}.header-user-info{display:none}.page-title-main{font-size:1.16667rem}}@media (min-width: 1440px){.admin-content{max-width:116.66667rem;margin:0 auto}}taro-button-core+taro-button-core{margin-top:0}body taro-input-core{height:unset}body taro-button-core{width:unset;padding:0 1.16667rem;line-height:2.55}body taro-button-core[size=mini]{padding:0 .83333rem;line-height:2.3}body taro-textarea-core{display:flex}body taro-textarea-core>.taro-textarea{height:unset;background-color:transparent;font-size:inherit}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.33333rem;margin-bottom:1.66667rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:#fff;border:.08333rem solid #e8ecf2;border-radius:1.16667rem;padding:1.66667rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:1.16667rem 1.16667rem 0 0;opacity:0;transition:opacity .2s}.stat-card:hover{box-shadow:0 .66667rem 2rem #00000017;transform:translateY(-.16667rem);border-color:#d1d5db}.stat-card:hover:before{opacity:1}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover:before{opacity:1}.stat-card.stat-card-indigo:before{background:linear-gradient(90deg,#6366f1,#818cf8);opacity:1}.stat-card.stat-card-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);opacity:1}.stat-card.stat-card-green:before{background:linear-gradient(90deg,#10b981,#34d399);opacity:1}.stat-card.stat-card-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24);opacity:1}.stat-card.stat-card-red:before{background:linear-gradient(90deg,#ef4444,#f87171);opacity:1}.stat-card.stat-card-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa);opacity:1}.stat-card.stat-card-teal:before{background:linear-gradient(90deg,#14b8a6,#2dd4bf);opacity:1}.stat-card.stat-card-pink:before{background:linear-gradient(90deg,#ec4899,#f472b6);opacity:1}.stat-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stat-icon{font-size:2.33333rem;color:#6366f1}.stat-icon.icon-blue{color:#3b82f6}.stat-icon.icon-green{color:#10b981}.stat-icon.icon-amber{color:#f59e0b}.stat-icon.icon-red{color:#ef4444}.stat-icon.icon-purple{color:#8b5cf6}.stat-icon.icon-teal{color:#14b8a6}.stat-icon.icon-pink{color:#ec4899}.stat-icon-badge{width:3.66667rem;height:3.66667rem;border-radius:.91667rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.83333rem}.stat-icon-badge.badge-indigo{background:#eef2ff;color:#6366f1}.stat-icon-badge.badge-blue{background:#eff6ff;color:#3b82f6}.stat-icon-badge.badge-green{background:#ecfdf5;color:#10b981}.stat-icon-badge.badge-amber{background:#fffbeb;color:#f59e0b}.stat-icon-badge.badge-red{background:#fef2f2;color:#ef4444}.stat-icon-badge.badge-purple{background:#f5f3ff;color:#8b5cf6}.stat-icon-badge.badge-teal{background:#f0fdfa;color:#14b8a6}.stat-icon-badge.badge-pink{background:#fdf2f8;color:#ec4899}.stat-label{font-size:1.08333rem;color:#6b7280;font-weight:500;flex:1}.stat-value{font-size:2.33333rem;font-weight:700;color:#111827;margin-bottom:.5rem;line-height:1.1;letter-spacing:-.04167rem}.stat-change{font-size:1rem;color:#9ca3af;display:flex;align-items:center;gap:.33333rem}.stat-change .positive{color:#10b981;font-weight:600}.stat-change .negative{color:#ef4444;font-weight:600}.stat-change .neutral{color:#6b7280;font-weight:600}.content-card{background-color:#fff;border:.08333rem solid #e8ecf2;border-radius:1.16667rem;padding:1.83333rem 2rem;margin-bottom:1.66667rem;box-shadow:0 .08333rem .25rem #0000000a}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.16667rem;border-bottom:.08333rem solid #f1f5f9;gap:1rem}.card-title{font-size:1.33333rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.66667rem}.card-title-icon{font-size:1.66667rem;color:#6366f1}.card-actions{display:flex;align-items:center;gap:.66667rem;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.58333rem 1.16667rem;border-radius:.66667rem;font-size:1.08333rem;font-weight:500;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);border:.08333rem solid transparent;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-icon{font-size:1.33333rem;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border-color:#6366f1;box-shadow:0 .16667rem .66667rem #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 .33333rem 1rem #6366f166}.btn-secondary{background:#ffffff;color:#374151;border-color:#e5e7eb}.btn-secondary:hover{background:#f8fafc;border-color:#d1d5db;color:#111827}.btn-success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-color:#10b981;box-shadow:0 .16667rem .66667rem #10b98140}.btn-success:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 .33333rem 1rem #10b98159}.btn-danger{background:#ffffff;color:#ef4444;border-color:#fca5a5}.btn-danger:hover{background:#fef2f2;border-color:#ef4444}.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-color:#f59e0b;box-shadow:0 .16667rem .66667rem #f59e0b40}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#f59e0b)}.btn-sm{padding:.33333rem .83333rem;font-size:1rem}.btn-lg{padding:.83333rem 1.66667rem;font-size:1.25rem;border-radius:.83333rem}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.83333rem 1.16667rem;font-size:1rem;font-weight:600;color:#6b7280;background:#f8fafc;border-bottom:.16667rem solid #e8ecf2;white-space:nowrap;letter-spacing:.025rem}.data-table th:first-child{border-radius:.66667rem 0 0}.data-table th:last-child{border-radius:0 .66667rem 0 0}.data-table td{padding:.91667rem 1.16667rem;font-size:1.08333rem;color:#374151;border-bottom:.08333rem solid #f1f5f9;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafbff}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1.66667rem;font-size:1rem;font-weight:600;white-space:nowrap}.badge-success{background:#ecfdf5;color:#059669}.badge-warning{background:#fffbeb;color:#d97706}.badge-danger{background:#fef2f2;color:#dc2626}.badge-info{background:#eff6ff;color:#2563eb}.badge-default{background:#f3f4f6;color:#6b7280}.badge-purple{background:#f5f3ff;color:#7c3aed}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:1.08333rem;font-weight:600;color:#374151;margin-bottom:.58333rem}.form-control,.form-select{width:100%;padding:.66667rem 1rem;font-size:1.16667rem;color:#111827;background:#ffffff;border:.08333rem solid #d1d5db;border-radius:.66667rem;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.form-control:focus,.form-select:focus{border-color:#6366f1;box-shadow:0 0 0 .25rem #6366f11a}.form-control::placeholder,.form-select::placeholder{color:#9ca3af}.form-select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%236b7280' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .83333rem center;background-size:1.5rem;padding-right:3rem}.form-required{color:#ef4444;margin-left:.25rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;color:#9ca3af}.loading-spinner{width:3rem;height:3rem;border:.25rem solid #e8ecf2;border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite;margin-bottom:1.16667rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1.16667rem;color:#9ca3af}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:#9ca3af}.empty-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-text{font-size:1.16667rem;color:#9ca3af}.modal-overlay{position:fixed;inset:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(.16667rem);backdrop-filter:blur(.16667rem)}.modal-content{background-color:#fff;border-radius:1.33333rem;box-shadow:0 2rem 5rem #0000002e;max-width:90vw;max-height:90vh;overflow-y:auto;padding:2.33333rem;min-width:40rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.83333rem;padding-bottom:1.16667rem;border-bottom:.08333rem solid #f1f5f9}.modal-title{font-size:1.41667rem;font-weight:700;color:#111827}.modal-close{font-size:1.83333rem;color:#9ca3af;cursor:pointer;line-height:1;transition:color .15s}.modal-close:hover{color:#374151}.modal-row{display:flex;gap:1.66667rem;margin-bottom:1.16667rem}.modal-row .modal-field{flex:1}.modal-field-label{font-size:1rem;color:#6b7280;margin-bottom:.33333rem;font-weight:500}.modal-field-value{font-size:1.16667rem;color:#111827;font-weight:600}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.33333rem 0 .33333rem}.page-btn{width:2.66667rem;height:2.66667rem;border-radius:.58333rem;display:flex;align-items:center;justify-content:center;font-size:1.08333rem;font-weight:500;cursor:pointer;border:.08333rem solid #e5e7eb;background:#ffffff;color:#374151;transition:all .15s}.page-btn:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff}.page-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 .16667rem .66667rem #6366f14d}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:1.08333rem;color:#6b7280;padding:0 .66667rem}.filter-bar{display:flex;align-items:center;gap:.83333rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input-wrap{display:flex;align-items:center;gap:.66667rem;padding:.58333rem 1rem;border:.08333rem solid #e5e7eb;border-radius:.66667rem;background:#ffffff;transition:border-color .18s,box-shadow .18s;min-width:18.33333rem}.search-input-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 .25rem #6366f114}.search-icon{font-size:1.33333rem;color:#9ca3af;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:1.08333rem;color:#111827;background:transparent}.search-input::placeholder{color:#9ca3af}.status-dot{display:inline-flex;align-items:center;gap:.41667rem;font-size:1rem;font-weight:500}.status-dot:before{content:"";width:.58333rem;height:.58333rem;border-radius:50%;flex-shrink:0}.status-dot.status-active:before{background:#10b981;box-shadow:0 0 0 .16667rem #10b98133}.status-dot.status-inactive:before{background:#9ca3af}.status-dot.status-pending:before{background:#f59e0b;box-shadow:0 0 0 .16667rem #f59e0b33}.status-dot.status-error:before{background:#ef4444;box-shadow:0 0 0 .16667rem #ef444433}.status-dot.status-active{color:#059669}.status-dot.status-inactive{color:#6b7280}.status-dot.status-pending{color:#d97706}.status-dot.status-error{color:#dc2626}.divider{height:.08333rem;background:#f1f5f9;margin:1.33333rem 0}@media (max-width: 768px){.content-card{padding:1.33333rem;border-radius:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:.83333rem}.data-table{font-size:1rem}.data-table th,.data-table td{padding:.66667rem .83333rem}.modal-content{min-width:unset;width:92vw;padding:1.66667rem}}.admin-tabs{display:flex;gap:.33333rem;background:#f1f5f9;padding:.33333rem;border-radius:.83333rem}.admin-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.16667rem;border-radius:.58333rem;font-size:1.08333rem;font-weight:500;cursor:pointer;transition:all .18s;color:#6b7280;border:none;background:transparent;white-space:nowrap}.admin-tab:hover{color:#374151;background:rgba(255,255,255,.7)}.admin-tab.active{background:#ffffff;color:#111827;font-weight:600;box-shadow:0 .08333rem .33333rem #0000001a}.admin-tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .41667rem;border-radius:.75rem;font-size:.91667rem;font-weight:700;background:#e5e7eb;color:#6b7280;line-height:1}.admin-tab.active .tab-count{background:#6366f1;color:#fff}.admin-tab.tab-pending .tab-count{background:#fef3c7;color:#d97706}.admin-tab.tab-pending.active .tab-count{background:#f59e0b;color:#fff}.user-cell{display:flex;align-items:center;gap:.83333rem}.user-cell-avatar{width:2.83333rem;height:2.83333rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.08333rem;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.user-cell-avatar-img{width:2.83333rem;height:2.83333rem;border-radius:.75rem;object-fit:cover;flex-shrink:0}.user-cell-info{display:flex;flex-direction:column;gap:.16667rem;min-width:0}.user-cell-name{font-size:1.08333rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-cell-sub{font-size:.91667rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount-cell{font-size:1.25rem;font-weight:700;color:#111827;letter-spacing:-.025rem}.amount-cell.amount-large{font-size:1.5rem;color:#6366f1}.amount-cell.amount-positive{color:#10b981}.amount-cell.amount-negative{color:#ef4444}.amount-cell-prefix{font-size:.91667rem;font-weight:500;color:#9ca3af;margin-right:.08333rem}.level-path{display:flex;align-items:center;gap:.5rem;font-size:1.08333rem}.level-path-from{color:#6b7280}.level-path-arrow{color:#d1d5db;font-size:1.33333rem}.level-path-to{color:#6366f1;font-weight:700}.info-grid{display:grid;gap:1.66667rem}.info-grid.cols-2{grid-template-columns:repeat(2,1fr)}.info-grid.cols-3{grid-template-columns:repeat(3,1fr)}.info-grid.cols-4{grid-template-columns:repeat(4,1fr)}.info-item{display:flex;flex-direction:column;gap:.33333rem}.info-label{font-size:1rem;color:#9ca3af;font-weight:500}.info-value{font-size:1.16667rem;color:#111827;font-weight:500}.section-title{display:flex;align-items:center;gap:.66667rem;font-size:1.16667rem;font-weight:700;color:#374151;padding:1.16667rem 0 1rem;border-bottom:.08333rem solid #f1f5f9;margin-bottom:1.33333rem}.section-title-icon{font-size:1.5rem;color:#6366f1}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sortable:hover{color:#111827}.th-sortable .sort-icons{display:inline-flex;flex-direction:column;gap:0;margin-left:.33333rem;vertical-align:middle;opacity:.5;font-size:.83333rem}.th-sortable.sort-asc .sort-icons,.th-sortable.sort-desc .sort-icons{opacity:1;color:#6366f1}.action-group{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.filter-item{display:flex;align-items:center;gap:.66667rem;padding:.58333rem 1rem;border:.08333rem solid #e5e7eb;border-radius:.66667rem;background:#ffffff;transition:border-color .18s,box-shadow .18s;min-width:16.66667rem}.filter-item:focus-within{border-color:#6366f1;box-shadow:0 0 0 .25rem #6366f114}.filter-icon{font-size:1.33333rem;color:#9ca3af;flex-shrink:0}.filter-input{flex:1;border:none;outline:none;font-size:1.08333rem;color:#111827;background:transparent}.filter-input::placeholder{color:#9ca3af}.filter-select{padding:.58333rem 2.66667rem .58333rem 1rem;border:.08333rem solid #e5e7eb;border-radius:.66667rem;background:#ffffff;font-size:1.08333rem;color:#374151;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%236b7280' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .66667rem center;background-size:1.33333rem;transition:border-color .18s}.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 .25rem #6366f114}.summary-bar{display:flex;gap:1.66667rem;padding:1.16667rem 1.5rem;background:#f8fafc;border-radius:.83333rem;border:.08333rem solid #e8ecf2;margin-bottom:1.5rem}.summary-item{display:flex;align-items:center;gap:.66667rem}.summary-icon{font-size:1.5rem;flex-shrink:0}.summary-label{font-size:1rem;color:#9ca3af;line-height:1.2}.summary-num{font-size:1.33333rem;font-weight:700;color:#111827;line-height:1.2}.summary-divider{width:.08333rem;background:#e5e7eb;align-self:stretch}.back-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.66667rem;padding-bottom:1.33333rem;border-bottom:.08333rem solid #f1f5f9}.back-title{font-size:1.41667rem;font-weight:700;color:#111827}.back-sub{font-size:1.08333rem;color:#9ca3af;margin-left:.33333rem}.data-table tbody tr.expandable-row{cursor:pointer}.data-table tbody tr.expandable-row:hover{background:#f8fafc}.data-table tbody tr.expandable-row.row-expanded{background:#f0f4ff}.data-table tbody tr.expandable-row.row-expanded>td{border-bottom:none}.expand-row>td{padding:0!important;border-bottom:.16667rem solid #e0e7ff!important}.expand-panel-wrap{overflow:hidden;max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1)}.expand-panel-wrap.open{max-height:50rem}.expand-panel{padding:1.66667rem 2rem;background:linear-gradient(180deg,#f5f7ff 0%,#ffffff 100%);display:flex;flex-direction:column;gap:1.33333rem}.expand-panel-header{display:flex;align-items:center;gap:.83333rem;padding-bottom:1rem;border-bottom:.08333rem solid #e8ecf2}.expand-panel-title{font-size:1.16667rem;font-weight:600;color:#374151;flex:1}.expand-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 2rem}.expand-panel-item{display:flex;flex-direction:column;gap:.33333rem}.expand-panel-label{font-size:.91667rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.expand-panel-value{font-size:1.08333rem;color:#111827;font-weight:500;word-break:break-all}.expand-panel-value.highlight{color:#6366f1;font-weight:700}.expand-panel-value.danger{color:#ef4444;font-weight:700}.expand-panel-value.success{color:#10b981;font-weight:700}.expand-panel-actions{display:flex;align-items:center;gap:.83333rem;padding-top:1rem;border-top:.08333rem solid #e8ecf2}.row-expand-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:#f1f5f9;color:#6b7280;border:none;cursor:pointer;transition:background .15s,transform .2s;flex-shrink:0}.row-expand-btn:hover{background:#e0e7ff;color:#6366f1}.row-expand-btn.open{background:#e0e7ff;color:#6366f1;transform:rotate(180deg)}