.app-layout.svelte-12qhfyh{display:flex;min-height:100vh;position:relative;background:var(--nn-bg-base, #f8fafc)}.sidebar.svelte-12qhfyh{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);display:flex;flex-direction:column;padding:var(--space-6);z-index:10;border-radius:0;border-left:none;border-top:none;border-bottom:none;transition:transform var(--ds-transition-base, .25s);background:#fff;border-right:1px solid var(--dc-border);box-shadow:1px 0 3px #00000005}.sidebar.mobile-hidden.svelte-12qhfyh{transform:translate(-100%);pointer-events:none}.sidebar-header.svelte-12qhfyh{padding-bottom:var(--space-6);border-bottom:1px solid var(--dc-border);margin-bottom:var(--space-6)}.logo.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3)}.logo-icon.svelte-12qhfyh{width:44px;height:44px;flex-shrink:0}.logo-icon.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:100%;height:100%}.logo-text.svelte-12qhfyh{display:flex;flex-direction:column}.logo-title.svelte-12qhfyh{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:var(--dc-text-primary)}.logo-subtitle.svelte-12qhfyh{font-size:.75rem;color:var(--dc-text-tertiary);letter-spacing:.02em}.sidebar-nav.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.nav-item.svelte-12qhfyh{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--dc-text-secondary);transition:all var(--transition-base);animation:slideInLeft var(--transition-slow) ease-out both;min-height:var(--ds-touch-target-min, 48px);border:1px solid transparent}.nav-item.svelte-12qhfyh:hover{background:var(--dc-bg-elevated);color:var(--dc-text-primary);transform:translate(2px);border-color:transparent}.nav-item.active.svelte-12qhfyh{background:#2563eb0f;color:var(--dc-primary);border-color:#2563eb1f}.nav-icon.svelte-12qhfyh{width:22px;height:22px;flex-shrink:0}.nav-icon.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:100%;height:100%}.nav-content.svelte-12qhfyh{display:flex;flex-direction:column;min-width:0}.nav-label.svelte-12qhfyh{font-weight:500;font-size:.9375rem}.nav-description.svelte-12qhfyh{font-size:.75rem;color:var(--dc-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item.active.svelte-12qhfyh .nav-description:where(.svelte-12qhfyh){color:#2563ebb3}.nav-indicator.svelte-12qhfyh{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:28px;background:var(--dc-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-footer.svelte-12qhfyh{padding-top:var(--space-6);border-top:1px solid var(--dc-border);margin-top:auto}.status-card.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#0596690a;border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid rgba(5,150,105,.12)}.status-indicator.svelte-12qhfyh{width:8px;height:8px;background:var(--dc-accent);border-radius:var(--radius-full);animation:svelte-12qhfyh-statusPulse 2s ease-in-out infinite}@keyframes svelte-12qhfyh-statusPulse{0%,to{opacity:1}50%{opacity:.6}}.status-content.svelte-12qhfyh{display:flex;flex-direction:column}.status-label.svelte-12qhfyh{font-size:.75rem;font-weight:500;color:var(--dc-accent)}.status-time.svelte-12qhfyh{font-size:.875rem;font-weight:600;font-family:var(--font-mono, "JetBrains Mono", monospace);color:var(--dc-text-primary)}.memory-stats.svelte-12qhfyh{display:flex;gap:var(--space-4)}.memory-stat.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--dc-bg-base);border-radius:var(--radius-md);border:1px solid var(--dc-border)}.stat-value.svelte-12qhfyh{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:1.25rem;font-weight:600;color:var(--dc-primary)}.stat-label.svelte-12qhfyh{font-size:.6875rem;color:var(--dc-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.user-card.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--dc-bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-3);border:1px solid var(--dc-border)}.user-avatar.svelte-12qhfyh{width:36px;height:36px;background:linear-gradient(135deg,var(--dc-primary),#3b82f6);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.user-info.svelte-12qhfyh{flex:1;min-width:0;display:flex;flex-direction:column}.user-name.svelte-12qhfyh{font-size:.875rem;font-weight:500;color:var(--dc-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email.svelte-12qhfyh{font-size:.75rem;color:var(--dc-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn.svelte-12qhfyh{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--dc-text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.logout-btn.svelte-12qhfyh:hover:not(:disabled){background:#ef44441a;border-color:#ef444433;color:#ef4444}.logout-btn.svelte-12qhfyh:disabled{opacity:.5;cursor:not-allowed}.logout-btn.svelte-12qhfyh .spinner:where(.svelte-12qhfyh){animation:svelte-12qhfyh-spin 1s linear infinite}@keyframes svelte-12qhfyh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-card.svelte-12qhfyh:not(.connected){background:#eab3080f;border-color:#eab30826}.status-card.svelte-12qhfyh:not(.connected) .status-indicator:where(.svelte-12qhfyh){background:#eab308}.status-card.svelte-12qhfyh:not(.connected) .status-label:where(.svelte-12qhfyh){color:#ca8a04}.main-content.svelte-12qhfyh{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content.mobile-layout.svelte-12qhfyh{margin-left:0;padding-top:calc(var(--ds-mobile-header-height, 56px) + var(--ds-safe-area-top, 0px));padding-bottom:calc(var(--ds-mobile-nav-height, 64px) + var(--ds-safe-area-bottom, 0px))}.main-header.svelte-12qhfyh{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-8);margin:var(--space-4) var(--space-6) 0;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--dc-border);box-shadow:0 1px 3px #0000000a}.header-left.svelte-12qhfyh{display:flex;flex-direction:column;gap:var(--space-1)}.page-title.svelte-12qhfyh{font-size:1.5rem;margin:0;color:var(--dc-text-primary)}.page-description.svelte-12qhfyh{font-size:.875rem;color:var(--dc-text-secondary)}.header-right.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-6)}.header-stats.svelte-12qhfyh{display:flex;gap:var(--space-6)}.header-stat.svelte-12qhfyh{display:flex;flex-direction:column;align-items:flex-end}.header-stat-value.svelte-12qhfyh{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:1.25rem;font-weight:600;color:var(--dc-primary)}.header-stat-label.svelte-12qhfyh{font-size:.75rem;color:var(--dc-text-tertiary)}.content-area.svelte-12qhfyh{flex:1;padding:var(--space-6) var(--space-6) var(--space-8)}@media(max-width:1024px){.header-stats.svelte-12qhfyh{display:none}}@media(max-width:768px){.content-area.svelte-12qhfyh{padding:var(--ds-space-4, 1rem)}}
