*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f0f4ff,#f5f0ff);color:#1f1f2e;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(90deg,#1e3a5f,#2c5282,#1e3a5f);color:#fff;padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #1e3a5f40;position:relative;z-index:10}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:10px}.logo-icon{background:#ffffff26;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.logo-icon :deep(svg){display:block;color:#fff}.header h1{font-size:17px;font-weight:600;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:16px}.user-info{font-size:14px;display:flex;align-items:center;gap:8px}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.role-tag{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.role-super{background:linear-gradient(135deg,#fa8c16,#fa541c);color:#fff}.role-admin{background:linear-gradient(135deg,#1677ff,#0958d9);color:#fff}.role-leader{background:linear-gradient(135deg,#722ed1,#9254de);color:#fff}.role-member{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff}.btn-logout{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-logout:hover{background:#fff3;border-color:#ffffff80}.btn-changepwd{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-changepwd:hover{background:#fff3;border-color:#ffffff80}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:10px;width:400px;max-width:92vw;box-shadow:0 12px 40px #0003;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef0f4}.modal-head h3{font-size:16px;font-weight:600;color:#1f1f2e}.modal-close{background:none;border:none;font-size:22px;color:#999;cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:#333}.modal-body{padding:20px}.form-item{margin-bottom:14px}.form-item label{display:block;font-size:13px;color:#4a5568;margin-bottom:6px;font-weight:500}.form-item input{width:100%;padding:9px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.form-item input:focus{border-color:#1677ff}.pwd-error{color:#f5222d;font-size:13px;margin:4px 0 0}.modal-foot{padding:14px 20px;border-top:1px solid #eef0f4;display:flex;justify-content:flex-end;gap:10px}.btn-cancel,.btn-submit{padding:7px 18px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#4a5568;border:1px solid #d9d9d9}.btn-cancel:hover:not(:disabled){background:#e8e8e8}.btn-submit{background:#1677ff;color:#fff;border:1px solid #1677ff}.btn-submit:hover:not(:disabled){background:#0958d9;border-color:#0958d9}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.body{flex:1;display:flex}.sidebar{width:210px;background:#fff;border-right:1px solid #eef0f4;padding:16px 0;box-shadow:2px 0 12px #0000000a}.sidebar-title{font-size:11px;color:#bbb;text-transform:uppercase;letter-spacing:1px;padding:0 24px 8px;margin-bottom:4px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#4a5568;text-decoration:none;font-size:14px;transition:all .2s;border-left:3px solid transparent;margin:2px 8px;border-radius:6px}.menu-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.menu-icon :deep(svg){display:block}.menu-text{font-weight:500}.menu-item:hover{background:#f7faff;color:#2c5282}.menu-item.active{background:linear-gradient(90deg,#e6f0ff,#f0f7ff);color:#1677ff;border-left-color:#1677ff;font-weight:600}.menu-group-title{display:flex;align-items:center;gap:12px;padding:12px 24px 6px;color:#1f1f2e;font-size:13px;font-weight:600;margin:6px 8px 0;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;transition:background .2s}.menu-group-title:hover{background:#f7faff}.menu-arrow{margin-left:auto;color:#999;transition:transform .2s ease;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.menu-arrow :deep(svg),.menu-arrow svg{display:block;width:14px;height:14px}.menu-arrow.expanded{transform:rotate(90deg)}.menu-item-sub{padding-left:40px}.main{flex:1;padding:24px;overflow-y:auto;background:transparent}.btn-menu{display:none;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;width:34px;height:34px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;margin-right:6px;padding:0}.btn-menu svg{display:block}.sidebar-mask{display:none}@media (max-width: 768px){.header{padding:0 12px;height:52px}.header h1{font-size:14px;letter-spacing:0}.header-left{min-width:0;overflow:hidden}.header-right{gap:8px;flex-shrink:0}.user-info{gap:6px}.user-name{font-size:12px;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-tag,.btn-changepwd{display:none}.btn-logout{padding:6px 10px;font-size:12px}.btn-menu{display:inline-flex}.sidebar{position:fixed;top:52px;left:0;bottom:0;z-index:999;width:220px;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;box-shadow:4px 0 20px #00000026}.sidebar.open{transform:translate(0)}.sidebar-mask{display:block;position:fixed;top:52px;right:0;bottom:0;left:0;background:#0006;z-index:998}.main{padding:12px}}@media (max-width: 480px){.user-name{display:none}}@media (max-width: 768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal,.form-modal,.create-modal,.large-modal,.confirm-modal,.modal-box,.sync-result-box,.fund-result-modal,.auth-result-modal,.withdraw-result-modal,.withdraw-modal,.margin-refund-modal,.withdrawal-record-modal,.qrcode-modal,.wc-modal,.preview-modal{min-width:0!important;width:auto!important;max-width:94vw!important;max-height:88vh!important;overflow-y:auto!important;box-sizing:border-box}.image-preview-modal{max-width:94vw!important}.modal-overlay,.modal-mask,.wc-modal-mask{padding:12px!important}.modal-actions{flex-wrap:wrap!important}.form-body{grid-template-columns:1fr!important}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}img{max-width:100%;height:auto}[class*=toolbar]{flex-wrap:wrap!important}}