.header.svelte-1elxaub{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;gap:var(--space-4)}.header-left.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.header-right.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.filter-section.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.filter-label.svelte-1elxaub{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.filter-chips.svelte-1elxaub{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.filter-chip.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-1_5);padding:var(--space-1_5) var(--space-3);border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:var(--radius-pill);font-size:var(--font-size-sm2);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.filter-chip.svelte-1elxaub:hover{border-color:var(--color-border);background:var(--color-bg-elevated)}.filter-chip.active.svelte-1elxaub{border-color:var(--status-color);background:color-mix(in srgb,var(--status-color) 10%,white);color:var(--color-text)}.chip-dot.svelte-1elxaub{width:var(--space-2);height:var(--space-2);border-radius:50%}.chip-count.svelte-1elxaub{background:var(--color-bg-muted);padding:var(--space-px) var(--space-1_5);border-radius:var(--radius-xl);font-size:11px;color:var(--color-text-muted)}.filter-chip.active.svelte-1elxaub .chip-count:where(.svelte-1elxaub){background:color-mix(in srgb,var(--status-color) 20%,white)}.show-all-btn.svelte-1elxaub{padding:var(--space-1_5) var(--space-3);border:1px dashed var(--color-border);background:transparent;border-radius:var(--radius-pill);font-size:var(--font-size-sm2);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.show-all-btn.svelte-1elxaub:hover{background:var(--color-bg);border-color:var(--color-text-placeholder)}.view-toggle.svelte-1elxaub{display:flex;background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-px)}.toggle-btn.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-1_5);padding:var(--space-2) var(--space-3_5);border:none;background:transparent;text-decoration:none;color:inherit;font:inherit;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal)}.toggle-btn.svelte-1elxaub:hover{background:var(--color-border-faint);color:var(--color-text)}.toggle-btn.active.svelte-1elxaub{background:var(--color-surface);color:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.icon.svelte-1elxaub{width:18px;height:18px}.create-project-btn.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2_5) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background-color var(--transition-slow)}.create-project-btn.svelte-1elxaub:hover{background:var(--color-primary-hover)}.plus-icon.svelte-1elxaub{font-size:var(--font-size-lg);font-weight:300}.logout-btn.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-1_5);padding:var(--space-2) var(--space-3_5);border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.logout-btn.svelte-1elxaub:hover{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text)}.modal-overlay.svelte-16qcb9w{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:2000}.modal.svelte-16qcb9w{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);width:400px;max-width:90vw;box-shadow:var(--shadow-modal)}.modal.svelte-16qcb9w h2:where(.svelte-16qcb9w){margin:0 0 var(--space-5);font-size:var(--font-size-xl);font-weight:600}.form-field.svelte-16qcb9w{margin-bottom:var(--space-4)}.form-field.svelte-16qcb9w label:where(.svelte-16qcb9w){display:block;margin-bottom:var(--space-1_5);font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.form-field.svelte-16qcb9w input[type=text]:where(.svelte-16qcb9w){width:100%;padding:var(--space-2_5) var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);outline:none;box-sizing:border-box}.form-field.svelte-16qcb9w input[type=text]:where(.svelte-16qcb9w):focus{border-color:var(--color-primary)}.modal-actions.svelte-16qcb9w{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.btn-cancel.svelte-16qcb9w,.btn-create.svelte-16qcb9w{padding:var(--space-2_5) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background-color var(--transition-slow)}.btn-cancel.svelte-16qcb9w{background:var(--color-bg);border:1px solid var(--color-border-light);color:var(--color-text)}.btn-cancel.svelte-16qcb9w:hover{background:var(--color-border-faint)}.btn-create.svelte-16qcb9w{background:var(--color-primary);border:none;color:#fff}.btn-create.svelte-16qcb9w:hover:not(:disabled){background:var(--color-primary-hover)}.btn-create.svelte-16qcb9w:disabled{background:var(--color-primary-active);cursor:not-allowed}:root{--color-primary: #2196f3;--color-primary-hover: #1976d2;--color-primary-active: #90caf9;--color-primary-light: #e3f2fd;--color-primary-bg: #f0f7ff;--color-danger: #e53935;--color-danger-hover: #c62828;--color-danger-bg: #ffebee;--color-danger-border: #e53935;--color-danger-bg-hover: #ef9a9a;--color-text: #333;--color-text-muted: #666;--color-text-subtle: #888;--color-text-placeholder: #999;--color-border: #ccc;--color-border-light: #ddd;--color-border-subtle: #e0e0e0;--color-border-faint: #eee;--color-bg: #f5f5f5;--color-bg-elevated: #fafafa;--color-bg-muted: #f0f0f0;--color-bg-subtle: #f9f9f9;--color-surface: white;--color-status-active: #4caf50;--color-status-on-hold: #ff9800;--color-status-completed: #2196f3;--color-status-cancelled: #9e9e9e;--color-overlay: rgba(0, 0, 0, .5);--color-tooltip-bg: #333;--color-tooltip-text: white;--space-0: 0;--space-px: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-3_5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--font-family-base: system-ui, -apple-system, sans-serif;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-sm2: .8125rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-pill: 1.25rem;--shadow-sm: 0 .0625rem .1875rem rgba(0, 0, 0, .08);--shadow-md: 0 .125rem .375rem rgba(0, 0, 0, .1);--shadow-lg: 0 .25rem .75rem rgba(0, 0, 0, .1);--shadow-modal: 0 .5rem 2rem rgba(0, 0, 0, .2);--shadow-tooltip: 0 .125rem .5rem rgba(0, 0, 0, .2);--shadow-focus: 0 0 0 .125rem rgba(0, 0, 0, .15);--shadow-focus-strong: 0 0 0 .125rem rgba(0, 0, 0, .2);--shadow-focus-primary: 0 0 0 .125rem rgba(33, 150, 243, .1);--transition-fast: .1s ease;--transition-normal: .15s;--transition-slow: .2s;--sidebar-width: 20rem}html,body{margin:0;padding:0;font-family:var(--font-family-base);font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}.app-container.svelte-12qhfyh{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}