:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);bottom:0;left:0;margin:0;position:absolute;right:0;top:0;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@-webkit-keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-rotate{to{transform:rotate(1turn)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.dashboard-container[data-v-c492def6]{padding:20px;max-width:100%;box-sizing:border-box;height:100vh;display:flex;flex-direction:column}.control-bar[data-v-c492def6]{margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;box-shadow:0 4px 20px #0000001a;align-items:center;display:flex;flex-wrap:wrap}.left-controls[data-v-c492def6]{display:flex;align-items:flex-start}.control-group[data-v-c492def6]{display:flex;flex-direction:column;width:100%;gap:12px}.stat-type-group[data-v-c492def6]{display:flex;width:100%;box-shadow:0 2px 8px #0000001a;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.1);padding:4px}.stat-btn[data-v-c492def6]{flex:1;text-align:center;border-radius:4px;border:none;transition:all .3s ease;font-weight:500;position:relative;overflow:hidden;height:32px;background:rgba(255,255,255,.9);color:#606266}.stat-btn[data-v-c492def6]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;background:rgba(255,255,255,1)}.stat-btn.active[data-v-c492def6]{background:linear-gradient(45deg,#409EFF,#66b1ff);color:#fff;box-shadow:0 2px 8px #409eff4d}.stat-btn i[data-v-c492def6]{margin-right:4px}.date-picker-container[data-v-c492def6]{width:100%}.hour-date-picker[data-v-c492def6]{width:100%;max-width:200px;box-shadow:0 2px 8px #0000001a}.hour-date-picker[data-v-c492def6] .el-input__inner{background:rgba(255,255,255,.95);border:none;border-radius:4px;height:32px;line-height:32px}.hour-date-picker[data-v-c492def6] .el-input__inner:hover{background:white}.hour-date-picker[data-v-c492def6] .el-input__inner:focus{background:white;border:1px solid #409EFF}.filter-col[data-v-c492def6]{display:flex;justify-content:flex-end;align-items:flex-start}.channel-group[data-v-c492def6]{align-items:flex-end}.channel-select[data-v-c492def6]{width:100%;max-width:200px;box-shadow:0 2px 8px #0000001a}.channel-select[data-v-c492def6] .el-input__inner{background:rgba(255,255,255,.95);border:none;border-radius:4px;height:32px;line-height:32px}.channel-select[data-v-c492def6] .el-input__inner:hover{background:white}.channel-select[data-v-c492def6] .el-input__inner:focus{background:white;border:1px solid #409EFF}.table-card[data-v-c492def6]{margin-top:0;border-radius:12px;overflow:hidden;flex:1;display:flex;flex-direction:column;box-shadow:0 2px 12px #0000001a}.table-wrapper[data-v-c492def6]{flex:1;overflow:hidden}.responsive-table[data-v-c492def6]{font-size:14px;width:100%}.responsive-table[data-v-c492def6] .el-table__header-wrapper{background:#f5f7fa}.responsive-table[data-v-c492def6] .el-table__row:hover{background-color:#f0f7ff}.number-cell[data-v-c492def6]{font-family:Courier New,monospace;font-weight:600;color:#409eff}.amount-cell[data-v-c492def6]{font-family:Courier New,monospace;font-weight:600;color:#67c23a}.pagination-container[data-v-c492def6]{margin-top:20px;text-align:center;padding:16px 0;border-top:1px solid #ebeef5}@media screen and (max-width: 768px){.dashboard-container[data-v-c492def6]{padding:10px;height:auto;min-height:100vh}.control-bar[data-v-c492def6]{margin-bottom:15px;padding:16px;border-radius:8px;flex-direction:column;gap:12px}.left-controls[data-v-c492def6],.filter-col[data-v-c492def6]{width:100%}.control-group[data-v-c492def6]{align-items:center}.stat-type-group[data-v-c492def6]{flex-direction:row}.channel-select[data-v-c492def6],.hour-date-picker[data-v-c492def6]{max-width:100%}.responsive-table[data-v-c492def6]{font-size:12px}.pagination-container[data-v-c492def6]{margin-top:15px;padding:12px 0}.table-wrapper[data-v-c492def6]{overflow-x:auto}}@media screen and (min-width: 769px) and (max-width: 1024px){.dashboard-container[data-v-c492def6]{padding:15px}.control-bar[data-v-c492def6]{padding:18px}.responsive-table[data-v-c492def6]{font-size:13px}}@media screen and (min-width: 1200px){.dashboard-container[data-v-c492def6]{max-width:1400px;margin:0 auto}}@media screen and (min-width: 1600px){.responsive-table[data-v-c492def6]{font-size:15px}}@media screen and (max-width: 768px) and (orientation: landscape){.control-bar[data-v-c492def6]{padding:12px}.responsive-table[data-v-c492def6]{font-size:11px}}.table-wrapper[data-v-c492def6]::-webkit-scrollbar{width:6px;height:6px}.table-wrapper[data-v-c492def6]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper[data-v-c492def6]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper[data-v-c492def6]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-v-c492def6] .el-select .el-input__inner{transition:all .3s ease}[data-v-c492def6] .el-select .el-input__inner:focus{box-shadow:0 0 0 2px #409eff33}[data-v-c492def6] .el-date-editor .el-input__inner{transition:all .3s ease}[data-v-c492def6] .el-date-editor .el-input__inner:focus{box-shadow:0 0 0 2px #409eff33}.stat-btn[data-v-c492def6]:not(.active):hover{background:rgba(255,255,255,.95);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}[data-v-c492def6] .el-select .el-input__suffix .el-icon,[data-v-c492def6] .el-date-editor .el-input__prefix .el-icon{color:#409eff}[data-v-c492def6] .el-select-dropdown{border-radius:6px;box-shadow:0 4px 12px #00000026}[data-v-c492def6] .el-select-dropdown .el-select-dropdown__item{padding:8px 12px}[data-v-c492def6] .el-select-dropdown .el-select-dropdown__item:hover{background-color:#f0f7ff}[data-v-c492def6] .el-select-dropdown .el-select-dropdown__item.selected{background-color:#ecf5ff;color:#409eff;font-weight:500}[data-v-c492def6] .el-picker-panel{border-radius:6px;box-shadow:0 4px 12px #00000026}[data-v-c492def6] .el-date-table td.current:not(.disabled) span{background-color:#409eff;color:#fff}[data-v-c492def6] .el-date-table td.today span{color:#409eff;font-weight:600}[data-v-c492def6] .el-loading-mask{background-color:#fffc}[data-v-c492def6] .el-loading-spinner .circular{width:42px;height:42px}[data-v-c492def6] .el-card__header{padding:16px 20px;background:#fafbfc;border-bottom:1px solid #ebeef5;font-weight:600;color:#303133}[data-v-c492def6] .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f9ff}[data-v-c492def6] .el-tag{border:none;border-radius:12px;font-size:12px;padding:2px 8px}@media screen and (max-width: 480px){.dashboard-container[data-v-c492def6]{padding:8px}.control-bar[data-v-c492def6]{padding:12px;border-radius:6px}.stat-btn[data-v-c492def6]{font-size:12px;padding:6px 8px}.responsive-table[data-v-c492def6]{font-size:11px}}