.login-container{background:linear-gradient(135deg,#7ec4a0 0%,#88c9b0 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border-radius:12px;width:400px;box-shadow:0 10px 40px #00000026}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#333;margin-bottom:8px;font-size:24px;font-weight:600}.login-header p{color:#666;font-size:14px}.login-tip{text-align:center;color:#999;margin-top:16px;font-size:12px}.top-header{z-index:1000;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;height:56px;line-height:56px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0000000f;background:#fff!important;padding:0!important}.top-header-left{flex:1;align-items:center;min-width:0;height:100%;display:flex}.top-logo{color:#fff;letter-spacing:2px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#7ec4a0,#88c9b0);flex-shrink:0;height:56px;padding:0 28px;font-size:20px;font-weight:700;line-height:56px;transition:opacity .2s}.top-logo:hover{opacity:.9}.top-nav-menu{flex:1;min-width:0;height:56px;line-height:56px;background:0 0!important;border-bottom:none!important}.top-nav-menu .ant-menu-item{color:#555;border-radius:0;height:56px;font-size:14px;font-weight:500;line-height:56px;transition:all .2s;margin:0 2px!important;padding:0 16px!important}.top-nav-menu .ant-menu-item:hover{color:#7ec4a0!important;background:#7ec4a00f!important}.top-nav-menu .ant-menu-item-selected{font-weight:600;color:#7ec4a0!important;background:0 0!important}.top-nav-menu .ant-menu-item-selected:after{border-bottom-width:3px!important;border-bottom-color:#7ec4a0!important}.top-nav-menu .ant-menu-item .anticon{font-size:16px}.top-header-right{flex-shrink:0;align-items:center;gap:8px;height:100%;padding-right:20px;display:flex}.sidebar-toggle-btn{color:#666;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;transition:all .2s;display:inline-flex}.sidebar-toggle-btn:hover{color:#7ec4a0;background:#7ec4a01a}.header-icon{cursor:pointer;color:#666;border-radius:8px;padding:6px;font-size:18px;transition:color .2s}.header-icon:hover{color:#7ec4a0;background:#7ec4a014}.user-info{cursor:pointer;border-radius:8px;padding:6px 12px;transition:background .2s}.user-info:hover{background:#7ec4a014}.body-layout{background:#e8f8f0;flex-direction:row;min-height:calc(100vh - 56px);margin-top:56px}.sub-sider{z-index:99;border-right:1px solid #f0f0f0;transition:width .25s;position:fixed;top:56px;bottom:0;left:0;overflow:hidden;box-shadow:2px 0 12px #0000000a;background:#fff!important}.sub-sider .ant-layout-sider-children{flex-direction:column;height:100%;display:flex}.sub-sider-title{color:#7ec4a0;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#7ec4a00f,#88c9b00a);border-bottom:1px solid #f0f0f0;flex-shrink:0;height:48px;padding:0 20px;font-size:15px;font-weight:600;line-height:48px;overflow:hidden}.sub-side-menu{flex:1;padding:8px 0;overflow:hidden auto;background:0 0!important;border-right:none!important}.sub-side-menu .ant-menu-item{color:#555;border-radius:8px;height:42px;margin:2px 10px;font-size:14px;line-height:42px;transition:all .2s;padding-left:24px!important}.sub-side-menu .ant-menu-item:hover{color:#7ec4a0;background:#7ec4a00f}.sub-side-menu .ant-menu-item-selected{font-weight:600;box-shadow:0 3px 10px #7ec4a040;color:#fff!important;background:linear-gradient(135deg,#7ec4a0,#88c9b0)!important}.sub-side-menu .ant-menu-item-selected:after{display:none!important}.main-content{background:#e8f8f0;min-height:calc(100vh - 56px);margin-left:200px;padding:24px;transition:margin-left .25s}.main-content.full-width,.main-content.no-sidebar{margin-left:0}@media (width<=1200px){.top-nav-menu .ant-menu-item{font-size:13px;padding:0 10px!important}}@media (width<=992px){.sub-sider{width:180px!important;min-width:180px!important;max-width:180px!important}.main-content{margin-left:180px}}@media (width<=768px){.top-logo{padding:0 16px;font-size:16px}.top-header-right{gap:4px;padding-right:12px}.main-content{margin-left:0;padding:16px}.sub-sider{z-index:200;position:absolute;box-shadow:4px 0 20px #00000026}}.dashboard{padding:0}.page-header span{color:#999;font-size:14px}.stats-row .ant-card{border-radius:8px}.change{margin-left:8px;font-size:14px}.change.positive{color:#52c41a}.change.negative{color:#ff4d4f}.chart-row{margin-bottom:16px}.rank-num{color:#fff;background:#1890ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:600;display:inline-flex}.revenue{margin-right:8px;font-weight:600}.growth{font-size:12px}.growth.positive{color:#52c41a}.growth.negative{color:#ff4d4f}.orders-page{padding:16px}.stats-row,.filter-card,.orders-card{margin-bottom:16px}.order-detail{padding:8px 0}.order-detail .ant-descriptions-item-label{background:#f0faf5;width:120px}html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}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]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}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{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}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{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[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}:root{--primary-color:#7ec4a0;--primary-light:#a8e6cf;--primary-dark:#5a9e7c;--secondary-color:#88c9b0;--secondary-light:#b4e7d4;--success-color:#52c41a;--success-light:#d9f7be;--warning-color:#faad14;--warning-light:#fff1b8;--danger-color:#ff4d4f;--danger-light:#fff1f0;--bg-base:#e8f8f0;--bg-card:#fff;--bg-sidebar:linear-gradient(180deg, #1e3a3a 0%, #152b2b 100%);--text-primary:#1f1f1f;--text-secondary:#666;--text-muted:#999;--text-inverse:#fff;--border-color:#e8e8e8;--border-light:#f0f0f0;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-glow:0 0 20px #7ec4a04d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}#root{min-height:100vh}.main-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{background:var(--bg-base);min-height:calc(100vh - 56px);transition:margin-left var(--transition-normal);padding:24px}.main-content.full-width{margin-left:0}.ant-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:none}.ant-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ant-card-head{border-bottom:1px solid var(--border-light);padding:16px 20px}.ant-card-head-title{color:var(--text-primary);font-weight:600}.ant-card-body{padding:20px}.stats-card{background:linear-gradient(135deg, var(--bg-card) 0%, #f0faf5 100%);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-normal);padding:20px}.stats-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stats-card .ant-statistic-title{color:var(--text-secondary);font-size:13px}.stats-card .ant-statistic-content{color:var(--text-primary);font-weight:700}.stats-card.primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark))}.stats-card.primary .ant-statistic-title,.stats-card.primary .ant-statistic-content{color:#fff}.stats-card.success{background:linear-gradient(135deg, var(--success-color), #389e0d)}.stats-card.success .ant-statistic-title,.stats-card.success .ant-statistic-content{color:#fff}.ant-table{background:var(--bg-card);border-radius:var(--radius-lg)}.ant-table-thead>tr>th{color:var(--text-primary);border-bottom:2px solid var(--border-color);font-weight:600;background:var(--bg-base)!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.ant-table-tbody>tr:last-child>td{border-bottom:none}.ant-btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));transition:all var(--transition-normal);border:none;box-shadow:0 4px 12px #7ec4a04d}.ant-btn-primary:hover{background:linear-gradient(135deg, var(--primary-dark), var(--secondary-color));transform:translateY(-1px);box-shadow:0 6px 16px #7ec4a066}.ant-btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:500}.ant-tag{border-radius:var(--radius-sm);border:none;padding:2px 10px;font-weight:500}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-fast);margin-right:4px;padding:12px 20px;font-weight:500}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab:hover{color:var(--primary-color)}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active{background:var(--bg-card);border-color:var(--border-color);color:var(--primary-color)}.ant-tabs-card>.ant-tabs-content{background:var(--bg-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.ant-modal-content{border-radius:var(--radius-lg);overflow:hidden}.ant-modal-close-x{color:#fff}.ant-modal-footer{border-top:1px solid var(--border-light)}.ant-form-item-label>label{color:var(--text-primary);font-weight:500}.ant-input,.ant-select-selector,.ant-picker{border-color:var(--border-color);transition:all var(--transition-fast);border-radius:var(--radius-sm)!important}.ant-input:focus,.ant-input:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:var(--primary-color);box-shadow:0 0 0 2px #7ec4a01a}.ant-input:focus{box-shadow:0 0 0 2px #7ec4a033}.ant-badge-status-processing{background:var(--primary-color)}.ant-badge-status-success{background:var(--success-color)}.ant-badge-status-warning{background:var(--warning-color)}.ant-badge-status-error{background:var(--danger-color)}.ant-alert{border-radius:var(--radius-md);border:none;padding:12px 16px}.ant-empty-description{color:var(--text-muted)}.gradient-card{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border:none}.gradient-card .ant-card-head{color:#fff;border-bottom-color:#fff3}.gradient-card .ant-card-head-title{color:#fff}.gradient-card .ant-statistic-title{color:#fffc}.gradient-card .ant-statistic-content{color:#fff}@media (width<=768px){.main-content,.ant-card-body{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:.3s forwards fadeIn}.text-gradient{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shadow-hover{transition:box-shadow var(--transition-normal)}.shadow-hover:hover{box-shadow:var(--shadow-lg)}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:24px;font-weight:600}.table-header{justify-content:space-between;margin-bottom:16px;display:flex}.stats-row{margin-bottom:16px}.member-detail .detail-row{border-bottom:1px solid #f0f0f0;padding:8px 0;display:flex}.member-detail .detail-row .label{color:#666;width:100px}.member-detail .detail-row .value{flex:1}.logo{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#7ec4a0 0%,#88c9b0 100%);justify-content:center;align-items:center;height:64px;font-size:18px;font-weight:600;display:flex;box-shadow:0 2px 10px #7ec4a04d}.ant-menu-dark{background:0 0!important}.ant-menu-dark .ant-menu-item{border-radius:8px;margin:4px 12px;transition:all .25s}.ant-menu-dark .ant-menu-item:hover{background:#ffffff1a!important}.ant-menu-dark .ant-menu-item-selected{box-shadow:0 0 20px #7ec4a04d;background:linear-gradient(135deg,#7ec4a0,#88c9b0)!important}.main-content{background:#e8f8f0;min-height:calc(100vh - 64px);padding:24px}.stats-gradient-1{background:linear-gradient(135deg,#7ec4a0,#b4e7d4);border:none}.stats-gradient-1 .ant-statistic-title,.stats-gradient-1 .ant-statistic-content-value,.stats-gradient-1 .ant-statistic-content-suffix{color:#fff!important}.stats-gradient-2{background:linear-gradient(135deg,#88c9b0,#88c9b0);border:none}.stats-gradient-2 .ant-statistic-title,.stats-gradient-2 .ant-statistic-content-value,.stats-gradient-2 .ant-statistic-content-suffix{color:#fff!important}.stats-gradient-3{background:linear-gradient(135deg,#52c41a,#389e0d);border:none}.stats-gradient-3 .ant-statistic-title,.stats-gradient-3 .ant-statistic-content-value,.stats-gradient-3 .ant-statistic-content-suffix{color:#fff!important}.stats-gradient-4{background:linear-gradient(135deg,#faad14,#d48806);border:none}.stats-gradient-4 .ant-statistic-title,.stats-gradient-4 .ant-statistic-content-value,.stats-gradient-4 .ant-statistic-content-suffix{color:#fff!important}.ant-card{border:none;border-radius:12px;transition:all .25s}.ant-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.ant-table-wrapper{border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{font-weight:600;background:#f0faf5!important}.ant-table-tbody>tr:hover>td{background:#7ec4a008!important}.ant-btn-primary{background:linear-gradient(135deg,#7ec4a0,#88c9b0);border:none;box-shadow:0 4px 12px #7ec4a04d}.ant-btn-primary:hover{background:linear-gradient(135deg,#6db08c,#6220c0);transform:translateY(-1px)}.ant-btn-link{color:#7ec4a0}.ant-btn-link:hover{color:#5a9e7c}.ant-tabs-card .ant-tabs-tab{border-radius:8px 8px 0 0;padding:12px 24px;font-weight:500}.ant-tabs-card .ant-tabs-tab-active{background:#fff;border-color:#e8e8e8}.ant-tabs-card .ant-tabs-tab:hover{color:#7ec4a0}.ant-tabs-card .ant-tabs-content{border-radius:0 12px 12px}.ant-modal-header{background:linear-gradient(135deg,#7ec4a0,#88c9b0);border-radius:12px 12px 0 0}.ant-modal-header .ant-modal-title{color:#fff;font-weight:600}.ant-modal-close{color:#fff}.ant-modal-content{border-radius:12px}.ant-progress-bg{background:linear-gradient(90deg,#7ec4a0,#88c9b0)}.ant-tag{border:none;border-radius:4px;padding:2px 10px;font-weight:500}.ant-alert{border:none;border-radius:8px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}.page-title{color:#1f1f1f;border-bottom:2px solid #7ec4a0;margin-bottom:20px;padding-bottom:12px;font-size:22px;font-weight:600;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.3s fadeInUp}.text-gradient{background:linear-gradient(135deg,#7ec4a0,#88c9b0);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.page-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000f}.page-header-section{margin-bottom:24px}.page-title-row{justify-content:space-between;align-items:flex-start;display:flex}.page-title-main{color:#1f1f1f;border-bottom:2px solid #7ec4a0;margin:0 0 4px;padding-bottom:12px;font-size:22px;font-weight:600;display:inline-block}.page-subtitle{color:#999;margin:0;font-size:14px}.page-actions{gap:12px;display:flex}.page-content{margin-top:20px}.section-card{border:none;border-radius:12px;box-shadow:0 2px 8px #0000000a}.section-card:hover{box-shadow:0 4px 16px #00000014}.section-card .ant-card-head{border-bottom:1px solid #f0f0f0;min-height:48px}.section-card .ant-card-head-title{font-size:16px;font-weight:600}.section-card .ant-card-body{padding:20px}.filter-bar{background:#f0faf5;border-radius:12px;margin-bottom:20px;padding:16px}.tab-content-card{border-radius:0 12px 12px}.data-table-wrapper{margin-top:16px}.mini-stat-card{text-align:center;border-radius:12px}.mini-stat-card .ant-statistic-title{color:#999;font-size:13px}.mini-stat-card .ant-statistic-content{color:#7ec4a0;font-size:24px;font-weight:600}