*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Helvetica Neue,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;color:#303133;background-color:#f5f7fa;min-height:100vh}.login-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#409EFF 0%,#66b1ff 100%);padding:20px}.login-box{background:#ffffff;border-radius:4px;padding:40px 32px;width:100%;max-width:400px;box-shadow:0 2px 12px #0000001a;transition:all .3s ease}.login-box:hover{box-shadow:0 4px 16px #00000026}.login-header{margin-bottom:32px;text-align:center}.login-header h1{font-size:24px;font-weight:600;color:#409eff;margin-bottom:8px}.login-header p{font-size:14px;color:#909399;margin:0}.login-form{width:100%}.login-button{width:100%;margin-top:16px}.admin-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.top-nav{height:60px;background:#ffffff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100}.nav-left h2{font-size:18px;font-weight:600;color:#409eff;margin:0}.nav-right{display:flex;align-items:center;gap:16px}.user-avatar{display:flex;align-items:center;gap:4px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .3s}.user-avatar:hover{background-color:#f5f7fa}.user-avatar i{font-size:20px;color:#409eff}.user-avatar .el-icon-arrow-down{font-size:12px;color:#909399}.main-content{flex:1;display:flex;overflow:hidden}.sidebar{width:200px;background:#ffffff;border-right:1px solid #ebeef5;overflow-y:auto;transition:all .3s ease;padding-top:20px}.sidebar .el-menu{border-right:none;height:100%;background:#ffffff}.sidebar .el-menu-item{height:48px;line-height:48px;font-size:14px;margin:0 10px 4px;border-radius:4px}.sidebar .el-menu-item.is-active{background-color:#ecf5ff}.sidebar .el-menu .el-menu-item:hover{background-color:#e6f7ff!important;transition:background-color .3s}.content{flex:1;padding:20px;overflow-y:auto;background:#f5f7fa}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #ebeef5}.content-header h3{font-size:18px;font-weight:600;color:#303133;margin:0}.content-body{min-height:600px}.sync-content{padding:20px;background:#ffffff;border-radius:4px;box-shadow:0 2px 4px #0000000d}.sync-form{margin-bottom:24px}.modern-form{max-width:600px}.modern-form .el-form-item{margin-bottom:20px}.modern-form .el-form-item__label{font-size:14px;font-weight:500;color:#303133}.modern-form .el-input{border-radius:4px;border:1px solid #DCDFE6;transition:all .3s ease}.modern-form .el-input:focus-within{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.modern-form .el-date-editor{border-radius:4px}.form-hint{margin-top:6px;font-size:12px;color:#909399;line-height:1.4}.button-container{display:flex;gap:16px;margin-top:8px}.reset-button{border-radius:4px;padding:10px 24px;transition:all .3s ease}.sync-button{border-radius:4px;padding:10px 32px;font-weight:500;transition:all .3s ease}.sync-status{width:100%;padding:16px;margin-top:20px;background:#f0f9eb;border:1px solid #e1f3d8;border-radius:4px;color:#67c23a;font-size:14px;text-align:center;transition:all .3s ease}.sync-status.error{background:#fef0f0;border-color:#fbc4c4;color:#f56c6c}.sync-status.info{background:#ecf5ff;border-color:#d9ecff;color:#409eff}.el-date-editor .el-range-separator{width:30px;text-align:center}.welcome-card{background:#ffffff;border-radius:4px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.welcome-content{text-align:center;padding:60px 0}.welcome-content h1{font-size:32px;font-weight:700;color:#409eff;margin-bottom:16px}.welcome-content p{font-size:16px;color:#606266;margin-bottom:12px}.el-card{border-radius:4px;box-shadow:0 2px 12px #0000001a;margin-bottom:20px}.el-card__header{padding:18px 20px;border-bottom:1px solid #EBEEF5;font-size:16px;font-weight:600;color:#303133}.el-card__body{padding:20px}.el-button{border-radius:4px;font-size:14px;padding:10px 20px}.el-button--primary{background-color:#409eff;border-color:#409eff}.el-button--primary:hover{background-color:#66b1ff;border-color:#66b1ff}.el-input,.el-input__wrapper,.el-date-picker{border-radius:4px}@media (max-width: 768px){.login-box{padding:32px 24px}.sidebar{width:180px}.content{padding:16px}.content-header{flex-direction:column;align-items:flex-start;gap:12px}.date-section{width:100%}.el-date-picker{width:100%!important}.button-section{flex-direction:column;gap:12px}.welcome-content{padding:40px 0}.welcome-content h1{font-size:24px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}