.navbar[data-v-5185b53c]{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.navbar-container[data-v-5185b53c]{display:flex;justify-content:flex-start;align-items:center;height:60px;padding:0 20px;max-width:1600px;margin:0 auto}.navbar-logo[data-v-5185b53c]{display:flex;align-items:center;gap:10px;margin-right:40px}.navbar-logo img[data-v-5185b53c]{height:32px;width:auto}.navbar-logo h1[data-v-5185b53c]{margin:0;font-size:20px;color:#303133}.navbar-links[data-v-5185b53c]{display:flex;gap:20px;margin-right:auto}.navbar-links a[data-v-5185b53c]{color:#606266;text-decoration:none;padding:6px 12px;border-radius:4px;transition:all .3s}.navbar-links a.active[data-v-5185b53c],.navbar-links a[data-v-5185b53c]:hover{color:#409eff;background-color:#ecf5ff}.navbar-user[data-v-5185b53c]{display:flex;align-items:center}.login-btn[data-v-5185b53c],.logout-btn[data-v-5185b53c]{margin-left:10px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.login-btn[data-v-5185b53c]{background-color:#409eff;color:#fff}.login-btn[data-v-5185b53c]:hover{background-color:#66b1ff}.logout-btn[data-v-5185b53c]{background-color:#f56c6c;color:#fff}.logout-btn[data-v-5185b53c]:hover{background-color:#f78989}@media (max-width:768px){.navbar-container[data-v-5185b53c]{padding:0 10px;justify-content:flex-start}.navbar-logo[data-v-5185b53c]{margin-right:20px}.navbar-logo h1[data-v-5185b53c]{font-size:16px}.navbar-links[data-v-5185b53c]{gap:10px}.navbar-links a[data-v-5185b53c]{padding:4px 8px;font-size:14px}}@media (max-width:480px){.navbar-container[data-v-5185b53c]{flex-wrap:wrap;height:auto;padding:10px}.navbar-logo[data-v-5185b53c]{width:100%;text-align:center;margin-bottom:10px}.navbar-links[data-v-5185b53c]{margin-bottom:10px}.navbar-links[data-v-5185b53c],.navbar-user[data-v-5185b53c]{width:100%;justify-content:center}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0;padding:0;background-color:#f0f2f5;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px}.app-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f5f7fa;z-index:9999}.loading-spinner{width:40px;height:40px;border:3px solid rgba(64,158,255,.2);border-radius:50%;border-top-color:#409eff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.stats-page{padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);max-width:1600px;margin:0 auto}.stats-section{margin-bottom:20px;padding:15px;background-color:#f8fafc;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.section-header h2{font-size:16px;color:#303133;margin:0;padding:0;border:none}.header-actions{display:flex;align-items:center;gap:15px}.current-date{font-size:13px;color:#909399;margin:0}.realtime-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:8px}.stat-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 12px 0 rgba(0,0,0,.05);text-align:center;border:1px solid #ebeef5}.stat-title{font-size:14px;color:#909399;margin-bottom:10px}.stat-value{color:#409eff;font-size:22px;font-weight:700;margin-bottom:6px}.stat-value.primary{color:#303133;font-size:24px}.stat-compare{font-size:12px;color:#909399}.refresh-btn{padding:8px 15px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.refresh-btn:hover{background-color:#66b1ff}.refresh-btn:disabled{background-color:#a0cfff;cursor:not-allowed}.update-time{font-size:13px;color:#909399;margin:0}.refresh-error{padding:8px 12px;margin-bottom:15px;border-left:3px solid #f56c6c;text-align:left;font-size:14px}.error,.refresh-error{background-color:#fef0f0;color:#f56c6c;border-radius:4px}.error{padding:20px;text-align:center}.stat-group{margin-bottom:25px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 1px 2px rgba(0,0,0,.03);text-align:center}.stat-group:last-child{margin-bottom:0}.stat-group h3{color:#303133;font-size:16px;font-weight:600;margin:0 auto 20px auto;padding-bottom:12px;border-bottom:2px solid #409eff;display:inline-block;position:relative}.stat-group h3:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#409eff;box-shadow:0 1px 3px rgba(64,158,255,.3)}.stat-group h4{color:#606266;font-size:14px;margin:0 0 10px 0;font-weight:500;text-align:center}.charts-container,.login-days-charts,.retention-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 auto;max-width:95%}.chart-section{padding:15px;background-color:#fff;border-radius:8px;border:1px solid #ebeef5;transition:all .3s;text-align:center}.chart-section:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.chart{height:280px}.stat-group:first-child .charts-container{grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:95%}.stat-group:nth-child(2) .charts-container,.stat-group:nth-child(3) .charts-container{grid-template-columns:repeat(3,1fr)}.login-days-charts,.retention-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 auto;max-width:95%}.retention-charts .chart{height:400px}@media (max-width:1600px){.charts-container,.stat-group:first-child .charts-container,.stat-group:nth-child(2) .charts-container,.stats-section:last-child .charts-container{grid-template-columns:repeat(2,1fr)}.chart{height:260px}.stat-group:last-child .chart{height:300px}}@media (max-width:1200px){.realtime-stats{grid-template-columns:repeat(2,1fr)}.stats-page{max-width:1200px}.chart{height:280px}.retention-charts{grid-template-columns:1fr}.retention-charts .chart{height:350px}}@media (max-width:960px){.charts-container,.stat-group:first-child .charts-container,.stat-group:nth-child(2) .charts-container{grid-template-columns:1fr}.chart{height:240px}.stat-group:last-child .chart{height:280px}.stats-page{max-width:100%;padding:15px}.stat-group{padding:10px}}@media (max-width:768px){.realtime-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-value{font-size:20px}.stat-value.primary{font-size:22px}.section-header{flex-direction:column;align-items:flex-start}.header-actions{margin-top:10px}}@media (max-width:480px){.realtime-stats{grid-template-columns:1fr}.stats-page{padding:10px}.stat-group{padding:8px}.chart{height:220px}.retention-charts .chart{height:300px}}.stat-group:last-child .chart-section{grid-column:auto}.stat-group:last-child .chart{height:320px}.login-days-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.login-stats-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:15px;padding:10px;background-color:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.05);border:1px solid #ebeef5}.login-stat-item{display:flex;align-items:center;gap:5px}.login-stat-label{font-size:14px;color:#606266}.login-stat-value{font-size:16px;font-weight:600;color:#409eff}@media (max-width:768px){.login-stats-summary{flex-direction:column;align-items:center;gap:10px;padding:8px}}.user-details-page[data-v-35af2c98]{padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);max-width:1600px;margin:0 auto}.filters-panel[data-v-35af2c98]{margin-bottom:20px;background-color:#f8fafc;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden}.filter-section[data-v-35af2c98]{padding:15px}.filter-section h3[data-v-35af2c98]{font-size:16px;color:#303133;margin-top:0;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.filter-row[data-v-35af2c98]{display:flex;margin-bottom:15px;align-items:flex-start}.filter-label[data-v-35af2c98]{width:120px;padding-top:8px;font-weight:500;color:#606266}.location-filter[data-v-35af2c98]{display:flex;flex-wrap:wrap;flex:1;gap:10px;max-height:120px;overflow-y:auto;padding:5px}.location-select[data-v-35af2c98]{padding:8px 10px;border:1px solid #dcdfe6;border-radius:4px;width:150px;background-color:#fff;color:#606266;font-size:14px;transition:all .3s;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.03)}.location-select[data-v-35af2c98]:focus,.location-select[data-v-35af2c98]:hover{border-color:#409eff;outline:none}.date-filter[data-v-35af2c98],.days-filter[data-v-35af2c98]{display:flex;align-items:center}.date-input[data-v-35af2c98]{width:150px}.date-input[data-v-35af2c98],.days-input[data-v-35af2c98]{padding:8px 10px;border:1px solid #dcdfe6;border-radius:4px}.days-input[data-v-35af2c98]{width:80px}.date-separator[data-v-35af2c98],.days-separator[data-v-35af2c98]{margin:0 10px;color:#909399}.filter-actions[data-v-35af2c98]{display:flex;justify-content:flex-start;gap:10px;padding-top:10px;margin-top:10px;border-top:1px dashed #ebeef5}.user-list-container[data-v-35af2c98]{margin-top:15px;overflow-x:auto;box-shadow:0 2px 12px rgba(0,0,0,.08);border-radius:8px;border:1px solid #ebeef5}.user-list-header[data-v-35af2c98]{justify-content:space-between;margin-bottom:20px;background-color:#f8fafc;padding:15px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.left-controls[data-v-35af2c98],.user-list-header[data-v-35af2c98]{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.filter-controls[data-v-35af2c98],.right-controls[data-v-35af2c98]{display:flex;align-items:center;gap:15px}.filter-controls[data-v-35af2c98]{flex-wrap:wrap}.filter-controls label[data-v-35af2c98]{margin-right:8px;font-size:14px;color:#606266;white-space:nowrap;font-weight:500}.filter-controls select[data-v-35af2c98]{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;color:#606266;font-size:14px;transition:all .3s;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.03)}.filter-controls select[data-v-35af2c98]:focus,.filter-controls select[data-v-35af2c98]:hover{border-color:#409eff;outline:none}.ml-20[data-v-35af2c98]{margin-left:20px}.pagination[data-v-35af2c98]{display:flex;align-items:center;background-color:#fff;padding:8px 12px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.page-button[data-v-35af2c98]{padding:8px 15px;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;transition:all .3s;min-width:80px;font-weight:500;color:#606266}.page-button[data-v-35af2c98]:hover:not(:disabled){color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.page-button[data-v-35af2c98]:disabled{cursor:not-allowed;color:#c0c4cc;background-color:#f5f7fa}.page-info[data-v-35af2c98]{margin:0 15px;font-size:14px;color:#606266;white-space:nowrap;font-weight:500}.user-table-container[data-v-35af2c98]{margin-top:15px;overflow-x:auto;box-shadow:0 2px 12px rgba(0,0,0,.08);border-radius:8px;border:1px solid #ebeef5}.user-table[data-v-35af2c98]{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;background-color:#fff}.user-table td[data-v-35af2c98],.user-table th[data-v-35af2c98]{padding:15px;text-align:left;border-bottom:1px solid #ebeef5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-table th[data-v-35af2c98]{font-weight:600;color:#303133;background-color:#f5f7fa;position:sticky;top:0;z-index:10;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-table th[data-v-35af2c98]:hover{background-color:#e6f1ff;color:#409eff}.sort-icon[data-v-35af2c98]{margin-left:5px;font-weight:700;color:#409eff}.user-table tr:hover td[data-v-35af2c98]{background-color:#f0f7ff}.user-table tr:last-child td[data-v-35af2c98]{border-bottom:none}.user-table tr[data-v-35af2c98]:nth-child(2n){background-color:#fafafa}.loading-indicator[data-v-35af2c98],.no-data[data-v-35af2c98]{padding:50px;color:#909399}.details-refresh-error[data-v-35af2c98],.loading-indicator[data-v-35af2c98],.no-data[data-v-35af2c98]{text-align:center;font-size:15px;background-color:#f8fafc;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.05);margin-top:20px;border:1px dashed #e0e3e9}.details-refresh-error[data-v-35af2c98]{padding:10px;color:#f56c6c}.update-time[data-v-35af2c98]{font-size:13px;color:#909399;margin:0 0 0 10px;white-space:nowrap}.refresh-btn[data-v-35af2c98]{padding:8px 15px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.refresh-btn[data-v-35af2c98]:hover{background-color:#66b1ff}.refresh-btn[data-v-35af2c98]:disabled{background-color:#a0cfff;cursor:not-allowed}.action-buttons[data-v-35af2c98]{display:flex;gap:10px}.export-button[data-v-35af2c98]{padding:8px 15px;background-color:#67c23a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.export-button[data-v-35af2c98]:hover{background-color:#85ce61}.reset-button[data-v-35af2c98]{padding:8px 15px;background-color:#f56c6c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.reset-button[data-v-35af2c98]:hover{background-color:#f78989}@media (max-width:768px){.user-details-page[data-v-35af2c98]{padding:15px}.filter-row[data-v-35af2c98]{flex-direction:column}.filter-label[data-v-35af2c98]{width:100%;margin-bottom:8px}.location-filter[data-v-35af2c98]{max-height:150px}.date-filter[data-v-35af2c98],.days-filter[data-v-35af2c98]{flex-direction:column;align-items:flex-start;gap:10px}.date-separator[data-v-35af2c98],.days-separator[data-v-35af2c98]{margin:5px 0}.date-input[data-v-35af2c98],.days-input[data-v-35af2c98]{width:100%}.user-list-header[data-v-35af2c98]{flex-direction:column;align-items:flex-start;gap:15px}.pagination[data-v-35af2c98]{margin-top:10px}.filter-controls[data-v-35af2c98],.pagination[data-v-35af2c98]{width:100%;justify-content:space-between}.ml-20[data-v-35af2c98]{margin-left:0}.user-table[data-v-35af2c98]{font-size:13px}.user-table td[data-v-35af2c98],.user-table th[data-v-35af2c98]{padding:12px 10px}.user-table td[data-v-35af2c98]:first-child,.user-table th[data-v-35af2c98]:first-child{width:60px}.user-table td[data-v-35af2c98]:nth-child(2),.user-table th[data-v-35af2c98]:nth-child(2){width:40%}.user-table td[data-v-35af2c98]:nth-child(3),.user-table th[data-v-35af2c98]:nth-child(3){width:60%}}@media (max-width:480px){.user-details-page[data-v-35af2c98]{padding:10px}.filter-section h3[data-v-35af2c98]{font-size:15px}.user-list-header[data-v-35af2c98]{justify-content:space-between;margin-bottom:15px}.nav-button[data-v-35af2c98]{padding:8px 10px;font-size:13px;margin-right:5px}.page-button[data-v-35af2c98]{min-width:auto;padding:6px 10px;font-size:13px}.page-info[data-v-35af2c98]{font-size:12px;margin:0 8px}.user-table td[data-v-35af2c98],.user-table th[data-v-35af2c98]{padding:10px 8px;font-size:12px}.loading-indicator[data-v-35af2c98],.no-data[data-v-35af2c98]{padding:30px 15px}}.login-page[data-v-3b6a38f9]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f7fa;padding:0;margin:0;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.login-container[data-v-3b6a38f9]{width:380px;max-width:90%;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);overflow:hidden}.login-header[data-v-3b6a38f9]{padding:18px 20px;text-align:center;background-color:#f8fafc;border-bottom:1px solid #ebeef5}.login-header h2[data-v-3b6a38f9]{margin:0;color:#303133;font-size:20px;font-weight:600}.login-body[data-v-3b6a38f9]{padding:24px 20px}.login-form[data-v-3b6a38f9]{margin-bottom:0}.form-group[data-v-3b6a38f9]{margin-bottom:20px}.form-group label[data-v-3b6a38f9]{display:block;margin-bottom:8px;color:#606266;font-size:14px}.form-group input[data-v-3b6a38f9]{width:100%;padding:10px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.form-group input[data-v-3b6a38f9]:focus{border-color:#409eff;outline:none}.auth-error[data-v-3b6a38f9]{padding:8px 12px;background-color:#fef0f0;color:#f56c6c;border-radius:4px;font-size:13px;margin-bottom:20px}.form-actions[data-v-3b6a38f9]{display:flex;justify-content:center}.login-button[data-v-3b6a38f9]{width:100%;padding:12px 20px;background-color:#409eff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.login-button[data-v-3b6a38f9]:hover{background-color:#66b1ff}.login-button[data-v-3b6a38f9]:disabled{background-color:#a0cfff;cursor:not-allowed}@media (max-width:480px){.login-container[data-v-3b6a38f9]{width:90%}.login-body[data-v-3b6a38f9]{padding:15px}}.action-page[data-v-3fb5a63f]{padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);max-width:1600px;margin:0 auto}.stats-section[data-v-3fb5a63f]{margin-bottom:20px;padding:15px;background-color:#f8fafc;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden}.section-header[data-v-3fb5a63f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.section-header h2[data-v-3fb5a63f]{font-size:16px;color:#303133;margin:0;padding:0;border:none}.header-actions[data-v-3fb5a63f]{display:flex;align-items:center;gap:15px}.update-time[data-v-3fb5a63f]{font-size:13px;color:#909399;margin:0}.refresh-btn[data-v-3fb5a63f]{padding:8px 15px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.refresh-btn[data-v-3fb5a63f]:hover{background-color:#66b1ff}.refresh-btn[data-v-3fb5a63f]:disabled{background-color:#a0cfff;cursor:not-allowed}.refresh-error[data-v-3fb5a63f]{padding:8px 12px;margin-bottom:15px;border-left:3px solid #f56c6c;text-align:left;font-size:14px}.error[data-v-3fb5a63f],.refresh-error[data-v-3fb5a63f]{background-color:#fef0f0;color:#f56c6c;border-radius:4px}.error[data-v-3fb5a63f]{padding:20px;text-align:center}.stat-group[data-v-3fb5a63f]{margin-bottom:25px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 1px 2px rgba(0,0,0,.03);text-align:center}.stat-group[data-v-3fb5a63f]:last-child{margin-bottom:0}.stat-group h3[data-v-3fb5a63f]{color:#303133;font-size:16px;font-weight:600;margin:0 auto 20px auto;padding-bottom:12px;border-bottom:2px solid #409eff;display:inline-block;position:relative}.stat-group h3[data-v-3fb5a63f]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#409eff;box-shadow:0 1px 3px rgba(64,158,255,.3)}.stat-group h4[data-v-3fb5a63f]{color:#606266;font-size:14px;margin:0 0 10px 0;font-weight:500;text-align:center}.usage-overview[data-v-3fb5a63f]{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:8px}.stat-card[data-v-3fb5a63f]{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 12px 0 rgba(0,0,0,.05);text-align:center;border:1px solid #ebeef5;transition:all .3s}.stat-card[data-v-3fb5a63f]:hover{transform:translateY(-2px);box-shadow:0 4px 15px 0 rgba(0,0,0,.1)}.stat-title[data-v-3fb5a63f]{font-size:14px;color:#909399;margin-bottom:10px}.stat-value[data-v-3fb5a63f]{color:#409eff;font-size:22px;font-weight:700;margin-bottom:6px}.charts-container[data-v-3fb5a63f]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 auto;max-width:95%}.charts-container-stacked[data-v-3fb5a63f]{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:95%}.chart-section[data-v-3fb5a63f]{padding:15px;background-color:#fff;border-radius:8px;border:1px solid #ebeef5;transition:all .3s;text-align:center}.chart-section[data-v-3fb5a63f]:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.chart-section.wide-chart[data-v-3fb5a63f]{grid-column:span 2}.chart[data-v-3fb5a63f]{height:280px}.wide-chart .chart[data-v-3fb5a63f]{height:350px}@media (max-width:1200px){.action-page[data-v-3fb5a63f]{max-width:1200px}.usage-overview[data-v-3fb5a63f]{grid-template-columns:repeat(3,1fr)}}@media (max-width:960px){.charts-container[data-v-3fb5a63f]{grid-template-columns:1fr}.chart-section.wide-chart[data-v-3fb5a63f]{grid-column:auto}.chart[data-v-3fb5a63f]{height:240px}.action-page[data-v-3fb5a63f]{max-width:100%;padding:15px}.stat-group[data-v-3fb5a63f]{padding:10px}}@media (max-width:768px){.usage-overview[data-v-3fb5a63f]{grid-template-columns:repeat(2,1fr)}.section-header[data-v-3fb5a63f]{flex-direction:column;align-items:flex-start}.header-actions[data-v-3fb5a63f]{margin-top:10px}}@media (max-width:480px){.usage-overview[data-v-3fb5a63f]{grid-template-columns:1fr}.action-page[data-v-3fb5a63f]{padding:10px}.stat-group[data-v-3fb5a63f]{padding:8px}.chart[data-v-3fb5a63f]{height:220px}}.charts-container.full-width[data-v-3fb5a63f]{grid-template-columns:1fr;max-width:100%}.charts-container.full-width .chart-section[data-v-3fb5a63f]{grid-column:1;width:100%}.charts-container.full-width .chart[data-v-3fb5a63f]{height:400px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background-color:#f0f2f5}a{text-decoration:none;color:#409eff}.container{max-width:1600px;margin:0 auto;padding:20px}.user-details-btn{display:inline-block;padding:10px 20px;background-color:#409eff;color:#fff;border-radius:4px;font-size:14px;transition:all .3s}.user-details-btn:hover{background-color:#66b1ff}.back-to-home{margin-bottom:20px;display:inline-block;padding:8px 16px;background-color:#f0f2f5;color:#606266;border-radius:4px;font-size:14px;transition:all .3s}.back-to-home:hover{background-color:#e0e2e5}[v-cloak]{display:none}