@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-primary:#f8fafc;--surface-secondary:#f9fbfc;--surface-tertiary:#fafbfd;--surface-elevated:#f9fbfd;--accent-primary:#2563eb;--accent-primary-hover:#2155c8;--accent-primary-subtle:#dae5fa;--accent-secondary:#14b8a6;--text-primary:#0f172a;--text-secondary:#424958;--text-tertiary:#5a606d;--text-on-accent:#fff;--border-default:#ced1d6;--border-strong:#ced1d6;--status-success:#16a34a;--status-warning:#d97706;--status-error:#dc2626;--status-info:#2563eb;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-display:"Sora", system-ui, sans-serif;--surface-card-bg:#f9fbfd;--surface-card-border:1px solid #ced1d6;--surface-card-shadow:0 4px 12px #0f172a14;--surface-hero-bg:linear-gradient(135deg, #d2dff9 0%, #c6ebe9 100%);--surface-hero-border:1px solid #2563eb2e;--surface-shell-bg:#f9fafc;--surface-shell-border:1px solid #ced1d6;--surface-topbar-bg:#e3ebfa;--radius-xs:4px;--radius-sm:16px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--radius-card:20px;--shadow-sm:0 4px 12px #0f172a14;--shadow-md:0 12px 30px #0f172a1f;--shadow-lg:0 22px 52px #0f172a29;--shadow-xl:0 32px 84px #0f172a2e;--motion-fast:.1s;--motion-normal:.2s;--motion-slow:.3s;--motion-easing:cubic-bezier(.4, 0, .2, 1);--layout-max-width:960px;--layout-spacing:8px;--layout-topbar-height:56px;--button-radius:9999px;--card-radius:20px;--card-shadow:0 4px 12px #0f172a14;--card-border:1px solid #ced1d6;--card-bg:#f9fbfd;--input-radius:16px;--input-border:1px solid #ced1d6;--badge-radius:9999px;--badge-bg:#d8f1f0;--badge-text:#0f172a;--button-primary-bg:linear-gradient(135deg, #2563eb 0%, #14b8a6 100%);--button-primary-hover-bg:linear-gradient(135deg, #14b8a6 0%, #0f172a 100%);--button-primary-text:#fff;--button-primary-shadow:0 16px 34px #14b8a647;--button-primary-hover-shadow:0 20px 44px #14b8a657;--button-primary-hover-transform:translateY(-1px);--button-secondary-bg:#f9fbfd;--button-secondary-border:1px solid #ced1d6;--button-secondary-text:#0f172a;--button-secondary-shadow:none;--card-hover-shadow:0 18px 40px #0f172a29;--card-hover-transform:translateY(-3px);--layout-density:balanced;--layout-section-gap:24px;--layout-card-gap:16px;--control-height:48px}
:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-primary:#f8fafc;--surface-secondary:#f9fbfc;--surface-tertiary:#fafbfd;--surface-elevated:#f9fbfd;--accent-primary:#2563eb;--accent-primary-hover:#2155c8;--accent-primary-subtle:#dae5fa;--accent-secondary:#14b8a6;--text-primary:#0f172a;--text-secondary:#424958;--text-tertiary:#5a606d;--text-on-accent:#fff;--border-default:#ced1d6;--border-strong:#ced1d6;--status-success:#16a34a;--status-warning:#d97706;--status-error:#dc2626;--status-info:#2563eb;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-display:"Sora", system-ui, sans-serif;--surface-card-bg:#f9fbfd;--surface-card-border:1px solid #ced1d6;--surface-card-shadow:0 4px 12px #0f172a14;--surface-hero-bg:linear-gradient(135deg, #d2dff9 0%, #c6ebe9 100%);--surface-hero-border:1px solid #2563eb2e;--surface-shell-bg:#f9fafc;--surface-shell-border:1px solid #ced1d6;--surface-topbar-bg:#e3ebfa;--radius-xs:4px;--radius-sm:16px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--radius-card:20px;--shadow-sm:0 4px 12px #0f172a14;--shadow-md:0 12px 30px #0f172a1f;--shadow-lg:0 22px 52px #0f172a29;--shadow-xl:0 32px 84px #0f172a2e;--motion-fast:.1s;--motion-normal:.2s;--motion-slow:.3s;--motion-easing:cubic-bezier(.4, 0, .2, 1);--layout-max-width:960px;--layout-spacing:8px;--layout-topbar-height:56px;--button-radius:9999px;--card-radius:20px;--card-shadow:0 4px 12px #0f172a14;--card-border:1px solid #ced1d6;--card-bg:#f9fbfd;--input-radius:16px;--input-border:1px solid #ced1d6;--badge-radius:9999px;--badge-bg:#d8f1f0;--badge-text:#0f172a;--button-primary-bg:linear-gradient(135deg, #2563eb 0%, #14b8a6 100%);--button-primary-hover-bg:linear-gradient(135deg, #14b8a6 0%, #0f172a 100%);--button-primary-text:#fff;--button-primary-shadow:0 16px 34px #14b8a647;--button-primary-hover-shadow:0 20px 44px #14b8a657;--button-primary-hover-transform:translateY(-1px);--button-secondary-bg:#f9fbfd;--button-secondary-border:1px solid #ced1d6;--button-secondary-text:#0f172a;--button-secondary-shadow:none;--card-hover-shadow:0 18px 40px #0f172a29;--card-hover-transform:translateY(-3px);--layout-density:balanced;--layout-section-gap:24px;--layout-card-gap:16px;--control-height:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;background:#f8fafc;font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body.app-body{color:#0f172a;background:radial-gradient(circle at top,#14b8a618,#0000 36%),linear-gradient(#f8fafc 0%,#f9fbfc 100%);min-height:100vh}.app-home{place-items:center;min-height:100vh;padding:40px 20px;display:grid}.app-home-card{background:#f9fbfd;border:1px solid #ced1d6;border-radius:20px;width:min(560px,100%);padding:40px;box-shadow:0 32px 84px #0f172a2e}.app-home-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#14b8a6;margin:0 0 12px;font-size:.75rem;font-weight:700}.app-home-title{letter-spacing:-.04em;margin:0 0 16px;font-family:Sora,system-ui,sans-serif;font-size:clamp(2.4rem,6vw,4rem);line-height:.96}.app-home-copy{color:#424958;margin:0;font-size:1rem;line-height:1.7}
.shell,.topbar-shell{background:var(--surface-primary,#fafbfa);flex-direction:column;min-height:100vh;display:flex}.shell{flex-direction:row}.sidebar{background:var(--surface-shell-bg,#f8fafc);border-right:var(--surface-shell-border,1px solid #e2e8f0);width:260px;transition:width var(--motion-normal,.2s) var(--motion-easing,ease);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar--collapsed{width:64px}.sidebar-header{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;height:56px;padding:16px;display:flex}.sidebar-logo{color:var(--text-primary,#0f172a);font-size:1.125rem;font-weight:700}.sidebar-toggle{width:32px;height:32px;color:var(--text-tertiary,#94a3b8);cursor:pointer;border-radius:var(--radius-md,8px);transition:background var(--motion-fast,.1s);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:#0000000a}.sidebar--collapsed .sidebar-toggle{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-link{border-radius:var(--radius-md,8px);color:var(--text-secondary,#475569);transition:all var(--motion-fast,.1s);white-space:nowrap;align-items:center;gap:12px;padding:10px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--text-primary,#0f172a);background:#00000008}.sidebar-link--active{background:var(--accent-primary-subtle,#eef2ff);color:var(--accent-primary,#4f46e5);font-weight:600}.sidebar-footer{border-top:1px solid #0000000a;padding:8px}.sidebar-overlay{display:none}.main-content{min-height:100vh;transition:margin-left var(--motion-normal,.2s) var(--motion-easing,ease);max-width:var(--layout-max-width,1200px);flex:1;margin-left:260px;padding:40px}.sidebar--collapsed~.main-content{margin-left:64px}.mobile-header{background:var(--surface-topbar-bg,#fffffff2);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{width:40px;height:40px;color:var(--text-primary,#0f172a);cursor:pointer;border-radius:var(--radius-md,8px);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-header-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:600}.topbar{z-index:50;background:var(--surface-topbar-bg,#ffffffeb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:12px;display:flex}.topbar-logo{color:var(--text-primary,#0f172a);font-size:.95rem;font-weight:700}.topbar-menu-btn{border-radius:var(--radius-md,8px);width:40px;height:40px;color:var(--text-primary,#0f172a);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.topbar-nav{align-items:center;gap:14px;display:flex}.topbar-link{border-radius:var(--radius-md,8px);color:var(--text-secondary,#475569);transition:background var(--motion-fast,.1s), color var(--motion-fast,.1s);align-items:center;gap:8px;padding:9px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.topbar-link:hover{color:var(--text-primary,#0f172a);background:#0000000a}.topbar-link--active{background:var(--accent-primary-subtle,#eef2ff);color:var(--accent-primary,#4f46e5)}.topbar-link--muted{color:var(--text-tertiary,#94a3b8)}.topbar-main{width:min(100%, var(--layout-max-width,1200px));margin:0 auto;padding:40px}.topbar-overlay{display:none}@media (max-width:768px){.mobile-header{display:flex}.sidebar{width:280px;transition:transform var(--motion-normal,.2s) var(--motion-easing,ease);transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{z-index:35;background:#0006;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:72px 20px 24px}.sidebar--collapsed~.main-content{margin-left:0}.sidebar-toggle{display:none}.topbar{padding:0 20px}.topbar-menu-btn{display:inline-flex}.topbar-nav{z-index:60;border-radius:var(--radius-lg,12px);background:var(--surface-elevated,#fff);box-shadow:var(--shadow-lg,0 12px 40px #0000001f);border:1px solid #e2e8f0;grid-template-columns:1fr;gap:8px;padding:12px;display:none;position:fixed;top:64px;left:20px;right:20px}.topbar-nav--mobile-open{display:grid}.topbar-link{justify-content:flex-start;width:100%}.topbar-overlay{z-index:45;background:#00000061;display:block;position:fixed;inset:0}.topbar-main{padding:24px 20px}}