.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.header{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.logo{font-size:24px;font-weight:700;color:#1890ff}.nav{display:flex;gap:24px}.nav-link{text-decoration:none;color:#666;font-weight:500;padding:8px 16px;border-radius:4px;transition:all .3s}.nav-link:hover,.nav-link.router-link-active{color:#1890ff;background:#e6f7ff}.main{flex:1;padding:32px 0}.bottom-actions{padding:8px 0 24px}.bottom-actions-inner{display:flex;justify-content:flex-end}.logout-button{padding:10px 18px;border:1px solid #ffccc7;border-radius:6px;background:#fff1f0;color:#cf1322;font-size:14px;cursor:pointer;transition:all .2s}.logout-button:hover{background:#fff2f0;border-color:#ff7875}.footer{background:#fff;border-top:1px solid #e8e8e8;padding:24px 0;text-align:center;color:#999;font-size:14px}.daily-stats[data-v-a04ddec0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.stat-card[data-v-a04ddec0]{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.stat-card[data-v-a04ddec0]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon[data-v-a04ddec0]{font-size:48px;line-height:1}.stat-content[data-v-a04ddec0]{flex:1;min-width:0}.stat-value[data-v-a04ddec0]{font-size:32px;font-weight:700;color:#1890ff;margin-bottom:4px}.current-app-name[data-v-a04ddec0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value.increase[data-v-a04ddec0]{color:#f5222d}.stat-value.decrease[data-v-a04ddec0]{color:#52c41a}.stat-label[data-v-a04ddec0]{font-size:14px;color:#999}.app-usage-list[data-v-7cd98329]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.list-title[data-v-7cd98329]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.list-content[data-v-7cd98329]{display:flex;flex-direction:column;gap:16px}.app-item[data-v-7cd98329]{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;transition:background .2s;cursor:pointer}.app-item[data-v-7cd98329]:hover{background:#f5f5f5}.app-rank[data-v-7cd98329]{width:32px;height:32px;border-radius:50%;background:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.app-info[data-v-7cd98329]{flex:0 0 150px}.app-name[data-v-7cd98329]{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.app-sessions[data-v-7cd98329]{font-size:12px;color:#999}.app-duration[data-v-7cd98329]{flex:1;min-width:0}.duration-text[data-v-7cd98329]{font-size:14px;font-weight:600;color:#1890ff;margin-bottom:4px}.duration-bar[data-v-7cd98329]{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.duration-fill[data-v-7cd98329]{height:100%;background:linear-gradient(90deg,#1890ff,#36cfc9);border-radius:4px;transition:width .3s}.empty-state[data-v-7cd98329]{text-align:center;padding:40px;color:#999}.usage-chart[data-v-e48b24d5]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.chart-title[data-v-e48b24d5]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.chart-container[data-v-e48b24d5]{height:300px}.history-compare[data-v-4e9aa9e4]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-top:24px}.compare-title[data-v-4e9aa9e4]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.compare-grid[data-v-4e9aa9e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.compare-item[data-v-4e9aa9e4]{text-align:center;padding:16px;background:#f9f9f9;border-radius:8px}.compare-label[data-v-4e9aa9e4]{font-size:14px;color:#999;margin-bottom:8px}.compare-value[data-v-4e9aa9e4]{font-size:28px;font-weight:700;color:#666;margin-bottom:8px}.compare-value.increase[data-v-4e9aa9e4]{color:#f5222d}.compare-value.decrease[data-v-4e9aa9e4]{color:#52c41a}.compare-detail[data-v-4e9aa9e4]{font-size:12px;color:#999}.chart-container[data-v-9c11b151]{height:320px;background:#fff}.empty[data-v-9c11b151]{text-align:center;padding:60px 20px;color:#999;font-size:14px}.timeline-modal-overlay[data-v-c17a0bf0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.timeline-modal[data-v-c17a0bf0]{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.modal-header[data-v-c17a0bf0]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e8e8e8}.modal-title[data-v-c17a0bf0]{font-size:20px;font-weight:600;color:#333;margin:0}.close-btn[data-v-c17a0bf0]{width:32px;height:32px;border:none;background:transparent;font-size:28px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn[data-v-c17a0bf0]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-c17a0bf0]{padding:24px;overflow-y:auto;flex:1}.date-picker[data-v-c17a0bf0]{margin-bottom:24px}.date-quick-options[data-v-c17a0bf0]{display:flex;gap:8px;margin-bottom:16px}.quick-btn[data-v-c17a0bf0]{padding:8px 16px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.quick-btn[data-v-c17a0bf0]:hover{border-color:#1890ff;color:#1890ff}.quick-btn.active[data-v-c17a0bf0]{background:#1890ff;color:#fff;border-color:#1890ff}.date-range[data-v-c17a0bf0]{display:flex;gap:16px;flex-wrap:wrap}.date-range label[data-v-c17a0bf0]{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.date-range input[type=date][data-v-c17a0bf0]{padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;outline:none}.date-range input[type=date][data-v-c17a0bf0]:focus{border-color:#1890ff}.chart-wrapper[data-v-c17a0bf0]{margin-bottom:24px}.loading[data-v-c17a0bf0],.error[data-v-c17a0bf0]{text-align:center;padding:60px 20px;color:#999;font-size:14px}.error[data-v-c17a0bf0]{color:#f5222d}.stats-summary[data-v-c17a0bf0]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item[data-v-c17a0bf0]{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.stat-label[data-v-c17a0bf0]{font-size:14px;color:#666;margin-bottom:8px}.stat-value[data-v-c17a0bf0]{font-size:24px;font-weight:600;color:#1890ff}@media (max-width: 768px){.timeline-modal[data-v-c17a0bf0]{max-width:100%;max-height:100%;border-radius:0}.date-quick-options[data-v-c17a0bf0]{flex-wrap:wrap}.stats-summary[data-v-c17a0bf0]{grid-template-columns:1fr}}.dashboard[data-v-1ca5f082]{animation:fadeIn-1ca5f082 .3s}@keyframes fadeIn-1ca5f082{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-1ca5f082]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header-actions[data-v-1ca5f082]{display:flex;align-items:center;gap:12px}.page-title[data-v-1ca5f082]{font-size:28px;font-weight:700;color:#333}.page-date[data-v-1ca5f082]{font-size:16px;color:#999}.refresh-btn[data-v-1ca5f082],.retry-btn[data-v-1ca5f082]{padding:8px 24px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.retry-btn[data-v-1ca5f082]{margin-top:16px}.refresh-btn[data-v-1ca5f082]:hover,.retry-btn[data-v-1ca5f082]:hover{background:#40a9ff}.refresh-btn[data-v-1ca5f082]:disabled{cursor:not-allowed;background:#91caff}.loading[data-v-1ca5f082],.error[data-v-1ca5f082]{text-align:center;padding:60px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.error[data-v-1ca5f082]{color:#f5222d}.dashboard-grid[data-v-1ca5f082]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-top:24px}.grid-item[data-v-1ca5f082]{min-width:0}@media (max-width: 768px){.dashboard-grid[data-v-1ca5f082]{grid-template-columns:1fr}.page-header[data-v-1ca5f082]{flex-direction:column;align-items:flex-start;gap:8px}.page-header-actions[data-v-1ca5f082]{width:100%;justify-content:space-between}}.history[data-v-06439c9b]{animation:fadeIn-06439c9b .3s}@keyframes fadeIn-06439c9b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-06439c9b]{margin-bottom:24px}.page-title[data-v-06439c9b]{font-size:28px;font-weight:700;color:#333}.filters[data-v-06439c9b]{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;flex-wrap:wrap}.filter-group[data-v-06439c9b]{display:flex;align-items:center;gap:8px}.custom-range-group[data-v-06439c9b]{flex-wrap:wrap}.filter-group label[data-v-06439c9b]{font-size:14px;color:#666}.filter-select[data-v-06439c9b],.filter-input[data-v-06439c9b]{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s}.filter-select[data-v-06439c9b]:focus,.filter-input[data-v-06439c9b]:focus{border-color:#1890ff}.refresh-btn[data-v-06439c9b]{padding:8px 24px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s;margin-left:auto}.refresh-btn[data-v-06439c9b]:hover{background:#40a9ff}.loading[data-v-06439c9b],.error[data-v-06439c9b]{text-align:center;padding:60px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.error[data-v-06439c9b]{color:#f5222d}.retry-btn[data-v-06439c9b]{margin-top:16px;padding:8px 24px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.summary-card[data-v-06439c9b],.timeline-card[data-v-06439c9b]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.summary-card h3[data-v-06439c9b],.timeline-card h3[data-v-06439c9b]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.summary-grid[data-v-06439c9b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item[data-v-06439c9b]{text-align:center;padding:16px;background:#f9f9f9;border-radius:8px}.summary-label[data-v-06439c9b]{font-size:14px;color:#999;margin-bottom:8px}.summary-value[data-v-06439c9b]{font-size:20px;font-weight:700;color:#1890ff}.apps-table[data-v-06439c9b]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.apps-table h3[data-v-06439c9b]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}table[data-v-06439c9b]{width:100%;border-collapse:collapse}thead[data-v-06439c9b]{background:#fafafa}th[data-v-06439c9b]{padding:12px;text-align:left;font-size:14px;font-weight:600;color:#666;border-bottom:2px solid #e8e8e8}td[data-v-06439c9b]{padding:12px;font-size:14px;color:#333;border-bottom:1px solid #f0f0f0}.app-row[data-v-06439c9b]{cursor:pointer;transition:background .2s}.app-row[data-v-06439c9b]:hover{background:#f8fbff}.rank-cell[data-v-06439c9b]{font-weight:700;color:#1890ff}.app-cell[data-v-06439c9b]{font-weight:500}.app-link[data-v-06439c9b]{padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.duration-cell[data-v-06439c9b]{color:#1890ff;font-weight:600}.sessions-cell[data-v-06439c9b]{color:#999}.time-cell[data-v-06439c9b]{color:#999;font-size:12px}.empty-state[data-v-06439c9b]{text-align:center;padding:40px;color:#999}@media (max-width: 768px){.filters[data-v-06439c9b]{flex-direction:column;align-items:stretch}.refresh-btn[data-v-06439c9b]{margin-left:0}table[data-v-06439c9b]{display:block;overflow-x:auto}}.login-container[data-v-6b932bf6]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card[data-v-6b932bf6]{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%}.title[data-v-6b932bf6]{font-size:32px;font-weight:700;color:#1890ff;text-align:center;margin:0 0 8px}.subtitle[data-v-6b932bf6]{font-size:16px;color:#666;text-align:center;margin:0 0 32px}.login-form[data-v-6b932bf6]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-6b932bf6]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-6b932bf6]{font-size:14px;font-weight:500;color:#333}.form-input[data-v-6b932bf6]{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e8e8e8;border-radius:8px;outline:none;transition:all .3s;box-sizing:border-box}.form-input[data-v-6b932bf6]:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}.submit-button[data-v-6b932bf6]{padding:12px 24px;font-size:16px;font-weight:600;color:#fff;background:#1890ff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;margin-top:8px}.submit-button[data-v-6b932bf6]:hover:not(:disabled){background:#40a9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff66}.submit-button[data-v-6b932bf6]:active:not(:disabled){transform:translateY(0)}.submit-button[data-v-6b932bf6]:disabled{background:#d9d9d9;cursor:not-allowed}.error-message[data-v-6b932bf6]{color:#ff4d4f;font-size:14px;text-align:center;margin:0}@media (max-width: 768px){.login-card[data-v-6b932bf6]{padding:32px 24px}.title[data-v-6b932bf6]{font-size:28px}}.apps-table[data-v-4ce7a694]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;overflow-x:auto}table[data-v-4ce7a694]{width:100%;border-collapse:collapse}th[data-v-4ce7a694],td[data-v-4ce7a694]{padding:14px 12px;text-align:left;border-bottom:1px solid #f0f0f0;vertical-align:top}th[data-v-4ce7a694]{font-size:14px;color:#666;font-weight:600}.app-name-row[data-v-4ce7a694]{display:flex;align-items:center;gap:8px}.app-color-dot[data-v-4ce7a694]{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.app-name[data-v-4ce7a694]{font-weight:600;color:#333}.app-hint[data-v-4ce7a694]{margin-top:4px;font-size:12px;color:#fa8c16}.chips[data-v-4ce7a694]{display:flex;flex-wrap:wrap;gap:8px}.chip[data-v-4ce7a694]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#f0f5ff;color:#1d39c4;font-size:12px}.status-badge[data-v-4ce7a694]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status-active[data-v-4ce7a694]{background:#f6ffed;color:#389e0d}.status-inactive[data-v-4ce7a694]{background:#fff1f0;color:#cf1322}.action-btn[data-v-4ce7a694]{padding:8px 14px;border:none;border-radius:6px;background:#1890ff;color:#fff;cursor:pointer;transition:background .2s}.action-btn[data-v-4ce7a694]:hover{background:#40a9ff}.empty-text[data-v-4ce7a694]{color:#999}.empty-state[data-v-4ce7a694]{text-align:center;padding:32px 0 8px;color:#999}.modal-overlay[data-v-ed4e6999]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal[data-v-ed4e6999]{width:100%;max-width:640px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden}.modal-header[data-v-ed4e6999],.modal-footer[data-v-ed4e6999]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.modal-header[data-v-ed4e6999]{border-bottom:1px solid #f0f0f0}.modal-footer[data-v-ed4e6999]{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px}.modal-title[data-v-ed4e6999]{font-size:22px;color:#333;font-weight:600}.close-btn[data-v-ed4e6999]{border:none;background:transparent;font-size:28px;color:#999;cursor:pointer}.modal-body[data-v-ed4e6999]{padding:24px}.form-group+.form-group[data-v-ed4e6999]{margin-top:20px}.form-group label[data-v-ed4e6999]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-input[data-v-ed4e6999]{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px}.form-input[data-v-ed4e6999]:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff1f}.inline-input-row[data-v-ed4e6999]{display:flex;gap:12px}.color-input-row[data-v-ed4e6999]{display:flex;align-items:center;gap:12px}.color-input[data-v-ed4e6999]{width:56px;height:36px;padding:0;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer}.tag-color-list[data-v-ed4e6999]{display:flex;flex-direction:column;gap:10px;margin-top:12px}.tag-color-item[data-v-ed4e6999]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.help-text[data-v-ed4e6999]{margin-top:8px;font-size:12px;color:#999}.form-checkbox label[data-v-ed4e6999]{display:inline-flex;align-items:center;gap:8px;margin-bottom:0}.chips[data-v-ed4e6999]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.editable-chip[data-v-ed4e6999]{border:none;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f0f5ff;color:#1d39c4;cursor:pointer}.mini-btn[data-v-ed4e6999]{padding:6px 10px;font-size:12px}.primary-btn[data-v-ed4e6999],.secondary-btn[data-v-ed4e6999]{padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer}.primary-btn[data-v-ed4e6999]{border:none;background:#1890ff;color:#fff}.primary-btn[data-v-ed4e6999]:disabled{background:#91d5ff;cursor:not-allowed}.secondary-btn[data-v-ed4e6999]{border:1px solid #d9d9d9;background:#fff;color:#333}.error-message[data-v-ed4e6999]{margin-top:20px;padding:12px 14px;border-radius:8px;background:#fff2f0;color:#cf1322}.app-management[data-v-48e1031d]{animation:fadeIn-48e1031d .3s}@keyframes fadeIn-48e1031d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-48e1031d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title[data-v-48e1031d]{font-size:28px;font-weight:700;color:#333}.create-btn[data-v-48e1031d],.refresh-btn[data-v-48e1031d],.retry-btn[data-v-48e1031d]{padding:10px 18px;border:none;border-radius:6px;background:#1890ff;color:#fff;cursor:pointer;transition:background .2s}.create-btn[data-v-48e1031d]:hover,.refresh-btn[data-v-48e1031d]:hover,.retry-btn[data-v-48e1031d]:hover{background:#40a9ff}.filters[data-v-48e1031d]{display:flex;gap:12px;align-items:flex-end;margin-bottom:24px}.filter-group[data-v-48e1031d]{display:flex;flex-direction:column;gap:8px}.search-group[data-v-48e1031d]{flex:1}.filter-input[data-v-48e1031d]{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px}.loading[data-v-48e1031d],.error[data-v-48e1031d]{text-align:center;padding:60px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.error[data-v-48e1031d]{color:#f5222d}.summary-card[data-v-48e1031d]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.summary-card h3[data-v-48e1031d]{margin-bottom:20px;font-size:18px;color:#333}.summary-grid[data-v-48e1031d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.summary-item[data-v-48e1031d]{background:#fafafa;border-radius:10px;padding:16px}.summary-label[data-v-48e1031d]{color:#999;font-size:13px;margin-bottom:8px}.summary-value[data-v-48e1031d]{color:#333;font-size:24px;font-weight:600}@media (max-width: 768px){.page-header[data-v-48e1031d],.filters[data-v-48e1031d]{flex-direction:column;align-items:stretch}}