#app{height:100vh;width:100vw}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #60a5fa;--color-primary-bg: #eff6ff;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #6b7280;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--text-primary: var(--color-gray-900);--text-regular: var(--color-gray-700);--text-secondary: var(--color-gray-500);--text-placeholder: var(--color-gray-400);--border-color-base: var(--color-gray-200);--border-color-light: var(--color-gray-100);--bg-color-base: var(--color-gray-50);--bg-color-white: var(--color-white);--header-height: 60px;--sidebar-width: 240px;--border-radius-base: 8px;--border-radius-small: 4px;--border-radius-large: 12px;--box-shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--box-shadow-light: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--box-shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);background-color:var(--bg-color-base);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#9093994d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#90939980}::-webkit-scrollbar-track{background:transparent}.user-dialog .el-dialog__header,.edit-dialog .el-dialog__header{padding:20px 24px 0}.user-dialog .el-dialog__body,.edit-dialog .el-dialog__body{padding:0 24px 24px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.dialog-title{font-size:20px;font-weight:600;color:var(--text-secondary)}.dialog-actions{display:flex;gap:15px}.dialog-actions .edit-icon,.dialog-actions .close-icon{font-size:20px;color:var(--text-secondary);cursor:pointer}.dialog-actions .edit-icon:hover{color:var(--color-primary)}.dialog-actions .close-icon:hover{color:var(--color-danger)}.user-info-card{text-align:center;padding:30px 0}.user-avatar{width:100px;height:100px;border-radius:50%;margin-bottom:20px;border:4px solid var(--bg-color-white);box-shadow:var(--box-shadow-base)}.user-name{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.user-email{font-size:14px;color:var(--text-secondary);margin-top:8px}.user-trigger{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 12px;border-radius:20px;transition:all .3s}.user-trigger:hover{background:#0000000d}.header-avatar{border:2px solid var(--bg-color-white);box-shadow:var(--box-shadow-light)}.el-overlay.is-message-box{display:flex!important;align-items:center!important;justify-content:center!important;background-color:#00000080!important}.el-message-box{background:#fff!important;border-radius:12px!important;box-shadow:0 20px 60px #00000026!important;padding:0!important;min-width:420px!important;max-width:500px!important;overflow:hidden}.el-message-box__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0!important}.el-message-box__title{font-size:16px!important;font-weight:600!important;color:#303133!important}.el-message-box__headerbtn{position:static!important;width:28px;height:28px;border-radius:6px;transition:background .2s}.el-message-box__headerbtn:hover{background:#f2f3f5}.el-message-box__content{padding:16px 24px 24px!important;font-size:14px!important;color:#606266!important}.el-message-box__status{display:none!important}.el-message-box__btns{padding:0 24px 20px!important;display:flex;gap:12px}.el-message-box__btns .el-button{border-radius:8px!important;padding:8px 20px!important;font-size:14px!important}.el-message-box__btns .el-button--primary{background:#409eff!important;border-color:#409eff!important}