#app{width:100%;background-color:#f5f7fa}.login-container[data-v-fd593e7e]{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#36d1dc,#5b86e5);overflow:hidden;position:relative}.login-container[data-v-fd593e7e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(data:image/png;base64,Lyog6L+Z5piv5LiA5Liq5LqM6L+b5Yi25paH5Lu277yM5peg5rOV55u05o6l57yW6L6R44CC6K+35L2/55So5a6e6ZmF55qEUE5H5Zu+54mH5pu/5o2iICovIA==);background-size:cover;opacity:.1;z-index:0}.login-box[data-v-fd593e7e]{position:relative;z-index:1;width:400px;padding:40px;background-color:hsla(0,0%,100%,.95);border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,.1)}.login-header[data-v-fd593e7e]{text-align:center;margin-bottom:30px}.logo[data-v-fd593e7e]{width:80px;margin-bottom:15px}.login-header h1[data-v-fd593e7e]{font-size:24px;color:#409eff;margin:0;font-weight:500}.login-form[data-v-fd593e7e]{margin-bottom:20px}.login-button[data-v-fd593e7e]{width:100%;padding:12px 0;font-size:16px}.forget-password[data-v-fd593e7e]{float:right;color:#409eff;text-decoration:none}.login-footer[data-v-fd593e7e]{text-align:center;color:#909399;font-size:12px}.dashboard-container[data-v-ab3d6fae]{height:100vh;overflow:hidden}.main-container[data-v-ab3d6fae]{height:100%}.aside[data-v-ab3d6fae]{background-color:#304156;color:#fff;transition:width .3s ease;height:100%;overflow-x:hidden}.logo-container[data-v-ab3d6fae]{height:60px;padding:10px;display:flex;align-items:center;justify-content:center;color:#fff;border-bottom:1px solid #1f2d3d;overflow:hidden;white-space:nowrap;transition:all .3s}.logo[data-v-ab3d6fae]{width:32px;height:32px;margin-right:10px;transition:margin .3s}.el-menu-vertical[data-v-ab3d6fae]{border-right:none;transition:width .3s}.el-menu-vertical[data-v-ab3d6fae]:not(.el-menu--collapse){width:220px}.header[data-v-ab3d6fae]{background-color:#fff;justify-content:space-between;padding:0 20px;box-shadow:0 1px 4px rgba(0,21,41,.08)}.header-left[data-v-ab3d6fae],.header[data-v-ab3d6fae]{display:flex;align-items:center}.fold-btn[data-v-ab3d6fae]{cursor:pointer;font-size:20px;margin-right:20px;transition:transform .3s}.header-right[data-v-ab3d6fae]{display:flex;align-items:center}.avatar-container[data-v-ab3d6fae]{display:flex;align-items:center;cursor:pointer}.username[data-v-ab3d6fae]{margin:0 8px;color:#606266}.main[data-v-ab3d6fae]{background-color:#f0f2f5;padding:20px;height:calc(100vh - 60px);overflow-y:auto}.welcome-container[data-v-ab3d6fae]{width:100%}.welcome-container h1[data-v-ab3d6fae]{text-align:center;margin-bottom:30px;color:#303133}.overview-cards[data-v-ab3d6fae]{margin-bottom:30px}.overview-card[data-v-ab3d6fae]{transition:all .3s}.overview-card[data-v-ab3d6fae]:hover{transform:translateY(-5px)}.clickable-card[data-v-ab3d6fae]{cursor:pointer;transition:all .3s ease}.clickable-card[data-v-ab3d6fae]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.overview-card[data-v-ab3d6fae]{margin-bottom:20px}.card-header[data-v-ab3d6fae]{display:flex;justify-content:space-between;align-items:center;font-weight:700}.card-content[data-v-ab3d6fae]{text-align:center}.card-value[data-v-ab3d6fae]{font-size:32px;font-weight:700;color:#409eff;margin-bottom:8px}.card-subtitle[data-v-ab3d6fae]{color:#909399;font-size:14px}.charts-container[data-v-ab3d6fae]{margin-top:20px}.chart-card[data-v-ab3d6fae]{height:500px;margin-bottom:20px}.chart[data-v-ab3d6fae]{height:440px}