.app-layout.svelte-1v2axqk{display:flex;height:100vh;background:var(--color-bg-primary)}.sidebar.svelte-1v2axqk{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header.svelte-1v2axqk{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.logo.svelte-1v2axqk{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--font-semibold);font-size:var(--text-xl)}.compose-btn.svelte-1v2axqk{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);font-weight:var(--font-medium);transition:background var(--transition-fast)}.compose-btn.svelte-1v2axqk:hover{background:var(--color-primary-hover)}.nav-main.svelte-1v2axqk,.nav-secondary.svelte-1v2axqk{padding:var(--space-2)}.nav-item.svelte-1v2axqk{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.nav-item.svelte-1v2axqk:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.nav-item.active.svelte-1v2axqk{background:var(--color-primary-muted);color:var(--color-primary)}.nav-label.svelte-1v2axqk{flex:1}.nav-badge.svelte-1v2axqk{background:var(--color-badge);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 6px;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebar-divider.svelte-1v2axqk{height:1px;background:var(--color-border-subtle);margin:var(--space-2) var(--space-4)}.sidebar-footer.svelte-1v2axqk{margin-top:auto;padding:var(--space-4);border-top:1px solid var(--color-border-subtle)}.user-info.svelte-1v2axqk{display:flex;align-items:center;gap:var(--space-3)}.user-avatar.svelte-1v2axqk{width:36px;height:36px;background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm)}.user-details.svelte-1v2axqk{display:flex;flex-direction:column;overflow:hidden}.user-name.svelte-1v2axqk{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--color-text-primary)}.user-email.svelte-1v2axqk{font-size:var(--text-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-area.svelte-1v2axqk{flex:1;display:flex;flex-direction:column;overflow:hidden}.header.svelte-1v2axqk{height:var(--header-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);gap:var(--space-4)}.search-container.svelte-1v2axqk{flex:1;max-width:600px;position:relative}.search-container.svelte-1v2axqk .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.search-input.svelte-1v2axqk{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 40px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-fast)}.search-input.svelte-1v2axqk::placeholder{color:var(--color-text-tertiary)}.search-input.svelte-1v2axqk:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-secondary)}.header-actions.svelte-1v2axqk{display:flex;align-items:center;gap:var(--space-2)}.icon-btn.svelte-1v2axqk{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.icon-btn.svelte-1v2axqk:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.header-avatar.svelte-1v2axqk{width:32px;height:32px;background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm)}.content.svelte-1v2axqk{flex:1;overflow:auto;background:var(--color-bg-primary)}.modal-backdrop.svelte-1v2axqk{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.compose-modal.svelte-1v2axqk{width:100%;max-width:640px;max-height:80vh;background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.compose-header.svelte-1v2axqk{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.compose-header.svelte-1v2axqk h2:where(.svelte-1v2axqk){font-size:var(--text-lg);font-weight:var(--font-semibold)}.compose-form.svelte-1v2axqk{display:flex;flex-direction:column;flex:1;overflow:hidden}.compose-field.svelte-1v2axqk{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.compose-field.svelte-1v2axqk label:where(.svelte-1v2axqk){width:70px;color:var(--color-text-tertiary);font-size:var(--text-sm)}.compose-field.svelte-1v2axqk input:where(.svelte-1v2axqk){flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm)}.compose-field.svelte-1v2axqk input:where(.svelte-1v2axqk):focus{outline:none}.compose-body.svelte-1v2axqk{flex:1;padding:var(--space-4);min-height:200px}.compose-body.svelte-1v2axqk textarea:where(.svelte-1v2axqk){width:100%;height:100%;min-height:200px;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);resize:none;line-height:var(--leading-relaxed)}.compose-body.svelte-1v2axqk textarea:where(.svelte-1v2axqk):focus{outline:none}.compose-body.svelte-1v2axqk textarea:where(.svelte-1v2axqk)::placeholder{color:var(--color-text-tertiary)}.compose-actions.svelte-1v2axqk{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.compose-toolbar.svelte-1v2axqk{display:flex;gap:var(--space-1)}.toolbar-btn.svelte-1v2axqk{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.toolbar-btn.svelte-1v2axqk:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.compose-submit.svelte-1v2axqk{display:flex;gap:var(--space-2)}.btn-secondary.svelte-1v2axqk{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-secondary.svelte-1v2axqk:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-primary.svelte-1v2axqk{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-inverse);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-primary.svelte-1v2axqk:hover{background:var(--color-primary-hover)}