.login-form{width:100%}.form-item{margin-bottom:24px}.form-item label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-item input{width:100%;height:48px;padding:0 16px;font-size:16px;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:all .3s}.form-item input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-item input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-item input::placeholder{color:#999}.code-input-wrapper{display:flex;gap:12px}.code-input-wrapper input{flex:1}.send-code-btn{min-width:120px;height:48px;padding:0 16px;font-size:14px;color:#667eea;background:#fff;border:1px solid #667eea;border-radius:8px;cursor:pointer;transition:all .3s;white-space:nowrap}.send-code-btn:hover:not(:disabled){background:#667eea;color:#fff}.send-code-btn:disabled{color:#999;border-color:#e0e0e0;cursor:not-allowed}.login-btn{width:100%;height:48px;margin-top:8px;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn:active:not(:disabled){transform:translateY(0)}.login-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{width:100%;max-width:420px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.login-header p{font-size:14px;color:#666}.avatar-image{border-radius:50%;object-fit:cover;border:1px solid #e0e0e0;display:block}.avatar-fallback{border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;border:1px solid #e0e0e0;flex-shrink:0}.main-layout{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.layout-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center}.layout-header h1{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.header-right{display:flex;align-items:center;gap:16px}.header-user{display:flex;align-items:center;gap:12px}.header-username{font-size:14px;color:#333;font-weight:500}.logout-btn{padding:8px 16px;font-size:14px;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s}.logout-btn:hover{color:#ff4d4f;border-color:#ff4d4f}.layout-body{display:flex;flex:1;overflow:hidden}.layout-sidebar{width:200px;background:#fff;border-right:1px solid #e0e0e0;flex-shrink:0}.sidebar-nav{padding:16px 0}.nav-item{display:flex;align-items:center;padding:12px 24px;cursor:pointer;transition:all .3s;color:#666}.nav-item:hover{background:#f5f5f5;color:#333}.nav-item.active{background:#e6f7ff;color:#1890ff;border-right:3px solid #1890ff;font-weight:500}.nav-icon{font-size:18px;margin-right:12px;width:20px;text-align:center}.nav-label{font-size:14px}.layout-content{flex:1;overflow-y:auto;padding:24px}.home-page{width:100%;display:flex;flex-direction:column;gap:24px}.user-info-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.user-avatar-section{display:flex;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.user-avatar{margin-right:20px;border:2px solid #e0e0e0}.user-basic-info{flex:1}.user-name{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.user-basic-info .user-phone{font-size:14px;color:#666;margin:0}.user-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;align-items:center;font-size:14px}.detail-label{color:#666;margin-right:8px;min-width:80px}.detail-value{color:#333;font-weight:500}.invite-code-wrapper{display:flex;align-items:center;gap:12px;flex:1}.invite-link-item{grid-column:1 / -1}.invite-link-wrapper{display:flex;align-items:center;gap:12px}.invite-link{color:#1890ff;word-break:break-all;font-family:monospace;font-size:13px}.copy-btn{padding:4px 12px;font-size:13px;color:#1890ff;background:#fff;border:1px solid #1890ff;border-radius:4px;cursor:pointer;transition:all .3s;white-space:nowrap;flex-shrink:0}.copy-btn:hover{color:#40a9ff;border-color:#40a9ff;background:#e6f7ff}.home-content{background:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 8px #0000001a}.welcome-section{text-align:center}.welcome-section h2{font-size:32px;font-weight:600;color:#1a1a1a;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{font-size:14px;color:#666}.profit-info-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.profit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.profit-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.profit-content{display:flex;gap:32px;flex-wrap:wrap}.profit-section{flex:1;min-width:200px}.profit-section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.profit-items{display:flex;flex-direction:column;gap:12px}.profit-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.profit-label{font-size:14px;color:#666}.profit-value{font-size:16px;font-weight:600;color:#1890ff}.drawer-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-content{position:fixed;top:0;right:0;bottom:0;width:600px;max-width:90vw;background:#fff;box-shadow:-2px 0 8px #00000026;z-index:1001;display:flex;flex-direction:column;animation:slideIn .3s}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0}.drawer-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.drawer-close-btn{width:32px;height:32px;padding:0;font-size:24px;line-height:1;color:#666;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.drawer-close-btn:hover{background:#f5f5f5;color:#333}.drawer-body{flex:1;overflow-y:auto;padding:24px}.drawer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px}.drawer-loading .loading-spinner{width:32px;height:32px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.drawer-empty{text-align:center;padding:60px 0;color:#999}.drawer-table-container{margin-bottom:24px}.drawer-table{width:100%;border-collapse:collapse;font-size:14px}.drawer-table thead{background:#fafafa}.drawer-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;white-space:nowrap}.drawer-table td{padding:12px;border-bottom:1px solid #f0f0f0;color:#666}.drawer-table tbody tr:hover{background:#fafafa}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-success{background:#f6ffed;color:#52c41a}.status-pending{background:#fff7e6;color:#faad14}.status-failed{background:#fff2f0;color:#ff4d4f}.status-cancelled{background:#f5f5f5;color:#999}.drawer-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.drawer-pagination .pagination-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.drawer-pagination .page-size-select{padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;outline:none}.drawer-pagination .page-size-select:hover{border-color:#40a9ff}.drawer-pagination .pagination-controls{display:flex;align-items:center;gap:16px}.drawer-pagination .pagination-btn{padding:6px 16px;font-size:14px;color:#333;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .3s}.drawer-pagination .pagination-btn:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.drawer-pagination .pagination-btn:disabled{color:#d9d9d9;cursor:not-allowed;background:#f5f5f5}.drawer-pagination .pagination-page-info{font-size:14px;color:#666}.user-management{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.page-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.page-header-right{display:flex;align-items:center;gap:16px}.page-info{font-size:14px;color:#666}.refresh-btn{padding:6px 16px;font-size:14px;color:#1890ff;background:#fff;border:1px solid #1890ff;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:4px}.refresh-btn:hover:not(:disabled){color:#40a9ff;border-color:#40a9ff;background:#e6f7ff}.refresh-btn:disabled{color:#d9d9d9;border-color:#d9d9d9;cursor:not-allowed;background:#f5f5f5}.table-container{overflow-x:auto;margin-bottom:24px}.user-table{width:100%;border-collapse:collapse;font-size:14px}.user-table thead{background:#fafafa}.user-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;white-space:nowrap}.user-table td{padding:12px;border-bottom:1px solid #f0f0f0;color:#666}.user-table tbody tr:hover{background:#fafafa}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.role-distributor{background:#e6f7ff;color:#1890ff}.role-user{background:#f6ffed;color:#52c41a}.amount-cell{font-weight:500;color:#333}.loading-cell,.empty-cell{text-align:center;padding:40px!important;color:#999}.table-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.table-loading .loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.pagination-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.page-size-select{padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;outline:none}.page-size-select:hover{border-color:#40a9ff}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-btn{padding:6px 16px;font-size:14px;color:#333;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .3s}.pagination-btn:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.pagination-btn:disabled{color:#d9d9d9;cursor:not-allowed;background:#f5f5f5}.pagination-page-info{font-size:14px;color:#666}.expand-btn{width:24px;height:24px;padding:0;font-size:18px;font-weight:700;color:#1890ff;background:#fff;border:1px solid #1890ff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;line-height:1}.expand-btn:hover{background:#e6f7ff;border-color:#40a9ff}.expanded-row{background:#fafafa}.expanded-cell{padding:0!important;background:#fafafa}.expanded-content{padding:20px;background:#fff;margin:0 20px 20px;border-radius:8px;border:1px solid #e0e0e0}.expanded-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.expanded-header h4{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.expanded-count{font-size:14px;color:#666}.expanded-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px}.expanded-loading .loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.expanded-empty{text-align:center;padding:40px;color:#999}.expanded-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}.expanded-table thead{background:#f5f5f5}.expanded-table th{padding:10px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0;white-space:nowrap}.expanded-table td{padding:10px;border-bottom:1px solid #f0f0f0;color:#666}.expanded-table tbody tr:hover{background:#fafafa}.expanded-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;margin-top:16px}.action-btn{padding:4px 12px;font-size:13px;color:#1890ff;background:#fff;border:1px solid #1890ff;border-radius:4px;cursor:pointer;transition:all .3s}.action-btn:hover{color:#40a9ff;border-color:#40a9ff;background:#e6f7ff}.app{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}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}#root{width:100%;height:100vh}.message-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.message-wrapper{margin-bottom:12px;animation:messageFadeIn .3s ease-out}.message-item{padding:12px 24px;color:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:14px;line-height:1.5;white-space:nowrap;pointer-events:auto}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes messageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}