:root{--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--color-bg: #ffffff;--color-surface: var(--theme-50);--color-border: var(--theme-200);--color-text: var(--theme-950);--color-text-muted: var(--theme-600);--theme-hue: 84;--theme-saturation: 72%;--theme-50: hsl(var(--theme-hue), var(--theme-saturation), 97%);--theme-100: hsl(var(--theme-hue), var(--theme-saturation), 94%);--theme-200: hsl(var(--theme-hue), var(--theme-saturation), 88%);--theme-300: hsl(var(--theme-hue), var(--theme-saturation), 80%);--theme-400: hsl(var(--theme-hue), var(--theme-saturation), 62%);--theme-500: hsl(var(--theme-hue), var(--theme-saturation), 45%);--theme-600: hsl(var(--theme-hue), var(--theme-saturation), 36%);--theme-700: hsl(var(--theme-hue), var(--theme-saturation), 28%);--theme-800: hsl(var(--theme-hue), var(--theme-saturation), 20%);--theme-900: hsl(var(--theme-hue), var(--theme-saturation), 14%);--theme-950: hsl(var(--theme-hue), var(--theme-saturation), 8%);--color-primary: var(--theme-500);--color-primary-hover: var(--theme-600);--color-primary-fg: var(--theme-50);--brand-primary: var(--color-primary);--brand-fg: var(--color-primary-fg);--color-success-bg: #dcfce7;--color-success-fg: #166534;--color-success: #166534;--color-success-border: #bbf7d0;--color-info-bg: var(--theme-100);--color-info-border: var(--theme-400);--color-info-fg: var(--theme-900);--color-link: var(--theme-600);--color-link-hover: var(--theme-700);--color-error: #ef4444;--color-error-bg: #fef2f2;--color-error-border: #fee2e2;--color-warning-bg: #fff7ed;--color-warning-border: #ffedd5;--color-warning-fg: #9a3412;--radius-md: 6px;--radius-sm: 4px;--border-ui: 1px solid var(--color-border);--sidebar-width: 240px;--sidebar-collapsed: 64px;--breakpoint-sm: 375px;--breakpoint-md: 768px;--breakpoint-lg: 1366px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05);--transition-base: .15s ease}body{background-color:var(--color-surface);color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.011em}.btn-primary,.btn-secondary,.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;border:1px solid transparent}.btn-primary{background:var(--color-primary);color:var(--color-primary-fg)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;transition:opacity var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;border:none;background:var(--color-primary);color:var(--color-primary-fg)}.btn-submit:hover:not(:disabled){opacity:.9}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-submit.w-full{width:100%}.btn-primary-sm,.btn-secondary-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity var(--transition-base)}.btn-primary-sm{border:none;background:var(--color-primary);color:var(--color-primary-fg)}.btn-primary-sm:hover{opacity:.9}.btn-primary-sm:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-sm{background:var(--color-bg);border:1px solid var(--color-border);color:var(--theme-700)}.btn-secondary-sm:hover{background:var(--color-surface)}.btn-secondary-sm:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--theme-100);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-outline{background:var(--color-bg);color:var(--theme-700);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-surface);border-color:var(--theme-300);color:var(--color-text)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;background:transparent;border:1px solid var(--color-border);color:var(--theme-600)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;border:1px solid transparent;background:var(--color-error);color:var(--color-bg)}.btn-danger:hover{opacity:.9}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-danger-outline{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;cursor:pointer;text-decoration:none;background:var(--color-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.btn-danger-outline:hover{background:var(--color-error-bg)}.back-btn{width:36px;height:36px;border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-bg);transition:all var(--transition-base);cursor:pointer;text-decoration:none}.back-btn:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--theme-300)}.status-badge.paid,.status-badge.success{background:var(--color-success-bg);color:var(--color-success-fg)}.status-badge.open,.status-badge.info{background:var(--color-info-bg);color:var(--color-info-fg);border:1px solid var(--color-info-border)}.status-badge.overdue,.status-badge.error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.status-badge.voided,.status-badge.archived,.status-badge.draft{background:var(--theme-100);color:var(--theme-600)}.status-badge.sending,.status-badge.scheduled,.status-badge.pending,.status-badge.warning{background:var(--color-warning-bg);color:var(--color-warning-fg);border:1px solid var(--color-warning-border)}.row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}@media(max-width:767px){.row-2{grid-template-columns:1fr}}.page-content-padding{padding:24px}@media(max-width:767px){.page-content-padding{padding:16px 12px}}@media(min-width:768px)and (max-width:1365px){.page-content-padding{padding:20px 16px}}:root{--color-bg: #ffffff;--color-surface: var(--theme-50);--color-border: var(--theme-200);--border-ui: 1px solid var(--color-border);--color-border-muted: var(--theme-100);--color-text: var(--theme-950);--color-text-muted: var(--theme-600);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 6px}body{background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);margin:0;-webkit-font-smoothing:antialiased}button{font-family:var(--font-sans);cursor:pointer}.notification-container.svelte-fwh7kt{position:relative}.icon-btn.svelte-fwh7kt{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.icon-btn.svelte-fwh7kt:hover{background:var(--theme-100);color:var(--color-primary)}.badge.svelte-fwh7kt{position:absolute;top:-2px;right:-2px;background:var(--color-error);color:#fff;font-size:9px;font-weight:700;padding:0 4px;border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.dropdown.svelte-fwh7kt{position:absolute;right:0;top:calc(100% + 8px);width:320px;background:var(--color-bg);border-radius:6px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-border);z-index:1000}.dropdown-header.svelte-fwh7kt{padding:12px 16px;border-bottom:1px solid var(--theme-100);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface)}.dropdown-header.svelte-fwh7kt h3:where(.svelte-fwh7kt){font-size:.85rem;font-weight:600;color:var(--color-text);margin:0}.unread-count.svelte-fwh7kt{font-size:.75rem;color:var(--color-primary);font-weight:500}.dropdown-body.svelte-fwh7kt{max-height:384px;overflow-y:auto}.empty-state.svelte-fwh7kt{padding:32px;text-align:center;color:var(--theme-400);font-size:.85rem}.empty-icon.svelte-fwh7kt{margin-bottom:8px;opacity:.3;display:flex;justify-content:center}.notification-item.svelte-fwh7kt{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-surface);background:var(--color-bg);text-decoration:none;color:inherit;transition:background .2s}.notification-item.svelte-fwh7kt:hover{background:var(--color-surface)}.notification-item.read.svelte-fwh7kt{opacity:.6}.notification-icon.svelte-fwh7kt{margin-top:2px;color:var(--color-primary);flex-shrink:0}.notification-content.svelte-fwh7kt{flex:1;min-width:0}.notification-title.svelte-fwh7kt{font-size:.85rem;font-weight:500;color:var(--color-text);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-body.svelte-fwh7kt{font-size:.75rem;color:var(--color-text-muted);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time.svelte-fwh7kt{font-size:10px;color:var(--theme-400)}.unread-dot.svelte-fwh7kt{margin-top:8px;width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.app-shell.svelte-12qhfyh{display:flex;height:100vh;overflow:hidden}.main-viewport.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;background:var(--color-surface);min-width:0}.app-header.svelte-12qhfyh{height:52px;min-height:52px;background:var(--theme-topbar-bg, var(--color-bg));color:var(--theme-topbar-foreground, var(--color-text));border-bottom:var(--border-ui);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px}.header-left.svelte-12qhfyh{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.breadcrumb.svelte-12qhfyh{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;letter-spacing:.01em;color:var(--theme-topbar-foreground, var(--theme-400));min-width:0;opacity:.8}.breadcrumb.svelte-12qhfyh .current:where(.svelte-12qhfyh){color:var(--theme-topbar-foreground, var(--color-text));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1}.breadcrumb.svelte-12qhfyh .root:where(.svelte-12qhfyh){color:var(--theme-topbar-foreground, var(--theme-400));transition:opacity .2s}.breadcrumb.svelte-12qhfyh .root:where(.svelte-12qhfyh):hover{opacity:1}.breadcrumb.svelte-12qhfyh .sep:where(.svelte-12qhfyh){color:var(--theme-topbar-foreground, var(--color-border));-webkit-user-select:none;user-select:none;opacity:.5}.header-actions.svelte-12qhfyh{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:767px){.app-header.svelte-12qhfyh{padding:0 12px}.create-btn.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.create-btn.svelte-12qhfyh>:where(.svelte-12qhfyh):last-child{display:none}.create-btn.svelte-12qhfyh,.icon-btn.svelte-12qhfyh{min-width:44px;min-height:44px;padding:10px}}@media(min-width:768px){.app-header.svelte-12qhfyh{padding:0 20px}}.icon-btn.svelte-12qhfyh{background:none;border:none;cursor:pointer;color:var(--theme-topbar-foreground, var(--color-text-muted));padding:6px;border-radius:4px;display:flex;opacity:.8}.icon-btn.svelte-12qhfyh:hover{background:#8080801a;opacity:1}.v-divider.svelte-12qhfyh{width:1px;height:16px;background:var(--theme-topbar-foreground, var(--color-border));opacity:.2}.sidebar{background:var(--theme-sidebar-bg, var(--color-bg))!important;color:var(--theme-sidebar-foreground, var(--color-text))!important}.sidebar .org-name,.sidebar .menu-label,.sidebar .menu-item span,.sidebar .menu-item :global(svg),.sidebar .workspace-name,.sidebar .user-name{color:var(--theme-sidebar-foreground, var(--color-text))!important}.sidebar .menu-item:hover{background:#8080801a!important}.sidebar .menu-item.active{background:var(--brand-primary)!important;color:var(--brand-fg)!important}.sidebar .menu-item.active span,.sidebar .menu-item.active :global(svg){color:var(--brand-fg)!important}.new-btn-container.svelte-12qhfyh{position:relative}.create-btn.svelte-12qhfyh{background:var(--brand-primary);color:var(--brand-fg);border:none;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer}.create-btn.svelte-12qhfyh:hover{opacity:.9}.dropdown.svelte-12qhfyh{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:220px;z-index:1000;padding:6px;display:flex;flex-direction:column;gap:1px;max-height:420px;overflow-y:auto}.menu-group-label.svelte-12qhfyh{padding:6px 12px 4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--theme-400);-webkit-user-select:none;user-select:none}.menu-item.svelte-12qhfyh{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;color:var(--theme-600);background:none;border:none;cursor:pointer;width:100%;border-radius:6px;text-align:left;transition:all .15s}.menu-item.svelte-12qhfyh:hover{background:var(--color-surface);color:var(--color-text)}.menu-item.svelte-12qhfyh svg{color:var(--theme-400);transition:color .15s}.menu-item.svelte-12qhfyh:hover svg{color:var(--brand-primary)}.divider.svelte-12qhfyh{height:1px;background:var(--theme-100);margin:4px 0}.page-content.svelte-12qhfyh{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-viewport.svelte-12qhfyh{min-height:100vh;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.public-full-viewport.svelte-12qhfyh{min-height:100vh;width:100%;background:var(--color-surface)}button:active{transform:scale(.95);transition:transform .1s cubic-bezier(.4,0,.2,1)}