.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.login-content{width:100%;max-width:420px;padding:0 20px}.login-card{box-shadow:0 10px 40px #0003!important;border-radius:12px!important}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:32px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{font-size:14px;color:#999;margin:8px 0 0}.login-tips{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.login-tips p{font-size:12px;color:#999;margin:4px 0}.dashboard{width:100%}.stat-card{background:linear-gradient(135deg,#fff,#f9f9f9);border:none;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.stat-content{display:flex;align-items:center;gap:16px}.stat-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-info{flex:1}.stat-title{font-size:12px;color:#999;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#000;margin-bottom:4px}.stat-change{font-size:12px;font-weight:500}.card-with-shadow{border:none;box-shadow:0 2px 8px #00000014;border-radius:8px}.order-id{font-weight:600;color:#667eea;font-family:monospace}.top-products{display:flex;flex-direction:column;gap:16px}.product-item{padding:12px;background:#f9f9f9;border-radius:6px;transition:all .3s ease}.product-item:hover{background:#f0f2ff}.rank{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.stat-card{margin-bottom:16px}.dashboard{padding:0 -12px}}.users-page{width:100%}.user-detail p{margin:12px 0;display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.user-detail strong{color:#333;margin-right:12px}.avatar-uploader .ant-upload{width:128px;height:128px;border-radius:8px}.avatar-uploader .ant-upload:hover .avatar-overlay{opacity:1!important}.avatar-uploader img{border-radius:8px}.ant-form-item-has-error .ant-input,.ant-form-item-has-error .ant-select-selector,.ant-form-item-has-error .ant-input-number{border-color:#ff4d4f}.ant-form-item-has-error .ant-form-item-explain-error{font-size:12px;margin-top:4px}.user-level-system{animation:fadeInDown .5s ease-out}.user-level-system .page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.user-level-system .page-title{margin:0;font-size:28px;font-weight:700;color:#1f1f1f}.card-with-shadow{box-shadow:0 2px 8px #00000014;border-radius:8px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.card-with-shadow:hover{box-shadow:0 4px 16px #0000001f}.user-level-system [role=tablist]{animation:fadeInDown .6s ease-out}.user-level-system .ant-card{transition:all .3s cubic-bezier(.645,.045,.355,1)}.user-level-system .ant-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.audit-log-page{animation:fadeInDown .6s ease-out}.audit-log-page .page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:0}.audit-log-page .page-title{margin:0;font-size:24px;font-weight:600;color:#262626}.audit-log-page .card-with-shadow{box-shadow:0 2px 8px #00000014;border-radius:8px;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.audit-log-page .card-with-shadow:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.profile-page{animation:fadeInDown .6s cubic-bezier(.34,1.56,.64,1)}.profile-page .ant-tabs-nav,.profile-page .ant-form-item{margin-bottom:16px}.profile-page .ant-input,.profile-page .ant-input-password{border-radius:4px}.profile-page .ant-form-item-label>label{font-weight:500}:root{--primary-color: #667eea;--primary-light: #764ba2;--success-color: #28c76f;--warning-color: #ff7a45;--danger-color: #ff3b30;--info-color: #007aff}.ant-layout-sider{box-shadow:2px 0 8px #00000026}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item{color:#ffffffd9}.ant-menu-dark .ant-menu-item:hover{color:#fff;background:#ffffff26!important}.ant-menu-dark .ant-menu-item-selected{background:#fff3!important;color:#fff}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.ant-btn-primary:hover{background:linear-gradient(135deg,#6c7ee8,#7c52a8)}.ant-table-thead>tr>th{background:#fafafa;font-weight:600}.ant-card{border-radius:8px;box-shadow:0 2px 8px #00000014}.ant-pagination-item-active{border-color:#667eea!important}.ant-pagination-item-active a{color:#667eea!important}.card-with-shadow{box-shadow:0 2px 8px #00000014!important;border:none!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.fade-in-down{animation:fadeInDown .6s cubic-bezier(.34,1.56,.64,1)}.slide-up-fade{animation:slideUpFade .6s cubic-bezier(.34,1.56,.64,1)}.slide-in-left{animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1)}.scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.ant-btn-primary{position:relative;overflow:hidden}.ant-btn-primary:active{transform:scale(.95);box-shadow:inset 0 2px 4px #0003}.ant-btn-primary:not(:disabled){transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ant-btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.ant-btn-default:not(:disabled):hover{box-shadow:0 4px 12px #0000001a}.ant-card{animation:slideUpFade .5s cubic-bezier(.34,1.56,.64,1)}.ant-card:hover{box-shadow:0 8px 24px #0000001f!important}.ant-table-row{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ant-table-row:hover{background-color:#fafafa}.back-button{display:inline-flex;align-items:center;gap:8px;color:#667eea;cursor:pointer;font-size:14px;padding:6px 12px;border-radius:4px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.back-button:hover{background-color:#667eea1a;transform:translate(-2px)}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1)}.page-title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.ant-modal{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.ant-drawer{animation:slideInLeft .4s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 768px){.ant-layout-sider{width:80px!important;min-width:80px!important}.ant-layout-sider-collapsed{width:80px!important}.ant-menu{width:100%}.stat-card{margin-bottom:16px!important}.page-header{flex-direction:column;align-items:flex-start}.ant-table{font-size:12px}.ant-table-cell{padding:8px 4px!important}.ant-table-column-title{font-size:12px}.ant-form-item{margin-bottom:16px}.ant-input,.ant-select,.ant-picker{font-size:14px}.ant-btn{height:36px;font-size:14px}.ant-card{margin-bottom:12px}.ant-card-head{padding:12px 16px}.ant-card-body{padding:12px}.page-title{font-size:20px}.ant-drawer,.ant-drawer-content-wrapper{width:100vw!important}.ant-modal{width:95vw!important}.ant-row{margin:0 -8px}.ant-col{padding:0 8px}.ant-menu-item,.ant-menu-submenu-title{padding:0!important}.ant-statistic{text-align:center}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:16px}}@media (min-width: 768px) and (max-width: 1024px){.ant-table-cell{padding:10px 6px!important}.page-title{font-size:22px}.ant-drawer{width:60vw!important}.ant-modal{width:90vw!important}.ant-row{margin:0 -12px}.ant-col{padding:0 12px}}@media (min-width: 1024px){.ant-layout-sider{width:240px!important}.page-title{font-size:24px}.ant-table-cell{padding:12px 8px!important}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#f5f7fa}body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}