*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5;transition:all .3s ease}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:20px;text-align:center;transition:background .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.theme-selector{display:flex;align-items:center;gap:10px}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease}.theme-toggle-button:hover{background:#ffffff4d;transform:scale(1.1)}body[data-theme=dark] .theme-toggle-button{background:#ffffff1a}body[data-theme=dark] .theme-toggle-button:hover{background:#fff3}.app-header h1{font-size:24px;font-weight:600}.app-main{flex:1;padding:20px;background-color:var(--background-color);transition:background-color .3s ease}.app-footer{background:var(--card-color);color:var(--text-color);padding:20px;border-top:1px solid var(--border-color);transition:all .3s ease}.footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:15px}.footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:14px}.footer-label{font-weight:600}.footer-copyright{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;font-size:13px;color:var(--text-color);opacity:.8}.footer-copyright a{color:var(--primary-color);text-decoration:none}.footer-copyright a:hover{text-decoration:underline}@media(max-width:600px){.footer-contact,.footer-copyright{flex-direction:column;gap:8px;text-align:center}}body[data-theme=dark] .footer-copyright a{color:#667eea}body[data-theme=dark] .footer-copyright a:hover{color:#8b9cf7}.el-card{background-color:var(--card-color)!important;border:1px solid var(--border-color)!important;transition:all .3s ease}.el-card__header{background-color:var(--card-color)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-color)!important}.el-button{transition:all .3s ease}.el-tabs__header{margin-bottom:20px}.el-tabs__nav{border-bottom:1px solid var(--border-color)!important;transition:border-color .3s ease}.el-tabs__item{color:var(--text-color)!important;transition:all .3s ease}.el-tabs__item:hover,.el-tabs__item.is-active{color:var(--primary-color)!important}.el-tabs__active-bar{background-color:var(--primary-color)!important;transition:background-color .3s ease}body[data-theme=dark] .el-tabs__nav{border-bottom:1px solid var(--border-color)!important}body[data-theme=dark] .el-tabs__item{color:var(--text-color)!important}body[data-theme=dark] .el-tabs__item:hover{color:var(--primary-color)!important}body[data-theme=dark] .el-tabs__item.is-active{color:#fff!important;font-weight:600!important;text-shadow:0 0 8px rgba(255,255,255,.3)!important}body[data-theme=dark] .el-tabs__active-bar{background-color:#667eea!important;height:3px!important}body[data-theme=dark] .el-input__wrapper{background-color:#2a2a2a!important;box-shadow:0 0 0 1px #404040 inset!important}body[data-theme=dark] .el-input__inner{color:#e0e0e0!important}body[data-theme=dark] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #667eea inset!important}body[data-theme=dark] .el-textarea__inner{background-color:#2a2a2a!important;border-color:#404040!important;color:#e0e0e0!important}body[data-theme=dark] .el-textarea__inner::placeholder{color:#909090!important}body[data-theme=dark] .el-textarea__inner:focus{border-color:#667eea!important}body[data-theme=dark] .el-button{background-color:#3a3a3a!important;border-color:#404040!important;color:#e0e0e0!important}body[data-theme=dark] .el-button:hover{background-color:#4a4a4a!important;border-color:#667eea!important;color:#667eea!important}body[data-theme=dark] .el-button--primary{background-color:#667eea!important;border-color:#667eea!important;color:#fff!important}body[data-theme=dark] .el-button--primary:hover{background-color:#764ba2!important;border-color:#764ba2!important;color:#fff!important}body[data-theme=dark] .el-alert{background-color:#2d2d2df2!important;border-color:#404040!important}body[data-theme=dark] .el-alert__title{color:#e0e0e0!important}body[data-theme=dark] .el-alert--success{background-color:#67c23a1a!important;border-color:#67c23a4d!important}body[data-theme=dark] .el-alert--success .el-alert__title{color:#67c23a!important}body[data-theme=dark] .el-alert--info{background-color:#409eff1a!important;border-color:#409eff4d!important}body[data-theme=dark] .el-alert--info .el-alert__title{color:#409eff!important}body[data-theme=dark] .el-progress__text{color:#e0e0e0!important}body[data-theme=dark] .el-upload-dragger{background-color:#2a2a2a!important;border-color:#404040!important}body[data-theme=dark] .el-upload-dragger:hover{border-color:#667eea!important}body[data-theme=dark] .el-upload__tip{color:#909090!important}body[data-theme=dark] .el-divider{border-color:#404040!important}body[data-theme=dark] .el-input-number .el-input__wrapper{background-color:#2a2a2a!important}body[data-theme=dark] .el-input-number .el-input__inner{color:#e0e0e0!important}body[data-theme=dark] .el-select .el-input__wrapper{background-color:#2a2a2a!important;box-shadow:0 0 0 1px #404040 inset!important}body[data-theme=dark] .el-select .el-input__inner{color:#e0e0e0!important}body[data-theme=dark] .el-select .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #667eea inset!important}body[data-theme=dark] .el-select-dropdown{background-color:#2d2d2d!important;border-color:#404040!important;box-shadow:0 2px 12px #0000004d!important}body[data-theme=dark] .el-select-dropdown__item.is-disabled{color:#606060!important}body[data-theme=dark] .el-select__caret,body[data-theme=dark] .el-select__placeholder{color:#909090!important}body[data-theme=dark] .el-popper.is-light{background-color:#2d2d2d!important;border-color:#404040!important}body[data-theme=dark] .el-popper.is-light .el-popper__arrow:before{background-color:#2d2d2d!important;border-color:#404040!important}body[data-theme=dark] .el-radio__label{color:#e0e0e0!important}body[data-theme=dark] .el-radio__inner{background-color:#2a2a2a!important;border-color:#404040!important}body[data-theme=dark] .el-radio__input.is-checked .el-radio__inner{background-color:#667eea!important;border-color:#667eea!important}body[data-theme=dark] .el-table{background-color:#2d2d2d!important;color:#e0e0e0!important}body[data-theme=dark] .el-table th.el-table__cell{background-color:#3a3a3a!important;color:#e0e0e0!important}body[data-theme=dark] .el-table tr{background-color:#2d2d2d!important}body[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:#333!important}body[data-theme=dark] .el-table td.el-table__cell,body[data-theme=dark] .el-table th.el-table__cell.is-leaf{border-color:#404040!important}body[data-theme=dark] .el-table--border:after,body[data-theme=dark] .el-table--group:after,body[data-theme=dark] .el-table:before{background-color:#404040!important}body[data-theme=dark] .el-tabs__item{color:#909090!important}body[data-theme=dark] .el-tabs__item:hover{color:#667eea!important}body[data-theme=dark] .el-tabs__item.is-active{color:#e0e0e0!important}body[data-theme=dark] .el-tabs__active-bar{background-color:#667eea!important}body[data-theme=dark] .el-tabs__nav-wrap:after{background-color:#404040!important}body[data-theme=dark] .el-card{background-color:#2d2d2d!important;border-color:#404040!important}body[data-theme=dark] .el-card__header{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body[data-theme=dark] .el-select-dropdown__item{color:#e0e0e0!important}body[data-theme=dark] .el-select-dropdown__item:hover{background-color:#3a3a3a!important}body[data-theme=dark] .el-select-dropdown__item.is-selected{background-color:#667eea33!important;color:#667eea!important}body[data-theme=dark] .el-input__inner::placeholder,body[data-theme=dark] .el-textarea__inner::placeholder{color:#909090!important}body[data-theme=dark] .el-empty__description{color:#909090!important}.router-view{width:100%}