.app[data-v-4efd9a6f]{min-height:100vh;background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column}.top-nav[data-v-4efd9a6f]{background:#1e293b;border-bottom:1px solid #334155;height:64px;position:sticky;top:0;z-index:100}.nav-container[data-v-4efd9a6f]{max-width:100%;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-left[data-v-4efd9a6f]{display:flex;align-items:center}.logo[data-v-4efd9a6f]{display:flex;align-items:center;gap:8px;color:#60a5fa}.logo-text[data-v-4efd9a6f]{font-size:18px;font-weight:600}.nav-right[data-v-4efd9a6f]{display:flex;align-items:center;gap:12px}.nav-button[data-v-4efd9a6f]{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-button[data-v-4efd9a6f]:hover{background:#334155;color:#e2e8f0}.user-avatar[data-v-4efd9a6f]{margin-left:8px}.avatar-circle[data-v-4efd9a6f]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.main-layout[data-v-4efd9a6f]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-4efd9a6f]{width:240px;background:#1e293b;border-right:1px solid #334155;overflow-y:auto;flex-shrink:0}.sidebar-nav[data-v-4efd9a6f]{padding:16px 0}.nav-section[data-v-4efd9a6f]{margin-bottom:32px}.nav-section-title[data-v-4efd9a6f]{padding:8px 24px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.nav-item[data-v-4efd9a6f]{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#94a3b8;cursor:pointer;transition:all .2s;font-size:14px}.nav-item[data-v-4efd9a6f]:hover{background:#334155;color:#e2e8f0}.nav-item.active[data-v-4efd9a6f]{background:#1e40af;color:#60a5fa;border-right:3px solid #60a5fa}.nav-item svg[data-v-4efd9a6f]{flex-shrink:0}.main-content[data-v-4efd9a6f]{flex:1;overflow-y:auto;padding:32px;background:#0f172a}.content-header[data-v-4efd9a6f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-title[data-v-4efd9a6f]{font-size:32px;font-weight:700;color:#f1f5f9}.header-actions[data-v-4efd9a6f]{display:flex;gap:12px}.btn-primary[data-v-4efd9a6f],.btn-secondary[data-v-4efd9a6f]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-4efd9a6f]{background:#3b82f6;color:#fff}.btn-primary[data-v-4efd9a6f]:hover{background:#2563eb}.btn-secondary[data-v-4efd9a6f]{background:#334155;color:#e2e8f0}.btn-secondary[data-v-4efd9a6f]:hover{background:#475569}.stats-grid[data-v-4efd9a6f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card[data-v-4efd9a6f]{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;transition:all .2s}.stat-card[data-v-4efd9a6f]:hover{border-color:#475569;transform:translateY(-2px)}.stat-header[data-v-4efd9a6f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-label[data-v-4efd9a6f]{font-size:14px;color:#94a3b8}.stat-icon[data-v-4efd9a6f]{color:#64748b}.stat-value[data-v-4efd9a6f]{font-size:32px;font-weight:700;color:#f1f5f9;margin-bottom:8px}.stat-change[data-v-4efd9a6f]{font-size:13px;color:#94a3b8}.stat-change.positive[data-v-4efd9a6f]{color:#34d399}.content-grid[data-v-4efd9a6f]{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.content-card[data-v-4efd9a6f]{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.content-card.full-width[data-v-4efd9a6f]{grid-column:1 / -1}.card-header[data-v-4efd9a6f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-title[data-v-4efd9a6f]{font-size:18px;font-weight:600;color:#f1f5f9}.card-actions[data-v-4efd9a6f]{display:flex;gap:12px}.select-small[data-v-4efd9a6f]{padding:6px 12px;background:#334155;border:1px solid #475569;border-radius:6px;color:#e2e8f0;font-size:13px;cursor:pointer}.btn-link[data-v-4efd9a6f]{background:none;border:none;color:#60a5fa;font-size:14px;cursor:pointer;padding:4px 8px}.btn-link[data-v-4efd9a6f]:hover{text-decoration:underline}.chart-placeholder[data-v-4efd9a6f]{height:300px;display:flex;align-items:flex-end;gap:8px;padding:16px 0}.chart-bars[data-v-4efd9a6f]{display:flex;align-items:flex-end;gap:8px;width:100%;height:100%}.bar[data-v-4efd9a6f]{flex:1;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;min-height:20px}.activity-list[data-v-4efd9a6f]{display:flex;flex-direction:column;gap:16px}.activity-item[data-v-4efd9a6f]{display:flex;gap:12px;padding:16px;background:#0f172a;border-radius:8px;border:1px solid #334155}.activity-icon[data-v-4efd9a6f]{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.success[data-v-4efd9a6f]{background:#34d3991a;color:#34d399}.activity-icon.info[data-v-4efd9a6f]{background:#60a5fa1a;color:#60a5fa}.activity-icon.warning[data-v-4efd9a6f]{background:#fbbf241a;color:#fbbf24}.activity-content[data-v-4efd9a6f]{flex:1}.activity-text[data-v-4efd9a6f]{font-size:14px;color:#e2e8f0;margin-bottom:4px}.activity-time[data-v-4efd9a6f]{font-size:12px;color:#64748b}.apps-table[data-v-4efd9a6f]{overflow-x:auto}.apps-table table[data-v-4efd9a6f]{width:100%;border-collapse:collapse}.apps-table thead[data-v-4efd9a6f]{border-bottom:1px solid #334155}.apps-table th[data-v-4efd9a6f]{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.apps-table tbody tr[data-v-4efd9a6f]{border-bottom:1px solid #334155;transition:background .2s}.apps-table tbody tr[data-v-4efd9a6f]:hover{background:#0f172a}.apps-table td[data-v-4efd9a6f]{padding:16px;font-size:14px;color:#e2e8f0}.app-info[data-v-4efd9a6f]{display:flex;align-items:center;gap:12px}.app-icon[data-v-4efd9a6f]{width:40px;height:40px;border-radius:8px;background:#334155;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.app-name[data-v-4efd9a6f]{font-weight:500;color:#f1f5f9;margin-bottom:4px}.app-desc[data-v-4efd9a6f]{font-size:12px;color:#94a3b8}.status-badge[data-v-4efd9a6f]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-4efd9a6f]{background:#34d3991a;color:#34d399}.status-badge.pending[data-v-4efd9a6f]{background:#fbbf241a;color:#fbbf24}.revenue[data-v-4efd9a6f]{font-weight:600;color:#60a5fa}.btn-icon[data-v-4efd9a6f]{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon[data-v-4efd9a6f]:hover{background:#334155;color:#e2e8f0}@media (max-width: 1024px){.content-grid[data-v-4efd9a6f]{grid-template-columns:1fr}.stats-grid[data-v-4efd9a6f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar[data-v-4efd9a6f]{width:200px}.main-content[data-v-4efd9a6f]{padding:24px}.stats-grid[data-v-4efd9a6f]{grid-template-columns:1fr}.content-header[data-v-4efd9a6f]{flex-direction:column;align-items:flex-start;gap:16px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#0f172a}#app{min-height:100vh}
