body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}*,*:before,*:after{box-sizing:border-box}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.app.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar.svelte-12qhfyh{width:240px;background:#1e293b;color:#e2e8f0;padding:.75rem;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;transition:width .2s ease}.sidebar.collapsed.svelte-12qhfyh{width:52px;padding:.75rem .5rem}.sidebar-header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:.5rem .5rem .75rem;min-height:40px;border-bottom:1px solid #334155;margin-bottom:.25rem}.collapsed.svelte-12qhfyh .sidebar-header:where(.svelte-12qhfyh){flex-direction:column;gap:.5rem;padding:.5rem 0 .75rem}.logo-link.svelte-12qhfyh{color:#fff!important;text-decoration:none!important;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden}.logo-link.svelte-12qhfyh:hover{text-decoration:none!important}.gnar-logo.svelte-12qhfyh{height:16px;width:auto;opacity:.6;flex-shrink:0;transition:opacity .15s ease}.logo-link.svelte-12qhfyh:hover .gnar-logo:where(.svelte-12qhfyh){opacity:.85}.logo-divider.svelte-12qhfyh{width:1px;height:14px;background:#475569;flex-shrink:0}.logo-wordmark.svelte-12qhfyh{font-size:.85rem;font-weight:600;letter-spacing:.18em;color:#fff}.logo-link-collapsed.svelte-12qhfyh{text-decoration:none!important;display:flex;align-items:center;justify-content:center}.logo-icon.svelte-12qhfyh{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;letter-spacing:0;transition:background .15s ease,transform .15s ease}.logo-link-collapsed.svelte-12qhfyh:hover .logo-icon:where(.svelte-12qhfyh){transform:scale(1.05)}.toggle-btn.svelte-12qhfyh{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.toggle-btn.svelte-12qhfyh:hover{background:#334155;color:#e2e8f0}.workspace-header.svelte-12qhfyh{margin-top:.25rem;padding-bottom:.75rem;border-bottom:1px solid #334155}.back-link.svelte-12qhfyh{font-size:.75rem;color:#64748b!important;text-decoration:none!important;display:block;margin-bottom:.4rem}.back-link.svelte-12qhfyh:hover{color:#94a3b8!important}.workspace-name.svelte-12qhfyh{font-weight:600;font-size:.95rem;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-client.svelte-12qhfyh{font-size:.7rem;color:#64748b;margin-top:.1rem}.tree-nav.svelte-12qhfyh{margin-top:.75rem;display:flex;flex-direction:column;gap:2px;flex:1}.tree-item.svelte-12qhfyh{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;border-radius:6px;color:#cbd5e1;font-size:.85rem;text-decoration:none!important;white-space:nowrap;cursor:default;transition:background .12s ease,color .12s ease}a.tree-item.svelte-12qhfyh{cursor:pointer}a.tree-item.svelte-12qhfyh:hover,.tree-item.svelte-12qhfyh:hover{background:#334155;color:#fff;text-decoration:none!important}.tree-item.active-link.svelte-12qhfyh{background:#334155;color:#fff}.tree-item-spacer.svelte-12qhfyh{width:12px;flex-shrink:0}.tree-toggle.svelte-12qhfyh{background:none;border:none;color:#64748b;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:12px;height:12px}.tree-toggle.svelte-12qhfyh:hover{color:#e2e8f0}.tree-item-link.svelte-12qhfyh{display:flex;align-items:center;gap:.35rem;color:inherit!important;text-decoration:none!important;flex:1;min-width:0}.tree-children.svelte-12qhfyh{display:flex;flex-direction:column;gap:1px}.tree-folder-btn.svelte-12qhfyh{display:flex;align-items:center;gap:.35rem;width:100%;padding:.25rem .5rem;background:none;border:none;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;text-transform:capitalize;text-align:left;border-radius:4px}.tree-folder-btn.svelte-12qhfyh:hover{background:#334155;color:#cbd5e1}.folder-chevron.svelte-12qhfyh{font-size:.45rem;display:inline-block;transition:transform .15s ease;color:#64748b}.folder-chevron.open.svelte-12qhfyh{transform:rotate(90deg)}.sidebar-lock-icon.svelte-12qhfyh{display:inline-block;flex-shrink:0;opacity:.5;margin-right:.15rem;vertical-align:middle}.tree-doc-link.svelte-12qhfyh{display:block;padding:.25rem .5rem;border-radius:6px;font-size:.78rem;color:#94a3b8!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s ease,color .12s ease}.tree-doc-link.svelte-12qhfyh:hover{background:#334155;color:#fff!important}.tree-doc-link.active-link.svelte-12qhfyh{color:#fff!important;background:#334155}.section-toggle.svelte-12qhfyh{display:flex;align-items:center;gap:.3rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.3rem .4rem;border-radius:4px;width:100%;text-align:left;font-family:inherit}.section-toggle.svelte-12qhfyh:hover{background:#334155;color:#94a3b8}.section-toggle.svelte-12qhfyh .nav-label:where(.svelte-12qhfyh){padding:0;margin:0}.chevron.svelte-12qhfyh{flex-shrink:0;transition:transform .15s ease}.chevron.open.svelte-12qhfyh{transform:rotate(90deg)}.nav-section.svelte-12qhfyh{margin-top:.5rem}.nav-section-grow.svelte-12qhfyh{flex:1;overflow-y:auto}.nav-label.svelte-12qhfyh{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;padding:0 .5rem;margin-bottom:.25rem;font-weight:600;white-space:nowrap}.nav-empty.svelte-12qhfyh{font-size:.8rem;color:#475569;padding:.25rem .75rem;margin:0}.section-items.svelte-12qhfyh{list-style:none;padding:0;margin:.2rem 0 0}.section-items.svelte-12qhfyh li:where(.svelte-12qhfyh){margin-bottom:1px}.section-items.svelte-12qhfyh li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){color:#cbd5e1;display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem .35rem 1.4rem;border-radius:6px;font-size:.85rem;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s ease,color .12s ease}.collapsed.svelte-12qhfyh .section-items:where(.svelte-12qhfyh) li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){padding:.4rem;justify-content:center}.section-items.svelte-12qhfyh li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh):hover{background:#334155;color:#fff}.section-items.svelte-12qhfyh li:where(.svelte-12qhfyh) a.active-link:where(.svelte-12qhfyh){background:#334155;color:#fff}.nav-icon.svelte-12qhfyh{flex-shrink:0;opacity:.7}.tree-item.svelte-12qhfyh:hover .nav-icon:where(.svelte-12qhfyh),.tree-item.active-link.svelte-12qhfyh .nav-icon:where(.svelte-12qhfyh),.section-items.svelte-12qhfyh li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh):hover .nav-icon:where(.svelte-12qhfyh),.section-items.svelte-12qhfyh li:where(.svelte-12qhfyh) a.active-link:where(.svelte-12qhfyh) .nav-icon:where(.svelte-12qhfyh){opacity:1}.project-icon.svelte-12qhfyh{margin-top:2px}.project-link.svelte-12qhfyh{display:flex!important;align-items:flex-start!important}.project-info.svelte-12qhfyh{display:flex;flex-direction:column;gap:.05rem;overflow:hidden;min-width:0}.project-name.svelte-12qhfyh{font-size:.85rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-name.svelte-12qhfyh{font-size:.65rem;color:#64748b}.user-info.svelte-12qhfyh{border-top:1px solid #334155;padding:.75rem .25rem 0;margin-top:auto;font-size:.85rem;display:flex;flex-direction:column;gap:.15rem}.collapsed.svelte-12qhfyh .user-info:where(.svelte-12qhfyh){display:flex;justify-content:center;flex-direction:row}.user-avatar.svelte-12qhfyh{width:28px;height:28px;border-radius:50%;background:#475569;color:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.user-info.svelte-12qhfyh span:where(.svelte-12qhfyh){display:block}.user-info.svelte-12qhfyh .role:where(.svelte-12qhfyh){color:#64748b;font-size:.7rem;margin-bottom:.35rem;text-transform:capitalize}.user-info.svelte-12qhfyh button:where(.svelte-12qhfyh){background:none;border:1px solid #334155;color:#94a3b8;padding:.3rem .65rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .15s ease}.user-info.svelte-12qhfyh button:where(.svelte-12qhfyh):hover{background:#334155;color:#e2e8f0;border-color:#475569}.content.svelte-12qhfyh{flex:1;padding:2rem;max-width:1200px}.app-public.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;min-height:100vh}