.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.header{background:var(--bg-card);box-shadow:var(--header-shadow);position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px}.logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;color:var(--color-primary)}.logo-icon{flex:0 0 auto}.nav{display:flex;gap:24px}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:8px 16px;border-radius:4px;transition:all .3s}.nav-link:hover,.nav-link.router-link-active{color:var(--color-primary);background:var(--bg-tint)}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.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 var(--danger-border);border-radius:6px;background:var(--danger-bg);color:var(--danger-text);font-size:14px;cursor:pointer;transition:all .2s}.logout-button:hover{background:var(--danger-bg-hover);border-color:var(--danger-border-hover)}.mobile-logout{display:none}.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:24px 0;text-align:center;color:var(--text-muted);font-size:14px}.tab-bar{display:none}@media (max-width: 768px){.container{padding:0 10px}.header-inner{padding-top:8px;padding-bottom:8px}.logo{font-size:16px}.nav{display:none}.mobile-logout{display:block;padding:4px 10px;font-size:12px}.main{padding:12px 0;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.bottom-actions,.footer{display:none}.tab-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--bg-card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 4px;text-decoration:none;color:var(--text-muted);font-size:10px;-webkit-tap-highlight-color:transparent}.tab-icon{display:block}.tab-item.active{color:var(--color-primary)}}:root,[data-theme=light]{color-scheme:light;--color-primary: #6C5CE7;--color-primary-hover: #8073EB;--color-primary-disabled: #B4A9F5;--on-primary: #FFFFFF;--bg-page: #F5F5F7;--bg-card: #FFFFFF;--bg-subtle: #FAFAFA;--bg-tint: #EFECFD;--border: #E8E8E8;--border-light: #F0F0F0;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--header-shadow: 0 2px 8px rgba(0, 0, 0, .1);--danger-bg: #FFF1F0;--danger-bg-hover: #FFF2F0;--danger-border: #FFCCC7;--danger-border-hover: #FF7875;--danger-text: #CF1322}[data-theme=dark]{color-scheme:dark;--color-primary: #7C6FF0;--color-primary-hover: #8F83F3;--color-primary-disabled: #4A4080;--on-primary: #FFFFFF;--bg-page: #13131B;--bg-card: #1D1D28;--bg-subtle: #262633;--bg-tint: rgba(124, 111, 240, .14);--border: #32323F;--border-light: #2B2B38;--text-primary: #E9E9F2;--text-secondary: #A6A6B8;--text-muted: #74748A;--card-shadow: 0 2px 10px rgba(0, 0, 0, .45);--header-shadow: 0 2px 10px rgba(0, 0, 0, .5);--danger-bg: rgba(245, 34, 45, .12);--danger-bg-hover: rgba(245, 34, 45, .18);--danger-border: rgba(245, 34, 45, .35);--danger-border-hover: rgba(245, 34, 45, .55);--danger-text: #FF7875}body{background:var(--bg-page);color:var(--text-primary);transition:background .25s ease,color .25s ease}.daily-stats[data-v-e6f48af6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.stat-card[data-v-e6f48af6]{background:var(--bg-card);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s}.stat-card[data-v-e6f48af6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon[data-v-e6f48af6]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--bg-tint);color:var(--color-primary);flex:0 0 auto}.stat-icon.inactive[data-v-e6f48af6]{color:var(--text-muted)}.stat-content[data-v-e6f48af6]{flex:1;min-width:0}.stat-value[data-v-e6f48af6]{font-size:32px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.current-app-name[data-v-e6f48af6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value.increase[data-v-e6f48af6]{color:var(--danger-text)}.stat-value.decrease[data-v-e6f48af6]{color:#52c41a}.stat-label[data-v-e6f48af6]{font-size:14px;color:var(--text-muted)}@media (max-width: 768px){.daily-stats[data-v-e6f48af6]{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.stat-card[data-v-e6f48af6]{padding:12px;gap:10px;border-radius:10px}.stat-icon[data-v-e6f48af6]{width:36px;height:36px;border-radius:9px}.stat-icon svg[data-v-e6f48af6]{width:20px;height:20px}.stat-value[data-v-e6f48af6]{font-size:18px;margin-bottom:2px}.stat-label[data-v-e6f48af6]{font-size:11px}}.app-usage-list[data-v-b342150b]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}.list-title[data-v-b342150b]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.list-content[data-v-b342150b]{display:flex;flex-direction:column;gap:16px}.app-item[data-v-b342150b]{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;transition:background .2s;cursor:pointer}.app-item[data-v-b342150b]:hover{background:var(--bg-subtle)}.app-rank[data-v-b342150b]{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.app-info[data-v-b342150b]{flex:0 0 150px}.app-name[data-v-b342150b]{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.app-sessions[data-v-b342150b]{font-size:12px;color:var(--text-muted)}.app-duration[data-v-b342150b]{flex:1;min-width:0}.duration-text[data-v-b342150b]{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.duration-bar[data-v-b342150b]{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.duration-fill[data-v-b342150b]{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:4px;transition:width .3s}.empty-state[data-v-b342150b]{text-align:center;padding:40px;color:var(--text-muted)}@media (max-width: 768px){.app-usage-list[data-v-b342150b]{padding:14px;border-radius:10px}.list-title[data-v-b342150b]{font-size:15px;margin-bottom:12px}.list-content[data-v-b342150b]{gap:6px}.app-item[data-v-b342150b]{gap:10px;padding:8px 6px}.app-rank[data-v-b342150b]{width:24px;height:24px;font-size:12px}.app-info[data-v-b342150b]{flex:0 0 96px}.app-name[data-v-b342150b]{font-size:14px;margin-bottom:2px}.app-sessions[data-v-b342150b]{font-size:11px}.duration-text[data-v-b342150b]{font-size:13px;margin-bottom:3px}.duration-bar[data-v-b342150b]{height:6px}.empty-state[data-v-b342150b]{padding:24px;font-size:13px}}.usage-chart[data-v-c739da29]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}.chart-title[data-v-c739da29]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.chart-container[data-v-c739da29]{height:300px}@media (max-width: 768px){.usage-chart[data-v-c739da29]{padding:14px;border-radius:10px}.chart-title[data-v-c739da29]{font-size:15px;margin-bottom:12px}.chart-container[data-v-c739da29]{height:220px}}.history-compare[data-v-039d76c0]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);margin-top:24px}.compare-title[data-v-039d76c0]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.compare-grid[data-v-039d76c0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.compare-item[data-v-039d76c0]{text-align:center;padding:16px;background:var(--bg-subtle);border-radius:8px}.compare-label[data-v-039d76c0]{font-size:14px;color:var(--text-muted);margin-bottom:8px}.compare-value[data-v-039d76c0]{font-size:28px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.compare-value.increase[data-v-039d76c0]{color:var(--danger-text)}.compare-value.decrease[data-v-039d76c0]{color:#52c41a}.compare-detail[data-v-039d76c0]{font-size:12px;color:var(--text-muted)}@media (max-width: 768px){.history-compare[data-v-039d76c0]{padding:14px;border-radius:10px;margin-top:12px}.compare-title[data-v-039d76c0]{font-size:15px;margin-bottom:12px}.compare-grid[data-v-039d76c0]{grid-template-columns:repeat(2,1fr);gap:8px}.compare-item[data-v-039d76c0]{padding:10px 6px}.compare-label[data-v-039d76c0]{font-size:11px;margin-bottom:4px}.compare-value[data-v-039d76c0]{font-size:17px;margin-bottom:4px}.compare-detail[data-v-039d76c0]{font-size:10px}}.chart-wrapper[data-v-3f2b0ee3]{position:relative;background:var(--bg-card)}.chart-toolbar[data-v-3f2b0ee3]{display:flex;justify-content:flex-end;gap:4px;margin-bottom:8px}.type-btn[data-v-3f2b0ee3]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .2s}.type-btn[data-v-3f2b0ee3]:hover{border-color:var(--color-primary);color:var(--color-primary)}.type-btn.active[data-v-3f2b0ee3]{background:var(--bg-tint);border-color:var(--color-primary);color:var(--color-primary)}.chart-container[data-v-3f2b0ee3]{height:320px}.empty[data-v-3f2b0ee3]{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}@media (max-width: 768px){.chart-container[data-v-3f2b0ee3]{height:240px}.type-btn[data-v-3f2b0ee3]{width:26px;height:26px}}.timeline-modal-overlay[data-v-3cb2abb2]{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-3cb2abb2]{background:var(--bg-card);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-3cb2abb2]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.modal-title[data-v-3cb2abb2]{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.close-btn[data-v-3cb2abb2]{width:32px;height:32px;border:none;background:transparent;font-size:28px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn[data-v-3cb2abb2]:hover{background:var(--bg-subtle);color:var(--text-primary)}.modal-body[data-v-3cb2abb2]{padding:24px;overflow-y:auto;flex:1}.date-picker[data-v-3cb2abb2]{margin-bottom:24px}.date-quick-options[data-v-3cb2abb2]{display:flex;gap:8px;margin-bottom:16px}.quick-btn[data-v-3cb2abb2]{padding:8px 16px;border:1px solid var(--border);background:var(--bg-card);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.quick-btn[data-v-3cb2abb2]:hover{border-color:var(--color-primary);color:var(--color-primary)}.quick-btn.active[data-v-3cb2abb2]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.date-range[data-v-3cb2abb2]{display:flex;gap:16px;flex-wrap:wrap}.date-range label[data-v-3cb2abb2]{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.date-range input[type=date][data-v-3cb2abb2]{padding:6px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;outline:none}.date-range input[type=date][data-v-3cb2abb2]:focus{border-color:var(--color-primary)}.chart-wrapper[data-v-3cb2abb2]{margin-bottom:24px}.loading[data-v-3cb2abb2],.error[data-v-3cb2abb2]{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.error[data-v-3cb2abb2]{color:var(--danger-text)}.stats-summary[data-v-3cb2abb2]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item[data-v-3cb2abb2]{background:var(--bg-subtle);border-radius:8px;padding:20px;text-align:center}.stat-label[data-v-3cb2abb2]{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.stat-value[data-v-3cb2abb2]{font-size:24px;font-weight:600;color:var(--color-primary)}@media (max-width: 768px){.timeline-modal-overlay[data-v-3cb2abb2]{padding:0}.timeline-modal[data-v-3cb2abb2]{max-width:100%;max-height:100%;border-radius:0}.modal-header[data-v-3cb2abb2]{padding:14px 16px}.modal-title[data-v-3cb2abb2]{font-size:16px}.close-btn[data-v-3cb2abb2]{font-size:24px}.modal-body[data-v-3cb2abb2]{padding:14px}.date-picker[data-v-3cb2abb2]{margin-bottom:16px}.date-quick-options[data-v-3cb2abb2]{flex-wrap:wrap;margin-bottom:10px}.quick-btn[data-v-3cb2abb2]{padding:5px 12px;font-size:13px}.date-range[data-v-3cb2abb2]{gap:10px}.date-range label[data-v-3cb2abb2]{font-size:13px}.date-range input[type=date][data-v-3cb2abb2]{padding:4px 8px;font-size:13px}.chart-wrapper[data-v-3cb2abb2]{margin-bottom:16px}.loading[data-v-3cb2abb2],.error[data-v-3cb2abb2]{padding:32px 16px;font-size:13px}.stats-summary[data-v-3cb2abb2]{grid-template-columns:repeat(3,1fr);gap:8px}.stat-item[data-v-3cb2abb2]{padding:10px 6px}.stat-label[data-v-3cb2abb2]{font-size:11px;margin-bottom:4px}.stat-value[data-v-3cb2abb2]{font-size:15px}}.dashboard[data-v-3b49d1a1]{animation:fadeIn-3b49d1a1 .3s}@keyframes fadeIn-3b49d1a1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-3b49d1a1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header-actions[data-v-3b49d1a1]{display:flex;align-items:center;gap:12px}.page-title[data-v-3b49d1a1]{font-size:28px;font-weight:700;color:var(--text-primary)}.page-date[data-v-3b49d1a1]{font-size:16px;color:var(--text-muted)}.refresh-btn[data-v-3b49d1a1],.retry-btn[data-v-3b49d1a1]{padding:8px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.retry-btn[data-v-3b49d1a1]{margin-top:16px}.refresh-btn[data-v-3b49d1a1]:hover,.retry-btn[data-v-3b49d1a1]:hover{background:var(--color-primary-hover)}.refresh-btn[data-v-3b49d1a1]:disabled{cursor:not-allowed;background:var(--color-primary-disabled)}.loading[data-v-3b49d1a1],.error[data-v-3b49d1a1]{text-align:center;padding:60px;background:var(--bg-card);border-radius:12px;box-shadow:var(--card-shadow)}.error[data-v-3b49d1a1]{color:var(--danger-text)}.dashboard-grid[data-v-3b49d1a1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-top:24px}.grid-item[data-v-3b49d1a1]{min-width:0}@media (max-width: 768px){.dashboard-grid[data-v-3b49d1a1]{grid-template-columns:1fr;gap:12px;margin-top:12px}.page-header[data-v-3b49d1a1]{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:14px}.page-title[data-v-3b49d1a1]{font-size:20px}.page-date[data-v-3b49d1a1]{font-size:13px}.page-header-actions[data-v-3b49d1a1]{width:100%;justify-content:space-between}.refresh-btn[data-v-3b49d1a1],.retry-btn[data-v-3b49d1a1]{padding:6px 14px;font-size:13px}.loading[data-v-3b49d1a1],.error[data-v-3b49d1a1]{padding:32px 16px;font-size:14px}}.history[data-v-3c262599]{animation:fadeIn-3c262599 .3s}@keyframes fadeIn-3c262599{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-3c262599]{margin-bottom:24px}.page-title[data-v-3c262599]{font-size:28px;font-weight:700;color:var(--text-primary)}.filters[data-v-3c262599]{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:24px;flex-wrap:wrap}.filter-group[data-v-3c262599]{display:flex;align-items:center;gap:8px}.custom-range-group[data-v-3c262599]{flex-wrap:wrap}.filter-group label[data-v-3c262599]{font-size:13px;color:var(--text-muted);white-space:nowrap}.select-wrapper[data-v-3c262599]{position:relative;display:inline-flex;align-items:center}.select-arrow[data-v-3c262599]{position:absolute;right:10px;color:var(--text-muted);pointer-events:none}.filter-select[data-v-3c262599],.filter-input[data-v-3c262599]{padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s,background .2s}.filter-select[data-v-3c262599]{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;cursor:pointer}.filter-select[data-v-3c262599]:hover,.filter-input[data-v-3c262599]:hover{border-color:var(--border);background:var(--bg-card)}.filter-select[data-v-3c262599]:focus,.filter-input[data-v-3c262599]:focus{border-color:var(--color-primary);background:var(--bg-card)}.refresh-btn[data-v-3c262599]{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .3s;margin-left:auto}.refresh-btn[data-v-3c262599]:hover{background:var(--color-primary-hover)}.loading[data-v-3c262599],.error[data-v-3c262599]{text-align:center;padding:60px;background:var(--bg-card);border-radius:12px;box-shadow:var(--card-shadow)}.error[data-v-3c262599]{color:var(--danger-text)}.retry-btn[data-v-3c262599]{margin-top:16px;padding:8px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.summary-card[data-v-3c262599],.timeline-card[data-v-3c262599]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);margin-bottom:24px}.summary-card h3[data-v-3c262599],.timeline-card h3[data-v-3c262599]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.summary-grid[data-v-3c262599]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item[data-v-3c262599]{text-align:center;padding:16px;background:var(--bg-subtle);border-radius:8px}.summary-label[data-v-3c262599]{font-size:14px;color:var(--text-muted);margin-bottom:8px}.summary-value[data-v-3c262599]{font-size:20px;font-weight:700;color:var(--color-primary)}.apps-table[data-v-3c262599]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}.apps-table h3[data-v-3c262599]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}table[data-v-3c262599]{width:100%;border-collapse:collapse}thead[data-v-3c262599]{background:var(--bg-subtle)}th[data-v-3c262599]{padding:12px;text-align:left;font-size:14px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border)}td[data-v-3c262599]{padding:12px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.app-row[data-v-3c262599]{cursor:pointer;transition:background .2s}.app-row[data-v-3c262599]:hover{background:var(--bg-tint)}.rank-cell[data-v-3c262599]{font-weight:700;color:var(--color-primary)}.app-cell[data-v-3c262599]{font-weight:500}.app-link[data-v-3c262599]{padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.duration-cell[data-v-3c262599]{color:var(--color-primary);font-weight:600}.sessions-cell[data-v-3c262599]{color:var(--text-muted)}.time-cell[data-v-3c262599]{color:var(--text-muted);font-size:12px}.empty-state[data-v-3c262599]{text-align:center;padding:40px;color:var(--text-muted)}@media (max-width: 768px){.page-header[data-v-3c262599]{margin-bottom:14px}.page-title[data-v-3c262599]{font-size:20px}.filters[data-v-3c262599]{flex-direction:column;align-items:stretch;gap:10px;padding:12px;border-radius:10px;margin-bottom:12px}.filter-group label[data-v-3c262599]{font-size:12px}.range-group[data-v-3c262599]{display:flex;align-items:center}.select-wrapper[data-v-3c262599]{flex:1}.filter-select[data-v-3c262599]{width:100%}.filter-select[data-v-3c262599],.filter-input[data-v-3c262599]{padding:6px 10px;font-size:13px}.refresh-btn[data-v-3c262599]{margin-left:0;justify-content:center;padding:6px 14px;font-size:13px}.summary-card[data-v-3c262599],.timeline-card[data-v-3c262599],.apps-table[data-v-3c262599]{padding:14px;border-radius:10px;margin-bottom:12px}.summary-card h3[data-v-3c262599],.timeline-card h3[data-v-3c262599],.apps-table h3[data-v-3c262599]{font-size:15px;margin-bottom:10px}.summary-grid[data-v-3c262599]{grid-template-columns:repeat(3,1fr);gap:0}.summary-item[data-v-3c262599]{padding:2px 8px;background:none;border-radius:0}.summary-item+.summary-item[data-v-3c262599]{border-left:1px solid var(--border-light)}.summary-label[data-v-3c262599]{font-size:11px;margin-bottom:2px}.summary-value[data-v-3c262599]{font-size:13px;line-height:1.4}.loading[data-v-3c262599],.error[data-v-3c262599]{padding:32px 16px;font-size:14px}table[data-v-3c262599]{display:block;overflow-x:auto}th[data-v-3c262599],td[data-v-3c262599]{padding:8px;font-size:13px}.time-cell[data-v-3c262599]{font-size:11px}.empty-state[data-v-3c262599]{padding:24px;font-size:13px}}.insights-card[data-v-70905b96]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}.card-header[data-v-70905b96]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title[data-v-70905b96]{font-size:18px;font-weight:600;color:var(--text-primary)}.range-switch[data-v-70905b96]{display:flex;gap:4px}.range-btn[data-v-70905b96]{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.range-btn[data-v-70905b96]:hover{border-color:var(--color-primary);color:var(--color-primary)}.range-btn.active[data-v-70905b96]{background:var(--bg-tint);border-color:var(--color-primary);color:var(--color-primary)}.state[data-v-70905b96]{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.state.error[data-v-70905b96]{color:var(--danger-text)}.insights-grid[data-v-70905b96]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.insight-item[data-v-70905b96]{display:flex;gap:12px;padding:14px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-subtle)}.insight-icon[data-v-70905b96]{flex:0 0 auto;color:var(--color-primary);margin-top:2px}.insight-title[data-v-70905b96]{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.insight-description[data-v-70905b96]{font-size:13px;color:var(--text-secondary);line-height:1.6}.insight-description[data-v-70905b96] .hl{color:var(--color-primary);font-weight:600;background:var(--bg-tint);border-radius:4px;padding:0 3px;white-space:nowrap}@media (max-width: 768px){.insights-card[data-v-70905b96]{padding:14px;border-radius:10px}.card-title[data-v-70905b96]{font-size:15px}.card-header[data-v-70905b96]{margin-bottom:12px}.insights-grid[data-v-70905b96]{grid-template-columns:1fr;gap:8px}.insight-item[data-v-70905b96]{padding:10px}}.calendar-card[data-v-60f780db]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}.card-header[data-v-60f780db]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title[data-v-60f780db]{font-size:18px;font-weight:600;color:var(--text-primary)}.year-switch[data-v-60f780db]{display:flex;align-items:center;gap:8px}.year-label[data-v-60f780db]{font-size:14px;color:var(--text-secondary);min-width:56px;text-align:center}.year-btn[data-v-60f780db]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .2s}.year-btn[data-v-60f780db]:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.year-btn[data-v-60f780db]:disabled{opacity:.4;cursor:not-allowed}.summary[data-v-60f780db]{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.summary strong[data-v-60f780db]{color:var(--color-primary)}.state[data-v-60f780db]{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.state.error[data-v-60f780db]{color:var(--danger-text)}.chart-container[data-v-60f780db]{height:200px}@media (max-width: 768px){.calendar-card[data-v-60f780db]{padding:14px;border-radius:10px}.card-title[data-v-60f780db]{font-size:15px}.chart-container[data-v-60f780db]{height:170px}}.heatmap-card[data-v-121b2050]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);height:100%;box-sizing:border-box}.card-header[data-v-121b2050]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title[data-v-121b2050]{font-size:18px;font-weight:600;color:var(--text-primary)}.range-switch[data-v-121b2050]{display:flex;gap:4px}.range-btn[data-v-121b2050]{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.range-btn[data-v-121b2050]:hover{border-color:var(--color-primary);color:var(--color-primary)}.range-btn.active[data-v-121b2050]{background:var(--bg-tint);border-color:var(--color-primary);color:var(--color-primary)}.state[data-v-121b2050]{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.state.error[data-v-121b2050]{color:var(--danger-text)}.chart-container[data-v-121b2050]{height:280px}@media (max-width: 768px){.heatmap-card[data-v-121b2050]{padding:14px;border-radius:10px}.card-title[data-v-121b2050]{font-size:15px}.card-header[data-v-121b2050]{margin-bottom:10px}.chart-container[data-v-121b2050]{height:230px}}.tag-pie-card[data-v-ddf16f84]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);height:100%;box-sizing:border-box}.card-header[data-v-ddf16f84]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title[data-v-ddf16f84]{font-size:18px;font-weight:600;color:var(--text-primary)}.range-switch[data-v-ddf16f84]{display:flex;gap:4px}.range-btn[data-v-ddf16f84]{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.range-btn[data-v-ddf16f84]:hover{border-color:var(--color-primary);color:var(--color-primary)}.range-btn.active[data-v-ddf16f84]{background:var(--bg-tint);border-color:var(--color-primary);color:var(--color-primary)}.state[data-v-ddf16f84]{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.state.error[data-v-ddf16f84]{color:var(--danger-text)}.chart-container[data-v-ddf16f84]{height:280px}@media (max-width: 768px){.tag-pie-card[data-v-ddf16f84]{padding:14px;border-radius:10px}.card-title[data-v-ddf16f84]{font-size:15px}.card-header[data-v-ddf16f84]{margin-bottom:10px}.chart-container[data-v-ddf16f84]{height:230px}}.hourly-stack-card[data-v-45c2fd1b]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}.card-header[data-v-45c2fd1b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title[data-v-45c2fd1b]{font-size:18px;font-weight:600;color:var(--text-primary)}.range-switch[data-v-45c2fd1b]{display:flex;gap:4px}.range-btn[data-v-45c2fd1b]{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.range-btn[data-v-45c2fd1b]:hover{border-color:var(--color-primary);color:var(--color-primary)}.range-btn.active[data-v-45c2fd1b]{background:var(--bg-tint);border-color:var(--color-primary);color:var(--color-primary)}.state[data-v-45c2fd1b]{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.state.error[data-v-45c2fd1b]{color:var(--danger-text)}.chart-container[data-v-45c2fd1b]{height:320px}@media (max-width: 768px){.hourly-stack-card[data-v-45c2fd1b]{padding:14px;border-radius:10px}.card-title[data-v-45c2fd1b]{font-size:15px}.card-header[data-v-45c2fd1b]{margin-bottom:10px}.chart-container[data-v-45c2fd1b]{height:260px}}.gantt-card[data-v-1a544025]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}.card-header[data-v-1a544025]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title[data-v-1a544025]{font-size:18px;font-weight:600;color:var(--text-primary)}.date-picker[data-v-1a544025]{display:flex;align-items:center;gap:6px}.date-input[data-v-1a544025]{padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--bg-card)}.nav-btn[data-v-1a544025]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .2s}.nav-btn[data-v-1a544025]:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.nav-btn[data-v-1a544025]:disabled{opacity:.4;cursor:not-allowed}.summary[data-v-1a544025]{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.summary strong[data-v-1a544025]{color:var(--color-primary)}.state[data-v-1a544025]{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.state.error[data-v-1a544025]{color:var(--danger-text)}@media (max-width: 768px){.gantt-card[data-v-1a544025]{padding:14px;border-radius:10px}.card-title[data-v-1a544025]{font-size:15px}.card-header[data-v-1a544025]{flex-wrap:wrap;gap:8px}}.breakdown-card[data-v-4be498d3]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow)}.card-header[data-v-4be498d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title[data-v-4be498d3]{font-size:18px;font-weight:600;color:var(--text-primary)}.year-switch[data-v-4be498d3]{display:flex;gap:4px}.year-btn[data-v-4be498d3]{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.year-btn[data-v-4be498d3]:hover{border-color:var(--color-primary);color:var(--color-primary)}.year-btn.active[data-v-4be498d3]{background:var(--bg-tint);border-color:var(--color-primary);color:var(--color-primary)}.state[data-v-4be498d3]{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.state.error[data-v-4be498d3]{color:var(--danger-text)}.year-summary[data-v-4be498d3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.summary-item[data-v-4be498d3]{text-align:center;padding:14px 8px;background:var(--bg-tint);border-radius:10px}.summary-value[data-v-4be498d3]{font-size:17px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.summary-label[data-v-4be498d3]{font-size:12px;color:var(--text-muted)}.chart-container[data-v-4be498d3]{height:220px;margin-bottom:20px}.month-grid[data-v-4be498d3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.month-item[data-v-4be498d3]{border:1px solid var(--border-light);border-radius:10px;padding:12px 14px;background:var(--bg-subtle)}.month-header[data-v-4be498d3]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.month-name[data-v-4be498d3]{font-size:14px;font-weight:600;color:var(--text-primary)}.month-total[data-v-4be498d3]{font-size:14px;font-weight:600;color:var(--color-primary)}.month-meta[data-v-4be498d3]{font-size:12px;color:var(--text-muted);margin-bottom:6px}.month-top-apps[data-v-4be498d3]{display:flex;flex-wrap:wrap;gap:4px}.top-app[data-v-4be498d3]{font-size:11px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;padding:1px 6px}@media (max-width: 768px){.breakdown-card[data-v-4be498d3]{padding:14px;border-radius:10px}.card-title[data-v-4be498d3]{font-size:15px}.card-header[data-v-4be498d3]{margin-bottom:12px}.year-summary[data-v-4be498d3]{gap:8px;margin-bottom:12px}.summary-item[data-v-4be498d3]{padding:10px 6px}.summary-value[data-v-4be498d3]{font-size:14px}.chart-container[data-v-4be498d3]{height:180px;margin-bottom:12px}.month-grid[data-v-4be498d3]{grid-template-columns:1fr;gap:8px}}.analytics[data-v-10971dab]{animation:fadeIn-10971dab .3s}@keyframes fadeIn-10971dab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-10971dab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page-title[data-v-10971dab]{font-size:28px;font-weight:700;color:var(--text-primary)}.page-header-actions[data-v-10971dab]{display:flex;gap:8px}.export-btn[data-v-10971dab]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background .3s}.export-btn[data-v-10971dab]:hover:not(:disabled){background:var(--color-primary-hover)}.export-btn.secondary[data-v-10971dab]{background:var(--bg-card);color:var(--color-primary);border:1px solid var(--color-primary)}.export-btn.secondary[data-v-10971dab]:hover:not(:disabled){background:var(--bg-tint)}.export-btn[data-v-10971dab]:disabled{cursor:not-allowed;opacity:.6}.export-range[data-v-10971dab]{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;color:var(--text-muted)}.range-label[data-v-10971dab]{flex:0 0 auto}.range-sep[data-v-10971dab]{color:var(--border)}.date-input[data-v-10971dab]{padding:5px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--bg-card)}.analytics-stack[data-v-10971dab]{display:flex;flex-direction:column;gap:24px}.analytics-grid[data-v-10971dab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:24px}@media (max-width: 768px){.page-header[data-v-10971dab]{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.page-title[data-v-10971dab]{font-size:20px}.export-range[data-v-10971dab]{margin-bottom:12px}.analytics-stack[data-v-10971dab]{gap:12px}.analytics-grid[data-v-10971dab]{grid-template-columns:1fr;gap:12px}}.login-container[data-v-3ce396b6]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#483D8B 100%);padding:20px}.login-card[data-v-3ce396b6]{background:var(--bg-card);border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%}.title[data-v-3ce396b6]{display:flex;align-items:center;justify-content:center;gap:10px;font-size:32px;font-weight:700;color:var(--color-primary);text-align:center;margin:0 0 8px}.title-icon[data-v-3ce396b6]{flex:0 0 auto}.subtitle[data-v-3ce396b6]{font-size:16px;color:var(--text-secondary);text-align:center;margin:0 0 32px}.login-form[data-v-3ce396b6]{display:flex;flex-direction:column;gap:20px}.submit-button[data-v-3ce396b6]{padding:12px 24px;font-size:16px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:all .3s;margin-top:8px}.submit-button[data-v-3ce396b6]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce766}.submit-button[data-v-3ce396b6]:active:not(:disabled){transform:translateY(0)}.submit-button[data-v-3ce396b6]:disabled{background:var(--border);cursor:not-allowed}.error-message[data-v-3ce396b6]{color:var(--danger-text);font-size:14px;text-align:center;margin:0}@media (max-width: 768px){.login-card[data-v-3ce396b6]{padding:28px 20px;border-radius:12px}.title[data-v-3ce396b6]{font-size:24px}.subtitle[data-v-3ce396b6]{font-size:14px;margin:0 0 24px}.login-form[data-v-3ce396b6]{gap:14px}.submit-button[data-v-3ce396b6]{padding:10px 20px;font-size:14px}}.apps-table[data-v-f2529116]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);overflow-x:auto}table[data-v-f2529116]{width:100%;border-collapse:collapse}th[data-v-f2529116],td[data-v-f2529116]{padding:14px 12px;text-align:left;border-bottom:1px solid var(--border-light);vertical-align:top}th[data-v-f2529116]{font-size:14px;color:var(--text-secondary);font-weight:600}th.sortable[data-v-f2529116]{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable[data-v-f2529116]:hover{color:var(--color-primary)}.sort-icon[data-v-f2529116]{margin-left:4px;font-size:12px;color:var(--text-muted)}th.sortable:hover .sort-icon[data-v-f2529116]{color:var(--color-primary)}.app-name-row[data-v-f2529116]{display:flex;align-items:center;gap:8px}.app-color-dot[data-v-f2529116]{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.app-name[data-v-f2529116]{font-weight:600;color:var(--text-primary)}.app-hint[data-v-f2529116]{margin-top:4px;font-size:12px;color:#fa8c16}.chips[data-v-f2529116]{display:flex;flex-wrap:wrap;gap:8px}.chip[data-v-f2529116]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--bg-tint);color:var(--color-primary);font-size:12px}.status-badge[data-v-f2529116]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status-active[data-v-f2529116]{background:#52c41a1f;color:#52c41a}.status-inactive[data-v-f2529116]{background:var(--danger-bg);color:var(--danger-text)}.action-btn[data-v-f2529116]{padding:8px 14px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;cursor:pointer;transition:background .2s}.action-btn[data-v-f2529116]:hover{background:var(--color-primary-hover)}.empty-text[data-v-f2529116]{color:var(--text-muted)}.empty-state[data-v-f2529116]{text-align:center;padding:32px 0 8px;color:var(--text-muted)}@media (max-width: 768px){.apps-table[data-v-f2529116]{padding:12px;border-radius:10px}th[data-v-f2529116],td[data-v-f2529116]{padding:8px 6px;font-size:13px}th[data-v-f2529116]{font-size:12px}.chips[data-v-f2529116]{gap:4px}.chip[data-v-f2529116],.status-badge[data-v-f2529116]{padding:2px 8px;font-size:11px}.action-btn[data-v-f2529116]{padding:5px 10px;font-size:12px}.app-hint[data-v-f2529116]{font-size:11px}}.modal-overlay[data-v-087ee61f]{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-087ee61f]{width:100%;max-width:640px;background:var(--bg-card);border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden}.modal-header[data-v-087ee61f],.modal-footer[data-v-087ee61f]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.modal-header[data-v-087ee61f]{border-bottom:1px solid var(--border-light)}.modal-footer[data-v-087ee61f]{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px}.modal-title[data-v-087ee61f]{font-size:22px;color:var(--text-primary);font-weight:600}.close-btn[data-v-087ee61f]{border:none;background:transparent;font-size:28px;color:var(--text-muted);cursor:pointer}.modal-body[data-v-087ee61f]{padding:24px}.form-group+.form-group[data-v-087ee61f]{margin-top:20px}.form-group label[data-v-087ee61f]{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.form-input[data-v-087ee61f]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px}.form-input[data-v-087ee61f]:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 2px #6c5ce71f}.inline-input-row[data-v-087ee61f]{display:flex;gap:12px}.color-input-row[data-v-087ee61f]{display:flex;align-items:center;gap:12px}.color-input[data-v-087ee61f]{width:56px;height:36px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer}.tag-color-list[data-v-087ee61f]{display:flex;flex-direction:column;gap:10px;margin-top:12px}.tag-color-item[data-v-087ee61f]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.help-text[data-v-087ee61f]{margin-top:8px;font-size:12px;color:var(--text-muted)}.form-checkbox label[data-v-087ee61f]{display:inline-flex;align-items:center;gap:8px;margin-bottom:0}.chips[data-v-087ee61f]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.editable-chip[data-v-087ee61f]{border:none;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--bg-tint);color:var(--color-primary);cursor:pointer}.mini-btn[data-v-087ee61f]{padding:6px 10px;font-size:12px}.primary-btn[data-v-087ee61f],.secondary-btn[data-v-087ee61f]{padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer}.primary-btn[data-v-087ee61f]{border:none;background:var(--color-primary);color:#fff}.primary-btn[data-v-087ee61f]:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.secondary-btn[data-v-087ee61f]{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary)}.error-message[data-v-087ee61f]{margin-top:20px;padding:12px 14px;border-radius:8px;background:var(--danger-bg-hover);color:var(--danger-text)}@media (max-width: 768px){.modal-overlay[data-v-087ee61f]{padding:12px}.modal-header[data-v-087ee61f],.modal-footer[data-v-087ee61f]{padding:14px 16px}.modal-title[data-v-087ee61f]{font-size:17px}.close-btn[data-v-087ee61f]{font-size:24px}.modal-body[data-v-087ee61f]{padding:16px}.form-group+.form-group[data-v-087ee61f]{margin-top:14px}.form-group label[data-v-087ee61f]{font-size:13px;margin-bottom:6px}.form-input[data-v-087ee61f]{padding:8px 10px;font-size:13px}.primary-btn[data-v-087ee61f],.secondary-btn[data-v-087ee61f]{padding:8px 14px;font-size:13px}.editable-chip[data-v-087ee61f]{padding:4px 8px;font-size:12px}.error-message[data-v-087ee61f]{margin-top:14px;padding:10px 12px;font-size:13px}}.app-management[data-v-819f1288]{animation:fadeIn-819f1288 .3s}@keyframes fadeIn-819f1288{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-819f1288]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title[data-v-819f1288]{font-size:28px;font-weight:700;color:var(--text-primary)}.create-btn[data-v-819f1288],.refresh-btn[data-v-819f1288],.retry-btn[data-v-819f1288]{padding:10px 18px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;cursor:pointer;transition:background .2s}.create-btn[data-v-819f1288]:hover,.refresh-btn[data-v-819f1288]:hover,.retry-btn[data-v-819f1288]:hover{background:var(--color-primary-hover)}.filters[data-v-819f1288]{display:flex;gap:12px;align-items:flex-end;margin-bottom:24px}.filter-group[data-v-819f1288]{display:flex;flex-direction:column;gap:8px}.search-group[data-v-819f1288]{flex:1}.filter-input[data-v-819f1288]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px}.loading[data-v-819f1288],.error[data-v-819f1288]{text-align:center;padding:60px;background:var(--bg-card);border-radius:12px;box-shadow:var(--card-shadow)}.error[data-v-819f1288]{color:var(--danger-text)}.summary-card[data-v-819f1288]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);margin-bottom:24px}.summary-card h3[data-v-819f1288]{margin-bottom:20px;font-size:18px;color:var(--text-primary)}.summary-grid[data-v-819f1288]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.summary-item[data-v-819f1288]{background:var(--bg-subtle);border-radius:10px;padding:16px}.summary-label[data-v-819f1288]{color:var(--text-muted);font-size:13px;margin-bottom:8px}.summary-value[data-v-819f1288]{color:var(--text-primary);font-size:24px;font-weight:600}@media (max-width: 768px){.page-header[data-v-819f1288],.filters[data-v-819f1288]{flex-direction:column;align-items:stretch}.page-header[data-v-819f1288]{margin-bottom:14px;gap:8px}.page-title[data-v-819f1288]{font-size:20px}.create-btn[data-v-819f1288],.refresh-btn[data-v-819f1288],.retry-btn[data-v-819f1288]{padding:7px 14px;font-size:13px}.filters[data-v-819f1288]{margin-bottom:12px}.filter-input[data-v-819f1288]{padding:8px 10px;font-size:13px}.summary-card[data-v-819f1288]{padding:14px;border-radius:10px;margin-bottom:12px}.summary-card h3[data-v-819f1288]{font-size:15px;margin-bottom:12px}.summary-grid[data-v-819f1288]{grid-template-columns:repeat(2,1fr);gap:8px}.summary-item[data-v-819f1288]{padding:10px;border-radius:8px}.summary-label[data-v-819f1288]{font-size:12px;margin-bottom:4px}.summary-value[data-v-819f1288]{font-size:18px}.loading[data-v-819f1288],.error[data-v-819f1288]{padding:32px 16px;font-size:14px}}.settings-card[data-v-e57974db]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);margin-bottom:24px}.card-header[data-v-e57974db]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-title[data-v-e57974db]{font-size:20px;color:var(--text-primary);margin:0}.card-desc[data-v-e57974db]{color:var(--text-muted);font-size:13px;margin-bottom:16px}.create-btn[data-v-e57974db],.retry-btn[data-v-e57974db]{padding:10px 18px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;cursor:pointer;transition:background .2s}.create-btn[data-v-e57974db]:hover,.retry-btn[data-v-e57974db]:hover{background:var(--color-primary-hover)}.create-btn[data-v-e57974db]:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.loading[data-v-e57974db],.error[data-v-e57974db]{text-align:center;padding:32px 16px}.error[data-v-e57974db]{color:var(--danger-text)}.retry-btn[data-v-e57974db]{margin-top:12px}.table-wrap[data-v-e57974db]{overflow-x:auto}.keys-table[data-v-e57974db]{width:100%;border-collapse:collapse;font-size:14px}.keys-table th[data-v-e57974db]{text-align:left;color:var(--text-muted);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--border-light);white-space:nowrap}.keys-table td[data-v-e57974db]{padding:12px;border-bottom:1px solid var(--bg-subtle);color:var(--text-primary);white-space:nowrap}.keys-table td.empty[data-v-e57974db]{text-align:center;color:var(--text-muted);padding:40px 12px}.keys-table code[data-v-e57974db]{background:var(--bg-subtle);border-radius:4px;padding:2px 6px;font-size:13px}.scope-tag[data-v-e57974db]{display:inline-block;background:var(--bg-tint);color:var(--color-primary);border-radius:4px;padding:2px 8px;font-size:12px;margin-right:6px}.scope-none[data-v-e57974db]{color:var(--text-muted);font-size:13px}.actions-col[data-v-e57974db]{text-align:right}.edit-btn[data-v-e57974db]{padding:6px 14px;border:1px solid var(--color-primary-disabled);border-radius:6px;background:var(--bg-tint);color:var(--color-primary);font-size:13px;cursor:pointer;transition:all .2s;margin-right:8px}.edit-btn[data-v-e57974db]:hover{background:var(--color-primary);color:#fff}.delete-btn[data-v-e57974db]{padding:6px 14px;border:1px solid var(--danger-border);border-radius:6px;background:var(--danger-bg);color:var(--danger-text);font-size:13px;cursor:pointer;transition:all .2s}.delete-btn[data-v-e57974db]:hover{background:var(--danger-bg-hover);border-color:var(--danger-border-hover)}.modal-mask[data-v-e57974db]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-e57974db]{background:var(--bg-card);border-radius:12px;padding:24px;width:480px;max-width:calc(100vw - 40px)}.modal-title[data-v-e57974db]{font-size:18px;color:var(--text-primary);margin-bottom:20px}.form-group[data-v-e57974db]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label[data-v-e57974db]{color:var(--text-secondary);font-size:14px}.form-input[data-v-e57974db]{padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--bg-card);color:var(--text-primary)}.scope-options[data-v-e57974db]{display:flex;flex-direction:column;gap:8px}.scope-option[data-v-e57974db]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;cursor:pointer}.scope-option[data-v-e57974db]:hover{background:var(--bg-subtle)}.scope-option-label[data-v-e57974db]{color:var(--text-primary);font-size:14px}.scope-option-value[data-v-e57974db]{color:var(--text-muted);font-size:12px;font-family:monospace}.modal-error[data-v-e57974db]{color:var(--danger-text);font-size:13px;margin-bottom:12px}.modal-actions[data-v-e57974db]{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.cancel-btn[data-v-e57974db]{padding:10px 18px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer}.created-tip[data-v-e57974db]{color:#fa8c16;font-size:14px;margin-bottom:12px}.created-key-row[data-v-e57974db]{display:flex;gap:8px;align-items:center;margin-bottom:16px}.created-key[data-v-e57974db]{flex:1;background:var(--bg-subtle);border-radius:6px;padding:10px 12px;font-size:13px;word-break:break-all}.copy-btn[data-v-e57974db]{padding:10px 16px;border:none;border-radius:6px;background:#52c41a;color:#fff;cursor:pointer;white-space:nowrap}.copy-btn[data-v-e57974db]:hover{background:#73d13d}@media (max-width: 768px){.settings-card[data-v-e57974db]{padding:16px;border-radius:10px}.card-title[data-v-e57974db]{font-size:16px}.create-btn[data-v-e57974db],.retry-btn[data-v-e57974db]{padding:7px 14px;font-size:13px}.keys-table[data-v-e57974db]{font-size:13px}.keys-table th[data-v-e57974db]{padding:8px;font-size:12px}.keys-table td[data-v-e57974db]{padding:8px}.keys-table code[data-v-e57974db]{font-size:12px}.scope-tag[data-v-e57974db]{font-size:11px;padding:1px 6px;margin-right:4px}.edit-btn[data-v-e57974db],.delete-btn[data-v-e57974db]{padding:4px 10px;font-size:12px}.loading[data-v-e57974db],.error[data-v-e57974db]{padding:24px 12px;font-size:14px}.modal[data-v-e57974db]{padding:16px}.modal-title[data-v-e57974db]{font-size:16px;margin-bottom:14px}}.settings-page[data-v-d9caefa5]{animation:fadeIn-d9caefa5 .3s}@keyframes fadeIn-d9caefa5{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-d9caefa5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page-title[data-v-d9caefa5]{font-size:28px;font-weight:700;color:var(--text-primary)}.page-desc[data-v-d9caefa5]{color:var(--text-muted);font-size:14px;margin-bottom:24px}.loading[data-v-d9caefa5],.error[data-v-d9caefa5]{text-align:center;padding:60px;background:var(--bg-card);border-radius:12px;box-shadow:var(--card-shadow)}.error[data-v-d9caefa5]{color:var(--danger-text)}.retry-btn[data-v-d9caefa5]{padding:10px 18px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;cursor:pointer;margin-top:12px}.settings-card[data-v-d9caefa5]{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);margin-bottom:24px}.card-header[data-v-d9caefa5]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-title[data-v-d9caefa5]{font-size:20px;color:var(--text-primary);margin:0}.source-tag[data-v-d9caefa5]{font-size:12px;background:var(--bg-tint);color:var(--color-primary);border-radius:4px;padding:2px 8px}.source-tag.yaml[data-v-d9caefa5]{background:var(--bg-subtle);color:var(--text-muted)}.card-desc[data-v-d9caefa5]{color:var(--text-muted);font-size:13px;margin-bottom:16px}.defaults-row[data-v-d9caefa5],.routing-row[data-v-d9caefa5]{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:16px;padding:12px 16px;background:var(--bg-subtle);border-radius:8px}.form-group[data-v-d9caefa5]{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group.inline[data-v-d9caefa5]{flex:0 0 auto}.form-group label[data-v-d9caefa5]{color:var(--text-secondary);font-size:13px}.checkbox-label[data-v-d9caefa5]{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;cursor:pointer;padding-bottom:10px}.form-input[data-v-d9caefa5]{padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--bg-card);color:var(--text-primary);width:100%;box-sizing:border-box}.form-input.small[data-v-d9caefa5]{width:140px}.form-input.timezone-input[data-v-d9caefa5]{width:240px}.form-input[data-v-d9caefa5]:focus{outline:none;border-color:var(--color-primary)}.field-hint[data-v-d9caefa5]{color:var(--text-muted);font-size:12px;margin:0;padding-bottom:10px}.provider-card[data-v-d9caefa5]{border:1px solid var(--border-light);border-radius:10px;padding:16px;margin-bottom:16px}.provider-header[data-v-d9caefa5]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.provider-order[data-v-d9caefa5]{color:var(--text-muted);font-size:13px;font-family:monospace}.provider-name[data-v-d9caefa5]{font-weight:600;color:var(--text-primary);font-size:15px}.provider-type-tag[data-v-d9caefa5]{font-size:12px;background:var(--bg-tint);color:var(--color-primary);border-radius:4px;padding:2px 8px}.provider-actions[data-v-d9caefa5]{margin-left:auto;display:flex;gap:6px}.mini-btn[data-v-d9caefa5]{padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.mini-btn[data-v-d9caefa5]:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.mini-btn[data-v-d9caefa5]:disabled{opacity:.4;cursor:not-allowed}.mini-btn.test[data-v-d9caefa5]{border-color:var(--color-primary-disabled);background:var(--bg-tint);color:var(--color-primary)}.mini-btn.danger[data-v-d9caefa5]{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.fields-grid[data-v-d9caefa5]{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.fields-grid .span2[data-v-d9caefa5]{grid-column:span 2}.test-result[data-v-d9caefa5]{margin:12px 0 0;font-size:13px;color:#52c41a;word-break:break-all}.test-result.fail[data-v-d9caefa5]{color:var(--danger-text)}.add-btn[data-v-d9caefa5]{width:100%;padding:10px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:8px}.add-btn[data-v-d9caefa5]:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--bg-tint)}.card-actions[data-v-d9caefa5]{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.save-msg[data-v-d9caefa5]{font-size:13px;color:#52c41a}.save-msg.fail[data-v-d9caefa5]{color:var(--danger-text)}.save-btn[data-v-d9caefa5]{padding:10px 20px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.save-btn[data-v-d9caefa5]:hover{background:var(--color-primary-hover)}.save-btn[data-v-d9caefa5]:disabled{background:var(--color-primary-disabled);cursor:not-allowed}@media (max-width: 768px){.page-title[data-v-d9caefa5]{font-size:20px}.page-desc[data-v-d9caefa5]{font-size:12px;margin-bottom:12px}.settings-card[data-v-d9caefa5]{padding:16px;border-radius:10px}.card-title[data-v-d9caefa5]{font-size:16px}.fields-grid[data-v-d9caefa5]{grid-template-columns:1fr}.fields-grid .span2[data-v-d9caefa5]{grid-column:span 1}.provider-header[data-v-d9caefa5]{flex-wrap:wrap}.provider-actions[data-v-d9caefa5]{width:100%;margin-left:0}.form-input.small[data-v-d9caefa5],.form-input.timezone-input[data-v-d9caefa5],.form-group.inline[data-v-d9caefa5]{width:100%}.defaults-row[data-v-d9caefa5],.routing-row[data-v-d9caefa5]{flex-direction:column;align-items:stretch}.checkbox-label[data-v-d9caefa5]{padding-bottom:0}.card-actions[data-v-d9caefa5]{flex-direction:column;align-items:stretch}.save-btn[data-v-d9caefa5]{width:100%}}