:root{
  --app-vw: 100%;
  --ink: #102226;
  --ink-2: #263e45;
  --muted: #657982;
  --line: #d7e5ea;
  --panel: #ffffff;
  --page: #eef5f7;
  --teal: #18b9c7;
  --teal-2: #67e8f9;
  --teal-soft: #daf8fb;
  --coral: #f26d5b;
  --coral-soft: #ffe7e2;
  --gold: #f5b942;
  --gold-soft: #fff2ce;
  --violet: #7b8cff;
  --sky: #80c8ff;
  --surface-alt: #f6fafb;
  --solid-bg: #071719;
  --solid-fg: #ffffff;
  --sidebar-bg: #061315;
  --sidebar-line: rgba(127, 232, 243, .15);
  --shadow: 0 20px 60px rgba(6, 19, 21, .10);
  --shadow-soft: 0 10px 30px rgba(6, 19, 21, .07);
  --focus-ring: 0 0 0 3px rgba(24, 185, 199, .18);
}
body[data-theme="dark"]{
  --ink: #edfaff;
  --ink-2: #cce7ef;
  --muted: #94aeb8;
  --line: #1e363d;
  --panel: #0c1a1e;
  --page: #051012;
  --teal-soft: rgba(24, 185, 199, .18);
  --coral-soft: rgba(242, 109, 91, .18);
  --gold-soft: rgba(245, 185, 66, .18);
  --surface-alt: #102328;
  --solid-bg: #9af4ff;
  --solid-fg: #061315;
  --sidebar-bg: #020b0d;
  --shadow: 0 22px 70px rgba(0, 0, 0, .34);
  --shadow-soft: 0 14px 38px rgba(0, 0, 0, .24);
  color-scheme: dark;
}
body[data-theme="dark"] *{
  scrollbar-color: rgba(154, 164, 178, .44) transparent;
}
body[data-theme="dark"] *::-webkit-scrollbar-thumb{
  background-color: rgba(154, 164, 178, .44);
}
body[data-theme="dark"] *::-webkit-scrollbar-thumb:hover{
  background-color: rgba(242, 183, 5, .58);
}
*, *::before, *::after{
  box-sizing: border-box;
}
[hidden]{
  display: none !important;
}
*{
  scrollbar-width: thin;
  scrollbar-color: rgba(105, 115, 134, .42) transparent;
}
*::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track{
  background: transparent;
}
*::-webkit-scrollbar-thumb{
  background: rgba(105, 115, 134, .42);
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover{
  background-color: rgba(15, 118, 110, .62);
}
html{
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body{
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 12% -10%, rgba(103, 232, 249, .22), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(128, 200, 255, .18), transparent 28%),
    linear-gradient(180deg, #f6fbfc 0%, var(--page) 42%, #e9f2f5 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}
body[data-theme="dark"]{
  background:
    radial-gradient(circle at 10% -12%, rgba(103, 232, 249, .18), transparent 34%),
    radial-gradient(circle at 94% 2%, rgba(128, 200, 255, .13), transparent 28%),
    linear-gradient(180deg, #051012 0%, #071315 56%, #041012 100%);
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
a{
  color: inherit;
  text-decoration: none;
}
button, input, select, textarea{
  font: inherit;
  letter-spacing: 0;
}
svg{
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.layout-app{
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
}
body.layout-app{
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}
.app-frame{
  display: grid;
  grid-template-columns: minmax(0, 296px) minmax(0, 1fr);
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  height: 100vh;
  min-height: 0;
}
.sidebar{
  position: sticky;
  top: 0;
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(103, 232, 249, .10), transparent 24%),
    radial-gradient(circle at 20% 0%, rgba(128, 200, 255, .14), transparent 30%),
    var(--sidebar-bg);
  color: #f8fafc;
  border-right: 1px solid var(--sidebar-line);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .04);
}
.sidebar-toggle, .sidebar-backdrop{
  display: none;
}
.brand-mark{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.sidebar .brand-mark{
  position: relative;
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(127, 232, 243, .18);
  border-radius: 8px;
  background: rgba(255, 255, 255, .045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
.brand-copy{
  display: grid;
  min-width: 0;
  gap: 2px;
}
.brand-mark strong{
  display: block;
  font-size: 15px;
  letter-spacing: 0;
}
.brand-mark small{
  display: block;
  margin-top: 2px;
  color: rgba(226, 251, 255, .68);
  font-size: 12px;
}
.brand-icon{
  display: block;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 12px 28px rgba(103, 232, 249, .22);
}
.side-nav{
  display: grid;
  gap: 5px;
}
.side-nav a, .text-button{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 9px 11px;
  border-radius: 8px;
  color: rgba(226, 251, 255, .72);
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-weight: 800;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}
.side-nav a:hover, .side-nav a.active, .text-button:hover{
  background: rgba(103, 232, 249, .10);
  color: #ffffff;
}
.side-nav a.active{
  box-shadow: inset 3px 0 0 var(--teal-2), inset 0 0 0 1px rgba(103, 232, 249, .10);
}
.side-nav a.is-locked{
  position: relative;
  opacity: .58;
  filter: blur(.35px) saturate(.65);
}
.side-nav a.is-locked:hover{
  opacity: .82;
  filter: none;
}
.side-nav a small{
  margin-left: auto;
  padding: 2px 6px;
  border-radius: 999px;
  color: #101418;
  background: var(--gold);
  font-size: 10px;
  font-weight: 900;
}
.nav-separator{
  display: block;
  height: 1px;
  margin: 8px 6px;
  background: rgba(255, 255, 255, .12);
}
.app-main{
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100vh;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 22px 26px 28px;
}
.app-main > *{
  min-width: 0;
  max-width: 100%;
}
.topbar, .public-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  max-width: 100%;
  gap: 18px;
}
.topbar > div{
  min-width: 0;
}
.topbar-actions, .hero-actions, .auth-actions, .form-actions, .dashboard-grid, .metric-grid, .panel-header, .filter-toolbar, .filter-panel, .form-shell, .form-grid, .settings-card, .table-wrap, .chart-panel, .chart-frame, .inventory-table, .site-footer{
  min-width: 0;
}
.topbar > div:first-child{
  display: grid;
  gap: 4px;
}
.topbar{
  position: sticky;
  top: 0;
  z-index: 70;
  margin: -22px -26px 22px;
  padding: 18px 26px 14px;
  background: rgba(246, 251, 252, .82);
  border-bottom: 1px solid rgba(215, 229, 234, .72);
  backdrop-filter: blur(18px);
}
body[data-theme="dark"] .topbar{
  background: rgba(5, 16, 18, .82);
  border-bottom-color: rgba(30, 54, 61, .82);
}
.topbar h1, .article-shell h1{
  margin: 4px 0 0;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.05;
}
.eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--teal);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.topbar-actions, .hero-actions, .auth-actions, .form-actions{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.topbar-actions{
  position: relative;
  justify-content: flex-end;
  min-width: 0;
}
.user-chip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 7px 12px 7px 7px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 999px;
  cursor: pointer;
  list-style: none;
}
.user-chip::-webkit-details-marker{
  display: none;
}
.user-chip strong{
  min-width: 0;
}
.user-chip img, .user-chip span{
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--teal);
  color: white;
  font-weight: 800;
}
.btn, .icon-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}
.btn:hover, .icon-button:hover{
  transform: translateY(-1px);
}
.btn:disabled, .icon-button:disabled{
  opacity: .58;
  cursor: not-allowed;
  transform: none;
}
.btn-dark{
  color: var(--solid-fg);
  background: linear-gradient(135deg, var(--solid-bg), #0b2c31);
  box-shadow: 0 12px 24px rgba(6, 19, 21, .18);
}
.btn-dark.inverse{
  color: #101418;
  background: #ffffff;
}
.btn-light{
  color: var(--ink);
  background: rgba(255, 255, 255, .88);
  border-color: var(--line);
  box-shadow: 0 1px 0 rgba(6, 19, 21, .05);
}
.btn-danger{
  color: #ffffff;
  background: #b42318;
  border-color: #b42318;
}
.btn-compact{
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}
.icon-button{
  width: 42px;
  padding: 0;
  color: var(--ink-2);
  background: rgba(255, 255, 255, .90);
  border-color: var(--line);
  box-shadow: 0 1px 0 rgba(6, 19, 21, .06);
}
.btn:focus-visible, .icon-button:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline: 0;
  box-shadow: var(--focus-ring);
}
.icon-button svg, .btn svg{
  color: currentColor;
  stroke: currentColor;
}
.icon-button.small{
  width: 34px;
  min-height: 34px;
}
.icon-button.sidebar-toggle{
  display: none;
}
.icon-button.danger{
  color: #b42318;
}
.topbar-add-item-inventory{
  display: none;
}
.back-link{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--teal);
  font-weight: 800;
}
.is-disabled{
  opacity: .56;
  cursor: not-allowed;
  transform: none;
}
.language-picker-form, .language-picker{
  position: relative;
}
.language-picker summary{
  display: grid;
  place-items: center;
  width: 64px;
  min-height: 42px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  cursor: pointer;
  list-style: none;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .06);
}
.language-picker summary::-webkit-details-marker{
  display: none;
}
.language-picker summary img, .language-menu img{
  display: block;
  width: 28px;
  height: 20px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(17, 24, 39, .16);
}
.language-picker[open] summary{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
.language-menu{
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 80;
  display: grid;
  gap: 4px;
  min-width: 210px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 20px 54px rgba(17, 24, 39, .18);
}
.language-picker:not([open]) .language-menu, .export-menu:not([open]) .custom-select-menu, .custom-select:not([open]) .custom-select-menu, .multi-select:not([open]) .multi-select-menu, .advanced-filter:not([open]) .advanced-filter-panel, .user-menu:not([open]) .user-menu-panel{
  display: none;
}
.language-menu button{
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  color: var(--ink);
  background: transparent;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}
.language-menu button:hover, .language-menu button[aria-selected="true"]{
  background: var(--surface-alt);
}
.language-menu svg{
  color: var(--teal);
}
.custom-select-field{
  display: grid;
  gap: 7px;
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
.custom-select{
  position: relative;
  width: 100%;
  min-width: 0;
  color: var(--ink);
}
.custom-select summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  width: 100%;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--panel);
  cursor: pointer;
  list-style: none;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .06);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.custom-select summary::-webkit-details-marker{
  display: none;
}
.custom-select summary:hover{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .08);
}
.custom-select summary > span, .custom-select-summary-media{
  min-width: 0;
}
.custom-select summary > span:not(.custom-select-summary-media), .custom-select-summary-media span{
  overflow: hidden;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-select-summary-media{
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.custom-select-summary-media img, .custom-select-menu img{
  display: block;
  width: 28px;
  height: 20px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(17, 24, 39, .16);
}
.custom-select summary svg{
  color: var(--muted);
  transition: transform .18s ease;
}
.custom-select[open] summary{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
.custom-select[open] summary > svg{
  transform: rotate(180deg);
}
.custom-select-menu{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 70;
  display: grid;
  gap: 4px;
  width: max(100%, 220px);
  max-width: min(420px, calc(100vw - 48px));
  max-height: 272px;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 20px 54px rgba(17, 24, 39, .18);
}
.settings-preferences-row .custom-select-menu{
  width: 100%;
}
.custom-select-menu button{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  color: var(--ink);
  background: transparent;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}
.custom-select-menu button.has-media{
  grid-template-columns: 28px minmax(0, 1fr) 18px;
}
.custom-select-menu button.has-meta{
  grid-template-columns: minmax(0, 1fr) auto 18px;
}
.custom-select-menu button::after{
  content: "";
  width: 18px;
  height: 18px;
}
.custom-select-menu button[aria-selected="true"]::after{
  background: var(--teal);
  clip-path: polygon(14% 52%, 0 66%, 38% 100%, 100% 20%, 84% 8%, 34% 72%);
}
.custom-select-menu button:hover, .custom-select-menu button[aria-selected="true"]{
  background: var(--surface-alt);
}
.custom-select-menu button > span{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-select-menu a{
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  border-radius: 8px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}
.custom-select-menu a:hover{
  color: var(--teal);
  background: var(--surface-alt);
}
.export-menu{
  position: relative;
  min-width: 0;
}
.export-menu > summary{
  list-style: none;
}
.export-menu > summary::-webkit-details-marker{
  display: none;
}
.export-toggle{
  justify-content: center;
  min-height: 42px;
}
.export-toggle span{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.export-chevron{
  transition: transform .18s ease;
}
.export-menu[open] .export-chevron{
  transform: rotate(180deg);
}
.export-menu .custom-select-menu{
  right: 0;
  left: auto;
  width: 150px;
  min-width: 150px;
}
.custom-select-menu button small{
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}
.combo-select-field{
  position: relative;
  display: grid;
  gap: 7px;
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
.combo-select-control{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .06);
}
.combo-select-control input{
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.combo-select-control button{
  display: grid;
  place-items: center;
  border: 0;
  border-left: 1px solid var(--line);
  color: var(--muted);
  background: transparent;
  cursor: pointer;
}
.combo-select-menu{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 72;
  display: none;
  gap: 4px;
  width: max(100%, 220px);
  max-height: 220px;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 20px 54px rgba(17, 24, 39, .18);
}
.combo-select-field.open .combo-select-menu{
  display: grid;
}
.combo-select-menu button{
  min-height: 36px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  color: var(--ink);
  background: transparent;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}
.combo-select-menu button:hover{
  background: var(--surface-alt);
}
.combo-select-menu button[hidden]{
  display: none;
}
.combo-select-menu small{
  padding: 8px 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.money-input{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .06);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.money-input.prefix{
  grid-template-columns: auto minmax(0, 1fr);
}
.money-input input{
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.money-input input:focus{
  box-shadow: none;
}
.money-input:focus-within{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
.money-symbol{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  align-self: stretch;
  padding: 0 11px;
  border-left: 1px solid var(--line);
  color: var(--muted);
  background: var(--surface-alt);
  font-size: 13px;
  font-weight: 900;
}
.money-input.prefix .money-symbol{
  border-right: 1px solid var(--line);
  border-left: 0;
}
.input-action-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 8px;
  align-items: center;
}
.icon-button.is-disabled, .btn.is-disabled{
  opacity: .48;
  pointer-events: none;
}
.flash-stack{
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
}
.flash{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}
.site-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 28px;
  padding: 22px 0 4px;
  color: var(--muted);
  border-top: 1px solid var(--line);
}
.layout-public .site-footer{
  width: min(1180px, calc(100% - 44px));
  margin: 0 auto;
  padding: 22px 0;
}
.site-footer nav{
  display: flex;
  align-items: center;
  gap: 16px;
}
.site-footer a{
  font-weight: 800;
}
.guided-tour[hidden]{
  display: none;
}
.guided-tour{
  position: fixed;
  inset: 0;
  z-index: 240;
  --tour-hole-top: 50vh;
  --tour-hole-left: 50vw;
  --tour-hole-width: 0px;
  --tour-hole-height: 0px;
  pointer-events: none;
}
.tour-scrim{
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
}
.tour-scrim-piece{
  position: absolute;
  display: block;
  background: rgba(17, 24, 39, .42);
  backdrop-filter: blur(3px);
  pointer-events: none;
}
.tour-scrim-top{
  inset: 0 0 auto 0;
  height: var(--tour-hole-top);
}
.tour-scrim-left{
  top: var(--tour-hole-top);
  left: 0;
  width: var(--tour-hole-left);
  height: var(--tour-hole-height);
}
.tour-scrim-right{
  top: var(--tour-hole-top);
  right: 0;
  left: calc(var(--tour-hole-left) + var(--tour-hole-width));
  height: var(--tour-hole-height);
}
.tour-scrim-bottom{
  top: calc(var(--tour-hole-top) + var(--tour-hole-height));
  right: 0;
  bottom: 0;
  left: 0;
}
.tour-card{
  position: absolute;
  z-index: 250;
  right: 24px;
  bottom: 24px;
  width: min(420px, calc(100vw - 48px));
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--panel);
  box-shadow: 0 28px 70px rgba(17, 24, 39, .28);
  pointer-events: auto;
}
.tour-progress{
  height: 5px;
  margin-bottom: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--surface-alt);
}
.tour-progress span{
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--teal), var(--accent));
  transition: width .22s ease;
}
.tour-card h2{
  margin: 5px 0 8px;
  font-size: 22px;
}
.tour-card p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.tour-actions{
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}
.tour-highlight{
  position: relative;
  z-index: 241;
  border-radius: 8px;
  box-shadow: 0 0 0 4px rgba(13, 148, 136, .42), 0 18px 40px rgba(17, 24, 39, .24);
}
body.tour-open{
  overflow: hidden;
}
body.tour-open .tour-highlight{
  pointer-events: auto;
}
.flash-success{
  border-color: #9bd7c9;
}
.flash-warning{
  border-color: #ffe08a;
}
.confirm-dialog{
  width: min(440px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--panel);
  box-shadow: 0 28px 70px rgba(17, 24, 39, .24);
}
.confirm-dialog::backdrop{
  background: rgba(17, 24, 39, .46);
  backdrop-filter: blur(4px);
}
.confirm-dialog form{
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 20px;
}
.confirm-dialog-header{
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.confirm-dialog-header > svg{
  width: 38px;
  height: 38px;
  padding: 8px;
  border-radius: 8px;
  color: #b42318;
  background: var(--coral-soft);
}
.confirm-dialog-header strong{
  display: block;
  font-size: 18px;
}
.confirm-dialog-header p{
  margin: 5px 0 0;
  color: var(--muted);
  line-height: 1.5;
}
.confirm-dialog-item{
  display: inline-flex;
  max-width: 100%;
  margin-top: 8px !important;
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink) !important;
  background: var(--surface-alt);
  font-weight: 900;
}
.confirm-dialog-item[hidden], .confirm-phrase-field[hidden]{
  display: none;
}
.confirm-dialog-actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.code-preview-dialog{
  width: min(760px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--panel);
  box-shadow: 0 28px 80px rgba(17, 24, 39, .28);
}
.code-preview-dialog::backdrop{
  background: rgba(17, 24, 39, .52);
  backdrop-filter: blur(3px);
}
.code-preview-dialog form{
  display: grid;
  gap: 16px;
  padding: 18px;
}
.code-preview-header, .code-preview-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.code-preview-header strong{
  display: block;
  margin-top: 3px;
  font-size: 22px;
}
.code-preview-stage{
  display: grid;
  place-items: center;
  min-height: min(62vh, 520px);
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}
.code-preview-stage img{
  display: block;
  width: auto;
  max-width: 100%;
  max-height: min(54vh, 460px);
  object-fit: contain;
}
.confirm-phrase-field{
  display: grid;
  gap: 7px;
  margin-top: 14px;
}
.confirm-phrase-field span{
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}
.confirm-phrase-field small{
  color: #b42318;
  font-size: 12px;
  font-weight: 800;
}
.metric-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}
.metric-grid.compact{
  margin-top: 0;
}
.metric-card, .panel, .auth-panel, .article-shell{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}
.metric-card{
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 8px;
  min-height: 150px;
  padding: 18px;
}
.metric-card::before{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--teal);
}
.metric-card span, .metric-card small, td small{
  color: var(--muted);
}
.metric-card strong{
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.1;
}
.accent-coral::before{
  background: var(--coral);
}
.accent-gold::before{
  background: var(--gold);
}
.accent-ink::before{
  background: var(--ink);
}
.dashboard-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .55fr);
  gap: 14px;
  margin-top: 14px;
}
.dashboard-grid-three{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.panel{
  min-width: 0;
  padding: 18px;
}
.chart-panel{
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 320px;
}
.chart-frame{
  position: relative;
  min-height: 240px;
  height: 100%;
}
.chart-frame-large{
  min-height: 280px;
}
.chart-frame canvas{
  width: 100% !important;
  height: 100% !important;
}
.chart-empty{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 20px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  color: var(--muted);
  background: var(--surface-alt);
  text-align: center;
}
.chart-empty svg{
  width: 26px;
  height: 26px;
  color: var(--teal);
}
.chart-empty strong{
  color: var(--ink);
  font-size: 15px;
}
.chart-empty small{
  max-width: 300px;
  line-height: 1.45;
}
.panel-wide{
  grid-column: span 1;
}
.panel-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.chart-actions{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border: 1px solid #b5c2d0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .05);
}
.chart-actions button, .chart-actions a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 0;
  border-radius: 6px;
  color: var(--ink-2);
  background: transparent;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.chart-actions button:hover, .chart-actions button.active, .chart-actions a:hover, .chart-actions a.active{
  color: var(--solid-fg);
  background: var(--solid-bg);
  box-shadow: 0 1px 0 rgba(17, 24, 39, .06);
}
.range-actions{
  flex-wrap: wrap;
  justify-content: flex-end;
}
.data-scope-section{
  display: grid;
  gap: 14px;
  margin-top: 18px;
}
.scope-badge{
  max-width: 460px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
  text-align: right;
}
.scope-badge{
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-alt);
  text-align: left;
}
.async-data-page [data-async-target], .chart-frame{
  position: relative;
}
.metric-skeleton span, .metric-skeleton strong, .metric-skeleton small, .table-skeleton span, .list-skeleton span, .chart-skeleton span{
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(148, 163, 184, .16), rgba(148, 163, 184, .34), rgba(148, 163, 184, .16));
  background-size: 220% 100%;
  animation: shimmer 1.15s ease-in-out infinite;
}
.metric-skeleton span{
  width: 44%;
  height: 12px;
}
.metric-skeleton strong{
  width: 70%;
  height: 34px;
}
.metric-skeleton small{
  width: 56%;
  height: 11px;
}
.table-skeleton td{
  padding: 16px;
}
.table-skeleton span{
  width: 100%;
  height: 16px;
}
.skeleton-pill{
  display: block;
  width: min(220px, 70%);
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(105, 115, 134, .16), rgba(105, 115, 134, .34), rgba(105, 115, 134, .16));
  background-size: 220% 100%;
  animation: shimmer 1.2s ease-in-out infinite;
}
.list-skeleton{
  display: grid;
  gap: 10px;
  width: 100%;
}
.list-skeleton span{
  height: 42px;
  border-radius: 8px;
}
.chart-skeleton{
  position: absolute;
  inset: 0;
  z-index: 4;
  display: none;
  align-content: center;
  gap: 14px;
  padding: 28px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
  pointer-events: none;
}
.chart-skeleton span{
  height: 18px;
}
.chart-skeleton span:nth-child(1){
  width: 68%;
}
.chart-skeleton span:nth-child(2){
  width: 92%;
}
.chart-skeleton span:nth-child(3){
  width: 46%;
}
.async-data-page.is-loading .chart-skeleton{
  display: grid;
}
.async-data-page.is-loading.is-hydrated canvas{
  opacity: .3;
}
.async-data-page.is-loading.is-hydrated [data-async-target]::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(148, 163, 184, .04), rgba(148, 163, 184, .18), rgba(148, 163, 184, .04));
  background-size: 220% 100%;
  animation: shimmer 1.05s ease-in-out infinite;
  pointer-events: none;
}
.panel-header h2, .section-label h2{
  margin: 3px 0 0;
  font-size: 22px;
  line-height: 1.2;
}
.table-wrap{
  width: 100%;
  overflow-x: auto;
}
.inventory-page{
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.layout-app .app-main:has(.inventory-page){
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.layout-app .app-main:has(.inventory-page) .topbar, .layout-app .app-main:has(.inventory-page) .flash-stack{
  flex: 0 0 auto;
}
.inventory-page .filter-panel{
  flex: 0 0 auto;
  margin: 0;
}
.inventory-results.panel{
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}
.inventory-table{
  min-height: 0;
  overflow: auto;
}
.inventory-table table{
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0;
}
.inventory-table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--panel);
  box-shadow: 0 1px 0 var(--line);
}
.inventory-table-footer{
  padding: 11px 14px;
  color: var(--muted);
  background: var(--panel);
  border-top: 1px solid var(--line);
  font-size: 12px;
  font-weight: 900;
}
table{
  width: 100%;
  border-collapse: collapse;
}
th, td{
  padding: 13px 10px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
}
th{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
}
td strong, td small{
  display: block;
}
.status-pill{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef2f7;
  color: var(--ink-2);
  font-size: 12px;
  font-weight: 800;
  text-transform: capitalize;
}
.status-sold{
  color: #075e54;
  background: var(--teal-soft);
}
.profit-cell{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 900;
  white-space: nowrap;
}
.profit-cell svg{
  width: 17px;
  height: 17px;
}
.profit-cell.is-positive{
  color: #075e54;
}
.profit-cell.is-negative{
  color: #a43a2f;
}
.stock-mobile-price{
  display: none;
}
.user-chip svg{
  display: block;
  width: 15px;
  height: 15px;
  color: var(--muted);
  transition: transform .18s ease;
}
.user-menu{
  position: relative;
  min-width: 0;
}
.user-menu[open] .user-chip svg{
  transform: rotate(180deg);
}
.user-menu[open] .user-menu-panel{
  display: grid;
}
.user-menu-panel{
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 90;
  display: none;
  gap: 10px;
  width: min(290px, calc(100vw - 32px));
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 20px 54px rgba(17, 24, 39, .18);
}
.mobile-menu-item{
  display: grid;
  gap: 7px;
  margin: 0;
}
.mobile-menu-item .field-label{
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}
.mobile-menu-item .btn{
  width: 100%;
  justify-content: flex-start;
}
.user-menu-panel .custom-select-menu{
  width: 100%;
  max-width: 100%;
}
.user-menu-panel .theme-icon-switch{
  width: 100%;
}
.user-menu-panel .user-menu-separator{
  height: 1px;
  margin: 2px 0;
  background: var(--line);
}
.user-menu-panel .logout-button{
  color: #b42318;
  background: rgba(180, 35, 24, .08);
}
.user-menu-panel .logout-button:hover{
  color: #ffffff;
  background: #b42318;
}
.status-refunded, .status-returned, .status-cancelled{
  color: #a43a2f;
  background: var(--coral-soft);
}
.status-shipped-by-seller, .status-shipped-to-buyer, .status-reserved{
  color: #856100;
  background: var(--gold-soft);
}
.status-listed{
  color: #075e54;
  background: var(--teal-soft);
}
.status-draft{
  color: var(--ink-2);
  background: var(--surface-alt);
}
.stock-item-cell{
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-width: 240px;
}
.stock-item-cell img, .stock-item-cell > span{
  width: 46px;
  height: 58px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
  object-fit: cover;
}
.stock-item-cell > span{
  display: grid;
  place-items: center;
  color: var(--muted);
}
.stock-item-cell div{
  min-width: 0;
}
.stock-item-cell strong, .stock-item-cell small{
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-list, .rank-list, .aging-list{
  display: grid;
  gap: 10px;
}
.action-list a{
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
}
.action-list span, .rank-list small, .aging-list small, .empty-state{
  color: var(--muted);
}
.rank-list div{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
}
.rank-list span{
  display: grid;
  min-width: 0;
  gap: 3px;
}
.rank-list strong, .rank-list small{
  display: block;
}
.rank-list b{
  white-space: nowrap;
}
.muted-profit{
  color: var(--muted);
  font-weight: 900;
}
.aging-list a, .aging-list div{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px minmax(118px, auto);
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
}
.aging-list a{
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.aging-list a:hover{
  border-color: rgba(15, 118, 110, .42);
  box-shadow: 0 10px 26px rgba(17, 24, 39, .08);
  transform: translateY(-1px);
}
.aging-list strong, .aging-list small{
  text-align: right;
}
.row-actions-cell{
  width: 1%;
  white-space: nowrap;
}
.row-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-height: 42px;
}
.row-actions form{
  display: flex;
  align-items: center;
  margin: 0;
}
.filter-panel, .form-shell{
  display: grid;
  gap: 14px;
  margin: 18px 0;
}
.compact-filter{
  position: relative;
  z-index: 12;
}
.compact-filter.is-filtering::after{
  content: "";
  position: absolute;
  left: 18px;
  right: auto;
  bottom: 0;
  width: min(220px, 34%);
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--teal), transparent);
  border-radius: 999px;
  pointer-events: none;
  animation: filter-loading 1.05s cubic-bezier(.4, 0, .2, 1) infinite;
}
.filter-toolbar{
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(170px, 220px) auto;
  align-items: end;
  gap: 12px;
}
.advanced-filter{
  position: static;
}
.advanced-filter-backdrop{
  display: none;
}
.advanced-filter summary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .05);
}
.advanced-filter summary::-webkit-details-marker{
  display: none;
}
.advanced-filter[open] summary{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
.advanced-filter-panel{
  position: absolute;
  left: 18px;
  right: 18px;
  top: calc(100% + 8px);
  z-index: 30;
  display: grid;
  gap: 16px;
  width: auto;
  max-height: min(720px, calc(100vh - 180px));
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 28px 70px rgba(17, 24, 39, .22);
}
.advanced-filter-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.advanced-filter-actions{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.advanced-filter-header strong, .range-heading strong{
  display: block;
  color: var(--ink);
  font-size: 15px;
}
.advanced-filter-header small, .range-heading small{
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}
.filter-group{
  display: grid;
  gap: 10px;
}
.filter-group-title{
  color: var(--ink-2);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.filter-row-compact{
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}
.date-filter-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 12px;
}
.range-filter{
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
}
.range-heading{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}
.preset-buttons{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.preset-buttons button{
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink-2);
  background: var(--panel);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.preset-buttons button:hover{
  border-color: var(--teal);
  color: var(--teal);
}
.filter-range-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 12px;
}
.range-control{
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
}
.range-control-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.range-control-head strong{
  color: var(--ink);
  font-size: 14px;
}
.range-control-head span{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.range-control-head b{
  min-width: 44px;
  padding: 4px 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink-2);
  background: var(--panel);
  text-align: center;
}
.dual-range{
  position: relative;
  display: grid;
  min-height: 34px;
  align-items: center;
}
.dual-range::before{
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--line);
}
.dual-range input[type="range"]{
  position: relative;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-height: 34px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
  appearance: none;
}
.dual-range input[type="range"]::-webkit-slider-runnable-track{
  height: 6px;
  background: transparent;
}
.dual-range input[type="range"]::-moz-range-track{
  height: 6px;
  background: transparent;
}
.dual-range input[type="range"]::-webkit-slider-thumb{
  width: 18px;
  height: 18px;
  margin-top: -6px;
  border: 3px solid var(--panel);
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 2px 10px rgba(17, 24, 39, .24);
  pointer-events: auto;
  appearance: none;
}
.dual-range input[type="range"]::-moz-range-thumb{
  width: 18px;
  height: 18px;
  border: 3px solid var(--panel);
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 2px 10px rgba(17, 24, 39, .24);
  pointer-events: auto;
}
.active-filter-strip{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  padding: 11px 12px;
  border: 1px solid rgba(15, 118, 110, .25);
  border-radius: 8px;
  color: var(--ink-2);
  background: var(--teal-soft);
}
.active-filter-strip[hidden]{
  display: none;
}
.active-filter-strip span, .active-filter-strip a, .active-filter-strip button{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 900;
}
.active-filter-strip button{
  min-height: 32px;
  padding: 6px 8px 6px 10px;
  border: 1px solid rgba(15, 118, 110, .22);
  border-radius: 999px;
  color: var(--ink-2);
  background: rgba(255, 255, 255, .72);
  cursor: pointer;
}
.active-filter-strip button:hover{
  border-color: rgba(15, 118, 110, .44);
  color: var(--teal);
}
.active-filter-strip button svg{
  width: 14px;
  height: 14px;
}
.active-filter-strip a{
  margin-left: auto;
  color: var(--teal);
}
.filter-panel, .form-section{
  padding: 18px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}
.filter-row{
  display: grid;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.filter-row:first-child{
  margin-top: 0;
}
.filter-row.filter-row-compact{
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}
.multi-select-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 12px;
}
.multi-select{
  position: relative;
  min-width: 0;
}
.multi-select summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--panel);
  cursor: pointer;
  list-style: none;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .06);
}
.multi-select summary::-webkit-details-marker{
  display: none;
}
.multi-select summary > span{
  display: grid;
  min-width: 0;
  gap: 2px;
}
.multi-select summary small{
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.multi-select summary strong{
  overflow: hidden;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-select summary svg{
  color: var(--muted);
  transition: transform .18s ease;
}
.multi-select[open] summary{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
.multi-select[open] summary svg{
  transform: rotate(180deg);
}
.multi-select-menu{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 45;
  display: grid;
  gap: 4px;
  max-height: 240px;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 20px 54px rgba(17, 24, 39, .18);
}
.multi-select-menu label{
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 8px;
  color: var(--ink);
  cursor: pointer;
}
.multi-select-menu label:hover, .multi-select-menu label:has(input:checked){
  background: var(--surface-alt);
}
.multi-select-menu input{
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  box-shadow: none;
}
.multi-select-menu span{
  overflow: hidden;
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-select-menu > small{
  padding: 8px 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
label{
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
input, select, textarea{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 11px;
  color: var(--ink);
  background: #ffffff;
  outline: none;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .04);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
input[type="date"]{
  min-width: 0;
  max-width: 100%;
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.2;
}
input[type="date"]::-webkit-date-and-time-value{
  display: block;
  min-width: 0;
  text-align: left;
}
input[type="date"]::-webkit-calendar-picker-indicator{
  flex: 0 0 auto;
}
select{
  appearance: none;
  cursor: pointer;
  min-width: 0;
  padding-right: 38px;
  background-color: var(--panel);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23697386' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 18px;
  font-weight: 800;
}
select:hover{
  background-color: var(--panel);
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .08);
}
textarea{
  resize: vertical;
}
input:focus, select:focus, textarea:focus{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
input:disabled, select:disabled, textarea:disabled{
  cursor: not-allowed;
  opacity: .68;
}
.search-field{
  position: relative;
}
.search-field svg{
  position: absolute;
  left: 12px;
  top: 50%;
  color: var(--muted);
  transform: translateY(-50%);
}
.search-field input{
  padding-left: 40px;
}
.date-pair{
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.date-pair.is-visible{
  display: grid;
}
.form-section{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 22px;
  max-width: 100%;
  min-width: 0;
}
.form-section > *{
  min-width: 0;
}
.form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.form-errors{
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(180, 35, 24, .28);
  border-radius: 8px;
  color: #a43a2f;
  background: var(--coral-soft);
}
.form-errors strong{
  color: #a43a2f;
}
.form-errors ul{
  margin: 0;
  padding-left: 18px;
}
.has-client-error input, .has-client-error textarea, .has-client-error .custom-select summary, .has-client-error .combo-select-control{
  border-color: rgba(180, 35, 24, .62);
  box-shadow: 0 0 0 3px rgba(180, 35, 24, .10);
}
.form-field-error{
  color: #b42318;
  font-size: 12px;
  font-weight: 800;
}
.image-upload-card{
  position: relative;
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
}
.dropzone{
  border-style: dashed;
  transition: border-color .18s ease, background .18s ease;
}
.dropzone.is-dragover{
  border-color: var(--teal);
  background: var(--teal-soft);
}
.item-image-preview svg{
  width: 34px;
  height: 34px;
  color: var(--teal);
}
.item-image-preview small{
  max-width: 240px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}
.image-preview-remove{
  position: absolute;
  top: 6px;
  right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(17, 24, 39, .72);
  box-shadow: 0 8px 20px rgba(17, 24, 39, .18);
  cursor: pointer;
  opacity: 0;
  transform: translateY(-3px);
  transition: opacity .16s ease, transform .16s ease, background .16s ease;
}
.image-preview-remove svg{
  width: 15px;
  height: 15px;
}
.image-preview-remove:focus-visible{
  opacity: 1;
  transform: translateY(0);
}
.image-preview-remove:hover, .image-preview-remove:focus-visible{
  background: #dc2626;
}
@media (hover: none){.image-preview-remove{
    opacity: 1;
    transform: none;
  }

}
.item-image-preview{
  min-height: 190px;
  overflow: hidden;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: var(--panel);
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.item-image-preview:hover, .item-image-preview:focus-visible{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .10);
}
.item-image-preview img{
  display: block;
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
}
.item-image-preview div{
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  min-height: 190px;
  padding: 18px;
  color: var(--muted);
  text-align: center;
}
.item-image-preview strong{
  color: var(--ink);
}
.item-image-preview small, .image-upload-controls small{
  color: var(--muted);
  line-height: 1.45;
}
.image-upload-controls{
  display: grid;
  align-content: center;
  gap: 12px;
}
.image-upload-actions{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.local-image-delete{
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 4;
}
.file-picker{
  position: relative;
  display: inline-flex;
  width: auto;
  gap: 0;
}
.file-picker input{
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.file-picker span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--solid-fg);
  background: var(--solid-bg);
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .05);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.file-picker:hover span{
  transform: translateY(-1px);
}
.file-picker input:focus-visible + span{
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .18);
}
.code-share-card{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr);
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
}
.code-share-text{
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}
.code-share-text strong{
  color: var(--ink);
}
.code-share-text small{
  color: var(--muted);
  line-height: 1.45;
}
.url-copy-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: end;
  gap: 10px;
  min-width: 0;
}
.copy-feedback{
  grid-column: 1 / -1;
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
}
.url-copy-row label{
  min-width: 0;
}
.url-copy-row input{
  padding-right: 12px;
}
.icon-button.is-copied{
  color: #ffffff;
  background: var(--teal);
  border-color: var(--teal);
}
.code-share-grid{
  display: grid;
  grid-template-columns: minmax(110px, .75fr) minmax(160px, 1.25fr);
  gap: 12px;
  min-width: 0;
}
.code-share-grid a, .code-share-tile{
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  min-width: 0;
  min-height: 190px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink-2);
  background: var(--panel);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.code-share-tile:hover{
  transform: translateY(-1px);
  border-color: var(--teal);
  box-shadow: 0 12px 28px rgba(17, 24, 39, .08);
}
.code-image-frame{
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 138px;
  padding: 10px;
  border-radius: 6px;
  background: #ffffff;
}
.code-image-frame.wide{
  min-height: 118px;
}
.code-share-grid img, .code-image-frame img{
  display: block;
  max-width: 100%;
  max-height: 132px;
  object-fit: contain;
}
.code-image-frame.wide img{
  max-height: 100px;
}
.settings-stack{
  display: grid;
  gap: 14px;
  min-width: 0;
}
.settings-card{
  display: grid;
  gap: 14px;
  min-width: 0;
  max-width: 100%;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-alt);
}
.settings-form{
  max-width: 100%;
}
.settings-form label, .settings-form .setting-row{
  min-width: 0;
  max-width: 100%;
}
.settings-card:has(> label + label){
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.settings-card.settings-preferences-row{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}
.settings-card.settings-alerts-row{
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  align-items: end;
}
.marketplace-fee-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
}
.category-editor-row{
  display: grid;
  grid-template-columns: minmax(160px, .55fr) minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}
.danger-zone{
  border-color: rgba(180, 35, 24, .28);
}
.danger-zone .eyebrow, .danger-card strong{
  color: #b42318;
}
.danger-card{
  background: rgba(239, 111, 97, .08);
}
.danger-card form{
  margin: 0;
}
.field-label{
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
.theme-field{
  display: grid;
  gap: 7px;
  min-width: 112px;
}
.segmented-switch{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}
.segmented-switch label{
  display: block;
}
.segmented-switch input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.segmented-switch span{
  display: grid;
  place-items: center;
  min-height: 36px;
  border-radius: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}
.segmented-switch input:checked + span{
  color: var(--ink);
  background: var(--surface-alt);
  box-shadow: 0 1px 0 rgba(17, 24, 39, .06);
}
.theme-icon-switch{
  width: 112px;
  background: #ffffff;
  border-color: #b5c2d0;
}
.theme-icon-switch span{
  min-height: 42px;
}
.theme-icon-switch svg{
  width: 18px;
  height: 18px;
}
.theme-icon-switch input:checked + span{
  color: var(--solid-fg);
  background: var(--solid-bg);
}
.setting-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.setting-row strong{
  display: block;
}
.setting-row small{
  color: var(--muted);
  line-height: 1.45;
}
.span-2{
  grid-column: 1 / -1;
}
.check-row{
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 42px;
  align-self: end;
  margin: 0;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink-2);
  background: var(--panel);
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .04);
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.check-row:hover, .check-row:has(input[type="checkbox"]:checked){
  border-color: rgba(15, 118, 110, .35);
  background: var(--surface-alt);
}
.check-row:has(input[type="checkbox"]:focus-visible){
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
.check-row input{
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  flex: 0 0 auto;
  box-shadow: none;
}
.check-row input[type="checkbox"], .multi-select-menu input[type="checkbox"]{
  -webkit-appearance: none;
  appearance: none;
  display: grid;
  place-items: center;
  min-width: 18px;
  padding: 0;
  margin: 0;
  border: 1.5px solid var(--line);
  border-radius: 5px;
  background: var(--panel);
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.check-row input[type="checkbox"]::after, .multi-select-menu input[type="checkbox"]::after{
  content: "";
  width: 10px;
  height: 10px;
  background: #ffffff;
  clip-path: polygon(14% 52%, 0 66%, 38% 100%, 100% 20%, 84% 8%, 34% 72%);
  transform: scale(0);
  transition: transform .14s ease;
}
.check-row input[type="checkbox"]:checked, .multi-select-menu input[type="checkbox"]:checked{
  border-color: var(--teal);
  background: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
.check-row input[type="checkbox"]:checked::after, .multi-select-menu input[type="checkbox"]:checked::after{
  transform: scale(1);
}
.check-row input[type="checkbox"]:focus-visible, .multi-select-menu input[type="checkbox"]:focus-visible{
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .18);
}
.public-nav{
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 14px clamp(18px, 4vw, 54px);
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.public-nav nav{
  display: flex;
  align-items: center;
  gap: 18px;
}
.article-page, .auth-page{
  padding: clamp(42px, 7vw, 86px) clamp(22px, 6vw, 86px);
}
.article-shell p, .auth-panel p{
  color: var(--muted);
  line-height: 1.6;
}
.auth-page{
  min-height: calc(100vh - 72px);
  display: grid;
  place-items: center;
}
.auth-panel, .article-shell{
  width: min(760px, 100%);
  padding: clamp(24px, 5vw, 52px);
}
.article-shell{
  margin: 0 auto;
}
.article-meta{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0 18px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
.lead{
  font-size: 20px;
}
.content-stack{
  display: grid;
  gap: 18px;
}
.section-label p{
  color: var(--muted);
  line-height: 1.5;
}
.legal-shell{
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}
.legal-tabs{
  position: sticky;
  top: 18px;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.legal-tabs a, .legal-tabs button{
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 11px;
  border: 0;
  border-radius: 8px;
  color: var(--ink-2);
  background: transparent;
  font-weight: 900;
  text-align: left;
  cursor: pointer;
}
.legal-tabs a.active, .legal-tabs a:hover, .legal-tabs button.active, .legal-tabs button:hover{
  color: var(--teal);
  background: var(--teal-soft);
}
.legal-panel{
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.legal-panel h1{
  margin: 7px 0 10px;
  font-size: clamp(30px, 4vw, 48px);
}
.legal-panel h2{
  margin: 28px 0 8px;
}
.legal-panel p{
  max-width: 850px;
  color: var(--ink-2);
  line-height: 1.7;
}
.legal-note{
  padding: 12px;
  border: 1px solid rgba(245, 158, 11, .34);
  border-radius: 8px;
  background: rgba(245, 158, 11, .1);
}
/* 2026 operations workspace refresh */
.metric-card, .panel, .auth-panel, .article-shell, .filter-panel, .form-section{
  border-color: rgba(152, 178, 187, .34);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(14px);
}
.panel, .filter-panel, .form-section{
  border-radius: 8px;
}
.metric-card{
  min-height: 136px;
  padding: 18px;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .82)),
    radial-gradient(circle at 92% 12%, rgba(103, 232, 249, .22), transparent 34%);
}
.metric-card::before{
  inset: 16px auto 16px 0;
  width: 4px;
  height: auto;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, var(--teal-2), var(--teal));
}
.accent-coral::before{
  background: linear-gradient(180deg, #ff9a8d, var(--coral));
}
.accent-gold::before{
  background: linear-gradient(180deg, #ffe08a, var(--gold));
}
.accent-ink::before{
  background: linear-gradient(180deg, var(--sky), #21353b);
}
.accent-sky::before{
  background: linear-gradient(180deg, #80c8ff, #2563eb);
}
.metric-card span{
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.metric-card strong{
  font-size: clamp(24px, 2.5vw, 32px);
  letter-spacing: 0;
}
.panel-header{
  align-items: flex-start;
  margin-bottom: 16px;
}
.panel-header h2, .section-label h2{
  color: var(--ink);
  font-size: 20px;
  line-height: 1.16;
}
.chart-actions{
  border-color: rgba(152, 178, 187, .46);
  background: rgba(255, 255, 255, .74);
  box-shadow: none;
}
.chart-actions button.active, .chart-actions a.active, .chart-actions button:hover, .chart-actions a:hover{
  color: #061315;
  background: var(--teal-2);
}
.dashboard-page{
  display: grid;
  gap: 18px;
}
.dashboard-scope{
  gap: 12px;
  margin-top: 0;
}
.dashboard-grid{
  gap: 14px;
}
.dashboard-grid-three{
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr) minmax(260px, .8fr);
}
.chart-panel{
  min-height: 334px;
}
.chart-frame{
  min-height: 250px;
}
.chart-frame-large{
  min-height: 310px;
}
.action-list a, .rank-list div, .aging-list a, .aging-list div{
  border-color: rgba(152, 178, 187, .28);
  background: linear-gradient(180deg, rgba(246, 250, 251, .92), rgba(255, 255, 255, .76));
  box-shadow: 0 1px 0 rgba(6, 19, 21, .04);
}
.inventory-page{
  gap: 12px;
}
.inventory-filter-panel{
  gap: 12px;
  padding: 12px;
  margin: 0;
}
.filter-panel-heading{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 4px 0;
}
.filter-panel-heading > div{
  display: grid;
  gap: 2px;
}
.filter-panel-heading strong{
  color: var(--ink);
  font-size: 15px;
}
.filter-panel-heading small{
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}
.filter-toolbar{
  grid-template-columns: minmax(280px, 1fr) minmax(178px, 230px) auto;
  gap: 10px;
}
.search-field input, .custom-select summary, .combo-select-control, .multi-select summary, .advanced-filter summary, .money-input, input, select, textarea{
  border-color: rgba(152, 178, 187, .44);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, .90);
}
.search-field input, .filter-toolbar .custom-select summary, .advanced-filter summary{
  min-height: 46px;
}
.advanced-filter summary{
  color: var(--ink);
  background: linear-gradient(180deg, #ffffff, #f4f9fa);
}
.advanced-filter-panel{
  border-color: rgba(152, 178, 187, .38);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 250, 251, .96));
  box-shadow: 0 30px 80px rgba(6, 19, 21, .22);
}
.range-filter, .range-control, .multi-select summary{
  background: rgba(246, 250, 251, .86);
}
.active-filter-strip{
  border-color: rgba(24, 185, 199, .26);
  background: linear-gradient(90deg, rgba(218, 248, 251, .94), rgba(232, 248, 252, .74));
}
.inventory-results.panel{
  border-color: rgba(152, 178, 187, .34);
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--shadow);
}
.inventory-table table{
  min-width: 960px;
}
.inventory-table thead th{
  height: 44px;
  background: rgba(246, 250, 251, .96);
  backdrop-filter: blur(12px);
}
.inventory-table tbody tr{
  transition: background .16s ease, box-shadow .16s ease;
  cursor: pointer;
}
.inventory-table tbody tr:hover{
  background: rgba(218, 248, 251, .24);
}
th, td{
  padding: 12px 14px;
}
th{
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
}
.stock-item-cell{
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 12px;
}
.stock-item-cell img, .stock-item-cell > span{
  width: 50px;
  height: 60px;
  border-color: rgba(152, 178, 187, .38);
  box-shadow: 0 8px 18px rgba(6, 19, 21, .08);
}
.status-pill{
  min-height: 27px;
  border: 1px solid rgba(152, 178, 187, .26);
  border-radius: 999px;
  background: #eff5f6;
  font-size: 11px;
  font-weight: 900;
}
.status-sold, .status-listed{
  color: #087d72;
  border-color: rgba(24, 185, 199, .25);
}
.status-shipped-by-seller, .status-shipped-to-buyer, .status-reserved{
  color: #805a00;
  border-color: rgba(245, 185, 66, .32);
}
.status-refunded, .status-returned, .status-cancelled{
  color: #a43a2f;
  border-color: rgba(242, 109, 91, .30);
}
.inventory-table-footer{
  padding: 12px 16px;
  background: rgba(246, 250, 251, .92);
}
.row-actions .icon-button{
  background: rgba(255, 255, 255, .82);
}
.inventory-editor{
  gap: 14px;
  margin: 0;
}
.editor-summary-card{
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(103, 232, 249, .20);
  border-radius: 8px;
  color: #eafeff;
  background:
    radial-gradient(circle at 12% 0%, rgba(103, 232, 249, .26), transparent 34%),
    linear-gradient(135deg, #071719, #0b252b 78%, #10272d);
  box-shadow: var(--shadow);
}
.editor-summary-media{
  display: grid;
  place-items: center;
  width: 86px;
  height: 86px;
  overflow: hidden;
  border: 1px solid rgba(226, 251, 255, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .08);
}
.editor-summary-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.editor-summary-media svg{
  width: 34px;
  height: 34px;
  color: var(--teal-2);
}
.editor-summary-copy{
  display: grid;
  min-width: 0;
  gap: 8px;
}
.editor-summary-copy .eyebrow{
  color: var(--teal-2);
}
.editor-summary-copy h2{
  overflow: hidden;
  margin: 0;
  color: #ffffff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.editor-summary-meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.editor-summary-meta > span:not(.status-pill){
  min-height: 28px;
  padding: 6px 9px;
  border: 1px solid rgba(226, 251, 255, .12);
  border-radius: 999px;
  color: rgba(226, 251, 255, .78);
  background: rgba(255, 255, 255, .06);
  font-size: 12px;
  font-weight: 900;
}
.inventory-editor .form-section{
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
  gap: 22px;
  margin: 0;
  padding: 18px;
}
.inventory-editor .section-label{
  display: grid;
  align-content: start;
  gap: 2px;
  padding-top: 5px;
}
.inventory-editor .section-label h2{
  font-size: 19px;
}
.inventory-editor .form-grid{
  gap: 12px;
}
.inventory-editor label, .inventory-editor .custom-select-field, .inventory-editor .combo-select-field{
  display: grid;
  gap: 7px;
  color: var(--ink-2);
  font-size: 12px;
  font-weight: 900;
}
.inventory-editor input, .inventory-editor textarea, .inventory-editor .custom-select summary, .inventory-editor .combo-select-control, .inventory-editor .money-input{
  min-height: 44px;
}
.image-upload-card, .code-share-card{
  border-color: rgba(152, 178, 187, .34);
  background:
    linear-gradient(180deg, rgba(246, 250, 251, .94), rgba(255, 255, 255, .72));
}
.item-image-preview{
  min-height: 220px;
  background: #ffffff;
}
.item-image-preview img, .item-image-preview div{
  min-height: 220px;
}
.form-actions{
  position: sticky;
  bottom: 0;
  z-index: 40;
  margin: 4px -2px 0;
  padding: 12px;
  border: 1px solid rgba(152, 178, 187, .34);
  border-radius: 8px;
  background: rgba(246, 251, 252, .88);
  box-shadow: 0 -12px 36px rgba(6, 19, 21, .08);
  backdrop-filter: blur(16px);
}
body[data-theme="dark"] .public-nav{
  background: rgba(13, 17, 23, .92);
}
body[data-theme="dark"] .btn-light, body[data-theme="dark"] .icon-button, body[data-theme="dark"] .user-chip, body[data-theme="dark"] .user-menu-panel, body[data-theme="dark"] .chart-actions, body[data-theme="dark"] .language-picker summary, body[data-theme="dark"] .language-menu, body[data-theme="dark"] .custom-select summary, body[data-theme="dark"] .custom-select-menu, body[data-theme="dark"] .combo-select-control, body[data-theme="dark"] .combo-select-menu, body[data-theme="dark"] .money-input, body[data-theme="dark"] .multi-select summary, body[data-theme="dark"] .multi-select-menu, body[data-theme="dark"] .advanced-filter summary, body[data-theme="dark"] .advanced-filter-panel, body[data-theme="dark"] .filter-panel, body[data-theme="dark"] .form-section, body[data-theme="dark"] input, body[data-theme="dark"] select, body[data-theme="dark"] textarea{
  color: var(--ink);
  background-color: var(--panel);
  border-color: var(--line);
}
body[data-theme="dark"] select:hover{
  background-color: var(--panel);
}
body[data-theme="dark"] .metric-card, body[data-theme="dark"] .panel, body[data-theme="dark"] .code-share-grid a, body[data-theme="dark"] .code-share-tile, body[data-theme="dark"] .auth-panel, body[data-theme="dark"] .article-shell, body[data-theme="dark"] .code-preview-dialog, body[data-theme="dark"] .flash{
  background: var(--panel);
  border-color: var(--line);
}
body[data-theme="dark"] .action-list a, body[data-theme="dark"] .rank-list div, body[data-theme="dark"] .aging-list a, body[data-theme="dark"] .aging-list div, body[data-theme="dark"] .chart-empty, body[data-theme="dark"] .settings-card, body[data-theme="dark"] .code-share-card, body[data-theme="dark"] .segmented-switch input:checked + span, body[data-theme="dark"] .language-menu button:hover, body[data-theme="dark"] .language-menu button[aria-selected="true"], body[data-theme="dark"] .custom-select-menu button:hover, body[data-theme="dark"] .custom-select-menu button[aria-selected="true"], body[data-theme="dark"] .combo-select-menu button:hover, body[data-theme="dark"] .multi-select-menu label:hover, body[data-theme="dark"] .multi-select-menu label:has(input:checked), body[data-theme="dark"] .range-filter, body[data-theme="dark"] .range-control{
  background: var(--surface-alt);
  border-color: var(--line);
}
body[data-theme="dark"] .danger-card{
  background: rgba(239, 111, 97, .12);
}
body[data-theme="dark"] .active-filter-strip{
  background: rgba(15, 118, 110, .18);
  border-color: rgba(15, 118, 110, .34);
}
body[data-theme="dark"] .active-filter-strip button{
  color: var(--ink-2);
  background: var(--panel);
  border-color: var(--line);
}
body[data-theme="dark"] .segmented-switch, body[data-theme="dark"] .theme-icon-switch, body[data-theme="dark"] .check-row input[type="checkbox"], body[data-theme="dark"] .multi-select-menu input[type="checkbox"], body[data-theme="dark"] .check-row{
  background: var(--panel);
  border-color: var(--line);
}
body[data-theme="dark"] .check-row input[type="checkbox"]:checked, body[data-theme="dark"] .multi-select-menu input[type="checkbox"]:checked{
  border-color: var(--teal);
  background: var(--teal);
}
body[data-theme="dark"] .chart-actions button.active, body[data-theme="dark"] .chart-actions button:hover, body[data-theme="dark"] .chart-actions a.active, body[data-theme="dark"] .chart-actions a:hover, body[data-theme="dark"] .theme-icon-switch input:checked + span{
  color: var(--solid-fg);
  background: var(--solid-bg);
}
body[data-theme="dark"] .status-pill{
  color: var(--ink-2);
  background: #202938;
}
body[data-theme="dark"] .status-sold, body[data-theme="dark"] .status-listed{
  color: #9de7d9;
}
body[data-theme="dark"] .status-refunded, body[data-theme="dark"] .status-returned, body[data-theme="dark"] .status-cancelled{
  color: #ffb3aa;
}
body[data-theme="dark"] .status-shipped-by-seller, body[data-theme="dark"] .status-shipped-to-buyer, body[data-theme="dark"] .status-reserved{
  color: #ffe08a;
}
body[data-theme="dark"] .code-image-frame, body[data-theme="dark"] .code-preview-stage{
  background: #ffffff;
  border-color: rgba(255, 255, 255, .18);
}
body[data-theme="dark"] .metric-card, body[data-theme="dark"] .inventory-filter-panel, body[data-theme="dark"] .inventory-results.panel, body[data-theme="dark"] .form-actions{
  background: rgba(12, 26, 30, .88);
  border-color: var(--line);
}
body[data-theme="dark"] .metric-card{
  background:
    linear-gradient(180deg, rgba(12, 26, 30, .96), rgba(12, 26, 30, .84)),
    radial-gradient(circle at 92% 12%, rgba(103, 232, 249, .12), transparent 34%);
}
body[data-theme="dark"] .inventory-table thead th, body[data-theme="dark"] .inventory-table-footer, body[data-theme="dark"] .active-filter-strip button, body[data-theme="dark"] .range-filter, body[data-theme="dark"] .range-control, body[data-theme="dark"] .multi-select summary, body[data-theme="dark"] .action-list a, body[data-theme="dark"] .rank-list div, body[data-theme="dark"] .aging-list a, body[data-theme="dark"] .aging-list div, body[data-theme="dark"] .image-upload-card, body[data-theme="dark"] .code-share-card{
  background: var(--surface-alt);
}
body[data-theme="dark"] .advanced-filter-panel{
  background: linear-gradient(180deg, rgba(12, 26, 30, .98), rgba(16, 35, 40, .96));
}
body[data-theme="dark"] .inventory-table tbody tr:hover{
  background: rgba(24, 185, 199, .09);
}
body[data-theme="dark"] .form-actions{
  box-shadow: 0 -14px 38px rgba(0, 0, 0, .24);
}
@keyframes drift{
  from { background-position-x: 0; }
  to { background-position-x: 340px; }
}
@keyframes bars{
  to { transform: scaleY(.72); }
}
@keyframes spin{
  to { transform: rotate(360deg); }
}
@keyframes shimmer{
  0% { background-position: 120% 0; }
  100% { background-position: -120% 0; }
}
@keyframes filter-loading{
  0% {
    opacity: .25;
    transform: translateX(0);
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: .25;
    transform: translateX(194%);
  }
}
@media (max-width: 1180px){.metric-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.dashboard-grid{
    grid-template-columns: 1fr;
  }
.range-actions{
    justify-content: flex-start;
  }
.filter-row, .filter-row.filter-row-compact, .settings-alerts-row, .filter-range-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.settings-card.settings-preferences-row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.settings-card.settings-preferences-row .theme-field{
    grid-column: 1 / -1;
  }
.settings-card.settings-alerts-row, .marketplace-fee-grid, .category-editor-row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.setting-row{
    align-items: flex-start;
    flex-wrap: wrap;
  }

}
@media (max-width: 1280px){.code-share-card{
    grid-template-columns: 1fr;
  }
.code-share-grid{
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

}
@media (max-width: 1024px){.desktop-tour-setting{
    display: none !important;
  }
html, body{
    width: 100%;
    max-width: var(--app-vw, 100%);
    overflow-x: hidden;
  }
.layout-app, .app-frame, .app-main{
    width: 100%;
    max-width: var(--app-vw, 100%);
    overflow-x: hidden;
  }
.app-frame{
    grid-template-columns: minmax(0, 1fr);
  }
.app-main{
    grid-column: 1;
    grid-row: 1;
  }
.sidebar{
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 120;
    width: min(310px, 86vw);
    height: 100vh;
    transform: translateX(-102%);
    transition: transform .22s ease;
    box-shadow: 22px 0 60px rgba(17, 24, 39, .26);
  }
body.sidebar-open .sidebar{
    transform: translateX(0);
  }
body.sidebar-open{
    overflow: hidden;
  }
body.filter-modal-open .app-main{
    overflow: hidden;
  }
.icon-button.sidebar-toggle{
    display: inline-flex;
    grid-column: 1;
    grid-row: 1;
    margin: 0;
  }
.sidebar-backdrop{
    position: fixed;
    inset: 0;
    z-index: 110;
    display: block;
    border: 0;
    background: rgba(17, 24, 39, .46);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(2px);
    transition: opacity .2s ease;
  }
body.sidebar-open .sidebar-backdrop{
    opacity: 1;
    pointer-events: auto;
  }
.side-nav{
    grid-template-columns: 1fr;
  }
.filter-toolbar{
    grid-template-columns: minmax(0, 1fr);
  }
.advanced-filter, .advanced-filter summary{
    width: 100%;
  }
.advanced-filter[open] .advanced-filter-backdrop{
    position: fixed;
    inset: 0;
    z-index: 135;
    display: block;
    border: 0;
    background: rgba(17, 24, 39, .52);
    backdrop-filter: blur(3px);
  }
.advanced-filter-panel{
    position: fixed;
    inset: 16px;
    z-index: 140;
    width: auto;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
.chart-panel .panel-header{
    align-items: flex-start;
    flex-direction: column;
  }
.chart-panel .chart-actions{
    align-self: flex-start;
  }
.inventory-table tbody tr[data-row-link]{
    cursor: pointer;
  }
.topbar{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 100%;
  }
.topbar > div:first-child{
    display: contents;
  }
.topbar .eyebrow{
    grid-column: 1 / -1;
    grid-row: 2;
  }
.topbar h1{
    grid-column: 1 / -1;
    grid-row: 3;
    min-width: 0;
  }
.topbar-actions{
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
.topbar-actions .topbar-add-item{
    flex: 0 0 42px;
  }
.topbar-actions .user-menu{
    flex: 0 1 auto;
    max-width: 100%;
  }
.topbar-actions .user-chip{
    max-width: min(56vw, 320px);
  }
.topbar-actions .user-chip strong{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.public-nav, .site-footer{
    align-items: flex-start;
    flex-direction: column;
  }
.public-nav nav{
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
  }
.site-footer nav{
    flex-wrap: wrap;
  }
.legal-shell{
    grid-template-columns: 1fr;
  }
.legal-tabs{
    position: static;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    overflow: visible;
  }
.legal-tabs a, .legal-tabs button{
    justify-content: center;
  }
.form-section{
    grid-template-columns: 1fr;
  }

}
@media (max-width: 620px){.app-main, .article-page, .auth-page{
    padding-left: 16px;
    padding-right: 16px;
  }
.metric-grid, .filter-toolbar, .multi-select-grid, .filter-row, .filter-row.filter-row-compact, .filter-row-compact, .filter-range-grid, .date-filter-grid, .form-grid, .code-share-card, .code-share-grid, .marketplace-fee-grid, .category-editor-row, .settings-card:has(> label + label), .settings-card.settings-preferences-row, .settings-card.settings-alerts-row, .image-upload-card, .date-pair{
    grid-template-columns: 1fr;
  }
.side-nav{
    grid-template-columns: 1fr;
  }
.topbar-actions{
    width: 100%;
  }
.user-chip strong{
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.advanced-filter, .advanced-filter summary{
    width: 100%;
  }
.advanced-filter-panel{
    inset: 12px;
    width: auto;
    max-height: calc(100dvh - 24px);
  }
.range-heading{
    align-items: flex-start;
    grid-template-columns: 1fr;
  }
.user-chip{
    max-width: 100%;
  }
.topbar-actions .user-chip{
    max-width: min(56vw, 280px);
  }
.user-menu-panel{
    right: 0;
    width: min(290px, calc(var(--app-vw, 100vw) - 32px));
  }
.confirm-dialog{
    width: calc(var(--app-vw, 100vw) - 24px);
  }
.confirm-dialog form{
    padding: 16px;
  }
.confirm-dialog-header{
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }
.confirm-dialog-header > svg{
    width: 34px;
    height: 34px;
  }
.confirm-dialog-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.confirm-dialog-actions .btn{
    width: 100%;
  }
.tour-card{
    right: 12px;
    bottom: 12px;
    left: 12px;
    width: auto;
    padding: 16px;
  }
.tour-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.tour-actions [data-tour-skip]{
    grid-column: 1 / -1;
  }
.tour-actions .btn{
    width: 100%;
  }
.row-actions{
    min-width: 180px;
  }

}
@media (max-width: 1024px){.topbar-actions .topbar-add-item-inventory{
    display: inline-flex;
  }

}
@media (max-width: 720px){.layout-app .app-main:has(.inventory-page){
    display: block;
    overflow-y: auto;
    padding-top: 14px;
  }
body.filter-modal-open.layout-app .app-main:has(.inventory-page){
    overflow: hidden;
  }
.layout-app .app-main:has(.inventory-page) .topbar{
    margin-bottom: 10px;
  }
.layout-app .app-main:has(.inventory-page) .topbar .eyebrow, .layout-app .app-main:has(.inventory-page) .topbar h1{
    display: none;
  }
.inventory-page{
    gap: 10px;
    overflow: visible;
  }
.inventory-results.panel, .inventory-table{
    overflow: visible;
  }
.inventory-results.panel{
    display: block;
    min-height: auto;
  }
.inventory-page .filter-panel{
    margin: 0;
  }
.inventory-page .filter-panel{
    gap: 8px;
  }
.inventory-page .filter-toolbar{
    grid-template-columns: minmax(0, 1fr) minmax(104px, 124px) 42px;
    align-items: end;
    gap: 8px;
  }
.inventory-page .filter-toolbar .custom-select-field .field-label{
    display: none;
  }
.inventory-page .filter-toolbar .custom-select summary{
    min-height: 40px;
    padding: 8px 9px;
  }
.inventory-page .filter-toolbar .custom-select summary [data-custom-select-label]{
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.inventory-page .filter-toolbar .custom-select-menu{
    left: auto;
    right: 0;
    width: min(240px, calc(var(--app-vw, 100vw) - 32px));
  }
.inventory-page .advanced-filter, .inventory-page .advanced-filter summary{
    width: 42px;
    min-width: 42px;
  }
.inventory-page .advanced-filter summary{
    gap: 0;
    font-size: 0;
  }
.inventory-page .advanced-filter summary svg{
    width: 18px;
    height: 18px;
  }
.inventory-page .active-filter-strip{
    flex-wrap: nowrap;
    overflow-x: auto;
  }
.inventory-results.panel{
    border: 0;
    background: transparent;
    box-shadow: none;
  }
.inventory-results.panel{
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
.inventory-table{
    max-height: min(62vh, 620px);
    max-height: min(62svh, 620px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
.inventory-table-footer{
    order: -1;
  }
.advanced-filter-panel .multi-select-grid{
    grid-template-columns: 1fr;
  }
.advanced-filter-panel .multi-select, .advanced-filter-panel .multi-select summary, .advanced-filter-panel .multi-select-menu{
    width: 100%;
  }
.date-pair, .date-filter-grid{
    grid-template-columns: minmax(0, 1fr);
  }
.date-pair label, .range-filter{
    min-width: 0;
  }
.inventory-table table, .inventory-table thead, .inventory-table tbody, .inventory-table tr, .inventory-table td{
    display: block;
    width: 100%;
  }
.inventory-table table{
    min-width: 0;
    border-collapse: separate;
  }
.inventory-table thead{
    display: none;
  }
.inventory-table tbody{
    display: grid;
    gap: 10px;
  }
.inventory-table tbody tr{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    padding: 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel);
    box-shadow: var(--shadow);
  }
.inventory-table td{
    padding: 0;
    border: 0;
  }
.inventory-table td:nth-child(1){
    grid-column: 1 / -1;
  }
.inventory-table td:nth-child(2), .inventory-table td:nth-child(3), .inventory-table td:nth-child(5){
    display: none;
  }
.inventory-table td:nth-child(4){
    align-self: center;
    grid-column: 1;
  }
.inventory-table td:nth-child(6){
    align-self: center;
    grid-column: 2;
    justify-self: end;
  }
.inventory-table td:nth-child(7){
    grid-column: 1 / -1;
    padding-top: 4px;
  }
.inventory-table .desktop-profit{
    display: none;
  }
.inventory-table .desktop-sell-data{
    display: none;
  }
.inventory-table .stock-mobile-price{
    display: grid;
    gap: 2px;
  }
.inventory-table .stock-mobile-price small{
    color: var(--muted);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
  }
.inventory-table .stock-mobile-price strong{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    white-space: nowrap;
  }
.inventory-table .stock-mobile-price svg{
    width: 15px;
    height: 15px;
  }
.inventory-table .stock-mobile-price.is-positive, .inventory-table .stock-mobile-price.is-listing{
    color: #075e54;
  }
.inventory-table .stock-mobile-price.is-buy{
    color: var(--ink);
  }
.inventory-table .stock-mobile-price.is-negative{
    color: #a43a2f;
  }
.inventory-table .stock-item-cell{
    grid-template-columns: 42px minmax(0, 1fr);
    min-width: 0;
  }
.inventory-table .stock-item-cell img, .inventory-table .stock-item-cell > span{
    width: 42px;
    height: 52px;
  }
.inventory-table .stock-item-cell strong{
    white-space: nowrap;
  }
.inventory-table .row-actions{
    justify-content: flex-start;
    min-width: 0;
    min-height: 34px;
    overflow-x: auto;
    padding-bottom: 2px;
  }
.inventory-table-footer{
    margin-bottom: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
  }
.legal-shell{
    gap: 12px;
    margin-top: 12px;
  }
.legal-tabs{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
  }
.legal-tabs a, .legal-tabs button{
    justify-content: center;
    min-height: 38px;
    padding: 8px 9px;
    font-size: 12px;
    text-align: center;
  }
.legal-panel{
    padding: 16px;
  }
.legal-panel h1{
    margin-top: 6px;
    font-size: clamp(24px, 8vw, 32px);
  }
.legal-panel h2{
    margin: 22px 0 7px;
    font-size: 18px;
  }
.legal-panel p, .legal-panel .lead{
    font-size: 14px;
    line-height: 1.6;
  }
.image-upload-card{
    grid-template-columns: 1fr;
    padding: 0;
    border: 0;
    background: transparent;
  }
.image-upload-card .image-upload-controls{
    display: contents;
  }
.image-upload-card .image-upload-actions{
    display: contents;
  }
.image-upload-card .file-picker, .image-upload-card .image-upload-controls small, .image-upload-card > small[data-file-name]{
    display: none;
  }
.item-image-preview{
    min-height: 220px;
    border-radius: 8px;
    background: var(--panel);
  }
.item-image-preview img{
    min-height: 220px;
  }
.item-image-preview div{
    min-height: 220px;
    padding: 24px;
  }
.item-image-preview svg{
    width: 44px;
    height: 44px;
  }
.item-image-preview strong{
    font-size: 15px;
  }
.item-image-preview small{
    font-size: 13px;
  }
.image-upload-card .image-upload-actions .icon-button.danger, .image-upload-card .local-image-delete{
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    display: inline-flex;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(8px);
  }

}
@media (max-width: 620px){.range-actions{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    gap: 3px;
    padding: 3px;
  }
.range-actions a, .range-actions button{
    width: 100%;
    min-height: 30px;
    padding: 6px 3px;
    font-size: 10.5px;
    white-space: nowrap;
  }
.metric-grid, .metric-grid.metric-grid-secondary{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
.metric-card{
    min-height: 112px;
    padding: 13px;
    gap: 6px;
  }
.metric-card strong{
    font-size: clamp(18px, 7vw, 25px);
  }
.metric-card span, .metric-card small{
    font-size: 11px;
    line-height: 1.35;
  }
.dashboard-latest-table{
    overflow-x: hidden;
  }
.dashboard-latest-table table{
    min-width: 0;
  }
.dashboard-latest-table th:nth-child(3), .dashboard-latest-table th:nth-child(4), .dashboard-latest-table td:nth-child(3), .dashboard-latest-table td:nth-child(4){
    display: none;
  }
.dashboard-latest-table th, .dashboard-latest-table td{
    padding: 11px 8px;
  }

}
@media (max-width: 1180px){.dashboard-grid-three{
    grid-template-columns: 1fr;
  }

body.layout-app .finance-console .finance-chart-panel:has(#statusChart){
    min-height: 500px;
  }

body.layout-app .finance-console .chart-frame:has(#statusChart){
    height: clamp(320px, 48vw, 380px);
    min-height: clamp(320px, 48vw, 380px);
  }

}
@media (max-width: 1024px){.topbar{
    margin-top: -22px;
  }
.inventory-editor .form-section{
    grid-template-columns: 1fr;
  }

}
@media (max-width: 720px){.inventory-filter-panel{
    padding: 10px;
  }
.filter-panel-heading{
    display: none;
  }
.inventory-table tbody tr{
    border-color: rgba(152, 178, 187, .34);
    background: rgba(255, 255, 255, .92);
    box-shadow: var(--shadow-soft);
  }
.inventory-table tbody tr:hover{
    background: rgba(255, 255, 255, .92);
  }
.form-actions{
    margin-right: 0;
    margin-left: 0;
  }

}
@media (max-width: 620px){.app-main{
    padding-top: 18px;
  }
.topbar{
    margin: -18px -16px 16px;
    padding: 14px 16px 12px;
  }
.editor-summary-card{
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }
.editor-summary-media{
    width: 62px;
    height: 62px;
  }
.editor-summary-copy h2{
    font-size: 21px;
  }
.editor-summary-meta > span:not(.status-pill){
    min-height: 26px;
    padding: 5px 8px;
  }
.inventory-editor .form-section{
    padding: 15px;
  }
.form-actions{
    display: grid;
    grid-template-columns: 1fr;
  }
.form-actions .btn{
    width: 100%;
  }

}
/* Corrections: quiet finance shell, inventory workbench, and modal filters */
.app-main{
  padding: 24px;
}
.topbar{
  position: static;
  z-index: auto;
  display: flex;
  align-items: flex-start;
  margin: 0 0 18px;
  padding: 0;
  background: transparent;
  border: 0;
  backdrop-filter: none;
}
body[data-theme="dark"] .topbar{
  background: transparent;
  border: 0;
}
.layout-app .app-main:has(.inventory-page) .topbar{
  margin: 0 0 12px;
}
.advanced-filter{
  position: static;
}
body.filter-modal-open{
  overflow: hidden;
}
body.filter-modal-open .app-main{
  overflow: hidden;
}
.advanced-filter[open] .advanced-filter-backdrop{
  position: fixed;
  inset: 0;
  z-index: 135;
  display: block;
  border: 0;
  background: rgba(6, 19, 21, .54);
  backdrop-filter: blur(5px);
}
.advanced-filter-panel{
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  z-index: 140;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(1080px, calc(var(--app-vw, 100vw) - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0;
  border-radius: 8px;
  transform: translate(-50%, -50%);
}
.advanced-filter-header{
  position: sticky;
  top: 0;
  z-index: 2;
  grid-column: 1 / -1;
  padding: 16px 18px;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(12px);
}
.advanced-filter-panel .filter-group{
  padding: 0 18px;
}
.advanced-filter-panel .filter-group:first-of-type{
  grid-column: 1 / -1;
  padding-top: 18px;
}
.advanced-filter-panel .filter-group:last-child{
  padding-bottom: 18px;
}
.advanced-filter-panel .date-filter-grid, .advanced-filter-panel .filter-range-grid{
  grid-template-columns: 1fr;
}
body[data-theme="dark"] .advanced-filter-header{
  background: rgba(12, 26, 30, .96);
}
@media (max-width: 1024px){.app-main{
    padding: 18px;
  }
.topbar{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    padding: 0;
  }
.advanced-filter-panel{
    grid-template-columns: 1fr;
  }

}
@media (max-width: 720px){.layout-app .app-main:has(.inventory-page) .topbar{
    margin: 0 0 10px;
  }
.advanced-filter-panel{
    width: calc(var(--app-vw, 100vw) - 24px);
    max-height: calc(100dvh - 24px);
  }

}
@media (max-width: 620px){.app-main{
    padding: 16px;
  }
.topbar{
    margin: 0 0 14px;
  }

}
/* Clean finance console pass */
body.layout-app{
  --ink: #f6f7ff;
  --ink-2: #c9cbed;
  --muted: #8f92b8;
  --line: #292842;
  --panel: #17162c;
  --page: #0b0b1e;
  --surface-alt: #1d1c34;
  --teal: #34f5c5;
  --teal-2: #7de7ff;
  --teal-soft: rgba(52, 245, 197, .12);
  --coral: #ff5c7a;
  --coral-soft: rgba(255, 92, 122, .12);
  --gold: #f8c75a;
  --gold-soft: rgba(248, 199, 90, .13);
  --violet: #80c8ff;
  --solid-bg: #38dbe8;
  --solid-fg: #ffffff;
  --shadow: none;
  --shadow-soft: none;
  --focus-ring: 0 0 0 3px rgba(139, 92, 246, .32);
  background: var(--page);
}
body.layout-app .app-frame{
  grid-template-columns: minmax(0, 242px) minmax(0, 1fr);
  background: var(--page);
}
body.layout-app .sidebar{
  gap: 0;
  padding: 0;
  background: #08091a;
  border-right: 1px solid #25243a;
  box-shadow: none;
}
body.layout-app .sidebar .brand-mark{
  min-height: 88px;
  padding: 16px;
  border: 0;
  border-bottom: 1px solid #25243a;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.layout-app .brand-icon{
  width: 48px;
  height: 48px;
  border-radius: 10px;
  box-shadow: none;
}
body.layout-app .brand-mark strong{
  color: #ffffff;
  font-size: 13px;
}
body.layout-app .brand-mark small{
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
body.layout-app .side-nav{
  gap: 4px;
  padding: 14px 10px;
}
body.layout-app .side-nav a, body.layout-app .text-button{
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #a5a8cf;
  background: transparent;
  font-size: 14px;
  font-weight: 800;
}
body.layout-app .side-nav a:hover, body.layout-app .text-button:hover{
  color: #ffffff;
  background: rgba(255, 255, 255, .045);
}
body.layout-app .side-nav a.active{
  color: #b794ff;
  background: #272345;
  border-color: #46386e;
  box-shadow: none;
}
body.layout-app .side-nav svg{
  width: 16px;
  height: 16px;
}
body.layout-app .nav-separator{
  margin: 10px 12px;
  background: #25243a;
}
body.layout-app .app-main{
  padding: 0 24px 24px;
  background: #101025;
}
body.layout-app .topbar{
  display: flex;
  align-items: center;
  min-height: 56px;
  margin: 0 -24px 24px;
  padding: 0 24px;
  background: #151428;
  border-bottom: 1px solid #292842;
}
body.layout-app .topbar .eyebrow{
  display: none;
}
body.layout-app .topbar h1{
  margin: 0;
  color: #f7f7ff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.2;
}
body.layout-app .topbar-actions{
  gap: 8px;
}
body.layout-app .user-chip, body.layout-app .icon-button, body.layout-app .btn-light, body.layout-app .custom-select summary, body.layout-app .custom-select-menu, body.layout-app .combo-select-control, body.layout-app .combo-select-menu, body.layout-app .money-input, body.layout-app .multi-select summary, body.layout-app .multi-select-menu, body.layout-app .advanced-filter summary, body.layout-app input, body.layout-app select, body.layout-app textarea{
  color: var(--ink);
  background: #151428;
  border-color: #302f4a;
  box-shadow: none;
}
body.layout-app .user-chip span, body.layout-app .user-chip img{
  background: var(--solid-bg);
}
body.layout-app .btn-dark{
  color: #ffffff;
  background: var(--solid-bg);
  border-color: var(--solid-bg);
  box-shadow: none;
}
body.layout-app .btn-danger{
  box-shadow: none;
}
body.layout-app .metric-card, body.layout-app .panel, body.layout-app .filter-panel, body.layout-app .form-section, body.layout-app .settings-card, body.layout-app .auth-panel, body.layout-app .article-shell, body.layout-app .code-share-card, body.layout-app .code-share-grid a, body.layout-app .code-share-tile{
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
  backdrop-filter: none;
}
body.layout-app .metric-grid{
  gap: 8px;
  margin: 12px 0;
}
body.layout-app .metric-card{
  min-height: 104px;
  padding: 14px 16px;
}
body.layout-app .metric-card::before{
  display: none;
}
body.layout-app .metric-card span, body.layout-app .metric-card small, body.layout-app td small, body.layout-app .empty-state{
  color: var(--muted);
}
body.layout-app .metric-card span{
  font-size: 11px;
  font-weight: 800;
  text-transform: none;
}
body.layout-app .metric-card strong{
  color: #ffffff;
  font-size: clamp(20px, 2vw, 28px);
}
body.layout-app .panel{
  padding: 16px;
}
body.layout-app .panel-header{
  margin-bottom: 12px;
}
body.layout-app .panel-header h2, body.layout-app .section-label h2{
  color: #ffffff;
  font-size: 15px;
}
body.layout-app .eyebrow{
  color: #8ea0ff;
  font-size: 10px;
  letter-spacing: .04em;
}
body.layout-app .data-scope-section{
  gap: 12px;
  margin-top: 0;
}
body.layout-app .scope-badge{
  color: var(--muted);
  background: #1d1c34;
  border-color: var(--line);
}
body.layout-app .chart-actions{
  padding: 4px;
  border-color: var(--line);
  background: #1d1c34;
}
body.layout-app .chart-actions a, body.layout-app .chart-actions button{
  color: #a8abcf;
  border-radius: 8px;
}
body.layout-app .chart-actions a.active, body.layout-app .chart-actions a:hover, body.layout-app .chart-actions button.active, body.layout-app .chart-actions button:hover{
  color: #111025;
  background: #ffffff;
}
body.layout-app .dashboard-grid{
  gap: 8px;
  margin-top: 8px;
}
body.layout-app .chart-panel{
  min-height: 300px;
}
body.layout-app .chart-frame{
  min-height: 230px;
}
body.layout-app .chart-frame-large{
  min-height: 280px;
}
body.layout-app .rank-list div, body.layout-app .action-list a, body.layout-app .aging-list a, body.layout-app .aging-list div, body.layout-app .range-filter, body.layout-app .range-control, body.layout-app .check-row{
  background: var(--surface-alt);
  border-color: var(--line);
  border-radius: 10px;
  box-shadow: none;
}
body.layout-app .inventory-page{
  gap: 10px;
}
body.layout-app .inventory-filter-panel{
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
}
body.layout-app .filter-panel-heading{
  display: none;
}
body.layout-app .filter-toolbar{
  grid-template-columns: minmax(260px, 1fr) minmax(170px, 220px) auto;
  gap: 8px;
}
body.layout-app .search-field input, body.layout-app .filter-toolbar .custom-select summary, body.layout-app .advanced-filter summary{
  min-height: 38px;
}
body.layout-app .advanced-filter summary{
  color: #b8bbdc;
  background: #22213a;
}
body.layout-app .active-filter-strip{
  padding: 8px;
  color: var(--ink-2);
  background: #17162c;
  border-color: var(--line);
}
body.layout-app .inventory-results.panel{
  background: var(--panel);
  border-color: var(--line);
}
body.layout-app .inventory-table thead th{
  height: 44px;
  color: #9fa3d8;
  background: #1d1c34;
  border-bottom-color: var(--line);
  box-shadow: none;
}
body.layout-app th, body.layout-app td{
  border-bottom-color: #24233a;
}
body.layout-app .inventory-table tbody tr:hover{
  background: rgba(139, 92, 246, .08);
}
body.layout-app .inventory-table-footer{
  color: var(--muted);
  background: var(--panel);
  border-top-color: var(--line);
}
body.layout-app .stock-item-cell img, body.layout-app .stock-item-cell > span{
  background: #22213a;
  border-color: #343352;
  box-shadow: none;
}
body.layout-app .status-pill{
  color: #d5d6ef;
  background: #3b3a4c;
  border-color: transparent;
}
body.layout-app .status-sold, body.layout-app .status-listed{
  color: #33ffc7;
  background: rgba(52, 245, 197, .12);
}
body.layout-app .status-shipped-by-seller, body.layout-app .status-shipped-to-buyer, body.layout-app .status-reserved{
  color: #ffe39b;
  background: rgba(248, 199, 90, .14);
}
body.layout-app .status-refunded, body.layout-app .status-returned, body.layout-app .status-cancelled{
  color: #ff9aaa;
  background: rgba(255, 92, 122, .14);
}
body.layout-app .profit-cell.is-positive, body.layout-app .stock-mobile-price.is-positive, body.layout-app .stock-mobile-price.is-listing{
  color: #34f5c5;
}
body.layout-app .profit-cell.is-negative, body.layout-app .stock-mobile-price.is-negative{
  color: #ff7f98;
}
body.layout-app .form-section{
  margin: 0;
}
body.layout-app .form-shell, body.layout-app .settings-stack{
  gap: 10px;
}
body.layout-app .editor-summary-card{
  background: var(--solid-bg);
  border-color: var(--solid-bg);
  box-shadow: none;
}
body.layout-app .editor-summary-card{
  color: #ffffff;
}
body.layout-app .item-image-preview, body.layout-app .code-image-frame, body.layout-app .code-preview-stage{
  background: #0f1024;
  border-color: var(--line);
}
body.layout-app .form-actions{
  background: rgba(16, 16, 37, .92);
  border-color: var(--line);
  box-shadow: none;
}
body.layout-app .danger-card{
  background: rgba(255, 92, 122, .08);
  border-color: rgba(255, 92, 122, .24);
}
body.layout-app.filter-modal-open .topbar{
  z-index: auto;
}
body.layout-app .advanced-filter[open] .advanced-filter-backdrop{
  position: fixed !important;
  inset: 0 !important;
  z-index: 9990 !important;
  display: block !important;
  background: rgba(4, 4, 14, .72) !important;
  backdrop-filter: blur(6px);
}
body.layout-app .advanced-filter-panel{
  position: fixed !important;
  inset: 50% auto auto 50% !important;
  z-index: 10000 !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(1040px, calc(var(--app-vw, 100vw) - 40px)) !important;
  max-height: min(760px, calc(100dvh - 40px)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink);
  background: var(--panel) !important;
  border: 1px solid #343352 !important;
  border-radius: 14px !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .42) !important;
  transform: translate(-50%, -50%) !important;
}
body.layout-app .advanced-filter-header{
  position: sticky;
  top: 0;
  z-index: 2;
  grid-column: 1 / -1;
  padding: 16px;
  background: rgba(23, 22, 44, .96);
  border-bottom-color: var(--line);
}
body.layout-app .advanced-filter-panel .filter-group{
  padding: 0 16px;
}
body.layout-app .advanced-filter-panel .filter-group:first-of-type{
  grid-column: 1 / -1;
  padding-top: 16px;
}
body.layout-app .advanced-filter-panel .filter-group:last-child{
  padding-bottom: 16px;
}
body.layout-app .advanced-filter-panel .date-filter-grid, body.layout-app .advanced-filter-panel .filter-range-grid{
  grid-template-columns: 1fr;
}
@media (max-width: 1180px){body.layout-app .app-frame{
    grid-template-columns: minmax(0, 242px) minmax(0, 1fr);
  }

}
@media (max-width: 1024px){body.layout-app .app-frame{
    grid-template-columns: minmax(0, 1fr);
  }
body.layout-app .app-main{
    padding: 0 16px 18px;
  }
body.layout-app .topbar{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    margin: 0 -16px 16px;
    padding: 0 16px;
  }
body.layout-app .advanced-filter-panel{
    grid-template-columns: 1fr;
    width: calc(var(--app-vw, 100vw) - 28px) !important;
    max-height: calc(100dvh - 28px) !important;
  }

}
@media (max-width: 720px){body.layout-app .app-main:has(.inventory-page) .topbar{
    margin: 0 -16px 12px;
  }
body.layout-app .app-main:has(.inventory-page) .topbar .eyebrow{
    display: none;
  }
body.layout-app .app-main:has(.inventory-page) .topbar h1{
    display: block;
  }

}
@media (max-width: 620px){body.layout-app .metric-grid, body.layout-app .metric-grid.metric-grid-secondary{
    grid-template-columns: 1fr;
  }
body.layout-app .topbar h1{
    font-size: 16px;
  }

}
/* Brand color refinement and interaction polish */
body.layout-app{
  --ink: #eefbff;
  --ink-2: #c7e8f0;
  --muted: #88aeba;
  --line: #233941;
  --panel: #111f26;
  --page: #071315;
  --surface-alt: #172a31;
  --teal: #67e8f9;
  --teal-2: #38dbe8;
  --teal-soft: rgba(103, 232, 249, .12);
  --sky: #80c8ff;
  --violet: #80c8ff;
  --solid-bg: #38dbe8;
  --solid-fg: #041012;
  --focus-ring: 0 0 0 3px rgba(103, 232, 249, .28);
  background: var(--page);
}
body.layout-app .app-frame, body.layout-app .app-main{
  background: #071315;
}
body.layout-app .sidebar{
  background:
    radial-gradient(circle at 18% 0%, rgba(103, 232, 249, .12), transparent 34%),
    #041012;
  border-right-color: #193137;
}
body.layout-app .sidebar .brand-mark{
  border-bottom-color: #193137;
}
body.layout-app .side-nav a.active{
  color: #bff8ff;
  background: rgba(103, 232, 249, .12);
  border-color: rgba(103, 232, 249, .26);
}
body.layout-app .side-nav a:hover, body.layout-app .text-button:hover{
  background: rgba(103, 232, 249, .08);
}
body.layout-app .app-main{
  padding: 0 24px 24px;
}
body.layout-app .topbar{
  min-height: 56px;
  margin: 0 -24px 20px;
  padding: 0 24px;
  background: #0c1a1e;
  border-bottom: 1px solid #22363e;
}
body.layout-app .topbar-actions{
  align-items: center;
}
body.layout-app .btn-dark, body.layout-app .editor-summary-card{
  color: var(--solid-fg);
  background: linear-gradient(135deg, #67e8f9, #80c8ff);
  border-color: rgba(103, 232, 249, .72);
}
body.layout-app .btn-dark svg{
  color: var(--solid-fg);
}
body.layout-app .chart-actions a.active, body.layout-app .chart-actions a:hover, body.layout-app .chart-actions button.active, body.layout-app .chart-actions button:hover{
  color: #041012;
  background: #67e8f9;
}
body.layout-app .metric-card strong, body.layout-app .profit-cell.is-positive, body.layout-app .stock-mobile-price.is-positive, body.layout-app .stock-mobile-price.is-listing, body.layout-app .status-sold, body.layout-app .status-listed{
  color: #67f7df;
}
body.layout-app .metric-card{
  transform: translateY(0);
  transition: border-color .18s ease, transform .18s ease;
}
body.layout-app .metric-card.is-updating{
  border-color: rgba(103, 232, 249, .58);
  transform: translateY(-1px);
}
body.layout-app .chart-frame.is-updating canvas{
  animation: chart-update-pop .26s ease-out;
}
@keyframes chart-update-pop{
  0% { opacity: .74; transform: scale(.995); }
  100% { opacity: 1; transform: scale(1); }
}
body.layout-app .dashboard-stock-zone .scope-badge{
  min-height: 28px;
  padding: 5px 9px;
  color: #9fcbd6;
  background: #172a31;
  border-color: #273f48;
}
body.layout-app .advanced-filter-panel{
  grid-template-columns: 1fr;
  width: min(860px, calc(var(--app-vw, 100vw) - 40px)) !important;
  max-height: min(760px, calc(100dvh - 40px)) !important;
  background: #111f26 !important;
}
body.layout-app .advanced-filter-header{
  padding: 18px 20px;
  background: rgba(17, 31, 38, .96);
}
body.layout-app .advanced-filter-panel .filter-group{
  padding: 0 20px;
}
body.layout-app .advanced-filter-panel .filter-group:first-of-type{
  padding-top: 20px;
}
body.layout-app .advanced-filter-panel .filter-group:last-child{
  padding-bottom: 20px;
}
body.layout-app .advanced-filter-panel .date-filter-grid, body.layout-app .advanced-filter-panel .filter-range-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
}
body.layout-app .advanced-filter-panel .filter-group:nth-of-type(2), body.layout-app .advanced-filter-panel .filter-group:nth-of-type(3){
  padding-top: 2px;
}
body.layout-app .range-filter, body.layout-app .range-control{
  height: 100%;
  padding: 14px;
}
body.layout-app .date-pair{
  gap: 10px;
}
@media (max-width: 1024px){body.layout-app .topbar{
    margin: 0 -16px 16px;
    padding: 0 16px;
  }
body.layout-app .advanced-filter-panel .date-filter-grid, body.layout-app .advanced-filter-panel .filter-range-grid{
    grid-template-columns: 1fr;
  }

}
/* Final action placement, modal fit, and dashboard motion polish */
body.layout-app .topbar{
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  background: transparent;
  border-bottom: 0;
}
body.layout-app .topbar-actions{
  margin-left: auto;
  padding-right: 0;
}
body.layout-app .topbar-add-item-inventory{
  display: inline-flex;
}
body.layout-app .inventory-filter-panel .filter-toolbar{
  grid-template-columns: minmax(260px, 1fr) minmax(170px, 220px) auto auto;
}
body.layout-app .inventory-filter-export{
  position: relative;
  min-width: 0;
}
body.layout-app .inventory-filter-export > summary{
  min-height: 38px;
  white-space: nowrap;
}
body.layout-app .inventory-filter-export .custom-select-menu{
  left: auto;
  right: 0;
  width: 156px;
}
body.layout-app .advanced-filter-panel .range-heading{
  grid-template-columns: 1fr;
  align-items: start;
  gap: 10px;
}
body.layout-app .advanced-filter-panel .range-heading > span:first-child{
  min-width: 0;
}
body.layout-app .advanced-filter-panel .range-heading small{
  max-width: 100%;
  line-height: 1.35;
}
body.layout-app .advanced-filter-panel .preset-buttons{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  gap: 6px;
}
body.layout-app .advanced-filter-panel .preset-buttons button{
  width: 100%;
  min-width: 0;
  padding: 6px 5px;
  white-space: nowrap;
  font-size: 11px;
}
body.layout-app .dashboard-page .metric-card, body.layout-app .dashboard-page .panel{
  will-change: transform;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
@media (hover: hover) and (pointer: fine){body.layout-app .dashboard-page .metric-card:hover, body.layout-app .dashboard-page .panel:hover{
    transform: translateY(-2px);
    border-color: rgba(103, 232, 249, .42);
    box-shadow: 0 20px 44px rgba(0, 0, 0, .20);
  }

}
@media (max-width: 1024px){body.layout-app .topbar{
    margin: 0 0 16px;
    padding: 0;
  }

}
@media (max-width: 720px){body.layout-app .app-main:has(.inventory-page) .topbar{
    margin: 0 0 12px;
    padding: 0;
  }
body.layout-app .inventory-filter-panel .filter-toolbar{
    grid-template-columns: minmax(0, 1fr) minmax(104px, 124px) 42px 42px;
  }
body.layout-app .inventory-filter-export, body.layout-app .inventory-filter-export > summary{
    width: 42px;
  }
body.layout-app .inventory-filter-export > summary{
    min-height: 40px;
    justify-content: center;
    padding: 0;
  }
body.layout-app .inventory-filter-export > summary span{
    gap: 0;
    font-size: 0;
  }
body.layout-app .inventory-filter-export .export-chevron{
    display: none;
  }
body.layout-app .inventory-filter-export .custom-select-menu{
    width: 132px;
  }
body.layout-app .advanced-filter-panel .preset-buttons{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}
/* Theme, top spacing, and small-screen readability corrections */
body.layout-app[data-theme="light"]{
  --ink: #102226;
  --ink-2: #29434a;
  --muted: #667f87;
  --line: #d2e2e7;
  --panel: #ffffff;
  --page: #edf6f8;
  --surface-alt: #f6fafb;
  --solid-bg: #0b252b;
  --solid-fg: #ffffff;
  color-scheme: light;
  color: var(--ink);
  background: var(--page);
}
body.layout-app[data-theme="dark"]{
  --ink: #eefbff;
  --ink-2: #c7e8f0;
  --muted: #88aeba;
  --line: #233941;
  --panel: #111f26;
  --page: #071315;
  --surface-alt: #172a31;
  --solid-bg: #38dbe8;
  --solid-fg: #061315;
  color-scheme: dark;
}
body.layout-app .app-main{
  padding-top: 14px;
}
body.layout-app .topbar{
  min-height: 56px;
  margin-bottom: 18px;
}
body.layout-app[data-theme="light"] .app-frame, body.layout-app[data-theme="light"] .app-main{
  background: var(--page);
}
body.layout-app[data-theme="light"] .app-main{
  background:
    radial-gradient(circle at 8% -8%, rgba(103, 232, 249, .18), transparent 30%),
    linear-gradient(180deg, #f7fcfd 0%, var(--page) 46%, #eaf3f6 100%);
}
body.layout-app[data-theme="light"] .sidebar{
  color: var(--ink);
  background: #ffffff;
  border-right-color: var(--line);
}
body.layout-app[data-theme="light"] .sidebar .brand-mark{
  border-bottom-color: var(--line);
  background: linear-gradient(135deg, rgba(103, 232, 249, .16), rgba(128, 200, 255, .10));
}
body.layout-app[data-theme="light"] .brand-mark strong, body.layout-app[data-theme="light"] .topbar h1, body.layout-app[data-theme="light"] .panel-header h2, body.layout-app[data-theme="light"] .section-label h2, body.layout-app[data-theme="light"] .editor-summary-copy h2{
  color: var(--ink);
}
body.layout-app[data-theme="light"] .brand-mark small, body.layout-app[data-theme="light"] .side-nav a, body.layout-app[data-theme="light"] .text-button{
  color: #57717a;
}
body.layout-app[data-theme="light"] .side-nav a:hover, body.layout-app[data-theme="light"] .text-button:hover{
  color: var(--ink);
  background: rgba(24, 185, 199, .10);
}
body.layout-app[data-theme="light"] .side-nav a.active{
  color: #075e66;
  background: rgba(103, 232, 249, .20);
  border-color: rgba(24, 185, 199, .26);
}
body.layout-app[data-theme="light"] .user-chip, body.layout-app[data-theme="light"] .icon-button, body.layout-app[data-theme="light"] .btn-light, body.layout-app[data-theme="light"] .custom-select summary, body.layout-app[data-theme="light"] .custom-select-menu, body.layout-app[data-theme="light"] .combo-select-control, body.layout-app[data-theme="light"] .combo-select-menu, body.layout-app[data-theme="light"] .money-input, body.layout-app[data-theme="light"] .multi-select summary, body.layout-app[data-theme="light"] .multi-select-menu, body.layout-app[data-theme="light"] .advanced-filter summary, body.layout-app[data-theme="light"] input, body.layout-app[data-theme="light"] select, body.layout-app[data-theme="light"] textarea{
  color: var(--ink);
  background: #ffffff;
  border-color: var(--line);
}
body.layout-app[data-theme="light"] .metric-card, body.layout-app[data-theme="light"] .panel, body.layout-app[data-theme="light"] .filter-panel, body.layout-app[data-theme="light"] .form-section, body.layout-app[data-theme="light"] .settings-card, body.layout-app[data-theme="light"] .article-shell, body.layout-app[data-theme="light"] .code-share-card{
  color: var(--ink);
  background: var(--panel);
  border-color: var(--line);
}
body.layout-app[data-theme="light"] .metric-card strong{
  color: var(--ink);
}
body.layout-app[data-theme="light"] .metric-card span, body.layout-app[data-theme="light"] .metric-card small, body.layout-app[data-theme="light"] td small, body.layout-app[data-theme="light"] .empty-state{
  color: var(--muted);
}
body.layout-app[data-theme="light"] .chart-actions, body.layout-app[data-theme="light"] .scope-badge, body.layout-app[data-theme="light"] .active-filter-strip{
  color: var(--ink-2);
  background: #ffffff;
  border-color: var(--line);
}
body.layout-app[data-theme="light"] .inventory-table thead th, body.layout-app[data-theme="light"] .inventory-table-footer{
  color: var(--muted);
  background: #f7fbfc;
  border-color: var(--line);
}
body.layout-app[data-theme="light"] th, body.layout-app[data-theme="light"] td{
  border-bottom-color: var(--line);
}
body.layout-app[data-theme="light"] .stock-item-cell img, body.layout-app[data-theme="light"] .stock-item-cell > span{
  background: #eef7f9;
  border-color: #d2e2e7;
}
body.layout-app .editor-summary-card{
  color: var(--ink);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--panel) 94%, #67e8f9 6%), var(--surface-alt));
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}
body.layout-app[data-theme="dark"] .editor-summary-card{
  background:
    linear-gradient(135deg, rgba(17, 31, 38, .98), rgba(18, 43, 50, .96)),
    radial-gradient(circle at 92% 4%, rgba(103, 232, 249, .14), transparent 32%);
}
body.layout-app .editor-summary-copy h2{
  color: var(--ink);
}
body.layout-app .editor-summary-meta > span:not(.status-pill){
  color: var(--ink-2);
  background: color-mix(in srgb, var(--panel) 82%, var(--surface-alt) 18%);
  border-color: var(--line);
}
body.layout-app .editor-summary-media{
  background: color-mix(in srgb, var(--surface-alt) 82%, #67e8f9 18%);
  border: 1px solid var(--line);
}
body.layout-app .range-actions{
  flex-wrap: wrap;
  max-width: 100%;
}
body.layout-app .range-actions a, body.layout-app .range-actions button{
  flex: 0 1 auto;
  min-width: 0;
  max-width: 132px;
  min-height: 34px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.14;
}
@media (max-width: 1024px){body.layout-app .app-main{
    padding: 12px 16px 18px;
  }

}
@media (max-width: 720px){body.layout-app .topbar{
    margin-bottom: 14px;
  }
body.layout-app .range-actions{
    width: 100%;
  }
body.layout-app .range-actions a, body.layout-app .range-actions button{
    flex: 1 1 calc(50% - 6px);
    max-width: none;
  }
body.layout-app[data-theme="dark"] .inventory-table tbody tr{
    color: var(--ink);
    background: #10232a;
    border-color: #28454e;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .22);
  }
body.layout-app[data-theme="dark"] .inventory-table tbody tr:hover{
    background: #142b33;
  }
body.layout-app[data-theme="dark"] .inventory-table .stock-item-cell strong, body.layout-app[data-theme="dark"] .inventory-table .stock-mobile-price.is-buy{
    color: var(--ink);
  }
body.layout-app[data-theme="dark"] .inventory-table .stock-item-cell small, body.layout-app[data-theme="dark"] .inventory-table .stock-mobile-price small{
    color: var(--muted);
  }
body.layout-app[data-theme="dark"] .inventory-table .stock-item-cell img, body.layout-app[data-theme="dark"] .inventory-table .stock-item-cell > span{
    background: #172f37;
    border-color: #31515a;
  }
body.layout-app[data-theme="dark"] .inventory-table .row-actions .icon-button{
    color: var(--ink-2);
    background: #172f37;
    border-color: #31515a;
  }
body.layout-app[data-theme="light"] .inventory-table tbody tr{
    color: var(--ink);
    background: #ffffff;
    border-color: var(--line);
    box-shadow: 0 12px 28px rgba(6, 19, 21, .07);
  }

}
body.layout-app[data-theme="light"] .dashboard-stock-zone .scope-badge, body.layout-app[data-theme="light"] .scope-badge{
  color: #42616a;
  background: #eef7f9;
  border-color: #cde1e7;
}
body.layout-app[data-theme="light"] .filter-panel, body.layout-app[data-theme="light"] .inventory-filter-panel{
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}
body.layout-app[data-theme="light"] .advanced-filter-panel{
  color: var(--ink);
  background: #ffffff !important;
  border-color: var(--line) !important;
  box-shadow: 0 28px 80px rgba(6, 19, 21, .18) !important;
}
body.layout-app[data-theme="light"] .advanced-filter-header{
  background: rgba(255, 255, 255, .98);
  border-bottom-color: var(--line);
}
body.layout-app[data-theme="light"] .advanced-filter-panel .filter-group, body.layout-app[data-theme="light"] .range-filter, body.layout-app[data-theme="light"] .range-control, body.layout-app[data-theme="light"] .multi-select summary, body.layout-app[data-theme="light"] .multi-select-menu, body.layout-app[data-theme="light"] .combo-select-menu{
  color: var(--ink);
  background: #f8fcfd;
  border-color: var(--line);
}
body.layout-app[data-theme="light"] .inventory-table{
  color: var(--ink);
}
body.layout-app[data-theme="light"] .inventory-results.panel{
  background: #ffffff;
  border-color: var(--line);
}
body.layout-app[data-theme="light"] .inventory-table thead th{
  color: #4f6870;
  background: #f3f9fb;
}
body.layout-app[data-theme="light"] .inventory-table tbody tr{
  background: #ffffff;
}
body.layout-app[data-theme="light"] .inventory-table tbody tr:hover{
  background: #f4fbfd;
}
body.layout-app[data-theme="light"] .inventory-table td, body.layout-app[data-theme="light"] .inventory-table td strong, body.layout-app[data-theme="light"] .stock-item-cell strong{
  color: var(--ink);
}
body.layout-app[data-theme="light"] .status-pill{
  color: #3f5a62;
  background: #eef5f6;
  border-color: #c9dde3;
}
body.layout-app[data-theme="light"] .status-sold, body.layout-app[data-theme="light"] .status-listed{
  color: #086b5f;
  background: #dcf8f1;
  border-color: #a7eadc;
}
body.layout-app[data-theme="light"] .status-shipped-by-seller, body.layout-app[data-theme="light"] .status-shipped-to-buyer, body.layout-app[data-theme="light"] .status-reserved{
  color: #73520a;
  background: #fff3d4;
  border-color: #f2d486;
}
body.layout-app[data-theme="light"] .status-refunded, body.layout-app[data-theme="light"] .status-returned, body.layout-app[data-theme="light"] .status-cancelled{
  color: #943245;
  background: #ffe5ea;
  border-color: #f6b5c2;
}
body.layout-app [data-filter-reset]{
  margin-right: 6px;
}
body.layout-app .advanced-filter-actions [data-filter-reset]{
  margin-right: 8px;
}
.analytics-tool-card{
  min-height: 188px;
}
.metric-breakdown, .forecast-list{
  display: grid;
  gap: 8px;
  margin-top: 8px;
}
.metric-breakdown span, .forecast-list span{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.metric-breakdown b, .forecast-list b{
  color: var(--ink);
  font-size: 13px;
}
.analytics-forecast-panel{
  min-height: 188px;
}
.confidence-pill{
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
}
.confidence-low{
  color: #ff6b84 !important;
  background: rgba(255, 92, 122, .12);
}
.confidence-medium{
  color: #f8c75a !important;
  background: rgba(248, 199, 90, .14);
}
.confidence-high{
  color: #34f5c5 !important;
  background: rgba(52, 245, 197, .12);
}
.analytics-recommendation-grid{
  grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr);
}
.sourcing-panel{
  min-height: 300px;
}
.sourcing-list{
  display: grid;
  gap: 12px;
}
.sourcing-row{
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  color: var(--ink);
}
.rank-number, .sourcing-row small{
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}
.sourcing-copy{
  display: grid;
  min-width: 0;
  gap: 7px;
}
.sourcing-copy strong{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sourcing-copy i{
  display: block;
  height: 5px;
  max-width: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #3b82f6, #67e8f9);
}
body.layout-app[data-theme="light"] .confidence-low{
  color: #a6243c !important;
  background: #ffe5ea;
}
body.layout-app[data-theme="light"] .confidence-medium{
  color: #73520a !important;
  background: #fff3d4;
}
body.layout-app[data-theme="light"] .confidence-high{
  color: #086b5f !important;
  background: #dcf8f1;
}
body.layout-app[data-theme="light"] .filter-toolbar, body.layout-app[data-theme="light"] .inventory-filter-panel .filter-toolbar{
  background: #f8fbff;
  border-color: rgba(51, 65, 85, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}
body.layout-app[data-theme="light"] .filter-toolbar .field-label, body.layout-app[data-theme="light"] .advanced-filter-panel .range-heading small, body.layout-app[data-theme="light"] .advanced-filter-panel .range-control-head span, body.layout-app[data-theme="light"] .advanced-filter-panel .range-control-head b{
  color: #475569;
}
body.layout-app[data-theme="light"] .advanced-filter-panel, body.layout-app[data-theme="light"] .advanced-filter-panel .filter-group, body.layout-app[data-theme="light"] .advanced-filter-panel .range-filter, body.layout-app[data-theme="light"] .advanced-filter-panel .range-control{
  background: #ffffff;
  border-color: rgba(51, 65, 85, 0.14);
  color: #0f172a;
}
body.layout-app[data-theme="light"] .advanced-filter-panel input[type="number"], body.layout-app[data-theme="light"] .advanced-filter-panel input[type="date"], body.layout-app[data-theme="light"] .advanced-filter-panel select, body.layout-app[data-theme="light"] .advanced-filter-panel .money-input{
  background: #f8fafc;
  border-color: rgba(51, 65, 85, 0.16);
  color: #0f172a;
}
body.layout-app[data-theme="light"] .dual-range::before{
  background: #dbeafe;
}
body.layout-app[data-theme="light"] .dual-range input[type="range"]::-webkit-slider-runnable-track{
  background: linear-gradient(90deg, #3b82f6, #67e8f9);
}
body.layout-app[data-theme="light"] .dual-range input[type="range"]::-moz-range-track{
  background: linear-gradient(90deg, #3b82f6, #67e8f9);
}
body.layout-app[data-theme="light"] .dual-range input[type="range"]::-webkit-slider-thumb{
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.24);
}
body.layout-app[data-theme="light"] .dual-range input[type="range"]::-moz-range-thumb{
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.24);
}
body.layout-app[data-theme="light"] .inventory-table thead th{
  background: #eef6ff;
  color: #334155;
  border-bottom-color: rgba(51, 65, 85, 0.13);
}
body.layout-app[data-theme="light"] .inventory-table-footer{
  background: #f8fbff;
  color: #475569;
  border-top-color: rgba(51, 65, 85, 0.12);
}
body.layout-app[data-theme="light"] .form-actions{
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(51, 65, 85, 0.13);
  box-shadow: 0 -16px 36px rgba(15, 23, 42, 0.08);
}
body.layout-app[data-theme="light"] .item-image-preview{
  background: linear-gradient(180deg, #f8fbff, #eef6ff);
  border-color: rgba(51, 65, 85, 0.16);
  color: #0f172a;
}
body.layout-app[data-theme="light"] .item-image-preview strong{
  color: #0f172a;
}
body.layout-app[data-theme="light"] .item-image-preview small{
  color: #475569;
}
body.layout-app[data-theme="light"] .item-image-preview svg{
  color: #2563eb;
}
body.layout-app .form-shell .form-grid > label, body.layout-app .form-shell .custom-select-field, body.layout-app .form-shell .combo-select-field{
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
}
body.layout-app .form-shell .field-label, body.layout-app .form-shell .form-grid > label{
  min-height: 0;
}
body.layout-app .form-shell input, body.layout-app .form-shell select, body.layout-app .form-shell textarea, body.layout-app .form-shell .custom-select summary, body.layout-app .form-shell .combo-select-control, body.layout-app .form-shell .money-input{
  min-height: 44px;
  font-size: 0.94rem;
  font-weight: 650;
  letter-spacing: 0;
}
body.layout-app .form-shell input, body.layout-app .form-shell select, body.layout-app .form-shell textarea, body.layout-app .form-shell .custom-select summary [data-custom-select-label], body.layout-app .form-shell .combo-select-control input{
  color: var(--text);
}
body.layout-app .custom-select-menu{
  max-height: min(360px, 48vh);
  overflow-y: auto;
}
body.layout-app .custom-select-menu button, body.layout-app .combo-select-menu button, body.layout-app .multi-select-menu label{
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--text);
}
body.layout-app[data-theme="light"] .metric-card, body.layout-app[data-theme="light"] .analytics-tool-card, body.layout-app[data-theme="light"] .panel, body.layout-app[data-theme="light"] .filter-panel, body.layout-app[data-theme="light"] .inventory-filter-panel, body.layout-app[data-theme="light"] .inventory-results.panel, body.layout-app[data-theme="light"] .form-section, body.layout-app[data-theme="light"] .editor-summary-card, body.layout-app[data-theme="light"] .settings-card{
  background: #ffffff;
  border-color: rgba(51, 65, 85, 0.13);
  color: #0f172a;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
}
body.layout-app[data-theme="light"] .metric-card:hover, body.layout-app[data-theme="light"] .analytics-tool-card:hover, body.layout-app[data-theme="light"] .panel:hover{
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}
body.layout-app[data-theme="light"] .section-label .eyebrow, body.layout-app[data-theme="light"] .panel-header span, body.layout-app[data-theme="light"] .metric-card span, body.layout-app[data-theme="light"] .metric-card small, body.layout-app[data-theme="light"] .analytics-tool-card span, body.layout-app[data-theme="light"] .analytics-tool-card small, body.layout-app[data-theme="light"] .editor-summary-meta, body.layout-app[data-theme="light"] .field-label, body.layout-app[data-theme="light"] .form-grid > label{
  color: #475569;
}
body.layout-app[data-theme="light"] .custom-select summary, body.layout-app[data-theme="light"] .custom-select-menu, body.layout-app[data-theme="light"] .combo-select-control, body.layout-app[data-theme="light"] .combo-select-menu, body.layout-app[data-theme="light"] .multi-select summary, body.layout-app[data-theme="light"] .multi-select-menu, body.layout-app[data-theme="light"] .money-input, body.layout-app[data-theme="light"] input, body.layout-app[data-theme="light"] select, body.layout-app[data-theme="light"] textarea{
  background: #f8fbff;
  border-color: rgba(51, 65, 85, 0.16);
  color: #0f172a;
}
body.layout-app[data-theme="light"] .custom-select summary:hover, body.layout-app[data-theme="light"] .combo-select-control:hover, body.layout-app[data-theme="light"] .multi-select summary:hover, body.layout-app[data-theme="light"] input:hover, body.layout-app[data-theme="light"] select:hover, body.layout-app[data-theme="light"] textarea:hover{
  border-color: rgba(37, 99, 235, 0.28);
  background: #ffffff;
}
body.layout-app[data-theme="light"] .custom-select-menu button:hover, body.layout-app[data-theme="light"] .custom-select-menu button[aria-selected="true"], body.layout-app[data-theme="light"] .combo-select-menu button:hover, body.layout-app[data-theme="light"] .multi-select-menu label:hover, body.layout-app[data-theme="light"] .multi-select-menu label:has(input:checked){
  background: #eaf3ff;
  color: #0f172a;
}
body.layout-app[data-theme="light"] .topbar, body.layout-app[data-theme="light"] .sidebar{
  border-color: rgba(51, 65, 85, 0.12);
}
body.layout-app .range-actions{
  flex-wrap: nowrap;
  align-items: center;
}
body.layout-app .range-actions a, body.layout-app .range-actions button{
  white-space: nowrap;
}
@media (max-width: 720px){body.layout-app .range-actions{
    flex-wrap: wrap;
  }
body.layout-app .range-actions a, body.layout-app .range-actions button{
    white-space: normal;
  }

}
body.layout-app .form-shell .field-label, body.layout-app .form-shell .form-grid > label, body.layout-app .form-shell .custom-select-field, body.layout-app .form-shell .combo-select-field{
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 750 !important;
  line-height: 1.25;
}
body.layout-app .form-shell .custom-select summary, body.layout-app .form-shell .combo-select-control{
  min-height: 44px;
  align-items: center;
}
body.layout-app .form-shell .custom-select summary [data-custom-select-label], body.layout-app .form-shell .combo-select-control input{
  color: var(--text) !important;
  font-size: 0.94rem !important;
  font-weight: 650 !important;
}
body.layout-app .form-shell .combo-select-control input[data-combo-display-input]{
  cursor: text;
}
body.layout-app[data-theme="light"] .inventory-filter-panel .filter-toolbar, body.layout-app[data-theme="light"] .filter-toolbar{
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
body.layout-app[data-theme="light"] .inventory-filter-panel .filter-toolbar{
  padding: 0;
}
body.layout-app[data-theme="light"] .inventory-table thead th, body.layout-app[data-theme="light"] .inventory-table-footer{
  background: transparent;
  box-shadow: none;
}
body.layout-app[data-theme="light"] .inventory-table thead th{
  color: #475569;
  border-bottom-color: rgba(51, 65, 85, 0.11);
}
body.layout-app[data-theme="light"] .inventory-table-footer{
  color: #64748b;
  border-top-color: rgba(51, 65, 85, 0.10);
}
body.layout-app .dashboard-liquidity-slot{
  display: grid;
  min-width: 0;
}
body.layout-app .dashboard-liquidity-slot > .panel, body.layout-app .liquidity-preview-card{
  height: 100%;
}
.monthly-goal-card{
  min-height: 100%;
}
.monthly-goal-form{
  display: grid;
  gap: 14px;
  height: 100%;
}
.monthly-goal-head, .monthly-goal-selects, .monthly-goal-target, .monthly-goal-stats span{
  display: flex;
  align-items: center;
}
.monthly-goal-head{
  justify-content: space-between;
  gap: 14px;
}
.monthly-goal-head h2{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 2px 0 6px;
  font-size: 1rem;
}
.monthly-goal-head small{
  color: var(--muted);
  font-weight: 650;
}
.monthly-goal-head .compact{
  min-width: 108px;
}
.monthly-goal-selects{
  gap: 8px;
}
.monthly-goal-selects .custom-select summary{
  min-height: 38px;
  padding: 8px 10px;
}
.monthly-goal-progress{
  --goal-progress-deg: 0deg;
  position: relative;
  display: grid;
  place-items: center;
  min-height: 104px;
}
.monthly-goal-progress strong{
  position: relative;
  z-index: 1;
  margin-top: 24px;
  color: #8b5cf6;
  font-size: 1.8rem;
}
.monthly-goal-stats{
  display: grid;
  gap: 8px;
}
.monthly-goal-stats span{
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-weight: 650;
}
.monthly-goal-stats b{
  color: var(--text);
}
.monthly-goal-target{
  gap: 8px;
}
.monthly-goal-target label{
  flex: 1;
  display: grid;
  gap: 7px;
}
.monthly-goal-target .icon-only{
  width: 46px;
  height: 46px;
  padding: 0;
  align-self: end;
}
body.layout-app[data-theme="light"] .monthly-goal-progress strong{
  color: #7c3aed;
}
body.layout-app[data-theme="light"] .inventory-filter-panel{
  padding: 0;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.layout-app[data-theme="light"] .inventory-filter-panel .active-filter-strip{
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.monthly-goal-card{
  position: relative;
  z-index: 2;
  overflow: visible;
}
.monthly-goal-card:focus-within{
  z-index: 20;
}
.monthly-goal-card .custom-select-menu{
  z-index: 30;
}
.monthly-goal-editor{
  border-top: 1px solid var(--line);
  padding-top: 8px;
}
.monthly-goal-editor summary{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  color: var(--muted);
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 750;
  min-height: 34px;
  padding: 3px 0;
  list-style: none;
}
.monthly-goal-editor summary::-webkit-details-marker{
  display: none;
}
.monthly-goal-editor summary:hover{
  color: var(--text);
}
.monthly-goal-editor[open] summary{
  margin-bottom: 12px;
}
.monthly-goal-target{
  align-items: end;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
}
.monthly-goal-card.is-updating .metric-value, .liquidity-preview-card{
  transition: transform .24s ease, color .24s ease, background .24s ease;
}
.monthly-goal-card.is-updating .metric-value{
  transform: translateY(-1px) scale(1.02);
}
.monthly-goal-target input{
  height: 44px;
}
body.layout-app[data-theme="light"] .monthly-goal-target{
  background: #f8fbff;
  border-color: rgba(51, 65, 85, 0.12);
}
body.layout-app .inventory-page .advanced-filter summary, body.layout-app .inventory-filter-export summary{
  background: #22213a;
  border-color: var(--line);
  color: #e7faff;
}
body.layout-app .inventory-page .advanced-filter[open] summary, body.layout-app .inventory-page .advanced-filter summary:hover, body.layout-app .inventory-filter-export summary:hover{
  background: #292842;
  color: #ffffff;
}
body.layout-app[data-theme="light"] .inventory-page .advanced-filter summary, body.layout-app[data-theme="light"] .inventory-filter-export summary{
  background: #f8fbff;
  border-color: rgba(51, 65, 85, 0.14);
  color: #0f172a;
}
body.layout-app[data-theme="light"] .inventory-page .advanced-filter[open] summary, body.layout-app[data-theme="light"] .inventory-page .advanced-filter summary:hover, body.layout-app[data-theme="light"] .inventory-filter-export summary:hover{
  background: #eef7fb;
  color: #063f46;
}
body.layout-app .sidebar .brand-mark{
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 620px){.monthly-goal-head{
    align-items: flex-start;
    flex-direction: column;
  }
.monthly-goal-selects, .monthly-goal-selects .compact{
    width: 100%;
  }

}
@media (max-width: 1180px){.analytics-recommendation-grid{
    grid-template-columns: 1fr;
  }

}
/* Focused refinements: compact monthly goal, settings alerts, and listing generator */
body.layout-app .monthly-goal-form{
  gap: 10px;
}
body.layout-app .monthly-goal-body{
  display: grid;
  gap: 14px;
  align-items: center;
}
body.layout-app .monthly-goal-progress{
  min-height: 78px;
}
body.layout-app .monthly-goal-progress strong{
  margin-top: 18px;
  font-size: 1.45rem;
}
body.layout-app .monthly-goal-stats{
  gap: 6px;
}
body.layout-app .monthly-goal-stats span{
  min-height: 30px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(152, 178, 187, .14);
}
body.layout-app .monthly-goal-stats span:last-child{
  border-bottom: 0;
}
body.layout-app .monthly-goal-editor{
  padding-top: 4px;
}
body.layout-app .monthly-goal-editor summary{
  min-height: 28px;
  padding: 0;
}
body.layout-app .monthly-goal-editor[open] summary{
  margin-bottom: 8px;
}
body.layout-app .monthly-goal-target{
  padding: 8px;
}
body.layout-app .monthly-goal-target input{
  height: 40px;
}
body.layout-app .monthly-goal-target .icon-only{
  width: 40px;
  height: 40px;
}
body.layout-app .settings-card.settings-alerts-row{
  align-items: stretch;
}
body.layout-app .settings-alerts-row .check-row{
  align-self: end;
  min-height: 44px;
  margin: 0;
  color: var(--text) !important;
  font-size: .9rem !important;
  font-weight: 750 !important;
}
body.layout-app .settings-alerts-row .check-row span{
  display: grid;
  gap: 2px;
  color: var(--text);
}
body.layout-app .settings-alerts-row .check-row strong{
  color: var(--text);
  font-size: .9rem;
  font-weight: 800;
}
@media (max-width: 860px){body.layout-app .monthly-goal-body{
    grid-template-columns: 1fr;
  }
body.layout-app .monthly-goal-progress{
    min-height: 92px;
  }

}
/* Listing generator cohesive workspace */
body.layout-app .settings-alerts-row .check-row input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px;
  max-height: 18px;
  padding: 0 !important;
  margin: 0;
  border-radius: 5px;
}
body.layout-app .settings-alerts-row .check-row{
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  padding: 11px 12px;
}
body.layout-app .settings-alerts-row .check-row span, body.layout-app .settings-alerts-row .check-row strong{
  line-height: 1.2;
}
/* Inventra public finance landing */
body.layout-public{
  --finance-bg: #071316;
  --finance-panel: #0d1f24;
  --finance-panel-2: #102930;
  --finance-line: rgba(121, 225, 247, .14);
  --finance-cyan: #70e8ff;
  --finance-blue: #72a7ff;
  --finance-text: #f4fcff;
  --finance-muted: #8eabb3;
  color: var(--finance-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(112, 232, 255, .18), transparent 29%),
    radial-gradient(circle at 96% 18%, rgba(83, 130, 255, .14), transparent 30%),
    var(--finance-bg);
}
body.layout-public .public-nav{
  position: sticky;
  top: 0;
  z-index: 90;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 16px max(20px, calc((100vw - 1280px) / 2));
  border-bottom: 1px solid var(--finance-line);
  background: rgba(7, 19, 22, .78);
  backdrop-filter: blur(18px);
}
body.layout-public .public-nav .brand-icon{
  width: 46px;
  height: 46px;
  border: 1px solid rgba(112, 232, 255, .18);
  border-radius: 12px;
  box-shadow: 0 0 34px rgba(112, 232, 255, .12);
}
body.layout-public .public-nav .brand-mark strong{
  color: #ffffff;
  font-size: 14px;
}
body.layout-public .public-nav .brand-mark small{
  color: var(--finance-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
body.layout-public .public-nav .icon-button, body.layout-public .language-picker summary{
  color: var(--finance-text);
  border-color: var(--finance-line);
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
}
body.layout-public .public-nav .btn-dark{
  color: #071316;
  background: linear-gradient(135deg, var(--finance-cyan), #8ab7ff);
  box-shadow: 0 14px 34px rgba(112, 232, 255, .16);
}
.finance-landing{
  overflow: hidden;
}
.finance-hero{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  align-items: center;
  gap: clamp(32px, 6vw, 92px);
  width: min(1280px, calc(100% - 40px));
  min-height: 760px;
  margin: 0 auto;
  padding: 80px 0 92px;
}
.finance-hero::before{
  content: "";
  position: absolute;
  inset: 10% 35% 16% -28%;
  border-radius: 50%;
  background: rgba(112, 232, 255, .05);
  filter: blur(90px);
}
.finance-hero-copy{
  position: relative;
  z-index: 2;
}
.finance-kicker, .finance-access-note, .finance-signal-strip span{
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.finance-kicker{
  padding: 8px 12px;
  border: 1px solid rgba(112, 232, 255, .2);
  border-radius: 999px;
  color: #baf5ff;
  background: rgba(112, 232, 255, .07);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.finance-kicker svg, .finance-access-note svg{
  color: var(--finance-cyan);
}
.finance-hero h1{
  max-width: 760px;
  margin: 24px 0 22px;
  color: #f7fdff;
  font-size: clamp(54px, 6.4vw, 94px);
  font-weight: 780;
  letter-spacing: -.065em;
  line-height: .96;
}
.finance-hero h1 span{
  color: transparent;
  background: linear-gradient(110deg, #72e8ff 12%, #88a7ff 82%);
  -webkit-background-clip: text;
  background-clip: text;
}
.finance-hero-copy > p{
  max-width: 650px;
  margin: 0 0 30px;
  color: var(--finance-muted);
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.65;
}
.finance-primary{
  color: #061114;
  border: 0;
  background: linear-gradient(135deg, var(--finance-cyan), #91b4ff);
  box-shadow: 0 16px 42px rgba(112, 232, 255, .18);
}
.finance-secondary{
  color: #dffbff;
  border-color: rgba(112, 232, 255, .16);
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
}
.finance-access-note{
  max-width: 590px;
  margin-top: 22px;
  color: #78969f;
  font-size: 13px;
  line-height: 1.5;
}
.finance-hero-visual{
  position: relative;
  min-height: 610px;
}
.finance-logo-orbit{
  position: absolute;
  inset: 34px 4% 42px 5%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(112, 232, 255, .08);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(112, 232, 255, .13), transparent 44%),
    linear-gradient(145deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0));
}
.finance-logo-orbit::before, .finance-logo-orbit::after{
  content: "";
  position: absolute;
  border: 1px solid rgba(112, 232, 255, .08);
  border-radius: 50%;
}
.finance-logo-orbit::before{
  inset: 11%;
}
.finance-logo-orbit::after{
  inset: 24%;
}
.finance-logo-orbit img{
  position: relative;
  z-index: 2;
  width: min(390px, 66%);
  height: auto;
  max-height: min(390px, 66%);
  border-radius: 28px;
  object-fit: contain;
  box-shadow: 0 42px 110px rgba(44, 168, 197, .22);
}
.orbit{
  position: absolute;
  z-index: 3;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #9df4ff;
  box-shadow: 0 0 20px rgba(112, 232, 255, .9);
}
.orbit-one{
  top: 13%;
  right: 20%;
}
.orbit-two{
  bottom: 21%;
  left: 12%;
  width: 8px;
  height: 8px;
}
.finance-float-card{
  position: absolute;
  z-index: 5;
  display: grid;
  gap: 6px;
  min-width: 190px;
  padding: 17px;
  border: 1px solid rgba(112, 232, 255, .16);
  border-radius: 16px;
  background: rgba(10, 29, 34, .88);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
  backdrop-filter: blur(16px);
}
.finance-float-card > span{
  color: var(--finance-muted);
  font-size: 12px;
  font-weight: 800;
}
.finance-float-card > strong{
  color: #ffffff;
  font-size: 25px;
}
.finance-float-card small{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #75eab6;
  font-weight: 800;
}
.finance-float-card small svg{
  width: 14px;
  height: 14px;
}
.finance-float-profit{
  top: 14%;
  left: -4%;
}
.finance-float-stock{
  right: -1%;
  bottom: 14%;
}
.mini-bars{
  display: flex;
  align-items: end;
  gap: 5px;
  height: 35px;
  margin-top: 4px;
}
.mini-bars i{
  flex: 1;
  height: 36%;
  border-radius: 4px 4px 1px 1px;
  background: linear-gradient(180deg, var(--finance-cyan), #628dff);
}
.mini-bars i:nth-child(2){ height: 62%; }
.mini-bars i:nth-child(3){ height: 48%; }
.mini-bars i:nth-child(4){ height: 88%; }
.mini-bars i:nth-child(5){ height: 72%; }
.finance-signal-strip{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  border-top: 1px solid var(--finance-line);
  border-bottom: 1px solid var(--finance-line);
}
.finance-signal-strip span{
  justify-content: center;
  min-height: 78px;
  padding: 18px;
  color: #a5c0c7;
  border-right: 1px solid var(--finance-line);
  font-size: 13px;
  font-weight: 800;
}
.finance-signal-strip span:last-child{
  border-right: 0;
}
.finance-signal-strip svg{
  color: var(--finance-cyan);
}
.finance-workspace, .finance-feature-section, .finance-cta{
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(86px, 10vw, 144px) 0;
}
@supports (content-visibility: auto){
  .finance-workspace, .finance-feature-section, .finance-cta{
    content-visibility: auto;
    contain-intrinsic-size: 720px;
  }
}
.finance-section-heading{
  max-width: 760px;
  margin-bottom: 44px;
}
.finance-section-heading > span, .finance-cta > div > span{
  color: var(--finance-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.finance-section-heading h2, .finance-cta h2{
  margin: 12px 0 16px;
  color: #f5fcff;
  font-size: clamp(38px, 5vw, 67px);
  letter-spacing: -.045em;
  line-height: 1.04;
}
.finance-section-heading p, .finance-cta p{
  margin: 0;
  color: var(--finance-muted);
  font-size: 17px;
  line-height: 1.65;
}
.finance-dashboard-shell{
  padding: 20px;
  border: 1px solid var(--finance-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(112, 167, 255, .09), transparent 30%),
    #0a191d;
  box-shadow: 0 50px 120px rgba(0, 0, 0, .28);
}
.finance-dashboard-top, .finance-chart-card > div, .finance-allocation-card > div:first-child{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.finance-dashboard-top{
  padding: 8px 6px 22px;
}
.finance-dashboard-top div{
  display: grid;
  gap: 5px;
}
.finance-dashboard-top small, .finance-chart-card small, .finance-allocation-card small{
  color: var(--finance-muted);
}
.finance-dashboard-top strong{
  font-size: 19px;
}
.finance-dashboard-top > span{
  padding: 8px 11px;
  border: 1px solid var(--finance-line);
  border-radius: 999px;
  color: #a8c3ca;
  font-size: 12px;
  font-weight: 800;
}
.finance-metric-row{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.finance-metric-row article, .finance-chart-card, .finance-allocation-card, .finance-feature-grid article{
  border: 1px solid var(--finance-line);
  background: rgba(255, 255, 255, .025);
}
.finance-metric-row article{
  display: grid;
  gap: 7px;
  min-height: 130px;
  padding: 18px;
  border-radius: 14px;
}
.finance-metric-row span{
  color: var(--finance-muted);
  font-size: 12px;
  font-weight: 800;
}
.finance-metric-row strong{
  color: #ffffff;
  font-size: clamp(24px, 2.5vw, 35px);
  letter-spacing: -.035em;
}
.finance-metric-row small{
  color: #79949c;
  font-weight: 800;
}
.finance-metric-row .positive{
  color: #6ce2aa;
}
.finance-chart-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .65fr);
  gap: 12px;
  margin-top: 12px;
}
.finance-chart-card, .finance-allocation-card{
  min-height: 360px;
  padding: 20px;
  border-radius: 16px;
}
.finance-chart-card > div > span, .finance-allocation-card > div > span{
  color: #e9faff;
  font-weight: 900;
}
.finance-chart-card svg{
  width: 100%;
  height: 270px;
  margin-top: 24px;
  overflow: visible;
}
.chart-grid-line{
  fill: none;
  stroke: rgba(125, 177, 188, .12);
  stroke-width: 1;
}
.chart-area{
  fill: url(#profitArea);
}
.chart-line-main, .chart-line-secondary{
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.chart-line-main{
  stroke: #72e8ff;
  stroke-width: 4;
}
.chart-line-secondary{
  stroke: #7d8fff;
  stroke-width: 3;
  stroke-dasharray: 8 8;
}
.finance-donut{
  display: grid;
  place-items: center;
  width: 190px;
  aspect-ratio: 1;
  margin: 34px auto 28px;
  border-radius: 50%;
  background: conic-gradient(#72e8ff 0 54%, #718fff 54% 85%, #2d4f59 85% 100%);
}
.finance-donut::before{
  content: "";
  grid-area: 1 / 1;
  width: 70%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0c2025;
}
.finance-donut strong{
  z-index: 1;
  display: grid;
  grid-area: 1 / 1;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
}
.finance-donut strong small{
  margin-top: 3px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.finance-allocation-card ul{
  display: grid;
  gap: 11px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.finance-allocation-card li{
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  color: #9ab3ba;
  font-size: 12px;
  font-weight: 800;
}
.finance-allocation-card li i{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #72e8ff;
}
.finance-allocation-card li:nth-child(2) i{ background: #718fff; }
.finance-allocation-card li:nth-child(3) i{ background: #2d4f59; }
.finance-allocation-card li b{ color: #e9faff; }
.finance-feature-section{
  border-top: 1px solid var(--finance-line);
}
.finance-feature-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.finance-feature-grid article{
  min-height: 245px;
  padding: 24px;
  border-radius: 16px;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.finance-feature-grid article:hover{
  transform: translateY(-4px);
  border-color: rgba(112, 232, 255, .3);
  background: rgba(112, 232, 255, .045);
}
.finance-feature-grid svg{
  width: 28px;
  height: 28px;
  color: var(--finance-cyan);
}
.finance-feature-grid h3{
  margin: 56px 0 10px;
  color: #ffffff;
  font-size: 19px;
}
.finance-feature-grid p{
  margin: 0;
  color: var(--finance-muted);
  line-height: 1.6;
}
.finance-cta{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 44px;
  margin-bottom: 68px;
  padding: 56px;
  border: 1px solid rgba(112, 232, 255, .17);
  border-radius: 24px;
  background:
    radial-gradient(circle at 92% 0%, rgba(112, 167, 255, .18), transparent 35%),
    linear-gradient(135deg, rgba(112, 232, 255, .08), rgba(255, 255, 255, .018));
}
.finance-cta > div:first-child{
  max-width: 710px;
}
.finance-cta h2{
  font-size: clamp(40px, 5vw, 70px);
}
body.layout-public .site-footer{
  color: #78939a;
  border-top-color: var(--finance-line);
}
body.layout-public .site-footer a:hover{
  color: var(--finance-cyan);
}
@media (max-width: 980px){.finance-hero{
    grid-template-columns: 1fr;
    padding-top: 64px;
  }
.finance-hero-visual{
    min-height: 570px;
  }
.finance-signal-strip, .finance-metric-row, .finance-feature-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.finance-signal-strip span:nth-child(2){
    border-right: 0;
  }
.finance-signal-strip span:nth-child(-n + 2){
    border-bottom: 1px solid var(--finance-line);
  }
.finance-chart-grid{
    grid-template-columns: 1fr;
  }
.finance-cta{
    align-items: start;
    flex-direction: column;
  }

}
@media (max-width: 620px){body.layout-public .public-nav{
    width: 100%;
    margin: 0;
    padding: 14px 12px;
  }
body.layout-public .public-nav nav .btn{
    min-width: 42px;
    width: 42px;
    padding: 0;
    font-size: 0;
  }
.finance-hero, .finance-signal-strip, .finance-workspace, .finance-feature-section, .finance-cta{
    width: min(100% - 24px, 1280px);
  }
.finance-hero{
    min-height: auto;
    padding: 52px 0 70px;
  }
.finance-hero h1{
    font-size: clamp(48px, 15vw, 68px);
  }
.finance-hero-visual{
    min-height: 470px;
  }
.finance-logo-orbit{
    inset: 24px 0 34px;
  }
.finance-logo-orbit img{
    width: 68%;
    border-radius: 20px;
  }
.finance-float-card{
    min-width: 155px;
    padding: 13px;
  }
.finance-float-card > strong{
    font-size: 19px;
  }
.finance-float-profit{
    left: 0;
  }
.finance-float-stock{
    right: 0;
  }
.finance-signal-strip, .finance-metric-row, .finance-feature-grid{
    grid-template-columns: 1fr;
  }
.finance-signal-strip span{
    justify-content: flex-start;
    border-right: 0;
    border-bottom: 1px solid var(--finance-line);
  }
.finance-signal-strip span:last-child{
    border-bottom: 0;
  }
.finance-dashboard-shell{
    padding: 12px;
  }
.finance-dashboard-top{
    align-items: flex-start;
  }
.finance-chart-card, .finance-allocation-card{
    min-height: 320px;
    padding: 16px;
  }
.finance-chart-card svg{
    height: 220px;
  }
.finance-feature-grid article{
    min-height: 210px;
  }
.finance-cta{
    padding: 32px 24px;
  }

}
/* VintedSeekers Discord bot landing */
.bot-landing{
  --bot-purple: #5865f2;
  --bot-red: #ff3d5f;
  --bot-green: #52e3a2;
  --bot-amber: #f7c95f;
  --bot-cover-strong: rgba(7, 19, 22, .98);
  --bot-cover-mid: rgba(7, 19, 22, .82);
  --bot-cover-soft: rgba(7, 19, 22, .42);
  overflow: hidden;
  color: var(--finance-text);
  background:
    linear-gradient(135deg, rgba(88, 101, 242, .16), transparent 34%),
    linear-gradient(225deg, rgba(255, 61, 95, .10), transparent 42%),
    var(--finance-bg);
}
.bot-hero{
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: clamp(620px, calc(100svh - 126px), 760px);
  padding: clamp(64px, 8vw, 104px) max(20px, calc((100vw - 1280px) / 2));
  overflow: hidden;
}
.bot-hero::before, .bot-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.bot-hero::before{
  z-index: 1;
  background: linear-gradient(90deg, var(--bot-cover-strong) 0%, var(--bot-cover-mid) 47%, var(--bot-cover-soft) 76%, transparent 100%);
}
.bot-hero::after{
  z-index: 0;
  opacity: .16;
  background-image:
    linear-gradient(rgba(121, 225, 247, .24) 1px, transparent 1px),
    linear-gradient(90deg, rgba(121, 225, 247, .22) 1px, transparent 1px);
  background-size: 54px 54px;
}
.bot-hero-media{
  position: absolute;
  inset: 0;
  z-index: 0;
}
.bot-discord-window{
  position: absolute;
  top: 50%;
  right: max(24px, calc((100vw - 1280px) / 2));
  width: min(535px, 43vw);
  overflow: hidden;
  border: 1px solid rgba(121, 225, 247, .22);
  border-radius: 8px;
  background: #1d1f27;
  box-shadow: 0 44px 130px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04) inset;
  transform: translateY(-48%) rotate(1.4deg);
}
.bot-discord-window img{
  display: block;
  width: 100%;
  height: auto;
}
.bot-window-bar{
  display: flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: #161820;
}
.bot-window-bar span{
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.bot-window-bar span:nth-child(1){ background: var(--bot-red); }
.bot-window-bar span:nth-child(2){ background: var(--bot-amber); }
.bot-window-bar span:nth-child(3){ background: var(--bot-green); }
.bot-window-bar small{
  margin-left: 6px;
  color: #9aa3b2;
  font-size: 11px;
  font-weight: 800;
}
.bot-flow-card, .bot-routing-panel{
  position: absolute;
  z-index: 3;
  border: 1px solid rgba(121, 225, 247, .18);
  border-radius: 8px;
  background: rgba(11, 27, 32, .86);
  box-shadow: 0 24px 74px rgba(0, 0, 0, .34);
  backdrop-filter: blur(18px);
}
.bot-flow-card{
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  min-width: 178px;
  padding: 13px;
}
.bot-flow-card svg{
  grid-row: span 2;
  width: 22px;
  height: 22px;
  color: var(--finance-cyan);
}
.bot-flow-card span{
  color: var(--finance-muted);
  font-size: 12px;
  font-weight: 800;
}
.bot-flow-card strong{
  color: var(--finance-text);
  font-size: 20px;
}
.bot-flow-card-primary{
  top: 18%;
  right: min(620px, 45vw);
}
.bot-flow-card-secondary{
  right: max(32px, calc((100vw - 1260px) / 2));
  bottom: 16%;
}
.bot-routing-panel{
  right: max(70px, calc((100vw - 1180px) / 2));
  bottom: 6%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  color: #dffbff;
  font-size: 12px;
  font-weight: 900;
}
.bot-routing-panel i{
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bot-purple), var(--finance-cyan));
}
.bot-hero-content{
  position: relative;
  z-index: 2;
  width: min(680px, 100%);
}
.bot-kicker{
  color: #d8fbff;
  background: rgba(88, 101, 242, .16);
}
.bot-hero h1{
  margin: 24px 0 18px;
  color: var(--finance-text);
  font-size: clamp(68px, 9vw, 136px);
  font-weight: 850;
  line-height: .9;
  letter-spacing: 0;
}
.bot-hero-content > p{
  max-width: 650px;
  margin: 0 0 30px;
  color: var(--finance-muted);
  font-size: clamp(18px, 1.8vw, 23px);
  line-height: 1.55;
}
.bot-hero-proof{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 640px;
  margin-top: 24px;
}
.bot-hero-proof span{
  padding: 9px 11px;
  border: 1px solid rgba(121, 225, 247, .15);
  border-radius: 8px;
  color: #a8c5cc;
  background: rgba(255, 255, 255, .035);
  font-size: 13px;
  font-weight: 800;
}
.bot-hero-proof b{
  color: var(--finance-text);
}
.bot-signal-strip{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  border-top: 1px solid var(--finance-line);
  border-bottom: 1px solid var(--finance-line);
}
.bot-signal-strip span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 78px;
  padding: 18px;
  color: #a5c0c7;
  border-right: 1px solid var(--finance-line);
  font-size: 13px;
  font-weight: 800;
}
.bot-signal-strip span:last-child{
  border-right: 0;
}
.bot-signal-strip svg{
  color: var(--finance-cyan);
}
.bot-feature-section, .bot-ops-section{
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(86px, 10vw, 144px) 0;
}
.bot-feature-section{
  border-top: 1px solid var(--finance-line);
}
.bot-section-heading{
  max-width: 820px;
}
.bot-feature-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.bot-feature-grid article{
  min-height: 238px;
  padding: 24px;
  border: 1px solid var(--finance-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.bot-feature-grid article:hover{
  transform: translateY(-4px);
  border-color: rgba(121, 225, 247, .32);
  background: rgba(121, 225, 247, .045);
}
.bot-feature-grid svg{
  width: 29px;
  height: 29px;
  color: var(--finance-cyan);
}
.bot-feature-grid h3{
  margin: 46px 0 10px;
  color: var(--finance-text);
  font-size: 20px;
}
.bot-feature-grid p{
  margin: 0;
  color: var(--finance-muted);
  line-height: 1.6;
}
.bot-ops-section{
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
  align-items: center;
  gap: clamp(28px, 6vw, 76px);
  border-top: 1px solid var(--finance-line);
}
.bot-ops-copy > span{
  color: var(--finance-cyan);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.bot-ops-copy h2{
  margin: 12px 0 16px;
  color: var(--finance-text);
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1.04;
  letter-spacing: 0;
}
.bot-ops-copy p{
  margin: 0 0 26px;
  color: var(--finance-muted);
  font-size: 17px;
  line-height: 1.65;
}
.bot-command-board{
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--finance-line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(88, 101, 242, .13), transparent 36%),
    var(--finance-panel);
  box-shadow: 0 42px 110px rgba(0, 0, 0, .24);
}
.bot-command-row{
  display: grid;
  grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 74px;
  padding: 16px;
  border: 1px solid rgba(121, 225, 247, .13);
  border-radius: 8px;
  background: rgba(255, 255, 255, .03);
}
.bot-command-row span{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--finance-muted);
  font-size: 13px;
  font-weight: 900;
}
.bot-command-row svg{
  color: var(--finance-cyan);
}
.bot-command-row strong{
  color: var(--finance-text);
  line-height: 1.4;
}
.bot-command-row.is-live{
  border-color: rgba(82, 227, 162, .3);
}
.bot-command-row.is-live svg{
  color: var(--bot-green);
}
.bot-cta{
  border-radius: 8px;
}
body.layout-public[data-theme="light"] .bot-landing{
  --bot-cover-strong: rgba(241, 247, 248, .98);
  --bot-cover-mid: rgba(241, 247, 248, .86);
  --bot-cover-soft: rgba(241, 247, 248, .38);
  background:
    linear-gradient(135deg, rgba(82, 111, 224, .13), transparent 34%),
    linear-gradient(225deg, rgba(255, 61, 95, .08), transparent 42%),
    var(--finance-bg);
}
body.layout-public[data-theme="light"] .bot-kicker{
  color: #1f429a;
  background: rgba(82, 111, 224, .11);
}
body.layout-public[data-theme="light"] .bot-hero-proof span, body.layout-public[data-theme="light"] .bot-signal-strip span{
  color: #58757e;
}
body.layout-public[data-theme="light"] .bot-flow-card, body.layout-public[data-theme="light"] .bot-routing-panel, body.layout-public[data-theme="light"] .bot-feature-grid article, body.layout-public[data-theme="light"] .bot-command-board, body.layout-public[data-theme="light"] .bot-command-row{
  border-color: var(--finance-line);
  background-color: rgba(255, 255, 255, .82);
  box-shadow: 0 24px 70px rgba(34, 79, 89, .10);
}
body.layout-public[data-theme="light"] .bot-routing-panel{
  color: #183b44;
}
@media (max-width: 980px){.bot-hero{
    align-items: flex-start;
    min-height: clamp(610px, calc(100svh - 112px), 720px);
  }
.bot-discord-window{
    right: -54px;
    width: min(520px, 62vw);
    opacity: .66;
  }
.bot-flow-card-primary{
    right: 38%;
  }
.bot-flow-card-secondary, .bot-routing-panel{
    display: none;
  }
.bot-signal-strip{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.bot-signal-strip span:nth-child(2){
    border-right: 0;
  }
.bot-signal-strip span:nth-child(-n + 2){
    border-bottom: 1px solid var(--finance-line);
  }
.bot-feature-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.bot-ops-section{
    grid-template-columns: 1fr;
  }

}
@media (max-width: 620px){.bot-hero{
    min-height: auto;
    padding: 54px 12px 66px;
  }
.bot-hero::before{
    background: linear-gradient(90deg, var(--bot-cover-strong) 0%, var(--bot-cover-mid) 68%, var(--bot-cover-soft) 100%);
  }
.bot-discord-window{
    top: 52%;
    right: -210px;
    width: 500px;
    opacity: .24;
    transform: translateY(-50%) rotate(1deg);
  }
.bot-flow-card{
    display: none;
  }
.bot-hero h1{
    font-size: clamp(56px, 17vw, 78px);
  }
.bot-hero-content > p{
    font-size: 17px;
  }
.bot-hero-proof{
    display: grid;
  }
.bot-signal-strip, .bot-feature-section, .bot-ops-section, .bot-cta{
    width: min(100% - 24px, 1280px);
  }
.bot-signal-strip, .bot-feature-grid{
    grid-template-columns: 1fr;
  }
.bot-signal-strip span{
    justify-content: flex-start;
    border-right: 0;
    border-bottom: 1px solid var(--finance-line);
  }
.bot-signal-strip span:last-child{
    border-bottom: 0;
  }
.bot-feature-grid article{
    min-height: 210px;
  }
.bot-command-row{
    grid-template-columns: 1fr;
    align-items: start;
  }

}
/* Finance console: dashboard and analytics */
body.layout-app .app-main:has(.finance-console){
  --finance-console-bg: #071316;
  --finance-console-panel: #0a191d;
  --finance-console-panel-2: #0d2025;
  --finance-console-line: rgba(121, 225, 247, .14);
  --finance-console-cyan: #70e8ff;
  --finance-console-blue: #72a7ff;
  --finance-console-green: #6ce2aa;
  --finance-console-muted: #8eabb3;
  color: #f4fcff;
  background:
    radial-gradient(circle at 8% 0%, rgba(112, 232, 255, .09), transparent 27%),
    radial-gradient(circle at 100% 12%, rgba(83, 130, 255, .08), transparent 26%),
    var(--finance-console-bg);
}
body.layout-app .app-main:has(.finance-console) .topbar{
  min-height: 62px;
  margin: 0 0 24px;
  padding: 0 2px 14px;
  border-bottom: 1px solid var(--finance-console-line);
}
body.layout-app .app-main:has(.finance-console) .topbar .eyebrow{
  display: inline-flex;
  color: var(--finance-console-cyan);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}
body.layout-app .app-main:has(.finance-console) .topbar h1{
  margin-top: 4px;
  color: #f5fcff;
  font-size: 19px;
  letter-spacing: -.025em;
}
body.layout-app .app-main:has(.finance-console) .topbar .icon-button, body.layout-app .app-main:has(.finance-console) .user-chip{
  color: #dffbff;
  border-color: var(--finance-console-line);
  background: rgba(255, 255, 255, .035);
}
body.layout-app .finance-console{
  display: grid;
  gap: 18px;
  color: #f4fcff;
}
body.layout-app .finance-console-section{
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--finance-console-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(112, 167, 255, .07), transparent 29%),
    rgba(10, 25, 29, .94);
  box-shadow: 0 36px 90px rgba(0, 0, 0, .22);
}
body.layout-app .finance-console-heading{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding: 6px 6px 18px;
  border-bottom: 1px solid var(--finance-console-line);
}
body.layout-app .finance-console-heading > div:first-child{
  max-width: 760px;
}
body.layout-app .finance-console-kicker{
  display: block;
  color: var(--finance-console-cyan);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
body.layout-app .finance-console-heading h2{
  margin: 10px 0 8px;
  color: #f5fcff;
  font-size: clamp(24px, 2.05vw, 34px);
  font-weight: 760;
  letter-spacing: -.025em;
  line-height: 1.08;
}
body.layout-app .finance-console-heading p{
  max-width: 680px;
  margin: 0;
  color: var(--finance-console-muted);
  font-size: 14px;
  line-height: 1.6;
}
body.layout-app .finance-console-heading-compact{
  align-items: center;
}
body.layout-app .finance-console-heading-compact h2{
  font-size: clamp(25px, 2.6vw, 36px);
}
body.layout-app .finance-range-picker{
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 3px;
  max-width: 100%;
  padding: 4px;
  border: 1px solid var(--finance-console-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .028);
  box-shadow: none;
}
body.layout-app .finance-range-picker a, body.layout-app .finance-range-picker button{
  min-width: 0;
  min-height: 34px;
  max-width: none;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #87a6ae;
  background: transparent;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}
body.layout-app .finance-range-picker a:hover, body.layout-app .finance-range-picker a.active, body.layout-app .finance-range-picker button:hover, body.layout-app .finance-range-picker button.active{
  color: #061114;
  border-color: rgba(112, 232, 255, .72);
  background: linear-gradient(135deg, var(--finance-console-cyan), #91b4ff);
  box-shadow: 0 9px 22px rgba(112, 232, 255, .13);
}
body.layout-app .finance-console .finance-kpi-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
body.layout-app .finance-console .metric-card{
  min-height: 132px;
  padding: 18px;
  border: 1px solid var(--finance-console-line);
  border-radius: 14px;
  color: #f4fcff;
  background: rgba(255, 255, 255, .025);
  box-shadow: none;
  backdrop-filter: none;
}
body.layout-app .finance-console .metric-card::before{
  display: block;
  inset: 17px 17px auto auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--finance-console-cyan);
  box-shadow: 0 0 16px rgba(112, 232, 255, .48);
}
body.layout-app .finance-console .metric-card.accent-coral::before{
  background: #ff728d;
  box-shadow: 0 0 16px rgba(255, 114, 141, .42);
}
body.layout-app .finance-console .metric-card.accent-gold::before{
  background: #f8c75a;
  box-shadow: 0 0 16px rgba(248, 199, 90, .38);
}
body.layout-app .finance-console .metric-card.accent-ink::before, body.layout-app .finance-console .metric-card.accent-sky::before{
  background: var(--finance-console-blue);
  box-shadow: 0 0 16px rgba(114, 167, 255, .42);
}
body.layout-app .finance-console .metric-card > span{
  color: var(--finance-console-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}
body.layout-app .finance-console .metric-card > strong{
  color: #ffffff !important;
  font-size: clamp(25px, 2.5vw, 36px);
  font-weight: 780;
  letter-spacing: -.035em;
}
body.layout-app .finance-console .metric-card > small{
  color: #78959d;
  font-size: 11px;
  font-weight: 750;
}
body.layout-app .finance-console .metric-card.is-updating{
  border-color: rgba(112, 232, 255, .34);
  transform: translateY(-1px);
}
body.layout-app .finance-console .dashboard-grid{
  gap: 12px;
  margin: 0;
}
body.layout-app .finance-primary-grid{
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, .65fr);
  align-items: stretch;
}
body.layout-app .finance-console .panel{
  padding: 20px;
  border: 1px solid var(--finance-console-line);
  border-radius: 16px;
  color: #f4fcff;
  background: rgba(255, 255, 255, .025);
  box-shadow: none;
  backdrop-filter: none;
}
body.layout-app .finance-console .panel-header{
  align-items: flex-start;
  margin-bottom: 14px;
}
body.layout-app .finance-console .panel-header .eyebrow{
  color: var(--finance-console-cyan);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}
body.layout-app .finance-console .panel-header h2, body.layout-app .finance-console .monthly-goal-head h2{
  margin: 5px 0 0;
  color: #eefdff;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.01em;
}
body.layout-app .finance-console .panel-header small{
  display: block;
  margin-top: 5px;
  color: var(--finance-console-muted);
  font-size: 11px;
}
body.layout-app .finance-console .finance-chart-panel{
  min-height: 370px;
}
body.layout-app .finance-console .chart-frame{
  min-height: 260px;
  padding-top: 5px;
}
body.layout-app .finance-console .chart-frame-large{
  min-height: 300px;
}
body.layout-app .finance-console .chart-empty{
  border-color: var(--finance-console-line);
  border-radius: 13px;
  color: var(--finance-console-muted);
  background: rgba(255, 255, 255, .018);
}
body.layout-app .finance-console .chart-empty strong{
  color: #eefdff;
}
body.layout-app .finance-console [data-async-target="monthly_goal"]{
  display: grid;
  min-width: 0;
}
body.layout-app .finance-console .monthly-goal-card{
  height: 100%;
  min-height: 370px;
}
body.layout-app .finance-console .monthly-goal-head{
  align-items: flex-start;
}
body.layout-app .finance-console .monthly-goal-head small, body.layout-app .finance-console .monthly-goal-stats span, body.layout-app .finance-console .monthly-goal-editor summary{
  color: var(--finance-console-muted);
}
body.layout-app .finance-console .monthly-goal-selects .custom-select summary, body.layout-app .finance-console .monthly-goal-target input{
  color: #dffbff;
  border-color: var(--finance-console-line);
  background: rgba(255, 255, 255, .035);
}
body.layout-app .finance-console .monthly-goal-progress strong, body.layout-app .finance-console .monthly-goal-stats b{
  color: #ffffff !important;
}
body.layout-app .finance-liquidity-slot{
  display: grid;
}
body.layout-app .finance-liquidity-slot .panel{
  min-height: 0;
}
body.layout-app .finance-liquidity-slot .forecast-list{
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 4px -20px -20px;
  border-top: 1px solid var(--finance-console-line);
}
body.layout-app .finance-liquidity-slot .forecast-list > span{
  display: grid;
  justify-items: start;
  align-content: center;
  gap: 7px;
  min-height: 82px;
  padding: 15px 20px;
  border-right: 1px solid var(--finance-console-line);
  color: var(--finance-console-muted);
  font-size: 10px;
  font-weight: 800;
}
body.layout-app .finance-liquidity-slot .forecast-list > span:last-child{
  border-right: 0;
}
body.layout-app .finance-liquidity-slot .forecast-list b{
  color: #f4fcff;
  font-size: 14px;
}
body.layout-app .finance-console .scope-badge{
  min-height: 30px;
  padding: 7px 11px;
  color: #87a6ae;
  border: 1px solid var(--finance-console-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .028);
}
body.layout-app .finance-console .dashboard-grid-three{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.layout-app .finance-console .finance-list-panel{
  min-height: 330px;
}
body.layout-app .finance-console .action-list, body.layout-app .finance-console .rank-list, body.layout-app .finance-console .aging-list, body.layout-app .finance-console .sourcing-list{
  gap: 8px;
}
body.layout-app .finance-console .action-list a, body.layout-app .finance-console .rank-list div, body.layout-app .finance-console .aging-list a, body.layout-app .finance-console .aging-list div, body.layout-app .finance-console .sourcing-row{
  color: #dff7fb;
  border: 1px solid rgba(121, 225, 247, .10);
  border-radius: 11px;
  background: rgba(255, 255, 255, .022);
  box-shadow: none;
}
body.layout-app .finance-console .action-list a:hover, body.layout-app .finance-console .aging-list a:hover{
  border-color: rgba(112, 232, 255, .28);
  background: rgba(112, 232, 255, .045);
}
body.layout-app .finance-console .rank-list small, body.layout-app .finance-console .aging-list small, body.layout-app .finance-console .sourcing-row small, body.layout-app .finance-console .action-list span{
  color: var(--finance-console-muted);
}
body.layout-app .finance-console .sourcing-copy i{
  background: linear-gradient(90deg, var(--finance-console-blue), var(--finance-console-cyan));
}
body.layout-app .finance-console .finance-table-panel{
  overflow: hidden;
  padding-bottom: 4px;
}
body.layout-app .finance-console .finance-table-panel .table-wrap{
  margin: 0 -20px;
}
body.layout-app .finance-console table{
  color: #dff7fb;
}
body.layout-app .finance-console th{
  color: #78959d;
  background: rgba(255, 255, 255, .018);
  border-bottom-color: var(--finance-console-line);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.layout-app .finance-console td{
  border-bottom-color: rgba(121, 225, 247, .08);
}
body.layout-app .finance-console td small{
  color: var(--finance-console-muted);
}
body.layout-app .finance-console .status-pill{
  border-color: transparent;
}
body.layout-app .finance-console .profit-cell.is-positive{
  color: var(--finance-console-green);
}
body.layout-app .finance-console .analytics-tool-card{
  min-height: 162px;
}
body.layout-app .finance-console .metric-breakdown{
  padding-top: 9px;
  border-top: 1px solid var(--finance-console-line);
}
body.layout-app .finance-console .metric-breakdown span{
  color: var(--finance-console-muted);
}
body.layout-app .finance-console .metric-breakdown b{
  color: #f4fcff;
}
@media (hover: hover) and (pointer: fine){body.layout-app .finance-console .metric-card:hover, body.layout-app .finance-console .panel:hover{
    transform: translateY(-2px);
    border-color: rgba(112, 232, 255, .28);
    background: rgba(112, 232, 255, .035);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .16);
  }

}
@media (max-width: 1180px){body.layout-app .finance-console .finance-kpi-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
body.layout-app .finance-primary-grid, body.layout-app .finance-console .dashboard-grid-three{
    grid-template-columns: 1fr;
  }
body.layout-app .finance-console [data-async-target="monthly_goal"]{
    min-height: 0;
  }

}
@media (max-width: 900px){body.layout-app .finance-console-heading{
    align-items: flex-start;
    flex-direction: column;
  }
body.layout-app .finance-range-picker{
    width: 100%;
    overflow-x: auto;
  }
body.layout-app .finance-range-picker a, body.layout-app .finance-range-picker button{
    flex: 1 0 auto;
  }
body.layout-app .finance-liquidity-slot .forecast-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
body.layout-app .finance-liquidity-slot .forecast-list > span{
    border-bottom: 1px solid var(--finance-console-line);
  }

}
@media (max-width: 620px){body.layout-app .app-main:has(.finance-console){
    padding: 12px;
  }
body.layout-app .finance-console-section{
    padding: 14px;
    border-radius: 18px;
  }
body.layout-app .finance-console-heading{
    padding: 4px 2px 15px;
  }
body.layout-app .finance-console-heading h2{
    font-size: 30px;
  }
body.layout-app .finance-console .finance-kpi-grid{
    grid-template-columns: 1fr;
  }
body.layout-app .finance-console .metric-card{
    min-height: 118px;
  }
body.layout-app .finance-console .panel{
    padding: 16px;
  }
body.layout-app .finance-console .finance-chart-panel{
    min-height: 330px;
  }
body.layout-app .finance-console .chart-frame, body.layout-app .finance-console .chart-frame-large{
    min-height: 250px;
  }
body.layout-app .finance-liquidity-slot .forecast-list{
    grid-template-columns: 1fr;
    margin: 4px -16px -16px;
  }
body.layout-app .finance-liquidity-slot .forecast-list > span{
    min-height: 68px;
    border-right: 0;
  }
body.layout-app .finance-console .finance-table-panel .table-wrap{
    margin: 0 -16px;
  }

}
@media (max-width: 720px){.sourcing-row{
    grid-template-columns: 20px minmax(0, 1fr) auto;
  }
.sourcing-row small{
    grid-column: 2 / -1;
  }

}
/* Unified authenticated workspace console */
body.layout-app[data-theme="light"]{
  --ink: #102a32;
  --ink-2: #294852;
  --muted: #617c85;
  --line: #d5e4e8;
  --panel: #ffffff;
  --page: #edf4f6;
  --surface-alt: #f5f9fa;
  --teal: #1fbcd0;
  --teal-2: #63dff4;
  --teal-soft: rgba(31, 188, 208, .12);
  --solid-bg: #0b2b34;
  --solid-fg: #ffffff;
  --focus-ring: 0 0 0 3px rgba(31, 188, 208, .18);
}
body.layout-app[data-theme="dark"]{
  --ink: #effbfe;
  --ink-2: #c8e0e6;
  --muted: #87a5ad;
  --line: #1e3c44;
  --panel: #0a1a1f;
  --page: #061215;
  --surface-alt: #0e2329;
  --teal: #70e8ff;
  --teal-2: #91efff;
  --teal-soft: rgba(112, 232, 255, .12);
  --solid-bg: #70e8ff;
  --solid-fg: #061316;
  --focus-ring: 0 0 0 3px rgba(112, 232, 255, .20);
}
body.layout-app .app-main:has(.workspace-console){
  --workspace-bg: #edf4f6;
  --workspace-surface: #ffffff;
  --workspace-surface-soft: #f5f9fa;
  --workspace-surface-raised: #ffffff;
  --workspace-line: #d5e4e8;
  --workspace-line-strong: #bfd5db;
  --workspace-text: #102a32;
  --workspace-text-soft: #294852;
  --workspace-muted: #617c85;
  --workspace-cyan: #1fbcd0;
  --workspace-blue: #527ff2;
  --workspace-green: #138a66;
  --workspace-slate: #315763;
  --workspace-gold: #a86f08;
  --workspace-danger: #c8475a;
  --workspace-grid: rgba(16, 42, 50, .09);
  --workspace-tooltip-bg: #0b2026;
  --workspace-tooltip-text: #f6fdff;
  --workspace-shadow: 0 24px 70px rgba(27, 61, 70, .08);
  color: var(--workspace-text);
  background:
    radial-gradient(circle at 5% 0%, rgba(31, 188, 208, .10), transparent 26%),
    radial-gradient(circle at 100% 8%, rgba(82, 127, 242, .07), transparent 25%),
    var(--workspace-bg);
}
body.layout-app[data-theme="dark"] .app-main:has(.workspace-console){
  --workspace-bg: #061215;
  --workspace-surface: #091a1f;
  --workspace-surface-soft: #0d2228;
  --workspace-surface-raised: #10272e;
  --workspace-line: rgba(121, 225, 247, .14);
  --workspace-line-strong: rgba(121, 225, 247, .24);
  --workspace-text: #f4fcff;
  --workspace-text-soft: #d3e9ee;
  --workspace-muted: #87a5ad;
  --workspace-cyan: #70e8ff;
  --workspace-blue: #7296ff;
  --workspace-green: #6ce2aa;
  --workspace-slate: #315763;
  --workspace-gold: #f8c75a;
  --workspace-danger: #ff728d;
  --workspace-grid: rgba(121, 225, 247, .10);
  --workspace-tooltip-bg: #031013;
  --workspace-tooltip-text: #f4fcff;
  --workspace-shadow: 0 36px 90px rgba(0, 0, 0, .22);
  background:
    radial-gradient(circle at 7% 0%, rgba(112, 232, 255, .09), transparent 27%),
    radial-gradient(circle at 100% 10%, rgba(82, 127, 242, .08), transparent 27%),
    var(--workspace-bg);
}
body.layout-app .sidebar{
  background:
    radial-gradient(circle at 16% 0%, rgba(112, 232, 255, .08), transparent 30%),
    #061316;
  border-right-color: rgba(121, 225, 247, .12);
}
body.layout-app .side-nav a.active{
  color: #061316;
  border-color: rgba(112, 232, 255, .72);
  background: linear-gradient(135deg, #70e8ff, #91b4ff);
}
body.layout-app .side-nav a.active svg{
  color: #061316;
}
body.layout-app .app-main:has(.workspace-console) .topbar{
  min-height: 62px;
  margin: 0 -24px 24px;
  padding: 0 24px;
  border-bottom: 1px solid var(--workspace-line);
  color: var(--workspace-text);
  backdrop-filter: blur(18px);
}
body.layout-app .app-main:has(.workspace-console) .topbar h1{
  color: var(--workspace-text);
  font-size: 17px;
  letter-spacing: -.02em;
}
body.layout-app .app-main:has(.workspace-console) .topbar .eyebrow{
  display: none;
}
body.layout-app .app-main:has(.workspace-console) .topbar .icon-button, body.layout-app .app-main:has(.workspace-console) .user-chip{
  color: var(--workspace-text-soft);
  border-color: var(--workspace-line);
  background: var(--workspace-surface);
}
body.layout-app .app-main:has(.workspace-console) .topbar .icon-button:hover, body.layout-app .app-main:has(.workspace-console) .user-chip:hover{
  color: var(--workspace-text);
  border-color: var(--workspace-line-strong);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-console{
  display: grid;
  gap: 18px;
  min-width: 0;
  color: var(--workspace-text);
}
body.layout-app .workspace-console-section{
  display: grid;
  gap: 14px;
  min-width: 0;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--workspace-line);
  border-radius: 24px;
  color: var(--workspace-text);
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--workspace-blue) 7%, transparent), transparent 30%),
    var(--workspace-surface);
  box-shadow: var(--workspace-shadow);
}
body.layout-app .workspace-console-heading, body.layout-app .finance-console-heading{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  min-width: 0;
  padding: 6px 6px 18px;
  border-bottom: 1px solid var(--workspace-line);
}
body.layout-app .workspace-console-heading > div:first-child, body.layout-app .finance-console-heading > div:first-child{
  max-width: 890px;
  min-width: 0;
}
body.layout-app .workspace-console-kicker, body.layout-app .finance-console-kicker{
  display: block;
  color: var(--workspace-cyan);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
body.layout-app .workspace-console-heading h2, body.layout-app .finance-console-heading h2{
  margin: 9px 0 7px;
  color: var(--workspace-text);
  font-size: clamp(24px, 2.05vw, 34px);
  font-weight: 780;
  letter-spacing: -.025em;
  line-height: 1.08;
}
body.layout-app .workspace-console-heading p, body.layout-app .finance-console-heading p{
  max-width: 690px;
  margin: 0;
  color: var(--workspace-muted);
  font-size: 14px;
  line-height: 1.6;
}
body.layout-app .workspace-heading-action{
  flex: 0 0 auto;
}
body.layout-app .finance-console{
  color: var(--workspace-text);
}
body.layout-app .finance-console-section{
  border-color: var(--workspace-line);
  color: var(--workspace-text);
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--workspace-blue) 7%, transparent), transparent 30%),
    var(--workspace-surface);
  box-shadow: var(--workspace-shadow);
}
body.layout-app .finance-console .metric-card, body.layout-app .finance-console .panel, body.layout-app .workspace-console .panel, body.layout-app .workspace-console .filter-panel, body.layout-app .workspace-console .form-section, body.layout-app .workspace-console .settings-card, body.layout-app .workspace-console .legal-panel{
  color: var(--workspace-text);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-soft);
  box-shadow: none;
}
body.layout-app .finance-console .metric-card > strong, body.layout-app .finance-console .panel-header h2, body.layout-app .finance-console .monthly-goal-head h2, body.layout-app .finance-console .monthly-goal-progress strong, body.layout-app .finance-console .monthly-goal-stats b, body.layout-app .finance-liquidity-slot .forecast-list b, body.layout-app .finance-console .metric-breakdown b, body.layout-app .workspace-console .section-label h2, body.layout-app .workspace-console .panel-header h2{
  color: var(--workspace-text) !important;
}
body.layout-app .finance-console .metric-card > span, body.layout-app .finance-console .metric-card > small, body.layout-app .finance-console .panel-header small, body.layout-app .finance-console .monthly-goal-head small, body.layout-app .finance-console .monthly-goal-stats span, body.layout-app .finance-console .monthly-goal-editor summary, body.layout-app .finance-console td small, body.layout-app .workspace-console td small{
  color: var(--workspace-muted);
}
body.layout-app .finance-range-picker{
  border-color: var(--workspace-line);
  background: var(--workspace-surface-soft);
}
body.layout-app .finance-range-picker a, body.layout-app .finance-range-picker button{
  color: var(--workspace-muted);
}
body.layout-app .finance-range-picker a:hover, body.layout-app .finance-range-picker a.active, body.layout-app .finance-range-picker button:hover, body.layout-app .finance-range-picker button.active{
  color: #061316;
  border-color: color-mix(in srgb, var(--workspace-cyan) 72%, transparent);
  background: linear-gradient(135deg, var(--workspace-cyan), #91b4ff);
}
body.layout-app .finance-console table, body.layout-app .workspace-console table{
  color: var(--workspace-text-soft);
}
body.layout-app .finance-console th, body.layout-app .workspace-console th{
  color: var(--workspace-muted);
  border-bottom-color: var(--workspace-line);
  background: color-mix(in srgb, var(--workspace-surface-soft) 82%, var(--workspace-cyan) 3%);
}
body.layout-app .finance-console td, body.layout-app .workspace-console td{
  border-bottom-color: color-mix(in srgb, var(--workspace-line) 70%, transparent);
}
body.layout-app .finance-console .action-list a, body.layout-app .finance-console .rank-list div, body.layout-app .finance-console .aging-list a, body.layout-app .finance-console .aging-list div, body.layout-app .finance-console .sourcing-row{
  color: var(--workspace-text-soft);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-soft);
}
body.layout-app .finance-console .chart-empty{
  color: var(--workspace-muted);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-soft);
}
body.layout-app .finance-console .chart-empty strong{
  color: var(--workspace-text);
}
body.layout-app .finance-console .monthly-goal-selects .custom-select summary, body.layout-app .finance-console .monthly-goal-target input{
  color: var(--workspace-text);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .finance-console .scope-badge{
  color: var(--workspace-muted);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-soft);
}
body.layout-app .workspace-form{
  display: grid;
  gap: 12px;
  margin: 0;
}
body.layout-app .workspace-form > .form-section, body.layout-app .workspace-settings-console > .workspace-console-section > .form-section{
  padding: 18px;
  border: 1px solid var(--workspace-line);
  border-radius: 16px;
  background: var(--workspace-surface-soft);
}
body.layout-app .business-settings-form{
  gap: 14px;
}
body.layout-app .business-form-section{
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
  align-items: start;
}
body.layout-app .business-form-section .section-label{
  padding-top: 2px;
}
body.layout-app .business-form-section .form-grid{
  gap: 14px 16px;
}
body.layout-app .business-company-grid{
  grid-template-columns: minmax(0, 1.25fr) minmax(180px, .75fr);
}
body.layout-app .business-tax-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}
body.layout-app .business-address-field textarea{
  min-height: 112px;
}
body.layout-app .business-invoice-note-field{
  grid-column: 1 / -1;
}
body.layout-app .business-invoice-note-field textarea{
  min-height: 96px;
}
body.layout-app .workspace-console .section-label{
  min-width: 0;
}
body.layout-app .workspace-console .section-label .eyebrow, body.layout-app .workspace-console .panel-header .eyebrow, body.layout-app .workspace-console .filter-panel-heading .eyebrow{
  color: var(--workspace-cyan);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
body.layout-app .workspace-console .section-label h2{
  margin-top: 5px;
  font-size: 16px;
  letter-spacing: -.015em;
}
body.layout-app .workspace-console label, body.layout-app .workspace-console .field-label{
  color: var(--workspace-text-soft);
  font-size: 12px;
  font-weight: 800;
}
body.layout-app .workspace-console input, body.layout-app .workspace-console select, body.layout-app .workspace-console textarea, body.layout-app .workspace-console .custom-select summary, body.layout-app .workspace-console .custom-select-menu, body.layout-app .workspace-console .combo-select-control, body.layout-app .workspace-console .combo-select-menu, body.layout-app .workspace-console .money-input, body.layout-app .workspace-console .multi-select summary, body.layout-app .workspace-console .multi-select-menu, body.layout-app .workspace-console .advanced-filter summary, body.layout-app .workspace-console .advanced-filter-panel{
  color: var(--workspace-text);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
  box-shadow: none;
}
body.layout-app .workspace-console input::placeholder, body.layout-app .workspace-console textarea::placeholder{
  color: color-mix(in srgb, var(--workspace-muted) 78%, transparent);
}
body.layout-app .workspace-console input:focus, body.layout-app .workspace-console select:focus, body.layout-app .workspace-console textarea:focus, body.layout-app .workspace-console .custom-select[open] summary, body.layout-app .workspace-console .combo-select-field:focus-within .combo-select-control{
  border-color: var(--workspace-cyan);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--workspace-cyan) 15%, transparent);
}
body.layout-app .workspace-console .custom-select-menu button, body.layout-app .workspace-console .combo-select-menu button, body.layout-app .workspace-console .multi-select-menu label{
  color: var(--workspace-text-soft);
}
body.layout-app .workspace-console .custom-select-menu button:hover, body.layout-app .workspace-console .custom-select-menu button[aria-selected="true"], body.layout-app .workspace-console .combo-select-menu button:hover, body.layout-app .workspace-console .multi-select-menu label:hover, body.layout-app .workspace-console .multi-select-menu label:has(input:checked){
  color: var(--workspace-text);
  background: color-mix(in srgb, var(--workspace-cyan) 10%, var(--workspace-surface-soft));
}
body.layout-app .workspace-console .settings-card{
  border-radius: 13px;
}
body.layout-app .workspace-console .setting-row small{
  color: var(--workspace-muted);
}
body.layout-app .workspace-console .theme-icon-switch, body.layout-app .workspace-console .segmented-switch{
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-console .theme-icon-switch input:checked + span{
  color: #061316;
  background: linear-gradient(135deg, var(--workspace-cyan), #91b4ff);
}
body.layout-app .workspace-console .btn-dark{
  color: #061316;
  border-color: var(--workspace-cyan);
  background: linear-gradient(135deg, var(--workspace-cyan), #91b4ff);
}
body.layout-app .workspace-console .btn-light, body.layout-app .workspace-console .icon-button{
  color: var(--workspace-text-soft);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-console .btn-light:hover, body.layout-app .workspace-console .icon-button:hover{
  color: var(--workspace-text);
  border-color: var(--workspace-line-strong);
}
body.layout-app .workspace-console .danger-card{
  border-color: color-mix(in srgb, var(--workspace-danger) 32%, var(--workspace-line));
  background: color-mix(in srgb, var(--workspace-danger) 7%, var(--workspace-surface-soft));
}
body.layout-app .inventory-console-section{
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-direction: column;
}
body.layout-app .inventory-page.workspace-console{
  display: flex;
  flex-direction: column;
}
body.layout-app .inventory-console-section .workspace-console-heading{
  flex: 0 0 auto;
}
body.layout-app .inventory-console-section .inventory-filter-panel{
  flex: 0 0 auto;
  padding: 12px;
  border: 1px solid var(--workspace-line);
  border-radius: 14px;
  background: var(--workspace-surface-soft);
}
body.layout-app .inventory-console-section .filter-toolbar{
  grid-template-columns: minmax(220px, 1fr) minmax(160px, 210px) auto auto;
}
body.layout-app .inventory-console-section .advanced-filter summary{
  color: var(--workspace-text-soft);
}
body.layout-app .workspace-console .active-filter-strip{
  color: var(--workspace-text-soft);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-console .active-filter-strip button{
  color: var(--workspace-text-soft);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-soft);
}
body.layout-app .inventory-console-section .inventory-results.panel{
  border-radius: 16px;
  background: var(--workspace-surface-soft);
}
body.layout-app .workspace-console .inventory-table thead th{
  color: var(--workspace-muted);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-console .inventory-table tbody tr:hover{
  background: color-mix(in srgb, var(--workspace-cyan) 6%, transparent);
}
body.layout-app .workspace-console .inventory-table-footer{
  color: var(--workspace-muted);
  border-top-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-console .stock-item-cell img, body.layout-app .workspace-console .stock-item-cell > span{
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-editor-shell{
  gap: 16px;
}
body.layout-app .workspace-editor-console .inventory-editor{
  gap: 12px;
}
body.layout-app .workspace-editor-console .editor-summary-card{
  color: var(--workspace-text);
  border-color: var(--workspace-line);
  border-radius: 16px;
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--workspace-cyan) 16%, transparent), transparent 36%),
    var(--workspace-surface-soft);
}
body.layout-app .workspace-editor-console .editor-summary-copy h2{
  color: var(--workspace-text);
  font-size: clamp(22px, 2.6vw, 32px);
}
body.layout-app .workspace-editor-console .editor-summary-meta > span:not(.status-pill){
  color: var(--workspace-muted);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-editor-console .editor-summary-media, body.layout-app .workspace-editor-console .item-image-preview{
  color: var(--workspace-muted);
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-editor-console .image-upload-card, body.layout-app .workspace-editor-console .code-share-card{
  border-color: var(--workspace-line);
  background: var(--workspace-surface-raised);
}
body.layout-app .workspace-editor-console .form-actions{
  border-color: var(--workspace-line);
  background: color-mix(in srgb, var(--workspace-surface) 92%, transparent);
  box-shadow: 0 -12px 34px color-mix(in srgb, var(--workspace-bg) 50%, transparent);
}
body.layout-app .workspace-legal-shell{
  display: grid;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
body.layout-app .workspace-legal-shell .legal-tabs{
  position: sticky;
  top: 78px;
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--workspace-line);
  border-radius: 14px;
  background: var(--workspace-surface-soft);
}
body.layout-app .workspace-legal-shell .legal-tabs button{
  justify-content: flex-start;
  color: var(--workspace-muted);
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  text-align: left;
}
body.layout-app .workspace-legal-shell .legal-tabs button.active, body.layout-app .workspace-legal-shell .legal-tabs button:hover{
  color: #061316;
  border-color: color-mix(in srgb, var(--workspace-cyan) 70%, transparent);
  background: linear-gradient(135deg, var(--workspace-cyan), #91b4ff);
}
body.layout-app .workspace-legal-shell .legal-panel{
  padding: clamp(22px, 3vw, 40px);
  border-radius: 16px;
}
body.layout-app .workspace-legal-shell .legal-panel h1, body.layout-app .workspace-legal-shell .legal-panel h2{
  color: var(--workspace-text);
}
body.layout-app .workspace-legal-shell .legal-panel p{
  color: var(--workspace-text-soft);
}
body.layout-app .workspace-legal-shell .legal-panel .lead, body.layout-app .workspace-legal-shell .legal-note{
  color: var(--workspace-muted);
}
@media (hover: hover) and (pointer: fine){body.layout-app .workspace-console .panel:hover, body.layout-app .workspace-console .settings-card:hover, body.layout-app .workspace-console .form-section:hover{
    border-color: var(--workspace-line-strong);
  }

}
@media (max-width: 1000px){body.layout-app .workspace-console-heading, body.layout-app .finance-console-heading{
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

}
@media (max-width: 780px){body.layout-app .workspace-legal-shell{
    grid-template-columns: 1fr;
  }
body.layout-app .workspace-legal-shell .legal-tabs{
    position: static;
    display: flex;
    overflow-x: auto;
  }
body.layout-app .workspace-legal-shell .legal-tabs button{
    flex: 0 0 auto;
  }
body.layout-app .workspace-editor-console .inventory-editor .form-section{
    grid-template-columns: 1fr;
  }
body.layout-app .inventory-console-section .filter-toolbar{
    grid-template-columns: minmax(0, 1fr) auto;
  }

}
@media (max-width: 620px){body.layout-app .app-main:has(.workspace-console){
    padding: 0 12px 12px;
  }
body.layout-app .app-main:has(.workspace-console) .topbar{
    margin: 0 -12px 14px;
    padding: 0 12px;
  }
body.layout-app .workspace-console-section{
    padding: 14px;
    border-radius: 18px;
  }
body.layout-app .workspace-console-heading, body.layout-app .finance-console-heading{
    padding: 3px 2px 15px;
  }
body.layout-app .workspace-console-heading h2, body.layout-app .finance-console-heading h2{
    font-size: 30px;
  }
body.layout-app .workspace-form > .form-section, body.layout-app .workspace-settings-console > .workspace-console-section > .form-section{
    padding: 14px;
  }
body.layout-app .workspace-editor-console .form-actions{
    margin-inline: 0;
  }

}
/* Console polish: integrated utilities, chart geometry, and dense data surfaces */
body.layout-app .app-main:has(.workspace-console) .topbar{
  position: sticky;
  top: 0;
  z-index: 400;
  justify-content: flex-end;
  min-height: 54px;
  margin: 0 0 10px;
  padding: 7px 0;
  overflow: visible;
  border: 0;
  backdrop-filter: blur(18px);
}
body.layout-app .app-main:has(.workspace-console) .topbar:has(.user-menu[open]){
  z-index: 900;
}
body.layout-app .app-main:has(.workspace-console) .topbar-actions{
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
}
body.layout-app .app-main:has(.workspace-console) .topbar .sidebar-toggle{
  margin-right: auto;
}
body.layout-app .app-main:has(.workspace-console) .topbar .icon-button, body.layout-app .app-main:has(.workspace-console) .user-chip{
  min-height: 38px;
  border-color: var(--workspace-line);
  background: color-mix(in srgb, var(--workspace-surface) 90%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--workspace-bg) 25%, transparent);
}
body.layout-app .app-main:has(.workspace-console) .topbar .icon-button{
  width: 38px;
  height: 38px;
}
body.layout-app .app-main:has(.workspace-console) .user-menu{
  z-index: 3;
}
body.layout-app .app-main:has(.workspace-console) .user-menu-panel{
  z-index: 1000;
  color: var(--workspace-text);
  border-color: var(--workspace-line-strong);
  border-radius: 14px;
  background: var(--workspace-surface-raised);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .28);
}
body.layout-app .workspace-console-section, body.layout-app .finance-console-section{
  position: relative;
  z-index: 1;
}
body.layout-app .finance-console .panel-header{
  margin-bottom: 4px;
}
body.layout-app .finance-console .chart-frame{
  padding-top: 0;
}
body.layout-app .finance-console .monthly-goal-card{
  min-height: 370px;
  overflow: visible;
}
body.layout-app .finance-console .monthly-goal-form{
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px;
  min-height: 100%;
}
body.layout-app .finance-console .monthly-goal-head{
  align-items: stretch;
  flex-direction: column;
  gap: 11px;
}
body.layout-app .finance-console .monthly-goal-head > div:first-child{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}
body.layout-app .finance-console .monthly-goal-head > div:first-child .eyebrow, body.layout-app .finance-console .monthly-goal-head > div:first-child h2{
  grid-column: 1;
}
body.layout-app .finance-console .monthly-goal-head > div:first-child small{
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
}
body.layout-app .finance-console .monthly-goal-selects{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(88px, .65fr);
  width: 100%;
  gap: 8px;
}
body.layout-app .finance-console .monthly-goal-selects .compact{
  min-width: 0;
}
body.layout-app .finance-console .monthly-goal-selects .custom-select summary{
  width: 100%;
}
body.layout-app .finance-console .monthly-goal-body{
  align-items: center;
  gap: 16px;
  min-height: 0;
}
body.layout-app .finance-console .monthly-goal-progress{
  position: relative;
  width: min(138px, 100%);
  min-height: 0;
  aspect-ratio: 1;
  justify-self: center;
}
body.layout-app .finance-console .monthly-goal-progress .goal-ring{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(
    from -90deg,
    var(--workspace-cyan) var(--goal-progress-deg),
    color-mix(in srgb, var(--workspace-blue) 14%, transparent) 0
  );
  filter: drop-shadow(0 0 13px color-mix(in srgb, var(--workspace-cyan) 20%, transparent));
}
body.layout-app .finance-console .monthly-goal-progress .goal-ring::after{
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid var(--workspace-line);
  border-radius: 50%;
  background: var(--workspace-surface-soft);
}
body.layout-app .finance-console .monthly-goal-progress-copy{
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 3px;
  text-align: center;
}
body.layout-app .finance-console .monthly-goal-progress strong{
  margin: 0;
  color: var(--workspace-text) !important;
  font-size: clamp(22px, 2.2vw, 30px);
  letter-spacing: -.04em;
}
body.layout-app .finance-console .monthly-goal-progress-copy small{
  max-width: 72px;
  color: var(--workspace-muted);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.25;
  text-transform: uppercase;
}
body.layout-app .finance-console .monthly-goal-stats{
  display: grid;
  gap: 8px;
}
body.layout-app .finance-console .monthly-goal-stats span{
  display: grid;
  justify-items: start;
  gap: 5px;
  min-height: 58px;
  padding: 11px 12px;
  border: 1px solid var(--workspace-line);
  border-radius: 11px;
  background: var(--workspace-surface-raised);
}
body.layout-app .finance-console .monthly-goal-stats span:last-child{
  border-bottom: 1px solid var(--workspace-line);
}
body.layout-app .finance-console .monthly-goal-stats small{
  color: var(--workspace-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.layout-app .finance-console .monthly-goal-stats b{
  font-size: 13px;
  line-height: 1.25;
}
body.layout-app .finance-console .monthly-goal-editor{
  padding-top: 10px;
  border-top-color: var(--workspace-line);
}
body.layout-app .finance-console .monthly-goal-card.is-updating .goal-ring{
  transition: background .24s ease, filter .24s ease;
}
body.layout-app .finance-console .finance-table-panel th{
  background: transparent;
}
body.layout-app .workspace-console .inventory-results.panel, body.layout-app .workspace-console .inventory-table thead th, body.layout-app .workspace-console .inventory-table-footer{
  background: var(--workspace-surface-soft);
}
body.layout-app .workspace-console th{
  background: transparent;
}
body.layout-app .workspace-console .inventory-table thead th{
  background: var(--workspace-surface-soft);
}
body.layout-app .finance-console .sourcing-list{
  gap: 9px;
}
body.layout-app .finance-console .sourcing-row{
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px 12px;
  min-height: 72px;
  padding: 13px 14px;
}
body.layout-app .finance-console .sourcing-row .rank-number{
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--workspace-line);
  border-radius: 50%;
  color: var(--workspace-muted);
  background: var(--workspace-surface-raised);
  font-size: 10px;
}
body.layout-app .finance-console .sourcing-row > b{
  padding-top: 2px;
  color: var(--workspace-text);
  font-size: 12px;
  white-space: nowrap;
}
body.layout-app .finance-console .sourcing-row small{
  grid-column: 2 / -1;
  line-height: 1.4;
}
body.layout-app .finance-console .sourcing-copy{
  gap: 8px;
  padding-top: 2px;
}
@media (max-width: 1180px){body.layout-app .finance-console .monthly-goal-head{
    flex-direction: row;
    align-items: flex-start;
  }
body.layout-app .finance-console .monthly-goal-selects{
    width: min(260px, 42%);
  }
body.layout-app .finance-console .monthly-goal-body{
    grid-template-columns: minmax(138px, .35fr) minmax(0, 1fr);
  }
body.layout-app .finance-console .monthly-goal-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}
@media (max-width: 720px){body.layout-app .app-main:has(.workspace-console) .topbar{
    margin-bottom: 6px;
  }
body.layout-app .finance-console .monthly-goal-head{
    flex-direction: column;
  }
body.layout-app .finance-console .monthly-goal-selects{
    width: 100%;
  }
body.layout-app .finance-console .monthly-goal-body{
    grid-template-columns: 1fr;
  }
body.layout-app .finance-console .monthly-goal-progress{
    width: 132px;
  }
body.layout-app .finance-console .monthly-goal-stats{
    grid-template-columns: 1fr;
  }

}
@property --goal-progress-deg{
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
/* Final localization and visual cohesion pass */
.brand-mark{
  align-items: center;
}
.brand-copy{
  display: flex;
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
body.layout-app .sidebar .brand-mark{
  align-items: center;
}
.flash{
  position: relative;
  padding-right: 48px;
  transition: opacity .18s ease, transform .18s ease, margin .18s ease, padding .18s ease;
}
.flash.is-dismissing{
  margin-block: -5px;
  padding-block: 0;
  opacity: 0;
  transform: translateY(-6px);
}
.flash-dismiss{
  position: absolute;
  top: 50%;
  right: 9px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  color: currentColor;
  border: 0;
  border-radius: 8px;
  background: transparent;
  opacity: .62;
  cursor: pointer;
}
.flash-dismiss:hover{
  background: color-mix(in srgb, currentColor 9%, transparent);
  opacity: 1;
}
.flash-dismiss svg{
  width: 15px;
  height: 15px;
}
body.layout-app .app-main:has(.workspace-console) .topbar{
  margin: 0 -24px 10px;
  padding: 7px 24px;
  border-bottom: 1px solid var(--workspace-line);
  background: color-mix(in srgb, var(--workspace-bg) 97%, var(--workspace-surface) 3%);
  backdrop-filter: blur(5px);
}
body.layout-app .finance-console .panel-header{
  margin-bottom: 18px;
}
body.layout-app .finance-console .finance-table-panel .panel-header h2{
  color: var(--workspace-text) !important;
  font-size: 17px;
  letter-spacing: -.02em;
}
body.layout-app .finance-console .chart-frame{
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 17px;
}
body.layout-app .finance-console .chart-frame canvas{
  grid-row: 1;
  min-height: 0;
}
.chart-html-legend{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 18px;
  min-width: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.chart-html-legend li{
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: var(--workspace-muted);
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}
.chart-html-legend li i{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-shadow: 0 0 10px color-mix(in srgb, var(--workspace-cyan) 18%, transparent);
}
.chart-html-legend.is-breakdown{
  display: grid;
  gap: 11px;
}
.chart-html-legend.is-breakdown li{
  grid-template-columns: 8px minmax(0, 1fr) auto;
  color: var(--workspace-muted);
  font-size: 11px;
}
.chart-html-legend.is-breakdown li b{
  color: var(--workspace-text);
  font-size: 11px;
  font-weight: 950;
}
body.layout-app .finance-console .monthly-goal-progress .goal-ring{
  --goal-overflow-deg: 0deg;
  background: conic-gradient(
    from -90deg,
    var(--workspace-gold) 0deg var(--goal-overflow-deg),
    var(--workspace-cyan) var(--goal-overflow-deg) var(--goal-progress-deg),
    color-mix(in srgb, var(--workspace-blue) 14%, transparent) var(--goal-progress-deg) 360deg
  );
  transition: filter .24s ease;
}
body.layout-app .finance-console .monthly-goal-progress.is-progress-changing .goal-ring{
  animation: monthlyGoalPulse .9s cubic-bezier(.16, 1, .3, 1);
}
body.layout-app .finance-console .monthly-goal-progress.is-over-goal .goal-ring{
  filter:
    drop-shadow(0 0 12px color-mix(in srgb, var(--workspace-cyan) 34%, transparent))
    drop-shadow(0 0 20px color-mix(in srgb, var(--workspace-gold) 26%, transparent));
}
body.layout-app .finance-console .monthly-goal-progress.is-over-goal .goal-ring::before{
  content: "";
  position: absolute;
  inset: -7px;
  border: 2px solid transparent;
  border-top-color: var(--workspace-gold);
  border-right-color: color-mix(in srgb, var(--workspace-cyan) 72%, transparent);
  border-radius: 50%;
  animation: monthlyGoalOrbit 3.8s linear infinite;
}
body.layout-app .finance-console .monthly-goal-progress.is-over-goal strong{
  color: var(--workspace-gold) !important;
  text-shadow: 0 0 18px color-mix(in srgb, var(--workspace-gold) 24%, transparent);
}
.monthly-goal-achievement{
  margin-top: 4px;
  padding: 4px 7px;
  color: #1d1504;
  border: 1px solid color-mix(in srgb, var(--workspace-gold) 76%, transparent);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--workspace-gold), #ffe397);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--workspace-gold) 18%, transparent);
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .07em;
  line-height: 1;
  text-transform: uppercase;
}
.monthly-goal-achievement[hidden]{
  display: none;
}
@keyframes monthlyGoalPulse{
  0%{ transform: scale(.965); }
  42%{ transform: scale(1.035); }
  100%{ transform: scale(1); }
}
@keyframes monthlyGoalOrbit{
  to{ transform: rotate(360deg); }
}
body.layout-public[data-theme="light"]{
  --finance-bg: #f1f7f8;
  --finance-panel: #ffffff;
  --finance-panel-2: #eaf4f6;
  --finance-line: rgba(30, 91, 104, .16);
  --finance-cyan: #149bb0;
  --finance-blue: #526fe0;
  --finance-text: #102d35;
  --finance-muted: #58757e;
  color: var(--finance-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(20, 155, 176, .13), transparent 29%),
    radial-gradient(circle at 96% 18%, rgba(82, 111, 224, .10), transparent 30%),
    var(--finance-bg);
}
body.layout-public[data-theme="light"] .public-nav{
  border-bottom-color: var(--finance-line);
  background: rgba(241, 247, 248, .94);
}
body.layout-public[data-theme="light"] .public-nav .brand-mark strong, body.layout-public[data-theme="light"] .finance-hero h1, body.layout-public[data-theme="light"] .finance-section-heading h2, body.layout-public[data-theme="light"] .finance-cta h2, body.layout-public[data-theme="light"] .finance-dashboard-top strong, body.layout-public[data-theme="light"] .finance-chart-card > div > span, body.layout-public[data-theme="light"] .finance-allocation-card > div > span, body.layout-public[data-theme="light"] .finance-feature-grid h3{
  color: #102d35;
}
body.layout-public[data-theme="light"] .public-nav .icon-button, body.layout-public[data-theme="light"] .language-picker summary, body.layout-public[data-theme="light"] .finance-secondary{
  color: #294e58;
  border-color: var(--finance-line);
  background: rgba(255, 255, 255, .76);
}
body.layout-public[data-theme="light"] .finance-kicker{
  color: #086d7e;
  border-color: rgba(20, 155, 176, .25);
  background: rgba(20, 155, 176, .09);
}
body.layout-public[data-theme="light"] .finance-hero h1 span{
  background: linear-gradient(110deg, #0d9db3 12%, #526fe0 82%);
  -webkit-background-clip: text;
  background-clip: text;
}
body.layout-public[data-theme="light"] .finance-access-note, body.layout-public[data-theme="light"] .finance-signal-strip span, body.layout-public[data-theme="light"] .finance-dashboard-top > span, body.layout-public[data-theme="light"] .finance-allocation-card li{
  color: #58757e;
}
body.layout-public[data-theme="light"] .finance-logo-orbit{
  border-color: rgba(20, 155, 176, .14);
  background:
    radial-gradient(circle, rgba(20, 155, 176, .13), transparent 44%),
    linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .08));
}
body.layout-public[data-theme="light"] .finance-logo-orbit::before, body.layout-public[data-theme="light"] .finance-logo-orbit::after{
  border-color: rgba(20, 155, 176, .13);
}
body.layout-public[data-theme="light"] .finance-float-card, body.layout-public[data-theme="light"] .finance-dashboard-shell, body.layout-public[data-theme="light"] .finance-metric-row article, body.layout-public[data-theme="light"] .finance-chart-card, body.layout-public[data-theme="light"] .finance-allocation-card, body.layout-public[data-theme="light"] .finance-feature-grid article{
  color: #183b44;
  border-color: var(--finance-line);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 24px 70px rgba(34, 79, 89, .10);
}
body.layout-public[data-theme="light"] .finance-float-card > strong, body.layout-public[data-theme="light"] .finance-metric-row strong, body.layout-public[data-theme="light"] .finance-donut strong, body.layout-public[data-theme="light"] .finance-allocation-card li b{
  color: #102d35;
}
body.layout-public[data-theme="light"] .finance-float-card > span, body.layout-public[data-theme="light"] .finance-metric-row span, body.layout-public[data-theme="light"] .finance-metric-row small, body.layout-public[data-theme="light"] .finance-chart-card small, body.layout-public[data-theme="light"] .finance-allocation-card small, body.layout-public[data-theme="light"] .finance-feature-grid p{
  color: #58757e;
}
body.layout-public[data-theme="light"] .finance-dashboard-shell{
  background:
    radial-gradient(circle at 100% 0%, rgba(82, 111, 224, .08), transparent 30%),
    #ffffff;
}
body.layout-public[data-theme="light"] .finance-donut::before{
  background: #ffffff;
}
body.layout-public[data-theme="light"] .chart-grid-line{
  stroke: rgba(30, 91, 104, .14);
}
body.layout-public[data-theme="light"] .finance-cta{
  border-color: var(--finance-line);
  background:
    radial-gradient(circle at 92% 0%, rgba(82, 111, 224, .12), transparent 35%),
    linear-gradient(135deg, rgba(20, 155, 176, .09), rgba(255, 255, 255, .68));
}
body.layout-public[data-theme="light"] .site-footer{
  color: #58757e;
}
@media (max-width: 1024px){body.layout-app .app-main:has(.workspace-console) .topbar{
    margin-inline: -16px;
    padding-inline: 16px;
  }

}
@media (max-width: 620px){body.layout-app .app-main:has(.workspace-console) .topbar{
    margin: 0 -12px 8px;
    padding: 7px 12px;
  }

}
/* Responsive application shell and interaction fixes */
.public-theme-switch .public-theme-icon-dark{
  display: none;
}
body.layout-public[data-theme="dark"] .public-theme-switch .public-theme-icon-light{
  display: none;
}
body.layout-public[data-theme="dark"] .public-theme-switch .public-theme-icon-dark{
  display: block;
}
.flash-dismiss{
  transform: translateY(-50%);
}
body.layout-app .sidebar-user-slot{
  position: relative;
  z-index: 20;
  margin-top: auto;
  padding: 12px;
  border-top: 1px solid rgba(121, 225, 247, .12);
}
body.layout-app .sidebar-user-slot .user-menu, body.layout-app .sidebar-user-slot .user-chip{
  width: 100%;
}
body.layout-app .sidebar-user-slot .user-chip{
  justify-content: flex-start;
}
body.layout-app .sidebar-user-slot .user-chip > svg{
  margin-left: auto;
}
body.layout-app .sidebar-user-slot .user-menu-panel{
  top: auto;
  right: auto;
  bottom: calc(100% + 8px);
  left: 0;
  width: min(286px, calc(100vw - 28px));
}
body.layout-app .topbar{
  display: none;
}
body.layout-app .finance-console .chart-frame{
  display: block;
  height: 260px;
  min-height: 260px;
}
body.layout-app .finance-console .chart-frame-large{
  height: 300px;
  min-height: 300px;
}
body.layout-app .finance-console .chart-frame canvas{
  display: block;
  min-height: 0;
}
body.layout-app .finance-console .chart-panel > .chart-html-legend{
  margin-top: 17px;
}
.dual-range input[data-range-min-slider]{
  z-index: 3;
}
.dual-range input[data-range-max-slider]{
  z-index: 2;
}
.dual-range input[type="range"]::-webkit-slider-thumb{
  opacity: 1;
  visibility: visible;
}
.dual-range input[type="range"]::-moz-range-thumb{
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px){body.layout-app .app-main{
    padding-top: 0;
  }
body.layout-app .topbar, body.layout-app .app-main:has(.workspace-console) .topbar, body.layout-app .app-main:has(.finance-console) .topbar{
    position: sticky;
    top: 0;
    z-index: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% + 32px);
    max-width: none;
    min-height: 58px;
    margin: 0 -16px 14px;
    padding: 8px 16px;
    overflow: visible;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--workspace-line, var(--line)) 82%, transparent);
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .018));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .08),
      0 10px 34px rgba(0, 0, 0, .08);
    backdrop-filter: blur(18px) saturate(155%);
    -webkit-backdrop-filter: blur(18px) saturate(155%);
  }
body.layout-app .topbar:has(.user-menu[open]){
    z-index: 1000;
  }
body.layout-app.filter-modal-open .topbar, body.layout-app.filter-modal-open .app-main:has(.workspace-console) .topbar, body.layout-app.filter-modal-open .app-main:has(.finance-console) .topbar{
    z-index: 0;
  }
body.layout-app .topbar-actions{
    width: auto;
    margin-left: auto;
  }
body.layout-app .topbar .user-chip{
    width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 4px;
    justify-content: center;
    border-radius: 12px;
  }
body.layout-app .topbar .user-chip strong, body.layout-app .topbar .user-chip > svg{
    display: none;
  }
body.layout-app .topbar .user-chip img, body.layout-app .topbar .user-chip > span{
    width: 30px;
    height: 30px;
  }
body.layout-app .topbar .topbar-add-item{
    display: inline-flex;
  }
body.layout-app .sidebar{
    z-index: 1200;
  }
body.layout-app .sidebar-backdrop{
    z-index: 1100;
  }
body.layout-app .advanced-filter[open] .advanced-filter-backdrop{
    z-index: 1390;
  }
body.layout-app .advanced-filter-panel{
    z-index: 1400;
  }

}
@media (max-width: 780px){body.layout-app .workspace-heading-action{
    display: none;
  }
body.layout-app .inventory-console-section .filter-toolbar, body.layout-app .inventory-filter-panel .filter-toolbar{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 9px;
  }
body.layout-app .inventory-console-section .filter-toolbar > .search-field, body.layout-app .inventory-filter-panel .filter-toolbar > .search-field{
    grid-column: 1 / -1;
  }
body.layout-app .inventory-console-section .filter-toolbar > .custom-select-field, body.layout-app .inventory-filter-panel .filter-toolbar > .custom-select-field{
    grid-column: 1 / span 2;
  }
body.layout-app .inventory-console-section .filter-toolbar > .advanced-filter, body.layout-app .inventory-filter-panel .filter-toolbar > .advanced-filter{
    grid-column: 3;
  }
body.layout-app .inventory-console-section .filter-toolbar > .inventory-filter-export, body.layout-app .inventory-filter-panel .filter-toolbar > .inventory-filter-export{
    grid-column: 4;
  }
body.layout-app .inventory-console-section .filter-toolbar > *, body.layout-app .inventory-console-section .filter-toolbar summary, body.layout-app .inventory-filter-panel .filter-toolbar > *, body.layout-app .inventory-filter-panel .filter-toolbar summary{
    width: 100%;
    min-width: 0;
  }
body.layout-app .inventory-filter-export, body.layout-app .inventory-filter-export > summary{
    width: 100%;
  }
body.layout-app .inventory-filter-export > summary{
    min-height: 42px;
    padding: 0 9px;
  }
body.layout-app .inventory-filter-export > summary span{
    gap: 6px;
    font-size: 11px;
  }
body.layout-app .inventory-filter-export .export-chevron{
    display: none;
  }

}
@media (max-width: 720px){body.layout-app .inventory-table .row-actions{
    width: 100%;
    overflow-x: visible;
  }
body.layout-app .inventory-table .row-actions form[data-ajax-delete]{
    margin-left: auto;
  }
body.layout-app .inventory-table .row-actions form[data-ajax-delete] .icon-button{
    color: #ff6079;
    border-color: rgba(255, 96, 121, .34);
    background: rgba(255, 96, 121, .10);
  }
body.layout-app .inventory-table .row-actions form[data-ajax-delete] .icon-button:hover{
    color: #ffffff;
    border-color: #d92d4f;
    background: #d92d4f;
  }

}
@media (max-width: 620px){body.layout-app .topbar, body.layout-app .app-main:has(.workspace-console) .topbar, body.layout-app .app-main:has(.finance-console) .topbar{
    width: calc(100% + 24px);
    margin: 0 -12px 10px;
    padding: 8px 12px;
  }
body.layout-app .finance-console .chart-frame, body.layout-app .finance-console .chart-frame-large{
    height: 250px;
    min-height: 250px;
  }

}
/* Final responsive overrides */
@media (min-width: 1025px){
  body.layout-app .sidebar{
    overflow: visible;
  }

  body.layout-app .sidebar .side-nav{
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
  }

  body.layout-app .sidebar-user-slot{
    padding: 9px 12px 12px;
  }

  body.layout-app .sidebar-user-slot .user-chip{
    min-height: 44px;
    padding: 7px 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.layout-app .sidebar-user-slot .user-chip:hover{
    background: transparent;
  }

  body.layout-app .sidebar-user-slot .user-menu-panel{
    position: fixed;
    top: auto;
    right: auto;
    bottom: 68px;
    left: 12px;
    width: 218px;
  }
}
body.layout-app .finance-console .chart-panel > .chart-html-legend{
  margin-top: 7px;
}
.dual-range input[data-range-min-slider]{
  z-index: 2;
}
.dual-range input[data-range-max-slider]{
  z-index: 4;
}
.dual-range input[type="range"]::-webkit-slider-runnable-track, body.layout-app[data-theme="light"] .dual-range input[type="range"]::-webkit-slider-runnable-track{
  background: transparent;
}
.dual-range input[type="range"]::-moz-range-track, body.layout-app[data-theme="light"] .dual-range input[type="range"]::-moz-range-track{
  background: transparent;
}
.dual-range::before, body.layout-app[data-theme="light"] .dual-range::before{
  background: linear-gradient(90deg, var(--workspace-blue, #3b82f6), var(--workspace-cyan, #67e8f9));
}
.legal-shell, .legal-panel, .legal-tab-panel{
  min-width: 0;
  max-width: 100%;
}
.legal-panel p, .legal-panel a, .legal-panel strong{
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (max-width: 1024px){body.layout-app .sidebar-user-slot{
    display: none;
  }
body.layout-app .inventory-desktop-add{
    display: none;
  }
body.layout-app .topbar .topbar-add-item:not(.topbar-add-item-inventory){
    display: none;
  }
body.layout-app .topbar .topbar-add-item-inventory{
    display: inline-flex;
  }

}
@media (max-width: 780px){body.layout-public .public-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 8px;
    padding: 10px 12px;
  }
body.layout-public .public-nav nav > .btn{
    display: none;
  }
body.layout-public .public-nav > .brand-mark{
    display: inline-flex;
    flex: 0 1 auto;
    gap: 8px;
  }
body.layout-public .public-nav > .brand-mark .brand-icon{
    width: 36px;
    height: 36px;
    border-radius: 9px;
  }
body.layout-public .public-nav > .brand-mark strong{
    font-size: 12px;
  }
body.layout-public .public-nav nav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    max-width: none;
    gap: 8px;
    padding: 0;
    overflow: visible;
  }
body.layout-public .legal-shell{
    width: calc(100% - 24px);
    margin: 14px auto 0;
  }
body.layout-public .legal-panel{
    width: 100%;
    padding: 18px;
  }
body.layout-app .inventory-filter-export > summary{
    justify-content: center;
    padding-inline: 0;
  }
body.layout-app .inventory-filter-export > summary span{
    gap: 0;
    font-size: 0;
  }

}
/* Consolidated console sizing */
@media (min-width: 1025px){
  body.layout-app .side-nav{
    gap: 2px;
    padding: 10px 9px;
  }

  body.layout-app .side-nav a,
  body.layout-app .side-nav .text-button{
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 13px;
  }

  body.layout-app .side-nav svg{
    width: 15px;
    height: 15px;
  }

  body.layout-app .sidebar .brand-mark{
    min-height: 76px;
    padding: 12px;
  }

  body.layout-app .sidebar .brand-icon{
    width: 42px;
    height: 42px;
  }
}
body.layout-app .finance-console .finance-chart-panel{
  display: flex;
  min-height: 330px;
  height: 100%;
  flex-direction: column;
}
body.layout-app .finance-console .finance-chart-panel:has(.chart-frame-large){
  min-height: 370px;
}
body.layout-app .finance-console .finance-chart-panel .panel-header{
  flex: 0 0 auto;
}
body.layout-app .finance-console .finance-chart-panel .chart-frame, body.layout-app .finance-console .finance-chart-panel .chart-frame-large{
  flex: 1 1 0;
  width: 100%;
  height: auto;
  min-height: 0;
}
body.layout-app .finance-console .finance-chart-panel > .chart-html-legend{
  flex: 0 0 auto;
  margin-top: 6px;
}
.chart-html-legend li i{
  border: 1px solid transparent;
}
body.layout-app .finance-console .finance-table-panel{
  overflow: visible;
  padding: 20px;
}
body.layout-app .finance-console .finance-table-panel .panel-header{
  align-items: center;
  margin-bottom: 14px;
}
body.layout-app .finance-console .finance-table-panel .panel-header h2{
  font-size: 15px;
  letter-spacing: -.01em;
}
body.layout-app .finance-console .finance-table-panel .table-wrap{
  margin: 0;
  overflow: auto;
  border: 1px solid var(--workspace-line);
  border-radius: 12px;
  background: var(--workspace-surface);
}
body.layout-app .finance-console .finance-table-panel .finance-table-action{
  flex: 0 0 auto;
  color: #061316;
  border-color: color-mix(in srgb, var(--workspace-cyan) 72%, transparent);
  background: linear-gradient(135deg, var(--workspace-cyan), #91b4ff);
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0;
}
@media (max-width: 620px){body.layout-app .finance-console .finance-chart-panel, body.layout-app .finance-console .finance-chart-panel:has(.chart-frame-large){
    min-height: 320px;
  }

}

/* Compact navigation and mobile chart corrections */
@media (min-width: 1025px){
  body.layout-app .side-nav{
    flex: 0 0 auto;
    align-content: start;
    grid-auto-rows: min-content;
    gap: 4px;
    padding: 14px 10px;
  }

  body.layout-app .side-nav a,
  body.layout-app .side-nav .text-button{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    color: rgba(205, 235, 241, .68);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
  }

  body.layout-app .side-nav a > span,
  body.layout-app .side-nav .text-button > span{
    min-width: 0;
    text-align: left;
  }

  body.layout-app .side-nav svg{
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
  }

  body.layout-app .side-nav a:hover,
  body.layout-app .side-nav .text-button:hover{
    color: #ffffff;
    background: rgba(112, 232, 255, .07);
  }

  body.layout-app .side-nav a.active{
    color: #bff8ff;
    border-color: rgba(112, 232, 255, .22);
    background: rgba(112, 232, 255, .11);
    box-shadow: inset 2px 0 0 var(--workspace-cyan);
  }

  body.layout-app .side-nav a.active svg{
    color: var(--workspace-cyan);
  }

  body.layout-app[data-theme="light"] .side-nav a.active{
    color: #075e66;
    border-color: rgba(24, 185, 199, .24);
    background: rgba(24, 185, 199, .10);
  }
}

@media (max-width: 1024px){
  body.layout-app .topbar .user-chip{
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
  }

  body.layout-app .app-main:has(.workspace-console) .topbar .user-chip,
  body.layout-app .app-main:has(.finance-console) .topbar .user-chip,
  body.layout-app[data-theme="light"] .topbar .user-chip{
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body.layout-app .topbar .user-chip:hover{
    border: 0;
    background: transparent;
  }

  body.layout-app .topbar .user-chip img,
  body.layout-app .topbar .user-chip > span{
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
}

@media (max-width: 620px){
  body.layout-app .finance-console .finance-chart-panel:has(#statusChart){
    min-height: 470px;
  }

  body.layout-app .finance-console .chart-frame:has(#statusChart){
    flex: 0 0 auto;
    height: clamp(300px, 76vw, 340px);
    min-height: clamp(300px, 76vw, 340px);
  }

  body.layout-app .finance-console .finance-table-panel .panel-header{
    align-items: stretch;
    flex-wrap: wrap;
  }

  body.layout-app .finance-console .finance-table-panel .panel-header > div{
    flex: 1 1 100%;
    min-width: 0;
  }

  body.layout-app .finance-console .finance-table-panel .finance-table-action{
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
}

/* Final navigation, light-surface, and mobile sorting refinements. */
@media (min-width: 1025px){
  body.layout-app .side-nav a,
  body.layout-app .side-nav .text-button{
    line-height: 1;
  }

  body.layout-app .side-nav a > span,
  body.layout-app .side-nav .text-button > span{
    display: flex;
    align-items: center;
    min-height: 15px;
    line-height: 15px;
  }

  body.layout-app .side-nav svg{
    display: block;
    align-self: center;
  }
}

@media (hover: hover) and (pointer: fine){
  body.layout-app[data-theme="light"] .dashboard-page .metric-card:hover,
  body.layout-app[data-theme="light"] .dashboard-page .panel:hover,
  body.layout-app[data-theme="light"] .finance-console .metric-card:hover,
  body.layout-app[data-theme="light"] .finance-console .panel:hover,
  body.layout-app[data-theme="light"] .workspace-console .panel:hover,
  body.layout-app[data-theme="light"] .workspace-console .analytics-tool-card:hover,
  body.layout-app[data-theme="light"] .workspace-console .settings-card:hover,
  body.layout-app[data-theme="light"] .workspace-console .form-section:hover{
    transform: none;
    border-color: rgba(51, 65, 85, .15);
    background: var(--workspace-surface-soft);
    box-shadow: 0 6px 18px rgba(15, 23, 42, .035);
  }
}

@media (max-width: 780px){
  body.layout-app .inventory-sort-field{
    position: relative;
  }

  body.layout-app .inventory-sort-field .custom-select-menu{
    right: auto;
    left: 0;
    width: min(280px, calc(var(--app-vw, 100vw) - 32px));
    max-width: calc(var(--app-vw, 100vw) - 32px);
    box-sizing: border-box;
  }
}

/* Monthly-goal interaction, desktop chart labels, and compact topbar branding. */
.topbar-brand{
  display: none;
}

body.layout-app .finance-console .monthly-goal-head.panel-header{
  align-items: stretch;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 0;
}

body.layout-app .finance-console .monthly-goal-head > div:first-child{
  display: block;
}

body.layout-app .finance-console .monthly-goal-head > div:first-child .eyebrow,
body.layout-app .finance-console .monthly-goal-head > div:first-child h2,
body.layout-app .finance-console .monthly-goal-head > div:first-child small{
  display: block;
}

body.layout-app .finance-console .monthly-goal-head h2{
  margin: 5px 0 0;
}

body.layout-app .finance-console .monthly-goal-head small{
  margin-top: 5px;
  font-size: 11px;
}

.monthly-goal-period-picker{
  position: relative;
  width: 100%;
}

.monthly-goal-period-picker summary{
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 8px 11px;
  color: var(--workspace-text, var(--text));
  border: 1px solid var(--workspace-line, var(--line));
  border-radius: 10px;
  background: var(--workspace-surface-raised, var(--panel));
  cursor: pointer;
  list-style: none;
}

.monthly-goal-period-picker summary::-webkit-details-marker{
  display: none;
}

.monthly-goal-period-picker summary span{
  overflow: hidden;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.monthly-goal-period-picker summary svg{
  width: 16px;
  height: 16px;
  color: var(--workspace-muted, var(--muted));
}

.monthly-goal-period-picker summary svg:last-child{
  transition: transform .18s ease;
}

.monthly-goal-period-picker[open] summary{
  border-color: color-mix(in srgb, var(--workspace-cyan, var(--teal)) 50%, transparent);
}

.monthly-goal-period-picker[open] summary svg:last-child{
  transform: rotate(180deg);
}

.monthly-goal-period-menu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  display: grid;
  gap: 10px;
  width: min(320px, calc(100vw - 48px));
  padding: 11px;
  border: 1px solid var(--workspace-line-strong, var(--line));
  border-radius: 13px;
  background: var(--workspace-surface-raised, var(--panel));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.monthly-goal-year-nav{
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 8px;
}

.monthly-goal-year-nav strong{
  color: var(--workspace-text, var(--text));
  font-size: 13px;
  text-align: center;
}

.monthly-goal-year-nav button,
.monthly-goal-month-grid button{
  color: var(--workspace-text, var(--text));
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
}

.monthly-goal-year-nav button{
  display: grid;
  place-items: center;
  width: 34px;
  height: 32px;
  padding: 0;
  border-radius: 9px;
}

.monthly-goal-year-nav button:disabled{
  opacity: .28;
  cursor: default;
}

.monthly-goal-month-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.monthly-goal-month-grid button{
  min-width: 0;
  min-height: 36px;
  padding: 7px 5px;
  overflow: hidden;
  border-radius: 8px;
  color: var(--workspace-muted, var(--muted));
  font-size: 10px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.monthly-goal-year-nav button:hover,
.monthly-goal-month-grid button:hover{
  color: var(--workspace-text, var(--text));
  background: color-mix(in srgb, var(--workspace-cyan, var(--teal)) 10%, transparent);
}

.monthly-goal-month-grid button[aria-selected="true"]{
  color: #061316;
  border-color: color-mix(in srgb, var(--workspace-cyan, var(--teal)) 74%, transparent);
  background: linear-gradient(135deg, var(--workspace-cyan, var(--teal)), #91b4ff);
}

body.layout-app .finance-console .monthly-goal-editor{
  position: relative;
  min-height: 30px;
}

body.layout-app .finance-console .monthly-goal-editor[open] summary{
  margin-bottom: 0;
}

body.layout-app .finance-console .monthly-goal-editor .monthly-goal-target{
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 70;
  width: min(310px, calc(100vw - 56px));
  border-color: var(--workspace-line-strong, var(--line));
  border-radius: 12px;
  background: var(--workspace-surface-raised, var(--panel));
  box-shadow: 0 22px 54px rgba(0, 0, 0, .26);
}

@media (max-width: 1180px) and (min-width: 721px){
  body.layout-app .finance-console .monthly-goal-head.panel-header{
    align-items: flex-start;
    flex-direction: row;
  }

  body.layout-app .finance-console .monthly-goal-head > div:first-child{
    flex: 1 1 auto;
  }

  body.layout-app .finance-console .monthly-goal-period-picker{
    flex: 0 0 210px;
    width: 210px;
  }
}

@media (max-width: 1024px){
  body.layout-app .topbar{
    position: sticky;
  }

  body.layout-app .topbar-brand{
    position: absolute;
    left: 50%;
    display: grid;
    justify-items: center;
    gap: 0;
    color: var(--workspace-text, var(--text));
    line-height: 1;
    transform: translateX(-50%);
  }

  body.layout-app .topbar-brand strong{
    font-size: 11px;
    font-weight: 950;
    letter-spacing: -.01em;
  }

  body.layout-app .topbar-brand small{
    margin-top: 3px;
    color: var(--workspace-muted, var(--muted));
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
  }
}

/* Invoice and purchase-document workspace. */
body.layout-app .invoice-console-section{
  gap: 18px;
}

body.layout-app .invoice-builder{
  display: grid;
  gap: 16px;
  min-width: 0;
}

body.layout-app .invoice-type-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

body.layout-app .invoice-type-grid legend{
  grid-column: 1 / -1;
  margin-bottom: -2px;
  color: var(--workspace-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.layout-app .invoice-type-card{
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 12px;
  min-height: 104px;
  padding: 16px;
  overflow: hidden;
  color: var(--workspace-text-soft);
  border: 1px solid var(--workspace-line);
  border-radius: 16px;
  background: var(--workspace-surface-soft);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

body.layout-app .invoice-type-card:hover{
  border-color: var(--workspace-line-strong);
  background: var(--workspace-surface-raised);
  transform: translateY(-1px);
}

body.layout-app .invoice-type-card:has(input:checked){
  color: var(--workspace-text);
  border-color: color-mix(in srgb, var(--workspace-cyan) 70%, var(--workspace-line));
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--workspace-blue) 12%, transparent), transparent 45%),
    color-mix(in srgb, var(--workspace-cyan) 7%, var(--workspace-surface-soft));
}

body.layout-app .invoice-type-card input{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

body.layout-app .invoice-type-icon{
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--workspace-cyan);
  border: 1px solid var(--workspace-line);
  border-radius: 12px;
  background: var(--workspace-surface-raised);
}

body.layout-app .invoice-type-icon svg{
  width: 20px;
  height: 20px;
}

body.layout-app .invoice-type-card strong,
body.layout-app .invoice-type-card small{
  display: block;
}

body.layout-app .invoice-type-card strong{
  color: var(--workspace-text);
  font-size: 14px;
}

body.layout-app .invoice-type-card small{
  margin-top: 5px;
  color: var(--workspace-muted);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.45;
}

body.layout-app .invoice-type-check{
  width: 20px;
  height: 20px;
  padding: 3px;
  color: #061316;
  border-radius: 50%;
  background: var(--workspace-cyan);
  opacity: 0;
  transform: scale(.7);
  transition: opacity .18s ease, transform .18s ease;
}

body.layout-app .invoice-type-card:has(input:checked) .invoice-type-check{
  opacity: 1;
  transform: scale(1);
}

body.layout-app .invoice-selection-panel{
  isolation: isolate;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border-radius: 16px;
}

body.layout-app .invoice-selection-head{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  border-bottom: 1px solid var(--workspace-line);
}

body.layout-app .invoice-selection-head > div:first-child{
  max-width: 570px;
}

body.layout-app .invoice-selection-head h3{
  margin: 5px 0 4px;
  color: var(--workspace-text);
  font-size: 18px;
  letter-spacing: -.02em;
}

body.layout-app .invoice-selection-head p{
  margin: 0;
  color: var(--workspace-muted);
  font-size: 11px;
  line-height: 1.5;
}

body.layout-app .invoice-selection-tools{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

body.layout-app .invoice-search{
  min-width: min(250px, 28vw);
}

body.layout-app .invoice-search input{
  min-height: 36px;
}

body.layout-app .invoice-item-table{
  min-height: 260px;
  max-height: min(56vh, 610px);
  overflow: auto;
}

body.layout-app .invoice-item-table table{
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
}

body.layout-app .invoice-item-table tbody tr:last-child td{
  border-bottom: 0;
}

body.layout-app .invoice-item-table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--workspace-surface-soft);
  box-shadow: 0 1px 0 var(--workspace-line);
}

body.layout-app .invoice-item-table tbody tr{
  transition: opacity .18s ease, background .18s ease;
}

body.layout-app .invoice-item-table tbody tr:hover{
  background: color-mix(in srgb, var(--workspace-cyan) 6%, transparent);
}

body.layout-app .invoice-item-table tbody tr.is-document-disabled{
  opacity: .52;
}

body.layout-app .invoice-item-table td > span[data-document-value] strong{
  color: var(--workspace-text-soft);
  font-size: 12px;
}

body.layout-app .invoice-checkbox-cell{
  width: 48px;
  padding-inline: 14px 6px;
  text-align: center;
}

body.layout-app .invoice-item-checkbox{
  display: inline-grid;
  cursor: pointer;
}

body.layout-app .invoice-item-checkbox input{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

body.layout-app .invoice-item-checkbox span{
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: transparent;
  border: 1px solid var(--workspace-line-strong);
  border-radius: 7px;
  background: var(--workspace-surface-raised);
  transition: color .16s ease, border-color .16s ease, background .16s ease;
}

body.layout-app .invoice-item-checkbox span svg{
  width: 14px;
  height: 14px;
  stroke-width: 3;
}

body.layout-app .invoice-item-checkbox input:checked + span{
  color: #061316;
  border-color: var(--workspace-cyan);
  background: var(--workspace-cyan);
}

body.layout-app .invoice-item-checkbox input:focus-visible + span{
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--workspace-cyan) 18%, transparent);
}

body.layout-app .invoice-item-checkbox input:disabled + span{
  cursor: not-allowed;
}

body.layout-app .document-ready-state{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.35;
}

body.layout-app .document-ready-state svg{
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
}

body.layout-app .document-ready-state.is-ready{
  color: var(--workspace-green);
}

body.layout-app .document-ready-state.is-missing{
  color: var(--workspace-gold);
}

body.layout-app .invoice-selection-footer{
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 68px;
  padding: 12px 16px;
  border-top: 0;
  border-radius: 0 0 16px 16px;
  background: color-mix(in srgb, var(--workspace-surface-raised) 94%, transparent);
  box-shadow: inset 0 1px 0 var(--workspace-line);
  backdrop-filter: blur(16px);
}

body.layout-app .invoice-selection-footer > div{
  display: flex;
  align-items: baseline;
  gap: 12px;
}

body.layout-app .invoice-selection-footer span{
  color: var(--workspace-muted);
  font-size: 11px;
  font-weight: 800;
}

body.layout-app .invoice-selection-footer strong{
  color: var(--workspace-text);
  font-size: 18px;
  letter-spacing: -.025em;
}

body.layout-app .invoice-selection-footer .btn:disabled{
  opacity: .42;
  cursor: not-allowed;
}

@media (min-width: 1025px){
  body.layout-app .app-main:has(.invoice-page){
    overflow: hidden;
    padding-bottom: 22px;
  }

  body.layout-app .invoice-page{
    height: calc(100vh - 44px);
    min-height: 0;
  }

  body.layout-app .invoice-console-section{
    grid-template-rows: auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    gap: 12px;
    overflow: hidden;
    padding: 16px;
  }

  body.layout-app .invoice-console-section .workspace-console-heading{
    padding: 2px 4px 12px;
  }

  body.layout-app .invoice-builder{
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    gap: 12px;
  }

  body.layout-app .invoice-type-card{
    grid-template-columns: 36px minmax(0, 1fr) 20px;
    min-height: 74px;
    padding: 12px 14px;
  }

  body.layout-app .invoice-type-icon{
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  body.layout-app .invoice-type-card small{
    margin-top: 3px;
    line-height: 1.3;
  }

  body.layout-app .invoice-selection-panel{
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
  }

  body.layout-app .invoice-selection-head{
    align-items: center;
    padding: 12px 14px;
  }

  body.layout-app .invoice-selection-head h3{
    margin: 3px 0 2px;
    font-size: 16px;
  }

  body.layout-app .invoice-selection-head p{
    font-size: 10px;
    line-height: 1.35;
  }

  body.layout-app .invoice-item-table{
    height: auto;
    min-height: 0;
    max-height: none;
  }

  body.layout-app .invoice-item-table th,
  body.layout-app .invoice-item-table td{
    padding-top: 9px;
    padding-bottom: 9px;
  }

  body.layout-app .invoice-selection-footer{
    position: relative;
    bottom: auto;
    z-index: 1;
    min-height: 58px;
    padding: 10px 14px;
    backdrop-filter: none;
  }
}

body.layout-app .inventory-table tbody tr[data-row-link]:focus-visible{
  outline: 2px solid var(--workspace-cyan, var(--teal));
  outline-offset: -2px;
}

@media (max-width: 1024px){
  body.layout-app .app-main:has(.invoice-page){
    display: block;
    overflow-y: auto;
  }

  body.layout-app .app-main:has(.invoice-page) .topbar{
    margin-bottom: 10px;
  }

  body.layout-app .invoice-page{
    height: auto;
    min-height: 0;
    gap: 10px;
    overflow: visible;
  }

  body.layout-app .invoice-console-section{
    height: auto;
    min-height: 0;
    gap: 12px;
    overflow: visible;
  }

  body.layout-app .invoice-builder{
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    gap: 10px;
  }

  body.layout-app .invoice-selection-panel{
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    overflow: hidden;
  }

  body.layout-app .invoice-selection-head{
    order: -2;
  }

  body.layout-app .invoice-selection-footer{
    position: relative;
    bottom: auto;
    order: -1;
    z-index: 1;
    margin: 0;
    min-height: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--workspace-line);
    box-shadow: none;
    backdrop-filter: none;
  }

  body.layout-app .invoice-item-table{
    flex: 0 1 auto;
    min-height: 0;
    max-height: min(65vh, 600px);
    max-height: min(65svh, 600px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    contain: layout paint;
  }

  body.layout-app .invoice-item-table table,
  body.layout-app .invoice-item-table thead,
  body.layout-app .invoice-item-table tbody,
  body.layout-app .invoice-item-table tr,
  body.layout-app .invoice-item-table td{
    display: block;
    width: 100%;
  }

  body.layout-app .invoice-item-table table{
    min-width: 0;
    border-collapse: separate;
  }

  body.layout-app .invoice-item-table thead{
    display: none;
  }

  body.layout-app .invoice-item-table tbody{
    display: grid;
    gap: 10px;
    padding: 10px;
  }

  body.layout-app .invoice-item-table tbody tr{
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px 10px;
    padding: 11px;
    border: 1px solid var(--workspace-line);
    border-radius: 8px;
    background: var(--workspace-surface-raised);
  }

  body.layout-app .invoice-item-table tbody tr:has(.empty-state){
    display: block;
  }

  body.layout-app .invoice-item-table td{
    min-width: 0;
    padding: 0;
    border: 0;
  }

  body.layout-app .invoice-checkbox-cell{
    position: absolute;
    top: 26px;
    left: 12px;
    z-index: 1;
    display: grid;
    text-align: unset;
    width: auto;
    padding-inline: 0;
  }

  body.layout-app .invoice-item-table td:nth-child(2){
    display: grid;
    grid-column: 1 / -1;
    min-height: 52px;
    align-items: center;
    padding-left: 34px;
  }

  body.layout-app .invoice-item-table td:nth-child(n+3){
    grid-column: auto;
    min-height: 46px;
    padding-top: 8px;
    border-top: 1px solid var(--workspace-line);
  }

  body.layout-app .invoice-item-table td:nth-child(4),
  body.layout-app .invoice-item-table td:nth-child(6){
    padding-left: 10px;
    border-left: 1px solid var(--workspace-line);
  }

  body.layout-app .invoice-item-table .stock-item-cell{
    grid-template-columns: minmax(0, 1fr) 42px;
    min-width: 0;
  }

  body.layout-app .invoice-item-table .stock-item-cell div{
    grid-column: 1;
    grid-row: 1;
  }

  body.layout-app .invoice-item-table .stock-item-cell img,
  body.layout-app .invoice-item-table .stock-item-cell > span{
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    width: 42px;
    height: 52px;
  }

  body.layout-app .invoice-item-table td > span[data-document-value] strong{
    font-size: 12px;
  }
}

@media (max-width: 980px){
  body.layout-app .business-form-section{
    grid-template-columns: 1fr;
  }

  body.layout-app .business-company-grid,
  body.layout-app .business-tax-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.layout-app .invoice-selection-head{
    align-items: stretch;
    flex-direction: column;
  }

  body.layout-app .invoice-selection-tools{
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  body.layout-app .invoice-search{
    flex: 1 1 260px;
  }
}

@media (max-width: 680px){
  body.layout-app .business-company-grid,
  body.layout-app .business-tax-grid{
    grid-template-columns: 1fr;
  }

  body.layout-app .business-address-field{
    grid-column: auto;
  }

  body.layout-app .invoice-type-grid{
    grid-template-columns: 1fr;
  }

  body.layout-app .invoice-type-card{
    min-height: 92px;
  }

  body.layout-app .invoice-console-section{
    gap: 12px;
  }

  body.layout-app .invoice-builder{
    gap: 12px;
  }

  body.layout-app .invoice-item-table{
    max-height: min(65vh, 600px);
    max-height: min(65svh, 600px);
  }

  body.layout-app .invoice-selection-tools{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.layout-app .invoice-search{
    grid-column: 1 / -1;
    min-width: 0;
  }

  body.layout-app .invoice-selection-tools .btn{
    justify-content: center;
  }

  body.layout-app .invoice-selection-footer{
    align-items: stretch;
    flex-direction: column;
  }

  body.layout-app .invoice-selection-footer > div{
    justify-content: space-between;
  }

  body.layout-app .invoice-selection-footer .btn{
    justify-content: center;
    width: 100%;
  }
}