body,html{margin:0;padding:0;width:100%;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 2px 10px rgba(25,118,210,.3);padding:0;height:60px!important;line-height:60px}.header-content{justify-content:space-between;height:100%;width:100%;padding:0 20px;box-sizing:border-box}.header-content,.header-left{display:flex;align-items:center}.header-left{flex:0 0 auto}.logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:700;white-space:nowrap}.logo-icon{font-size:24px;color:#ffeb3b}.logo-text{text-shadow:0 0 10px hsla(0,0%,100%,.3)}.header-center{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 20px}.nav-menu{background:transparent!important;border:none!important;width:100%;justify-content:center}.nav-menu .el-menu-item{color:hsla(0,0%,100%,.8)!important;border-bottom:2px solid transparent!important;transition:all .3s ease;font-weight:500;margin:0 10px;border-radius:6px 6px 0 0}.nav-menu .el-menu-item:hover{color:#fff!important;background-color:hsla(0,0%,100%,.1)!important;border-bottom-color:#ffeb3b!important}.nav-menu .el-menu-item.is-active{color:#fff!important;background-color:hsla(0,0%,100%,.15)!important;border-bottom-color:#ffeb3b!important;box-shadow:0 0 15px rgba(255,235,59,.3)}.header-right{flex:0 0 auto;display:flex;align-items:center;gap:10px}.header-btn{background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2)!important;color:#fff!important;font-weight:500;transition:all .3s ease;white-space:nowrap}.header-btn:hover{background:hsla(0,0%,100%,.2)!important;border-color:hsla(0,0%,100%,.3)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.header-btn .el-icon{margin-right:4px}@media (max-width:768px){.header-content{padding:0 10px}.header-center{margin:0 10px}.nav-menu .el-menu-item{margin:0 5px;font-size:14px}.header-btn span,.logo-text,.nav-menu .el-menu-item span{display:none}}@media (max-width:480px){.header-right{gap:5px}.header-btn{padding:8px!important;min-width:auto!important}}.app-main{flex:1;padding:0;overflow-y:auto}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.el-button--primary:not(.is-link){background:linear-gradient(135deg,#2196f3,#00bcd4);border:none;font-weight:700;box-shadow:0 4px 15px rgba(33,150,243,.4);transition:all .3s ease;color:#fff}.el-button--primary:not(.is-link):hover{background:linear-gradient(135deg,#1976d2,#0097a7);box-shadow:0 6px 20px rgba(33,150,243,.6);transform:translateY(-2px)}.el-button--danger.is-link{color:#f44336;transition:all .3s ease}.el-button--danger.is-link:hover{color:#d32f2f;text-shadow:0 0 8px rgba(244,67,54,.5)}.el-button--primary.is-link{color:#2196f3;transition:all .3s ease;box-shadow:none}.el-button--primary.is-link:hover{color:#1976d2;text-shadow:0 0 8px rgba(33,150,243,.5)}.el-pager li,.el-pagination button,.el-pagination__total{background-color:transparent!important;color:#1976d2!important;transition:all .3s ease}.el-pager li.is-active{color:#fff!important;background:linear-gradient(135deg,#2196f3,#00bcd4)!important;border-radius:6px;box-shadow:0 2px 8px rgba(33,150,243,.4)}.el-dialog{background:linear-gradient(145deg,#fff,#f8fbff);border:2px solid #42a5f5;box-shadow:0 20px 60px rgba(33,150,243,.3)}.el-dialog__title{color:#0d47a1;font-weight:700;text-shadow:0 0 10px rgba(13,71,161,.3)}.el-form-item__label{color:#1976d2;font-weight:500}.el-input__wrapper{background:linear-gradient(145deg,#fff,#f0f8ff)!important;box-shadow:inset 0 0 0 2px #90caf9!important;border-radius:8px;transition:all .3s ease}.el-input__wrapper:hover{box-shadow:inset 0 0 0 2px #42a5f5!important}.el-input__wrapper.is-focus{box-shadow:inset 0 0 0 2px #2196f3,0 0 15px rgba(33,150,243,.3)!important}.el-input__inner{background:transparent;color:#1565c0;font-weight:500}.el-textarea__inner{background:linear-gradient(145deg,#fff,#f0f8ff)!important;box-shadow:inset 0 0 0 2px #90caf9!important;border-radius:8px;transition:all .3s ease;color:#1565c0;font-weight:500;border:none}.el-textarea__inner:hover{box-shadow:inset 0 0 0 2px #42a5f5!important}.el-textarea__inner:focus{box-shadow:inset 0 0 0 2px #2196f3,0 0 15px rgba(33,150,243,.3)!important}.el-tag{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:1px solid #90caf9;color:#1976d2;font-weight:500;border-radius:12px;box-shadow:0 2px 8px rgba(33,150,243,.2)}.el-tag--danger{background:linear-gradient(135deg,#ffebee,#fce4ec);color:#d32f2f;border-color:#f8bbd9;box-shadow:0 2px 8px rgba(244,67,54,.2)}.el-tag--success{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);color:#2e7d32;border-color:#a5d6a7;box-shadow:0 2px 8px rgba(76,175,80,.2)}.el-tag--info{background:linear-gradient(135deg,#f5f5f5,#fafafa);color:#616161;border-color:#e0e0e0}