*{box-sizing:border-box;margin:0;padding:0}:root{--od-primary:#3b82f6;--od-primary-hover:#2563eb;--od-cyan:#06b6d4;--od-rose:#f43f5e;--od-green:#10b981;--od-amber:#f59e0b;--od-space-0:0px;--od-space-1:4px;--od-space-2:8px;--od-space-3:12px;--od-space-4:16px;--od-space-5:20px;--od-space-6:24px;--od-space-8:32px;--od-space-10:40px;--od-space-12:48px;--od-space-16:64px;--od-space-20:80px;--od-font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--od-font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--od-text-xs:.75rem;--od-text-sm:.8125rem;--od-text-base:.875rem;--od-text-lg:1rem;--od-text-xl:1.125rem;--od-text-2xl:1.25rem;--od-text-3xl:1.5rem;--od-text-4xl:2rem;--od-weight-normal:400;--od-weight-medium:500;--od-weight-semibold:600;--od-weight-bold:700;--od-radius-xs:4px;--od-radius-sm:6px;--od-radius-md:8px;--od-radius-lg:12px;--od-radius-xl:16px;--od-radius-2xl:20px;--od-radius-full:9999px;--od-transition-fast:.1s cubic-bezier(.4, 0, .2, 1);--od-transition-base:.15s cubic-bezier(.4, 0, .2, 1);--od-transition-slow:.25s cubic-bezier(.4, 0, .2, 1);--od-transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--od-z-base:0;--od-z-dropdown:100;--od-z-sticky:200;--od-z-overlay:300;--od-z-modal:400;--od-z-popover:500;--od-z-toast:600}:root,[data-theme=dark]{--od-surface:#09090b;--od-surface-container:#18181b;--od-surface-container-low:#131316;--od-surface-container-high:#27272a;--od-surface-elevated:#1c1c1f;--od-surface-overlay:#000c;--od-text-primary:#fafafa;--od-text-secondary:#a1a1aa;--od-text-tertiary:#71717a;--od-text-inverse:#09090b;--od-primary-subtle:#3b82f61a;--od-primary-muted:#3b82f626;--od-green-subtle:#10b9811a;--od-amber-subtle:#f59e0b1a;--od-rose-subtle:#f43f5e1a;--od-border:#ffffff0f;--od-border-subtle:#ffffff08;--od-border-hover:#ffffff1a;--od-border-focus:var(--od-primary);--od-shadow-xs:0 1px 2px #0006;--od-shadow-sm:0 2px 4px #0006, 0 1px 2px #0000004d;--od-shadow-md:0 4px 8px -2px #00000080, 0 2px 4px -2px #0006;--od-shadow-lg:0 8px 16px -4px #0009, 0 4px 8px -4px #0006;--od-shadow-xl:0 16px 32px -8px #000000b3, 0 8px 16px -8px #00000080;--od-shadow-glow:0 0 24px #3b82f633;--od-shadow-glow-sm:0 0 12px #3b82f626}[data-theme=light]{--od-surface:#fff;--od-surface-container:#f4f4f5;--od-surface-container-low:#fafafa;--od-surface-container-high:#e4e4e7;--od-surface-elevated:#fff;--od-surface-overlay:#00000080;--od-text-primary:#18181b;--od-text-secondary:#52525b;--od-text-tertiary:#a1a1aa;--od-text-inverse:#fafafa;--od-primary-subtle:#3b82f614;--od-primary-muted:#3b82f61f;--od-green-subtle:#10b98114;--od-amber-subtle:#f59e0b14;--od-rose-subtle:#f43f5e14;--od-border:#00000014;--od-border-subtle:#0000000a;--od-border-hover:#00000026;--od-border-focus:var(--od-primary);--od-shadow-xs:0 1px 2px #0000000f;--od-shadow-sm:0 2px 4px #0000000f, 0 1px 2px #0000000a;--od-shadow-md:0 4px 8px -2px #00000014, 0 2px 4px -2px #0000000f;--od-shadow-lg:0 8px 16px -4px #0000001a, 0 4px 8px -4px #00000014;--od-shadow-xl:0 16px 32px -8px #0000001f, 0 8px 16px -8px #0000001a;--od-shadow-glow:0 0 24px #3b82f61f;--od-shadow-glow-sm:0 0 12px #3b82f614}body{font-family:var(--od-font-family);background-color:var(--od-surface);color:var(--od-text-primary);line-height:1.5;font-size:var(--od-text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}a{color:var(--od-primary);transition:color var(--od-transition-fast);text-decoration:none}a:hover{color:var(--od-primary-hover)}:focus-visible{outline:2px solid var(--od-primary);outline-offset:2px;border-radius:var(--od-radius-sm)}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--od-primary);outline-offset:2px}.page-container{gap:var(--od-space-6);max-width:900px;padding:var(--od-space-6);padding-bottom:var(--od-space-20);flex-direction:column;margin:0 auto;display:flex}.page-header{padding:var(--od-space-2) 0;justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--od-text-2xl);font-weight:var(--od-weight-bold);color:var(--od-text-primary);letter-spacing:-.02em;align-items:center;gap:var(--od-space-3);display:flex}.card{background:var(--od-surface-container);border-radius:var(--od-radius-lg);border:1px solid var(--od-border);padding:var(--od-space-5);transition:all var(--od-transition-base)}.card:hover{border-color:var(--od-border-hover);box-shadow:var(--od-shadow-sm)}.btn{justify-content:center;align-items:center;gap:var(--od-space-2);padding:var(--od-space-2) var(--od-space-4);border-radius:var(--od-radius-md);font-size:var(--od-text-sm);font-weight:var(--od-weight-medium);font-family:var(--od-font-family);cursor:pointer;transition:all var(--od-transition-fast);border:none;min-height:36px;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--od-primary);color:#fff;box-shadow:var(--od-shadow-xs)}.btn-primary:hover{background:var(--od-primary-hover);box-shadow:var(--od-shadow-glow-sm);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--od-shadow-xs);transform:translateY(0)}.btn-secondary{background:var(--od-surface-container-high);color:var(--od-text-primary);border:1px solid var(--od-border)}.btn-secondary:hover{background:var(--od-surface-elevated);border-color:var(--od-border-hover)}.btn-danger{background:var(--od-rose-subtle);color:var(--od-rose);border:1px solid var(--od-rose-subtle)}.btn-danger:hover{background:var(--od-rose-subtle);border-color:var(--od-rose)}.btn-ghost{color:var(--od-text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--od-surface-container-high);color:var(--od-text-primary)}.btn-sm{padding:var(--od-space-1) var(--od-space-3);font-size:var(--od-text-xs);border-radius:var(--od-radius-sm);min-height:32px}.form-group{margin-bottom:var(--od-space-5)}.form-label{font-size:var(--od-text-sm);font-weight:var(--od-weight-medium);color:var(--od-text-secondary);margin-bottom:var(--od-space-2);display:block}.form-input,.form-textarea{width:100%;padding:var(--od-space-3) var(--od-space-4);background:var(--od-surface-container-low);border:1px solid var(--od-border);border-radius:var(--od-radius-md);color:var(--od-text-primary);font-size:var(--od-text-sm);font-family:var(--od-font-family);transition:all var(--od-transition-fast);line-height:1.5}.form-input:focus,.form-textarea:focus{border-color:var(--od-primary);box-shadow:0 0 0 3px var(--od-primary-subtle);background:var(--od-surface-container);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--od-text-tertiary)}.badge{align-items:center;gap:var(--od-space-1);padding:var(--od-space-1) var(--od-space-2);border-radius:var(--od-radius-full);font-size:var(--od-text-xs);font-weight:var(--od-weight-medium);line-height:1;display:inline-flex}.badge-success{background:var(--od-green-subtle);color:var(--od-green)}.badge-warning{background:var(--od-amber-subtle);color:var(--od-amber)}.badge-danger{background:var(--od-rose-subtle);color:var(--od-rose)}.badge-neutral{background:var(--od-surface-container-high);color:var(--od-text-secondary)}.empty-state{text-align:center;padding:var(--od-space-16) var(--od-space-8);background:var(--od-surface-container);border-radius:var(--od-radius-xl);border:1px dashed var(--od-border)}.empty-icon{margin:0 auto var(--od-space-4);color:var(--od-text-tertiary);opacity:.6;justify-content:center;align-items:center;display:flex}.empty-title{font-size:var(--od-text-lg);font-weight:var(--od-weight-semibold);color:var(--od-text-primary);margin-bottom:var(--od-space-2);letter-spacing:-.01em}.empty-description{color:var(--od-text-secondary);font-size:var(--od-text-sm);margin-bottom:var(--od-space-6);max-width:280px;margin-left:auto;margin-right:auto}.error-banner{padding:var(--od-space-3) var(--od-space-4);border-radius:var(--od-radius-md);color:var(--od-rose);font-size:var(--od-text-sm);background:#f43f5e14;border:1px solid #f43f5e26;justify-content:space-between;align-items:center;display:flex}.error-banner button{color:var(--od-rose);cursor:pointer;padding:var(--od-space-1);opacity:.6;transition:opacity var(--od-transition-fast);background:0 0;border:none;font-size:1rem}.error-banner button:hover{opacity:1}.loading-state{padding:var(--od-space-16);justify-content:center;align-items:center;gap:var(--od-space-4);color:var(--od-text-secondary);font-size:var(--od-text-sm);flex-direction:column;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--od-surface-container-high);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--od-text-tertiary)}.od-loading-screen.svelte-12qhfyh{justify-content:center;align-items:center;gap:var(--od-space-4);height:100vh;color:var(--od-text-secondary);font-size:var(--od-text-sm);flex-direction:column;display:flex}.od-spinner-lg.svelte-12qhfyh{border:3px solid var(--od-surface-container-high);border-top-color:var(--od-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite svelte-12qhfyh-od-spin}@keyframes svelte-12qhfyh-od-spin{to{transform:rotate(360deg)}}.od-login-screen.svelte-12qhfyh{min-height:100vh;padding:var(--od-space-4);background:var(--od-surface);justify-content:center;align-items:center;display:flex}.od-login-card.svelte-12qhfyh{background:var(--od-surface-container);border-radius:var(--od-radius-lg);padding:var(--od-space-8);width:100%;max-width:400px;box-shadow:var(--od-shadow-lg);border:1px solid var(--od-border)}.od-login-header.svelte-12qhfyh{text-align:center;margin-bottom:var(--od-space-8)}.od-login-logo.svelte-12qhfyh{margin-bottom:var(--od-space-4);color:var(--od-primary);justify-content:center;align-items:center;display:flex}.od-login-header.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:var(--od-text-2xl);margin-bottom:var(--od-space-2);color:var(--od-text-primary);font-weight:600}.od-login-header.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--od-text-secondary);font-size:var(--od-text-sm)}.od-login-input.svelte-12qhfyh{width:100%;padding:var(--od-space-3) var(--od-space-4);border:1px solid var(--od-border);border-radius:var(--od-radius-sm);background:var(--od-surface-container-low);color:var(--od-text-primary);font-size:var(--od-text-base);font-family:var(--od-font-family);margin-bottom:var(--od-space-4);transition:border-color var(--od-transition-fast), box-shadow var(--od-transition-fast)}.od-login-input.svelte-12qhfyh:focus{border-color:var(--od-primary);box-shadow:0 0 0 3px var(--od-primary-subtle);outline:none}.od-login-input.svelte-12qhfyh::placeholder{color:var(--od-text-tertiary)}.od-login-button.svelte-12qhfyh{width:100%;padding:var(--od-space-3) var(--od-space-4);background:var(--od-primary);color:#fff;border-radius:var(--od-radius-sm);font-size:var(--od-text-base);font-weight:500;font-family:var(--od-font-family);cursor:pointer;transition:background var(--od-transition-fast), transform var(--od-transition-fast);border:none}.od-login-button.svelte-12qhfyh:hover:not(:disabled){background:var(--od-primary-hover)}.od-login-button.svelte-12qhfyh:active:not(:disabled){transform:scale(.98)}.od-login-button.svelte-12qhfyh:disabled{opacity:.5;cursor:not-allowed}.od-error-text.svelte-12qhfyh{color:var(--od-rose);font-size:var(--od-text-sm);margin-bottom:var(--od-space-3)}.od-app-layout.svelte-12qhfyh{min-height:100vh;display:flex}.od-sidebar-toggle.svelte-12qhfyh{padding:var(--od-space-2);border:1px solid var(--od-border);border-radius:var(--od-radius-sm);color:var(--od-text-primary);cursor:pointer;transition:all var(--od-transition-fast);background:0 0;flex-shrink:0;display:none}.od-sidebar-toggle.svelte-12qhfyh:hover{border-color:var(--od-primary);background:var(--od-surface-container-high);color:var(--od-primary)}.od-sidebar-overlay.svelte-12qhfyh{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;cursor:default;background:#0009;border:none;padding:0;display:none;position:fixed;inset:0}.od-sidebar.svelte-12qhfyh{background:var(--od-surface-container);border-right:1px solid var(--od-border);z-index:100;flex-direction:column;width:256px;display:flex;position:fixed;top:0;bottom:0;left:0}.od-sidebar-header.svelte-12qhfyh{padding:var(--od-space-5) var(--od-space-5);border-bottom:1px solid var(--od-border)}.od-logo.svelte-12qhfyh{align-items:center;gap:var(--od-space-3);display:flex}.od-logo-icon.svelte-12qhfyh{color:var(--od-primary);justify-content:center;align-items:center;display:flex}.od-logo-text.svelte-12qhfyh{font-size:var(--od-text-xl);color:var(--od-text-primary);letter-spacing:-.02em;font-weight:700}.od-sidebar-nav.svelte-12qhfyh{padding:var(--od-space-3) 0;flex:1;overflow-y:auto}.od-nav-item.svelte-12qhfyh{align-items:center;gap:var(--od-space-3);padding:var(--od-space-3) var(--od-space-5);color:var(--od-text-secondary);font-size:var(--od-text-sm);transition:all var(--od-transition-base);border-right:3px solid #0000;font-weight:500;text-decoration:none;display:flex}.od-nav-item.svelte-12qhfyh:hover{background:var(--od-surface-container-high);color:var(--od-text-primary);border-color:var(--od-border-hover);transform:scale(1.02)}.od-nav-item.active.svelte-12qhfyh{background:var(--od-primary-subtle);color:var(--od-primary);border-right-color:var(--od-primary)}.od-nav-icon.svelte-12qhfyh{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.od-nav-label.svelte-12qhfyh{font-size:var(--od-text-sm)}.od-sidebar-footer.svelte-12qhfyh{padding:var(--od-space-4) var(--od-space-5);border-top:1px solid var(--od-border);gap:var(--od-space-2);flex-direction:column;display:flex}.od-logout-btn.svelte-12qhfyh,.od-install-btn.svelte-12qhfyh{width:100%;padding:var(--od-space-2) var(--od-space-3);border:1px solid var(--od-border);border-radius:var(--od-radius-sm);color:var(--od-text-secondary);font-size:var(--od-text-sm);font-family:var(--od-font-family);cursor:pointer;transition:all var(--od-transition-fast);justify-content:center;align-items:center;gap:var(--od-space-2);background:0 0;min-height:36px;display:flex}.od-logout-btn.svelte-12qhfyh:hover,.od-install-btn.svelte-12qhfyh:hover{background:var(--od-surface-container-high);color:var(--od-text-primary);border-color:var(--od-border-hover)}.od-install-btn.svelte-12qhfyh{background:var(--od-primary);color:#fff;border-color:var(--od-primary)}.od-install-btn.svelte-12qhfyh:hover{background:var(--od-primary-hover)}.od-main-content.svelte-12qhfyh{flex-direction:column;flex:1;height:100vh;margin-left:256px;display:flex}.od-top-bar.svelte-12qhfyh{background:var(--od-surface);border-bottom:1px solid var(--od-border);padding:var(--od-space-4) var(--od-space-6);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.od-top-bar.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:var(--od-text-xl);color:var(--od-text-primary);font-weight:600}.od-top-bar-actions.svelte-12qhfyh{align-items:center;gap:var(--od-space-3);display:flex}.od-theme-toggle.svelte-12qhfyh{background:var(--od-surface-container-high);border:1px solid var(--od-border);border-radius:var(--od-radius-sm);width:36px;height:36px;color:var(--od-text-secondary);cursor:pointer;transition:all var(--od-transition-fast);justify-content:center;align-items:center;display:flex}.od-theme-toggle.svelte-12qhfyh:hover{background:var(--od-surface-elevated);border-color:var(--od-border-hover);color:var(--od-text-primary)}.od-status-badge.svelte-12qhfyh{align-items:center;gap:var(--od-space-2);padding:var(--od-space-1) var(--od-space-3);background:var(--od-rose-subtle);font-size:var(--od-text-xs);color:var(--od-rose);border-radius:9999px;display:flex}.od-status-badge.online.svelte-12qhfyh{background:var(--od-green-subtle);color:var(--od-green)}.od-status-dot.svelte-12qhfyh{background:currentColor;border-radius:50%;width:6px;height:6px}.od-status-text.svelte-12qhfyh{font-weight:500}.od-install-btn-sm.svelte-12qhfyh{padding:var(--od-space-2);border:1px solid var(--od-border);border-radius:var(--od-radius-sm);cursor:pointer;transition:all var(--od-transition-fast);background:0 0;justify-content:center;align-items:center;min-width:36px;min-height:36px;font-size:1rem;display:flex}.od-install-btn-sm.svelte-12qhfyh:hover{background:var(--od-surface-container-high);border-color:var(--od-border-hover)}.od-offline-banner.svelte-12qhfyh{color:var(--od-amber);text-align:center;padding:var(--od-space-2) var(--od-space-4);font-size:var(--od-text-sm);background:#f59e0b26;border-bottom:1px solid #f59e0b33;font-weight:500}.od-toast.svelte-12qhfyh{bottom:var(--od-space-6);right:var(--od-space-6);background:var(--od-surface-container);border:1px solid var(--od-border);color:var(--od-text-primary);padding:var(--od-space-3) var(--od-space-5);border-radius:var(--od-radius-md);font-size:var(--od-text-sm);z-index:1000;box-shadow:var(--od-shadow-lg);animation:.2s svelte-12qhfyh-od-fade-in;position:fixed}@keyframes svelte-12qhfyh-od-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.od-page-content.svelte-12qhfyh{padding:var(--od-space-6);flex:1;width:100%;max-width:1400px;margin:0 auto}.od-bottom-nav.svelte-12qhfyh{background:var(--od-surface-container);border-top:1px solid var(--od-border);padding:var(--od-space-2) 0;padding-bottom:env(safe-area-inset-bottom,var(--od-space-2));z-index:100;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.od-bottom-nav-item.svelte-12qhfyh{align-items:center;gap:var(--od-space-1);padding:var(--od-space-2) var(--od-space-3);color:var(--od-text-secondary);font-size:var(--od-text-xs);transition:color var(--od-transition-fast);flex-direction:column;justify-content:center;min-width:64px;min-height:44px;text-decoration:none;display:flex}.od-bottom-nav-item.svelte-12qhfyh:hover{color:var(--od-text-primary)}.od-bottom-nav-item.active.svelte-12qhfyh{color:var(--od-primary)}.od-bottom-nav-icon.svelte-12qhfyh{justify-content:center;align-items:center;display:flex}.od-bottom-nav-label.svelte-12qhfyh{font-weight:500}@media (width<=768px){.od-sidebar-toggle.svelte-12qhfyh{display:block}.od-sidebar.svelte-12qhfyh{transition:transform var(--od-transition-slow);transform:translate(-100%)}.od-sidebar.open.svelte-12qhfyh{transform:translate(0)}.od-sidebar-overlay.svelte-12qhfyh{display:block}.od-main-content.svelte-12qhfyh{margin-left:0}.od-top-bar.svelte-12qhfyh{padding-left:var(--od-space-4)}.od-page-content.svelte-12qhfyh{padding:var(--od-space-4);padding-bottom:calc(var(--od-space-4) + 70px)}.od-bottom-nav.svelte-12qhfyh{display:flex}.od-status-text.svelte-12qhfyh{display:none}}