.page-container.svelte-q5jmh7.svelte-q5jmh7{max-width:1200px;margin:0 auto;padding:0 20px}.page-header.svelte-q5jmh7.svelte-q5jmh7{margin-bottom:32px}.page-title.svelte-q5jmh7.svelte-q5jmh7{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:8px}.page-description.svelte-q5jmh7.svelte-q5jmh7{font-size:1.125rem;color:var(--gray-600);margin:0}.stats-grid.svelte-q5jmh7.svelte-q5jmh7{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card.svelte-q5jmh7.svelte-q5jmh7{background:white;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex;align-items:center;gap:16px}.stat-icon.svelte-q5jmh7.svelte-q5jmh7{width:48px;height:48px;background:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.stat-content.svelte-q5jmh7 h3.svelte-q5jmh7{font-size:.875rem;font-weight:600;color:var(--gray-600);margin:0 0 4px}.stat-number.svelte-q5jmh7.svelte-q5jmh7{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 4px}.stat-change.svelte-q5jmh7.svelte-q5jmh7{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px}.stat-change.positive.svelte-q5jmh7.svelte-q5jmh7{background:#dcfce7;color:#166534}.stat-change.neutral.svelte-q5jmh7.svelte-q5jmh7{background:#f3f4f6;color:#6b7280}.content-grid.svelte-q5jmh7.svelte-q5jmh7{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.card.svelte-q5jmh7.svelte-q5jmh7{background:white;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden}.card-header.svelte-q5jmh7.svelte-q5jmh7{padding:24px 24px 0;border-bottom:1px solid var(--gray-200);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.card-header.svelte-q5jmh7 h2.svelte-q5jmh7{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin:0 0 24px}.card-body.svelte-q5jmh7.svelte-q5jmh7{padding:0 24px 24px}.system-list.svelte-q5jmh7.svelte-q5jmh7,.ticket-list.svelte-q5jmh7.svelte-q5jmh7{display:flex;flex-direction:column;gap:12px}.system-item.svelte-q5jmh7.svelte-q5jmh7,.ticket-item.svelte-q5jmh7.svelte-q5jmh7{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.system-info.svelte-q5jmh7.svelte-q5jmh7,.ticket-info.svelte-q5jmh7.svelte-q5jmh7{display:flex;align-items:center;gap:12px}.system-icon.svelte-q5jmh7.svelte-q5jmh7{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.system-icon.online.svelte-q5jmh7.svelte-q5jmh7{background:#dcfce7;color:#166534}.system-icon.warning.svelte-q5jmh7.svelte-q5jmh7{background:#fef3c7;color:#92400e}.system-details.svelte-q5jmh7 h4.svelte-q5jmh7,.ticket-info.svelte-q5jmh7 h4.svelte-q5jmh7{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 4px}.system-details.svelte-q5jmh7 p.svelte-q5jmh7,.ticket-info.svelte-q5jmh7 p.svelte-q5jmh7{font-size:.875rem;color:var(--gray-600);margin:0 0 4px}.system-uptime.svelte-q5jmh7.svelte-q5jmh7,.ticket-time.svelte-q5jmh7.svelte-q5jmh7{font-size:.75rem;color:var(--gray-500)}.system-status.svelte-q5jmh7.svelte-q5jmh7,.ticket-status.svelte-q5jmh7.svelte-q5jmh7{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px}.system-status.online.svelte-q5jmh7.svelte-q5jmh7,.ticket-status.resolved.svelte-q5jmh7.svelte-q5jmh7{background:#dcfce7;color:#166534}.system-status.warning.svelte-q5jmh7.svelte-q5jmh7,.ticket-status.in-progress.svelte-q5jmh7.svelte-q5jmh7{background:#fef3c7;color:#92400e}.ticket-status.pending.svelte-q5jmh7.svelte-q5jmh7{background:#e5e7eb;color:#374151}.action-grid.svelte-q5jmh7.svelte-q5jmh7{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.action-btn.svelte-q5jmh7.svelte-q5jmh7{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .2s ease}.action-btn.svelte-q5jmh7.svelte-q5jmh7:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-btn.svelte-q5jmh7 i.svelte-q5jmh7{font-size:24px}.action-btn.svelte-q5jmh7 span.svelte-q5jmh7{font-size:.875rem;font-weight:500}.coming-soon.svelte-q5jmh7.svelte-q5jmh7{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:20px;text-align:center}.coming-soon.svelte-q5jmh7 h3.svelte-q5jmh7{color:var(--gray-700);margin:0 0 8px;font-size:1.125rem}.coming-soon.svelte-q5jmh7 p.svelte-q5jmh7{color:var(--gray-600);margin:0}.btn.svelte-q5jmh7.svelte-q5jmh7{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary.svelte-q5jmh7.svelte-q5jmh7{background:var(--primary-color);color:#fff}.btn-primary.svelte-q5jmh7.svelte-q5jmh7:hover{background:var(--primary-dark)}.dark .page-title.svelte-q5jmh7.svelte-q5jmh7{color:var(--text-primary)}.dark .page-description.svelte-q5jmh7.svelte-q5jmh7{color:var(--text-secondary)}.dark .stat-card.svelte-q5jmh7.svelte-q5jmh7,.dark .card.svelte-q5jmh7.svelte-q5jmh7{background:var(--bg-secondary);border-color:var(--gray-300)}.dark .card-header.svelte-q5jmh7.svelte-q5jmh7{border-bottom-color:var(--gray-300)}.dark .card-header.svelte-q5jmh7 h2.svelte-q5jmh7{color:var(--text-primary)}.dark .stat-content.svelte-q5jmh7 h3.svelte-q5jmh7{color:var(--text-tertiary)}.dark .stat-number.svelte-q5jmh7.svelte-q5jmh7{color:var(--text-primary)}.dark .system-item.svelte-q5jmh7.svelte-q5jmh7,.dark .ticket-item.svelte-q5jmh7.svelte-q5jmh7{background:var(--bg-tertiary);border-color:var(--gray-300)}.dark .system-details.svelte-q5jmh7 h4.svelte-q5jmh7,.dark .ticket-info.svelte-q5jmh7 h4.svelte-q5jmh7{color:var(--text-primary)}.dark .system-details.svelte-q5jmh7 p.svelte-q5jmh7,.dark .ticket-info.svelte-q5jmh7 p.svelte-q5jmh7{color:var(--text-secondary)}.dark .system-uptime.svelte-q5jmh7.svelte-q5jmh7,.dark .ticket-time.svelte-q5jmh7.svelte-q5jmh7{color:var(--text-tertiary)}.dark .action-btn.svelte-q5jmh7.svelte-q5jmh7{background:var(--bg-tertiary);border-color:var(--gray-300);color:var(--text-primary)}.dark .coming-soon.svelte-q5jmh7.svelte-q5jmh7{background:var(--bg-tertiary);border-color:var(--gray-300)}.dark .coming-soon.svelte-q5jmh7 h3.svelte-q5jmh7{color:var(--text-secondary)}.dark .coming-soon.svelte-q5jmh7 p.svelte-q5jmh7{color:var(--text-tertiary)}.brandkit-light .page-title.svelte-q5jmh7.svelte-q5jmh7{color:var(--brandkit-text-primary)}.brandkit-light .page-description.svelte-q5jmh7.svelte-q5jmh7{color:var(--brandkit-text-secondary)}.brandkit-light .stat-card.svelte-q5jmh7.svelte-q5jmh7,.brandkit-light .card.svelte-q5jmh7.svelte-q5jmh7{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-light .card-header.svelte-q5jmh7.svelte-q5jmh7{border-bottom-color:var(--brandkit-border-light)}.brandkit-light .card-header.svelte-q5jmh7 h2.svelte-q5jmh7{color:var(--brandkit-text-primary)}.brandkit-light .stat-content.svelte-q5jmh7 h3.svelte-q5jmh7{color:var(--brandkit-text-tertiary)}.brandkit-light .stat-number.svelte-q5jmh7.svelte-q5jmh7{color:var(--brandkit-text-primary)}.brandkit-light .system-item.svelte-q5jmh7.svelte-q5jmh7,.brandkit-light .ticket-item.svelte-q5jmh7.svelte-q5jmh7{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light)}.brandkit-light .system-details.svelte-q5jmh7 h4.svelte-q5jmh7,.brandkit-light .ticket-info.svelte-q5jmh7 h4.svelte-q5jmh7{color:var(--brandkit-text-primary)}.brandkit-light .system-details.svelte-q5jmh7 p.svelte-q5jmh7,.brandkit-light .ticket-info.svelte-q5jmh7 p.svelte-q5jmh7{color:var(--brandkit-text-secondary)}.brandkit-light .system-uptime.svelte-q5jmh7.svelte-q5jmh7,.brandkit-light .ticket-time.svelte-q5jmh7.svelte-q5jmh7{color:var(--brandkit-text-tertiary)}.brandkit-light .action-btn.svelte-q5jmh7.svelte-q5jmh7{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light);color:var(--brandkit-text-primary)}.brandkit-light .coming-soon.svelte-q5jmh7.svelte-q5jmh7{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light)}.brandkit-light .coming-soon.svelte-q5jmh7 h3.svelte-q5jmh7{color:var(--brandkit-text-secondary)}.brandkit-light .coming-soon.svelte-q5jmh7 p.svelte-q5jmh7{color:var(--brandkit-text-tertiary)}.brandkit-dark .page-title.svelte-q5jmh7.svelte-q5jmh7{color:var(--brandkit-text-primary)}.brandkit-dark .page-description.svelte-q5jmh7.svelte-q5jmh7{color:var(--brandkit-text-secondary)}.brandkit-dark .stat-card.svelte-q5jmh7.svelte-q5jmh7,.brandkit-dark .card.svelte-q5jmh7.svelte-q5jmh7{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-dark .card-header.svelte-q5jmh7.svelte-q5jmh7{border-bottom-color:var(--brandkit-border-light)}.brandkit-dark .card-header.svelte-q5jmh7 h2.svelte-q5jmh7{color:var(--brandkit-text-primary)}.brandkit-dark .stat-content.svelte-q5jmh7 h3.svelte-q5jmh7{color:var(--brandkit-text-tertiary)}.brandkit-dark .stat-number.svelte-q5jmh7.svelte-q5jmh7{color:var(--brandkit-text-primary)}.brandkit-dark .system-item.svelte-q5jmh7.svelte-q5jmh7,.brandkit-dark .ticket-item.svelte-q5jmh7.svelte-q5jmh7{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light)}.brandkit-dark .system-details.svelte-q5jmh7 h4.svelte-q5jmh7,.brandkit-dark .ticket-info.svelte-q5jmh7 h4.svelte-q5jmh7{color:var(--brandkit-text-primary)}.brandkit-dark .system-details.svelte-q5jmh7 p.svelte-q5jmh7,.brandkit-dark .ticket-info.svelte-q5jmh7 p.svelte-q5jmh7{color:var(--brandkit-text-secondary)}.brandkit-dark .system-uptime.svelte-q5jmh7.svelte-q5jmh7,.brandkit-dark .ticket-time.svelte-q5jmh7.svelte-q5jmh7{color:var(--brandkit-text-tertiary)}.brandkit-dark .action-btn.svelte-q5jmh7.svelte-q5jmh7{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light);color:var(--brandkit-text-primary)}.brandkit-dark .coming-soon.svelte-q5jmh7.svelte-q5jmh7{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light)}.brandkit-dark .coming-soon.svelte-q5jmh7 h3.svelte-q5jmh7{color:var(--brandkit-text-secondary)}.brandkit-dark .coming-soon.svelte-q5jmh7 p.svelte-q5jmh7{color:var(--brandkit-text-tertiary)}@media (max-width: 768px){.content-grid.svelte-q5jmh7.svelte-q5jmh7,.stats-grid.svelte-q5jmh7.svelte-q5jmh7,.action-grid.svelte-q5jmh7.svelte-q5jmh7{grid-template-columns:1fr}.system-item.svelte-q5jmh7.svelte-q5jmh7,.ticket-item.svelte-q5jmh7.svelte-q5jmh7{flex-direction:column;align-items:flex-start;gap:8px}}