@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/GeistMono-Variable.woff2") format("woff2")}
/* Sidebar copied from the deployed Plotter Sayroh workspace stylesheet. */
:root{--ws-canvas:#eceef2;--ws-rule:#e4e6ea;--ws-rule-soft:#eceef2;--ws-ink:#19191c;--ws-ink-soft:#41454e;--ws-muted:#7b8090;--ws-faint:#9aa0aa;--ws-control:#f4f5f7;--ws-surface-muted:#f7f8fa;--ws-blue:#2563eb;--ws-blue-strong:#2563eb;--ws-blue-soft:#eaf1ff;--font-data:"Geist Mono",monospace;--focus-ring:0 0 0 3px #2563eb25}
/* Main application shell */
.app-shell {
  display: grid;
  width: 100%;
  height: 100vh;
  min-height: 0;
  grid-template-columns: 16.375rem minmax(0, 1fr);
  gap: 0.625rem;
  overflow: hidden;
  background: var(--ws-canvas);
  padding: 0.625rem;
  transition: grid-template-columns 180ms ease;
}

.app-shell.is-sidebar-collapsed {
  grid-template-columns: 4.75rem minmax(0, 1fr);
}

.workspace-sidebar {
  position: relative;
  inset: auto;
  z-index: 20;
  width: auto;
  height: calc(100vh - 1.25rem);
  border: 1px solid var(--ws-rule);
  border-radius: 1rem;
  background: #fff;
  box-shadow: none;
}

.workspace-sidebar__inner {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  gap: 0.875rem;
  padding: 0.75rem;
}

.workspace-sidebar__toggle {
  position: absolute;
  z-index: 2;
  top: 1.2rem;
  right: -0.6875rem;
  display: grid;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  border: 1px solid var(--ws-rule);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 12px rgb(24 25 29 / 12%);
  color: var(--ws-muted);
  cursor: pointer;
}

.workspace-sidebar__toggle:hover {
  border-color: #b8caf6;
  background: var(--ws-blue-soft);
  color: var(--ws-blue-strong);
}

.workspace-sidebar__toggle:focus-visible { outline: none; box-shadow: var(--focus-ring), 0 4px 12px rgb(24 25 29 / 12%); }
.workspace-sidebar__toggle .app-icon { width: 0.875rem; height: 0.875rem; transform: rotate(90deg); transition: transform 180ms ease; }
.app-shell.is-sidebar-collapsed .workspace-sidebar__toggle .app-icon { transform: rotate(-90deg); }

.app-shell.is-sidebar-collapsed .workspace-sidebar__inner {
  gap: 0.625rem;
  padding-inline: 0.5rem;
}

.app-shell.is-sidebar-collapsed .workspace-switcher {
  justify-content: center;
  border-color: transparent;
  padding-inline: 0;
}

.app-shell.is-sidebar-collapsed .workspace-switcher .brand-lockup__identity,
.app-shell.is-sidebar-collapsed .workspace-search--sidebar,
.app-shell.is-sidebar-collapsed .workspace-quick-filters,
.app-shell.is-sidebar-collapsed .workspace-sidebar .source-notice,
.app-shell.is-sidebar-collapsed .workspace-profile__copy,
.app-shell.is-sidebar-collapsed .workspace-profile > .app-icon,
.app-shell.is-sidebar-collapsed .primary-nav__count { display: none; }

.app-shell.is-sidebar-collapsed .primary-nav__link {
  justify-content: center;
  gap: 0;
  padding-inline: 0;
  font-size: 0;
}

.app-shell.is-sidebar-collapsed .workspace-profile {
  margin-top: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  border-color: transparent;
  padding-inline: 0;
}

.app-shell.is-sidebar-collapsed .selection-deck {
  left: calc(4.75rem + 2.25rem);
}

.workspace-switcher {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 0.625rem;
  border: 1px solid var(--ws-rule);
  border-radius: 0.75rem;
  background: #fff;
  padding: 0.5rem;
  color: var(--ws-ink);
}

.workspace-switcher:hover {
  border-color: #c8ccd4;
  background: var(--ws-surface-muted);
  color: var(--ws-ink);
}

.workspace-switcher .brand-lockup__symbol {
  width: 2.375rem;
  height: 2.375rem;
  flex: 0 0 2.375rem;
  border-radius: 0.5625rem;
  background: var(--ws-ink);
  padding: 0;
  filter: none;
}

.workspace-switcher .brand-lockup__identity {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.08rem;
}

.workspace-switcher .brand-lockup__wordmark {
  width: 5.5rem;
  height: auto;
}

.workspace-switcher .brand-lockup__product {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.workspace-switcher__meta {
  display: block;
  overflow: hidden;
  max-width: 100%;
  color: var(--ws-muted);
  font-size: 0.6875rem;
  font-weight: 450;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-search {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--ws-rule-soft);
  border-radius: 0.625rem;
  background: var(--ws-control);
  color: var(--ws-faint);
  padding: 0 0.625rem;
}

.workspace-search:focus-within {
  border-color: #b8caf6;
  background: #fff;
  box-shadow: var(--focus-ring);
}

.workspace-search .app-icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
}

.workspace-search input {
  width: 100%;
  min-width: 0;
  height: 2.25rem;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ws-ink);
  font-size: 0.8125rem;
}

