*{margin:0;padding:0;box-sizing:border-box}#app,body,html{height:100%}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;padding:8px 24px!important;box-shadow:0 4px 15px rgba(102,126,234,.4)!important;transition:all .3s ease!important}.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.6)!important}.btn-success{background:linear-gradient(135deg,#4caf50,#45a049)!important;border-color:#4caf50!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;padding:8px 24px!important;box-shadow:0 4px 15px rgba(76,175,80,.4)!important;transition:all .3s ease!important}.btn-success:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(76,175,80,.6)!important}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f)!important;border-color:#f44336!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;padding:8px 24px!important;box-shadow:0 4px 15px rgba(244,67,54,.4)!important;transition:all .3s ease!important}.btn-danger:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(244,67,54,.6)!important}.btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00)!important;border-color:#ff9800!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;padding:8px 24px!important;box-shadow:0 4px 15px rgba(255,152,0,.4)!important;transition:all .3s ease!important}.btn-warning:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(255,152,0,.6)!important}.btn-info{background:linear-gradient(135deg,#17a2b8,#138496)!important;border-color:#17a2b8!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;padding:8px 24px!important;box-shadow:0 4px 15px rgba(23,162,184,.4)!important;transition:all .3s ease!important}.btn-info:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(23,162,184,.6)!important}.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 15px rgba(102,126,234,.4)!important;transition:all .3s ease!important}.el-button--primary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.6)!important}.el-button--success{background:linear-gradient(135deg,#4caf50,#45a049)!important;border-color:#4caf50!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 15px rgba(76,175,80,.4)!important;transition:all .3s ease!important}.el-button--success:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(76,175,80,.6)!important}.el-button--danger{background:linear-gradient(135deg,#f44336,#d32f2f)!important;border-color:#f44336!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 15px rgba(244,67,54,.4)!important;transition:all .3s ease!important}.el-button--danger:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(244,67,54,.6)!important}.el-button--warning{background:linear-gradient(135deg,#ff9800,#f57c00)!important;border-color:#ff9800!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 15px rgba(255,152,0,.4)!important;transition:all .3s ease!important}.el-button--warning:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(255,152,0,.6)!important}.el-button--info{background:linear-gradient(135deg,#17a2b8,#138496)!important;border-color:#17a2b8!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 15px rgba(23,162,184,.4)!important;transition:all .3s ease!important}.el-button--info:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(23,162,184,.6)!important}.el-button--text{color:#667eea!important;font-weight:500!important}.el-button--text:hover{color:#764ba2!important}.el-button--default{background:#fff!important;border-color:#dcdfe6!important;color:#606266!important;border-radius:8px!important;font-weight:500!important;transition:all .3s ease!important}.el-button--default:hover{border-color:#667eea!important;color:#667eea!important;box-shadow:0 2px 8px rgba(102,126,234,.2)!important}.el-button--mini{padding:4px 12px!important;font-size:12px!important;border-radius:6px!important}.el-button--small{padding:6px 16px!important;font-size:13px!important;border-radius:6px!important}.el-button--medium{padding:8px 24px!important;font-size:14px!important;border-radius:8px!important}.el-button--large{padding:12px 36px!important;font-size:16px!important;border-radius:10px!important}.el-button:active{transform:translateY(0)!important}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;padding:8px 20px!important;box-shadow:0 4px 15px rgba(102,126,234,.4)!important;transition:all .3s ease!important}.add-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.6)!important}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;padding:8px 24px!important;box-shadow:0 4px 15px rgba(102,126,234,.4)!important;transition:all .3s ease!important}.search-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.6)!important}.action-btn{border-radius:6px!important;font-weight:600!important;transition:all .3s ease!important}.action-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.detail-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.approve-btn{background:linear-gradient(135deg,#4caf50,#45a049)!important;border-color:#4caf50!important;color:#fff!important}.reject-btn{background:linear-gradient(135deg,#f44336,#d32f2f)!important;border-color:#f44336!important;color:#fff!important}.delete-btn{background:linear-gradient(135deg,#ff9800,#f57c00)!important;border-color:#ff9800!important;color:#fff!important}.handle-btn,.save-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.save-btn{border-radius:8px!important;font-weight:600!important;transition:all .3s ease!important}.save-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.6)!important}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important;border-radius:8px!important;font-weight:600!important;transition:all .3s ease!important}.submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.6)!important}.cancel-btn{border-radius:8px!important;font-weight:500!important;transition:all .3s ease!important}.cancel-btn:hover{transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.status-btn{border-radius:6px!important;font-weight:600!important;transition:all .3s ease!important}.status-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.up-btn{background:linear-gradient(135deg,#4caf50,#45a049)!important;border-color:#4caf50!important}.down-btn,.up-btn{color:#fff!important}.down-btn{background:linear-gradient(135deg,#ff9800,#f57c00)!important;border-color:#ff9800!important}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}