*{margin:0;padding:0;box-sizing:border-box}#app{width:100%;height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--purple-primary: #8b5cf6;--purple-secondary: #a78bfa;--purple-light: #c4b5fd;--purple-lighter: #ddd6fe;--purple-lightest: #ede9fe;--purple-dark: #7c3aed;--purple-darker: #6d28d9;--purple-darkest: #5b21b6;--gradient-purple-1: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--gradient-purple-2: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--gradient-purple-3: linear-gradient(135deg, #a78bfa 0%, #c4b5fd 100%);--gradient-purple-4: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--shadow-purple: 0 4px 20px rgba(139, 92, 246, .3);--shadow-purple-hover: 0 8px 30px rgba(139, 92, 246, .4)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--purple-primary),0 0 10px var(--purple-primary)}50%{box-shadow:0 0 20px var(--purple-primary),0 0 30px var(--purple-primary)}}.dynamic-icon{display:inline-block;animation:pulse 2s ease-in-out infinite}.dynamic-icon-rotate{display:inline-block;animation:rotate 3s linear infinite}.dynamic-icon-float{display:inline-block;animation:float 3s ease-in-out infinite}.el-button--primary{background-color:var(--purple-primary);border-color:var(--purple-primary)}.el-button--primary:hover{background-color:var(--purple-dark);border-color:var(--purple-dark)}.el-menu-item.is-active{color:var(--purple-primary);background-color:var(--purple-lightest)}.el-menu-item:hover{background-color:var(--purple-lightest);color:var(--purple-primary)}.el-select .el-input.is-focus .el-input__wrapper,.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--purple-primary) inset}.card-hover-effect{transition:all .3s ease}.card-hover-effect:hover{transform:translateY(-4px);box-shadow:var(--shadow-purple-hover)}.gradient-text{background:var(--gradient-purple-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.purple-bg-gradient{background:var(--gradient-purple-1)}.purple-bg-gradient-2{background:var(--gradient-purple-2)}.glow-effect{animation:glow 2s ease-in-out infinite}.page-card{background:linear-gradient(135deg,#fffffff2,#faf5fff2);border-radius:12px;border:1px solid rgba(139,92,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;box-shadow:0 2px 8px #8b5cf61a;transition:all .3s ease}.page-card:hover{box-shadow:0 4px 16px #8b5cf633}.purple-table :deep(.el-table th){background:linear-gradient(135deg,#8b5cf61a,#a78bfa0d);color:#7c3aed;font-weight:600}.purple-table :deep(.el-table tr:hover){background:#8b5cf60d}.purple-table :deep(.el-table){border-radius:8px;overflow:hidden;border:1px solid rgba(139,92,246,.1)}.el-button--primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;transition:all .3s ease}.el-button--primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.el-button--primary:active{transform:translateY(0)}