.workspace-search input:focus,
.workspace-search input:focus-visible {
  outline: none;
  box-shadow: none;
}

.workspace-search input::placeholder { color: var(--ws-faint); }

.workspace-search kbd {
  border: 1px solid var(--ws-rule);
  border-radius: 0.3125rem;
  background: #fff;
  padding: 0.08rem 0.32rem;
  color: var(--ws-faint);
  font-family: var(--font-data);
  font-size: 0.625rem;
}

.primary-nav {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.125rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.primary-nav__link {
  display: flex;
  width: 100%;
  min-height: 2.25rem;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  border: 0;
  border-radius: 0.625rem;
  background: transparent;
  padding: 0.5rem 0.625rem;
  color: var(--ws-ink-soft);
  font-size: 0.84375rem;
  font-weight: 520;
}

.primary-nav__link .app-icon {
  width: 1.125rem;
  height: 1.125rem;
  color: var(--ws-muted);
}

.primary-nav__link:hover {
  background: var(--ws-control);
  color: var(--ws-ink);
}

.primary-nav__link.is-active,
.primary-nav__link[aria-current="page"] {
  background: var(--ws-blue-soft);
  color: var(--ws-blue-strong);
  font-weight: 620;
}

.primary-nav__link.is-active .app-icon,
.primary-nav__link[aria-current="page"] .app-icon { color: var(--ws-blue); }

.primary-nav__count {
  margin-left: auto;
  border-radius: 0.375rem;
  background: #fff;
  padding: 0.12rem 0.4rem;
  color: var(--ws-blue-strong);
  font-family: var(--font-data);
  font-size: 0.65625rem;
  font-weight: 650;
}

.workspace-quick-filters {
  display: grid;
  width: 100%;
  gap: 0.125rem;
  justify-items: stretch;
}

.workspace-quick-filters > p {
  margin: 0.5rem 0.625rem 0.25rem;
  color: var(--ws-faint);
  font-size: 0.65625rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-quick-filters button {
  display: grid;
  width: 100%;
  min-height: 2rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.625rem;
  border: 0;
  border-radius: 0.5625rem;
  background: transparent;
  padding: 0.4rem 0.625rem;
  color: var(--ws-ink-soft);
  font-size: 0.78125rem;
  text-align: left;
  cursor: pointer;
}

.workspace-quick-filters button > strong:last-child { justify-self: end; }

.workspace-quick-filters button:hover { background: var(--ws-control); }
.workspace-quick-filters button strong { color: var(--ws-muted); font-family: var(--font-data); font-size: 0.6875rem; }
.workspace-quick-filters button.is-active { background: #f5f8ff; color: var(--ws-blue-strong); font-weight: 650; }
.status-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--ws-faint);
}

.status-dot--local { background: #16a34a; }
.status-dot--amber { background: #f59e0b; }
.status-dot--danger { background: #ef4444; }
.status-dot--success { background: #16a34a; }

.workspace-sidebar .source-notice {
  display: block;
  margin-top: auto;
  border: 1px solid #dbe6ff;
  border-radius: 0.75rem;
  background: #f5f8ff;
  padding: 0.75rem;
}

.workspace-sidebar .source-notice__icon { display: none; }
.workspace-sidebar .source-notice p { display: block; margin: 0; color: var(--ws-muted); font-size: 0.6875rem; line-height: 1.45; }
.workspace-sidebar .source-notice p strong { display: block; margin-bottom: 0.25rem; color: var(--ws-blue-strong); font-size: 0.71875rem; }
.workspace-sidebar .source-notice p span[aria-hidden="true"] { display: none; }
.workspace-sidebar .source-notice__action { margin-top: 0.45rem; color: var(--ws-blue-strong); font-size: 0.6875rem; font-weight: 650; }

.workspace-profile {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.625rem;
  border: 1px solid var(--ws-rule);
  border-radius: 0.75rem;
  background: #fff;
  padding: 0.5rem;
  color: var(--ws-ink);
  text-align: left;
  cursor: pointer;
}

.workspace-profile:hover { border-color: #c8ccd4; background: var(--ws-surface-muted); }
.workspace-profile__avatar { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--ws-ink); color: #fff; font-size: 0.6875rem; font-weight: 650; }
.workspace-profile__copy { min-width: 0; line-height: 1.25; }
.workspace-profile__copy strong,
.workspace-profile__copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-profile__copy strong { font-size: 0.78125rem; }
.workspace-profile__copy small { margin-top: 0.12rem; color: var(--ws-muted); font-size: 0.6875rem; }
.workspace-profile > .app-icon { width: 1rem; height: 1rem; color: var(--ws-faint); }


.shell.app-shell{min-height:0}.app-shell>.main-wrap{min-height:0;overflow:auto;padding:0 14px 24px}
.workspace-sidebar .app-icon{stroke-width:1.5}.primary-nav__link{text-decoration:none;text-align:left;line-height:1.5}
.workspace-search input{padding:0}.workspace-search input:focus-visible{outline:0}
.workspace-profile-area{position:relative;margin-top:auto}.workspace-profile-area .workspace-profile{margin-top:0}
.sidebar-profile-menu{position:absolute;bottom:calc(100% + 8px);left:0;width:235px;padding:12px;border:1px solid var(--ws-rule);border-radius:12px;background:#fff;box-shadow:0 12px 34px #18191d1f;z-index:30}
.sidebar-profile-menu strong,.sidebar-profile-menu small{display:block}.sidebar-profile-menu button{width:100%;margin-top:10px;padding:8px;border:0;border-radius:8px;background:var(--ws-control);text-align:left;font-size:13px}
.app-shell.is-sidebar-collapsed .primary-nav__text{display:none}
.app-shell.is-sidebar-collapsed .workspace-profile-area .workspace-profile{grid-template-columns:1fr;border-color:transparent;justify-items:center;padding-inline:0}
.workspace-quick-filters button{line-height:1.5}
@media(max-width:58rem){
 .shell.app-shell{display:block;height:auto;min-height:100vh;overflow:visible;padding:0}
 .workspace-sidebar{position:sticky;top:0;z-index:50;width:100%;height:auto;border:0;border-bottom:1px solid var(--ws-rule);border-radius:0}
 .workspace-sidebar__inner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.5rem .75rem}
 .workspace-sidebar__toggle,.workspace-switcher .brand-lockup__identity,.workspace-search--sidebar,.workspace-quick-filters,.workspace-profile-area{display:none}
 .workspace-switcher{width:auto;border:0;padding:0}.primary-nav{display:flex;min-width:0;flex-direction:row;justify-content:center;overflow-x:auto}
 .primary-nav__link,.app-shell.is-sidebar-collapsed .primary-nav__link{width:auto;min-width:max-content;justify-content:flex-start;gap:.625rem;padding:.5rem .625rem;font-size:.84375rem}
 .primary-nav__count{display:none}.app-shell.is-sidebar-collapsed .primary-nav__text{display:inline}
 .app-shell>.main-wrap{overflow:visible;padding:0 9px 20px}
}
@media(max-width:42rem){
 .workspace-sidebar__inner{grid-template-columns:minmax(0,1fr)}.workspace-switcher{display:none}.primary-nav{justify-content:flex-start}
 .primary-nav__link,.app-shell.is-sidebar-collapsed .primary-nav__link{min-width:2.5rem;justify-content:center;gap:0;font-size:0}
 .primary-nav__link .app-icon{width:1.2rem;height:1.2rem}
}