:root{font-family:'SUIT',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;background:#f8fafc}body{margin:0;font-family:inherit}.shell{display:flex;min-height:100vh}.side{width:240px;background:#111827;color:#fff;padding:24px 16px}.side a{display:block;color:#d1d5db;padding:8px 10px;text-decoration:none;border-radius:6px}.side a:hover,.side a.active{background:#374151;color:#fff}.main{flex:1;padding:32px;min-width:0}.card{max-width:760px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 4px 18px #1118270d}.muted{color:#6b7280}.field{display:grid;gap:6px;margin:16px 0}.field input,.field select,.field textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.field textarea{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.button{display:inline-flex;background:#111827;color:#fff;border:0;border-radius:6px;padding:10px 14px;text-decoration:none;cursor:pointer}.button.secondary{background:#fff;color:#111827;border:1px solid #d1d5db}.button.danger{background:#b91c1c}.button:disabled{cursor:default;opacity:.55}.skin-preview{border:1px solid #e5e7eb;border-radius:10px;padding:20px;background:#fff}.skin-preview article{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.skin-preview h3{margin:8px 0}.skin-preview p{margin:6px 0}.feedback-modal{border:0;border-radius:12px;padding:0;max-width:420px;width:calc(100% - 32px);box-shadow:0 20px 60px #11182733}.feedback-modal::backdrop{background:#11182766}.feedback-modal>div{padding:24px}.feedback-modal h2{margin:0 0 8px}.feedback-modal p{white-space:pre-wrap}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0}.notice{border:1px solid #bfdbfe;background:#eff6ff;border-radius:8px;padding:12px;color:#1e3a8a;font-size:13px;line-height:1.55}.settings-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.setting-toggle{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}.setting-toggle span{display:grid;gap:3px}.setting-toggle small{color:#6b7280;font-size:12px}.setting-toggle input{width:18px;height:18px;flex:none}.page-setting-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.page-setting-row .field{min-width:0}.menu-items{display:grid;gap:8px;padding:0;margin:16px 0;list-style:none}.menu-item{display:grid;grid-template-columns:24px minmax(140px,1fr) minmax(180px,2fr) auto;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#fff}.menu-item[data-depth=1]{margin-left:28px}.menu-item.dragging{opacity:.45}.menu-item input{min-width:0;padding:8px;border:1px solid #d1d5db;border-radius:6px}.drag-handle{cursor:grab;color:#6b7280;text-align:center;user-select:none}.sub-items{display:contents;list-style:none;padding:0;margin:0}.screen-header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.screen-header h1{margin:0}.screen-header p{margin:4px 0 0}.status-pill{display:inline-flex;padding:3px 8px;border-radius:999px;background:#f3f4f6;font-size:12px}.status-pill.published,.status-pill.active{background:#dcfce7;color:#166534}.status-pill.private,.status-pill.deleted{background:#fee2e2;color:#991b1b}@media(max-width:700px){.shell{display:block}.side{width:auto}.main{padding:16px}.table{min-width:680px}.menu-item{grid-template-columns:24px 1fr auto}.menu-item input[name=url]{grid-column:2 / -1}.menu-item button{grid-column:3}.menu-item[data-depth=1]{margin-left:12px}.page-setting-row{grid-template-columns:1fr}.page-setting-row .button{width:100%;justify-content:center}}

:root {
  font-family: SUIT, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f9fafb;
  --admin-control-height: 40px;
  --admin-list-gutter: 20px;
  --admin-content-max-width: 1400px;
}

body {
  margin: 0;
  background: #f9fafb;
  font-size: 14px;
}

/* Native color inputs use a browser-specific compact height unless they opt in
   to the same control primitive as the other admin fields. The explicit
   exclusions are the invisible picker overlays used by ResponsiveField; their
   visible swatch/button owns the control height instead. */
.main :where(input[type="color"]:not(.admin-color-swatch), .admin-color-input):not(.absolute):not(.opacity-0) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: var(--admin-control-height);
  min-height: var(--admin-control-height);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 4px 6px;
  color: #111827;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.main :where(input[type="color"]:not(.admin-color-swatch), .admin-color-input):not(.absolute):not(.opacity-0):focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.main :where(input.admin-color-swatch, .admin-color-swatch):not(.absolute):not(.opacity-0) {
  box-sizing: border-box;
  width: 40px;
  min-width: 40px;
  height: var(--admin-control-height);
  min-height: var(--admin-control-height);
  flex: 0 0 40px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
  outline: none;
}

.main :where(input.admin-color-swatch, .admin-color-swatch):not(.absolute):not(.opacity-0):focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

/* Keep every transient feedback/confirmation dialog centered in the viewport.
   Native dialog defaults can be affected by the scrolling admin frame, so the
   placement is explicit instead of relying on the browser's auto inset. */
.feedback-modal {
  position: fixed;
  inset: auto;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  z-index: 200;
  box-sizing: border-box;
  width: min(420px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  color: #111827;
  overflow: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 24px 64px rgb(15 23 42 / 24%);
}

.feedback-modal::backdrop {
  background: rgb(15 23 42 / 48%);
  backdrop-filter: blur(2px);
}

.feedback-modal > div {
  padding: 24px;
}

/* Compact result dialogs should read as one centered decision instead of a
   loose stack of left-aligned text. Form and multi-action dialogs keep their
   domain-owned layout because this selector only matches h2 + p + button. */
.feedback-modal > div:has(> h2 + p + button:last-child) {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 24px 24px;
  text-align: center;
}

.feedback-modal > div:has(> h2 + p + button:last-child) > p {
  max-width: 34ch;
}

.feedback-modal > div:has(> h2 + p + button:last-child) > button:last-child {
  width: 100%;
  margin-top: 22px;
  justify-content: center;
}

.feedback-modal h2 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 18px;
  line-height: 26px;
}

.feedback-modal p {
  margin: 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 22px;
  white-space: pre-wrap;
}

.feedback-modal .button {
  min-width: 76px;
  min-height: 38px;
}

.settings-page .settings-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* A helper line makes a grid row taller. Keep neighboring fields anchored to
   their own content so every control keeps the same visual height. */
.main :is(.settings-grid, .board-settings-grid, .board-skin-option-grid, .page-quick-edit-grid, .production-form-grid, .notification-template-fields, .shop-operational-provider-grid, .marketing-screen .settings-grid) {
  align-items: start;
}

.main .card:not(.auth-card) :where(.field) {
  align-self: start;
  align-content: start;
}

.settings-page .setting-toggle {
  box-sizing: border-box;
  min-height: 40px;
  border-color: #f3f4f6;
  border-radius: 8px;
  padding: 8px 12px;
  background: #f5f5f7;
}

.settings-page .setting-toggle input {
  appearance: none;
  width: 36px;
  height: 20px;
  margin: 0;
  flex: none;
  border: 0;
  border-radius: 999px;
  background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db;
  cursor: pointer;
}

.settings-page .setting-toggle input:checked {
  background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #1688e8;
}

/* The multilingual settings are intentionally a single-column flow. Language
   choices stay readable as the list grows instead of switching to a dense
   desktop grid, while the surrounding groups retain a clear vertical rhythm. */
.settings-page .i18n-settings-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.settings-page .i18n-settings-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.settings-page .i18n-settings-section > h2 {
  margin: 0;
}

.settings-page .i18n-settings-section > fieldset {
  min-width: 0;
  margin: 0;
  border: 0;
  padding: 0;
}

.settings-page .i18n-settings-section > fieldset > legend {
  margin: 0 0 10px;
  padding: 0;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.settings-page .i18n-settings-section .settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.settings-page .i18n-settings-section .setting-toggle {
  width: 100%;
}

.settings-page .i18n-settings-section fieldset > .muted {
  margin: 12px 0 0;
}

.settings-page .i18n-settings-actions {
  margin-top: 0 !important;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

.feedback-modal .button:focus-visible,
.page-quick-edit-dialog :where(button, input, select):focus-visible,
.sidebar-order-dialog :where(button, input, select):focus-visible {
  outline: 3px solid rgb(37 99 235 / 22%);
  outline-offset: 2px;
}

.shell {
  display: flex;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: #f9fafb;
}

.side {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  display: flex;
  flex: 0 0 224px;
  flex-direction: column;
  width: 224px;
  height: 100vh;
  overflow: hidden;
  padding: 16px 12px 12px;
  background: #0f172a;
  color: #fff;
}

.side-header {
  display: flex;
  align-items: center;
  min-height: 32px;
  gap: 8px;
  justify-content: space-between;
  padding: 0 0 12px;
  border-bottom: 1px solid #1e293b;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.side a.side-brand {
  box-sizing: border-box;
  display: inline-flex;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  min-height: 36px;
  min-width: 36px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
}

.side a.side-brand:focus-visible {
  color: #fff;
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.side a.side-brand:hover {
  background: transparent;
  color: #fff;
}

.side-logo,
.side-logo-fallback {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
}

.side-logo-fallback {
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #2563eb;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.side-brand-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side a.side-home,
.side a.mobile-admin-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid #334155;
  border-radius: 6px;
  padding: 0;
  color: #cbd5e1;
  font-size: 19px;
  line-height: 1;
  text-decoration: none;
}

.side-home-icon,
.mobile-admin-home-icon {
  display: block;
  width: 16px;
  height: 16px;
}

.side-home:hover,
.side-home:focus-visible,
.mobile-admin-home:hover,
.mobile-admin-home:focus-visible {
  background: #1e293b;
  color: #fff;
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.side-locale {
  display: grid;
  gap: 5px;
  margin-top: 12px;
  padding: 0 0 12px;
  border-bottom: 1px solid #1e293b;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
}

.side-locale select {
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #334155;
  border-radius: 6px;
  background: #111827;
  color: #e2e8f0;
  font: inherit;
}

.mobile-admin-close {
  display: none;
}

.side-nav {
  display: grid;
  flex: 1 1 auto;
  gap: 18px;
  align-content: start;
  min-height: 0;
  margin-top: 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.cf-admin-scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.cf-admin-scrollbar-hidden::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* Keep the navigation scrollable without adding a second visual control beside
   the menu. The sidebar already communicates its scrollable region through the
   fixed shell and focus/keyboard navigation. */
.cf-admin-sidebar-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.cf-admin-sidebar-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.side-section {
  display: grid;
  gap: 5px;
}

.side-group-label {
  padding: 0 8px 4px;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.side-link,
.side-sub-link {
  display: flex;
  align-items: center;
  min-height: 38px;
  box-sizing: border-box;
  color: #cbd5e1;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
}

.side-link-row {
  display: flex;
  min-width: 0;
  align-items: center;
  border-radius: 6px;
  color: #cbd5e1;
}

.side-nav-details {
  min-width: 0;
}

.side-nav-details > summary {
  cursor: pointer;
  list-style: none;
}

.side-nav-details > summary::-webkit-details-marker {
  display: none;
}

.side-link {
  display: grid;
  flex: 1;
  grid-template-columns: 18px minmax(0, 1fr) 14px;
  gap: 9px;
  padding: 8px 12px;
  font-weight: 500;
}

.side-icon {
  width: 16px;
  height: 16px;
  color: #64748b;
}

.side-link-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-chevron {
  color: #64748b;
  font-size: 18px;
  line-height: 1;
}

.side-toggle-icon {
  display: block;
  justify-self: end;
  width: 14px;
  height: 14px;
  transition: transform 120ms ease, color 120ms ease;
  transform: rotate(90deg);
}

.side-nav-details[open] > summary .side-toggle-icon {
  color: #fff;
  transform: rotate(-90deg);
}

.side-link:hover .side-toggle-icon,
.side-link:focus-visible .side-toggle-icon {
  color: #fff;
}

.side-subnav {
  display: grid;
  gap: 2px;
  margin: 2px 0 0 8px;
  padding-left: 10px;
  border-left: 1px solid #1e293b;
}

.side-sub-link {
  min-height: 32px;
  padding: 6px 12px;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 500;
}

.side a.side-link,
.side a.side-sub-link {
  padding-top: 8px;
  padding-bottom: 8px;
}

.side a.side-link {
  display: grid;
  box-sizing: border-box;
  min-height: 38px;
  padding: 8px 12px;
}

.side a.side-sub-link {
  display: flex;
  box-sizing: border-box;
  min-height: 32px;
  padding: 6px 12px;
  justify-content: space-between;
  gap: 8px;
}

.side-sub-count {
  flex: 0 0 auto;
  min-width: 16px;
  padding: 0 4px;
  border-radius: 999px;
  color: #94a3b8;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}

.side-sub-link.active .side-sub-count,
.side-sub-link:hover .side-sub-count {
  color: #fff;
}

.side-link-row:hover,
.side-nav-details.active > .side-link-row,
.side-sub-link:hover,
.side-sub-link.active {
  background: #1e293b;
  color: #fff;
}

.side .side-nav-details.active > .side-link-row,
.side a.side-link:hover,
.side a.side-link.active,
.side a.side-sub-link:hover,
.side a.side-sub-link.active {
  background: #1e293b;
  color: #fff;
}

.side-nav-details.active > .side-link-row,
.side-sub-link.active {
  color: #60a5fa;
}

.side .side-nav-details.active > .side-link-row,
.side a.side-link.active,
.side a.side-sub-link.active {
  color: #fff;
}

.side .side-nav-details.active > .side-link-row,
.side a.side-link.active {
  background: #1e293b;
}

.side a.side-sub-link.active {
  background: rgb(37 99 235 / 0.9);
}

.side-account {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 12px 0 0;
  border-top: 1px solid #1e293b;
}

.side-account-profile {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.side-account-avatar {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 5px;
  background: #2563eb;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.side-account-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.side-account-name {
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-account-email {
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-account-role {
  overflow: hidden;
  color: #64748b;
  font-size: 10px;
  letter-spacing: .05em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.side-account-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 32px;
  border: 1px solid #334155;
  border-radius: 6px;
  background: transparent;
  color: #cbd5e1;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 0 6px;
}

.side-account-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.side-account-action:hover,
.side-account-action:focus-visible {
  background: #1e293b;
  color: #fff;
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.main {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 24px;
  background: #f9fafb;
}

.admin-content {
  min-width: 0;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 0;
  background: #f9fafb;
  scrollbar-color: #475569 #f9fafb;
  scrollbar-width: thin;
}

.admin-content {
  scrollbar-width: thin;
}

.admin-content::-webkit-scrollbar {
  width: 8px;
}

.admin-content::-webkit-scrollbar-track {
  background: transparent;
}

.admin-content::-webkit-scrollbar-thumb {
  border: 1px solid #f9fafb;
  border-radius: 999px;
  background: #475569;
}

/* The shop inquiry list follows the Hanong list contract: the title and
   filters sit on the page surface, while only the data list is a bordered
   card. Keep this scoped so older operational lists retain their contracts. */
.shop-inquiries-screen {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--admin-content-max-width);
  margin: 0 auto;
  color: #111827;
}

.shop-inquiries-screen > h2 {
  margin: 0 0 20px;
  color: #111827;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
}

.shop-inquiries-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 12px;
  margin: 0 0 20px;
}

.shop-inquiries-filter-grid input,
.shop-inquiries-filter-grid select,
.shop-inquiries-bulk-toolbar select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font: inherit;
  outline: none;
}

.shop-inquiries-filter-grid input,
.shop-inquiries-filter-grid select {
  padding: 8px 12px;
}

.shop-inquiries-filter-grid input:focus,
.shop-inquiries-filter-grid select:focus,
.shop-inquiries-bulk-toolbar select:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.shop-inquiries-list {
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.shop-inquiries-bulk-toolbar {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 20px;
  border-bottom: 1px solid #f3f4f6;
  background: #f9fafb;
}

.shop-inquiries-bulk-toolbar > input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin: 0;
}

.shop-inquiries-bulk-toolbar select {
  width: 208px;
  min-height: 36px;
  flex: 0 0 208px;
  padding: 6px 10px;
  font-size: 14px;
}

.shop-inquiries-bulk-toolbar .button {
  min-height: 34px;
  flex: 0 0 auto;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
}

.shop-inquiries-bulk-toolbar .muted {
  flex: 0 0 auto;
  white-space: nowrap;
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.shop-inquiries-table-wrap {
  overflow-x: auto;
}

.shop-inquiries-screen .table {
  width: 100%;
  min-width: 1040px;
  border-collapse: collapse;
  line-height: 1.55;
  text-align: left;
}

.shop-inquiries-screen .table th {
  padding: 12px 20px;
  border-bottom: 0;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: normal;
  white-space: nowrap;
}

.shop-inquiries-screen .table th:first-child {
  width: 48px;
  text-align: center;
}

.shop-inquiries-screen .table td {
  padding: 12px 20px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
  line-height: 1.55;
  white-space: nowrap;
}

.shop-inquiries-screen .table td:first-child {
  width: 48px;
  text-align: center;
}

.shop-inquiries-screen .table tbody tr:last-child td {
  border-bottom: 0;
}

.shop-inquiries-screen .table tbody tr:has(td[colspan]) td {
  padding: 48px 20px;
  color: #6b7280;
  text-align: center;
}

.shop-inquiries-pagination {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-top: 1px solid #f3f4f6;
  color: #6b7280;
  font-size: 13px;
}

.shop-inquiries-pagination .muted {
  font-weight: 800;
}

.shop-inquiries-page-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
}

.shop-inquiries-page-buttons .button {
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
}

.shop-inquiries-current-page {
  display: inline-flex;
  min-width: 32px;
  min-height: 34px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 8px;
  background: #030712;
  color: #fff;
  font-weight: 800;
}

@media (max-width: 700px) {
  .shop-inquiries-filter-grid {
    grid-template-columns: 1fr;
  }

  .shop-inquiries-bulk-toolbar {
    padding-right: 12px;
    padding-left: 12px;
  }

  .shop-inquiries-screen .table th,
  .shop-inquiries-screen .table td,
  .shop-inquiries-pagination {
    padding-right: 12px;
    padding-left: 12px;
  }

  .shop-inquiries-pagination {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Long request URLs and identifiers must wrap inside the mobile content
   frame instead of widening the card's scroll area. */
.main .admin-content :where(code) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Notification connection cards keep the four compact desktop fields in one
   row, but must collapse before the mobile admin frame becomes narrower than
   the fixed provider/priority columns. */
.notification-connection-meta {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(3, 130px);
  gap: 12px;
  margin-top: 12px;
  min-width: 0;
}

.notification-connection-card { border-bottom: 1px solid #e5e7eb; }
.notification-connection-summary { display: flex; min-height: 72px; align-items: center; gap: 12px; }
.notification-connection-toggle { display: grid; flex: 1 1 auto; gap: 4px; min-width: 0; padding: 16px 0; border: 0; background: transparent; color: #111827; cursor: pointer; text-align: left; font: inherit; }
.notification-connection-toggle small { color: #6b7280; font-size: 12px; font-weight: 400; }
.notification-connection-toggle:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 3px; border-radius: 5px; }
.notification-connection-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.notification-connection-switch { display: inline-flex; align-items: center; gap: 8px; color: #6b7280; font-size: 12px; white-space: nowrap; }
.notification-connection-switch input { appearance: none; width: 36px; height: 20px; margin: 0; border: 0; border-radius: 999px; background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db; cursor: pointer; }
.notification-connection-switch input:checked { background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #1688e8; }
.notification-connection-details { padding: 0 0 20px; }
.notification-connections-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.notification-connections-heading > p { margin: 0; }
.notification-connection-add-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.notification-connection-new-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }

.notification-template-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-bottom: 20px; border-bottom: 1px solid #e5e7eb; }
.notification-template-toolbar .field { width: min(100%, 385px); margin: 0; }
.notification-template-toolbar .button { margin-bottom: 1px; }
.notification-template-card { padding: 0 0 20px; border-bottom: 1px solid #e5e7eb; }
.notification-template-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.notification-template-card-header > div:first-child { min-width: 0; }
.notification-template-card-header strong { display: block; font-size: 14px; line-height: 19.6px; }
.notification-template-card-header .muted { margin: 4px 0 0; font-size: 12px; line-height: 18.6px; overflow-wrap: anywhere; }
.notification-template-card-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.notification-template-card-actions .button.secondary { min-height: 0; padding: 0; border: 0; background: transparent; color: #2563eb; font-weight: 500; line-height: 21.7px; }
.notification-template-enabled { display: inline-flex; align-items: center; gap: 8px; color: #6b7280; font-size: 12px; white-space: nowrap; }
.notification-template-enabled input { appearance: none; width: 36px; height: 20px; margin: 0; border: 0; border-radius: 999px; background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db; cursor: pointer; }
.notification-template-enabled input:checked { background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #1688e8; }
.notification-template-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 0; }
.notification-template-fields > .field { margin: 7px 0 0; }
.notification-template-card > .field { margin: 9px 0 16px; gap: 4px; font-size: 12px; line-height: 18.6px; }
.notification-template-card > .field textarea { box-sizing: border-box; height: 105px; min-height: 105px; line-height: 21.7px; }
.notification-template-variables { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; line-height: 18.6px; }
.notification-template-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 4px; }
.notification-template-footer > p { margin: 18px 0 0; }

.notification-rules-page > form { margin-top: 18px; }
.notification-rule-filters { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; padding: 16px; border-bottom: 1px solid #f3f4f6; background: #fafafa; }
.notification-rule-filter-field { display: grid; min-width: 136px; gap: 4px; color: #374151; font-size: 12px; font-weight: 700; line-height: 18px; }
.notification-rule-filter-search { flex: 1 1 220px; min-width: 220px; }
.notification-rule-filter-field input,
.notification-rule-filter-field select { box-sizing: border-box; min-height: 36px; width: 100%; }
.notification-rule-filter-field input { font-weight: 400; }
.notification-rule-filter-field select { min-width: 136px; }
.notification-rule-filters > .button { margin-bottom: 0; }
.notification-rule-notice { margin: 16px 0 0; }
.notification-rule-card { border-bottom: 1px solid #e5e7eb; }
.notification-rule-summary-row { display: flex; min-height: 72px; align-items: center; gap: 12px; }
.notification-rule-summary { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; padding: 14px 0; border: 0; background: transparent; color: #111827; cursor: pointer; text-align: left; font: inherit; }
.notification-rule-summary strong { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; line-height: 20px; }
.notification-rule-summary strong::before { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 999px; background: #d1d5db; content: ""; }
.notification-rule-card[data-rule-status="enabled"] .notification-rule-summary strong::before { background: #10b981; }
.notification-rule-summary > span { padding: 2px 8px; border-radius: 6px; background: #f3f4f6; color: #4b5563; font-size: 11px; font-weight: 700; line-height: 16px; }
.notification-rule-summary > span:nth-of-type(2) { background: #eff6ff; color: #1d4ed8; }
.notification-rule-summary small { flex: 0 0 100%; overflow: hidden; margin-top: -2px; color: #6b7280; font-size: 12px; font-weight: 400; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.notification-rule-summary:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 3px; border-radius: 5px; }
.notification-rule-enabled { display: inline-flex; width: auto; min-width: 98px; align-items: center; justify-content: flex-end; gap: 8px; color: #6b7280; font-size: 12px; white-space: nowrap; }
.notification-rule-enabled > span { display: inline-block; width: auto; height: auto; overflow: visible; clip: auto; color: #6b7280; white-space: nowrap; }
.notification-rule-enabled input { appearance: none; width: 36px; height: 20px; margin: 0; border: 0; border-radius: 999px; background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db; cursor: pointer; }
.notification-rule-enabled input:checked { background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #1688e8; }
.notification-rule-details { padding: 2px 0 20px; }
.notification-rule-channels { padding: 0 0 14px; border: 0; border-bottom: 1px solid #f3f4f6; }
.notification-rule-channels legend { padding: 0; color: #6b7280; font-size: 12px; }
.notification-rule-channels > div { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.notification-rule-channels label,
.notification-rule-preferences { display: inline-flex; gap: 6px; align-items: center; color: #374151; font-size: 12px; }
.notification-rule-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.notification-rule-preferences { margin-top: 14px; }
.notification-rule-advanced { margin-top: 14px; padding-top: 14px; border-top: 1px solid #f3f4f6; }
.notification-rule-advanced summary { color: #374151; cursor: pointer; font-size: 12px; font-weight: 700; }

@media (max-width: 640px) {
  .notification-rule-filter-search,
  .notification-rule-filter-field { min-width: 100%; flex-basis: 100%; }
  .notification-rule-filters > .button { width: 100%; }
  .notification-rule-enabled { min-width: 94px; }
}

/* Marketing lists are compact operational tables. On a narrow admin frame,
   wrapping their short labels is more useful than carrying the generic
   760px table surface sideways. Other data-heavy lists keep their existing
   inner-scroll contract. */
.marketing-screen,
.marketing-screen > div,
.marketing-table-wrap {
  min-width: 0;
}

.marketing-filter {
  flex-wrap: wrap;
}

.marketing-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.marketing-pagination-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 700px) {
  .marketing-screen > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .marketing-screen .card {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }

  .marketing-screen .settings-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketing-table-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: auto !important;
  }

  .marketing-table {
    min-width: 640px;
  }

  .marketing-pagination {
    align-items: stretch;
  }

  .marketing-pagination-actions {
    width: 100%;
  }

  .marketing-pagination-actions .button {
    flex: 1;
    justify-content: center;
  }
}

/* The legacy admin content frame uses a 1400px desktop maximum with 24px insets.
   Keep ordinary Hono screens in that frame while the nested Puck document
   editor stays full-bleed like the legacy fixed editor surface. */
.main .card:not(.auth-card) {
  width: 100%;
  max-width: var(--admin-content-max-width) !important;
  margin-right: auto;
  margin-left: auto;
}

/* Ordinary Hono screens use the same shared admin typography and controls as
   the legacy Next admin. Keep the nested editor full-bleed and unmodified. */
.main .card:not(.auth-card) :where(h1) {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
}

/* Route URLs are server diagnostics, not admin-facing content. Keep them out
   of the rendered shell so migrated screens do not expose implementation
   details that are absent from the reference admin UI. */
.main p.muted:has(> code) {
  display: none;
}

.admin-page-frame {
  box-sizing: border-box;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: var(--admin-content-max-width);
  min-width: 0;
  margin: 0 auto;
  color: #111827;
  font-size: 14px;
  line-height: 21.7px;
}

.admin-page-frame > * {
  min-width: 0;
  max-width: 100%;
}

.admin-page-frame > .screen-header h1 {
  width: max-content;
  max-width: 100%;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27px;
}

.admin-page-frame > .screen-header {
  align-items: flex-start;
}

.admin-page-frame > .screen-header :where(.button, .page-list-header-actions .button) {
  line-height: 21.7px;
}

.admin-page-frame > .card {
  width: 100%;
  max-width: none !important;
  margin: 0;
}

/* 주문제작 작업실은 가격표·연결·큐를 한 화면에서 다루는 범용 운영 UI다.
   두 열은 넓은 화면에서만 사용하고, 작은 화면에서는 자연스럽게 한 열로 접는다. */
.production-admin-grid {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.production-admin-grid > * { min-width: 0; }
.production-admin-grid > :first-child {
  min-width: 0;
  border-right: 1px solid #e5e7eb;
  padding-right: 24px;
}
.production-admin-grid h2,
.production-assignment-card h2,
.production-assignment-card h3 { margin: 0 0 12px; color: #111827; font-size: 16px; line-height: 22px; }
.production-profile-row {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
  color: #111827;
  text-decoration: none;
}
.production-profile-row + .production-profile-row { margin-top: 8px; }
.production-profile-row:hover,
.production-profile-row:focus-visible { border-color: #93c5fd; background: #eff6ff; outline: 0; }
.production-profile-row strong { min-width: 0; overflow-wrap: anywhere; }
.production-profile-form,
.production-assignment-card { min-width: 0; }
.production-profile-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px 16px;
  padding: 0;
}
.production-profile-form > h2,
.production-profile-form > .production-editor-title-row,
.production-profile-form > input[type="hidden"],
.production-profile-form > .production-editor-identity,
.production-profile-form > .production-advanced-settings,
.production-profile-form > .production-editor-tabs,
.production-profile-form > .production-editor-tab-panels,
.production-profile-form > .production-form-grid,
.production-profile-form > .production-editor-subsection,
.production-profile-form > label:has([name="note"]),
.production-profile-form > [data-production-save],
.production-profile-form > .production-editor-actions { grid-column: 1 / -1; }
.production-profile-form > h2 { margin: 0; color: #111827; font-size: 20px; line-height: 28px; }
.production-editor-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.production-editor-title-row h2 { margin: 0; color: #111827; font-size: 20px; line-height: 28px; }
.production-status-badge { display: inline-flex; min-height: 26px; align-items: center; border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 700; line-height: 18px; }
.production-status-draft { background: #fff7ed; color: #c2410c; }
.production-status-published { background: #ecfdf5; color: #047857; }
.production-status-archived { background: #f1f5f9; color: #475569; }
.production-profile-form > .field { margin: 0; }
.production-editor-identity { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; min-width: 0; }
.production-editor-scope-summary,
.production-scope-summary { display: grid; gap: 3px; align-content: start; border: 1px solid #dbeafe; border-radius: 8px; padding: 12px 14px; background: #eff6ff; color: #1e3a8a; font-size: 12px; line-height: 18px; }
.production-editor-scope-summary strong,
.production-scope-summary strong { color: #1e40af; }
.production-editor-scope-summary small,
.production-scope-summary small { color: #526173; }
.production-advanced-settings { display: grid; gap: 10px; border: 1px solid #e5e7eb; border-radius: 8px; padding: 10px 12px; background: #fafafa; }
.production-advanced-settings summary { cursor: pointer; color: #475569; font-size: 12px; font-weight: 700; }
.production-editor-tabs {
  display: flex;
  min-width: 0;
  gap: 2px;
  overflow-x: auto;
  border-bottom: 1px solid #e5e7eb;
  padding: 0;
  scrollbar-width: thin;
}
.production-editor-tabs button {
  flex: 0 0 auto;
  min-height: 42px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  padding: 10px 14px 9px;
  color: #64748b;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.production-editor-tabs button[aria-selected="true"] { border-bottom-color: #2563eb; color: #111827; }
.production-editor-tabs button:hover { color: #1d4ed8; }
.production-editor-tabs button:focus-visible { outline: 3px solid rgb(37 99 235 / 20%); outline-offset: -3px; }
.production-editor-tab-panels { display: grid; min-width: 0; }
.production-editor-tab-panel { display: grid; gap: 14px; min-width: 0; }
.production-editor-tab-panel[hidden] { display: none; }
.production-editor-tab-heading { display: grid; gap: 4px; }
.production-editor-tab-heading h3 { margin: 0; color: #111827; font-size: 16px; line-height: 22px; }
.production-editor-tab-heading p { margin: 0; font-size: 12px; line-height: 18px; }
.production-editor-help-panel { display: grid; gap: 4px; align-content: start; border: 1px solid #dbeafe; border-radius: 8px; padding: 12px 14px; background: #eff6ff; color: #1e3a8a; font-size: 12px; line-height: 18px; }
.production-editor-help-panel strong { color: #1e40af; }
.production-profile-form .field-help { display: block; margin: 5px 0 0; color: #64748b; font-size: 12px; line-height: 18px; }
.production-editor-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #e5e7eb; padding-top: 16px; }
.production-editor-actions p { margin: 0; font-size: 12px; line-height: 18px; }
.production-editor-actions [data-production-save] { flex: 0 0 auto; min-height: 40px; }
.production-editor-action-buttons { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.production-published-label { color: #047857; font-size: 12px; font-weight: 700; }
.production-quote-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.production-quote-actions .production-quote-result { flex: 1 1 220px; }
.production-preview-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.production-preview-options fieldset { display: grid; gap: 8px; min-width: 0; margin: 0; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #fff; }
.production-preview-options legend { padding: 0 4px; color: #111827; font-size: 13px; font-weight: 700; }
.production-preview-options select { width: 100%; }
.production-preview-choice-list { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.production-preview-choice-list label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.production-editor-tab-panel [data-production-delivery-slot] { display: grid; min-width: 0; }
.production-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.production-form-grid .field { min-width: 0; }
.production-assignment-card { margin-top: 20px; }
.production-scope-panels { display: grid; gap: 14px; }
.production-scope-sections { display: grid; gap: 20px; margin-top: 20px; }
.production-scope-sections[hidden] { display: none; }
.production-assignment-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; align-items: end; }
.production-assignment-form .button { min-height: 40px; white-space: nowrap; }
.production-admin-grid .toolbar { margin-bottom: 14px; }
.production-profile-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e5e7eb;
}
.production-profile-list-header h2 { margin: 0; }
.production-admin-grid .production-profile-search {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
}
.production-profile-search input { width: 100%; min-width: 0; flex: 1 1 auto; }
.production-profile-search .button { min-height: 40px; white-space: nowrap; }
.production-profile-list-items { display: grid; gap: 8px; }
.production-pricing-impact { display: grid; gap: 4px; margin: 0 0 20px; border: 1px solid #fed7aa; border-radius: 8px; padding: 12px 14px; background: #fff7ed; color: #9a3412; font-size: 12px; line-height: 18px; }
.production-pricing-impact strong { color: #7c2d12; }
.production-pricing-guide { display: grid; gap: 18px; margin-bottom: 20px; }
.production-pricing-guide .screen-header { margin: 0; }
.production-pricing-guide h2 { margin: 0 0 6px; color: #111827; font-size: 18px; line-height: 25px; }
.production-onboarding-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: production-step; }
.production-onboarding-steps li { display: grid; gap: 5px; min-height: 88px; padding: 14px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; counter-increment: production-step; }
.production-onboarding-steps li::before { content: counter(production-step, decimal-leading-zero); color: #2563eb; font-size: 12px; font-weight: 700; }
.production-onboarding-steps strong { color: #111827; font-size: 13px; line-height: 18px; }
.production-onboarding-steps span { color: #64748b; font-size: 12px; line-height: 17px; }
.production-readiness-list { display: grid; gap: 8px; }
.production-readiness-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 8px; color: #111827; text-decoration: none; }
.production-readiness-item:hover, .production-readiness-item:focus-visible { border-color: #93c5fd; background: #eff6ff; outline: 0; }
.production-readiness-item > div:first-child { display: grid; gap: 3px; min-width: 0; }
.production-readiness-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.production-readiness-badges span { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 11px; line-height: 16px; white-space: nowrap; }
.production-readiness-badges .is-ready { background: #ecfdf5; color: #047857; }
.production-readiness-badges .is-pending { background: #fff7ed; color: #c2410c; }
.production-pricing-guide-note { margin: 0; padding: 10px 12px; border-radius: 8px; background: #eff6ff; color: #1e40af; font-size: 12px; line-height: 18px; }
.production-pricing-workflow { display: grid; gap: 18px; margin-bottom: 20px; padding: 22px 24px; }
.production-workflow-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.production-workflow-kicker { display: block; margin-bottom: 4px; color: #2563eb; font-size: 12px; font-weight: 700; line-height: 18px; }
.production-workflow-heading h2 { margin: 0 0 4px; color: #111827; font-size: 20px; line-height: 28px; }
.production-workflow-heading p { margin: 0; }
.production-workflow-progress { display: grid; flex: 0 0 auto; min-width: 84px; gap: 2px; justify-items: center; border: 1px solid #bfdbfe; border-radius: 8px; padding: 8px 12px; background: #eff6ff; color: #1d4ed8; }
.production-workflow-progress strong { font-size: 18px; line-height: 24px; }
.production-workflow-progress span { font-size: 11px; line-height: 16px; }
.production-workflow-steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.production-workflow-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; min-height: 86px; align-items: start; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f8fafc; }
.production-workflow-steps li.is-current { border-color: #93c5fd; background: #eff6ff; }
.production-workflow-steps li.is-complete { border-color: #a7f3d0; background: #ecfdf5; }
.production-workflow-step-number { display: inline-grid; width: 26px; height: 26px; place-items: center; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: 11px; font-weight: 700; line-height: 1; }
.production-workflow-steps li.is-current .production-workflow-step-number { background: #2563eb; color: #fff; }
.production-workflow-steps li.is-complete .production-workflow-step-number { background: #059669; color: #fff; }
.production-workflow-steps li div { display: grid; gap: 4px; min-width: 0; }
.production-workflow-steps strong { color: #111827; font-size: 13px; line-height: 18px; }
.production-workflow-steps span:not(.production-workflow-step-number) { color: #64748b; font-size: 11px; line-height: 16px; }
.production-workflow-context { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid #e5e7eb; padding-top: 14px; }
.production-workflow-context > div:first-child { display: grid; gap: 2px; min-width: 0; }
.production-workflow-checks { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.production-workflow-checks span { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 11px; line-height: 16px; white-space: nowrap; }
.production-workflow-checks .is-ready { background: #ecfdf5; color: #047857; }
.production-workflow-checks .is-pending { background: #fff7ed; color: #c2410c; }
.production-workflow-hint { color: #64748b; font-size: 12px; }
.production-editor-subsection { display: grid; gap: 12px; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; background: #fbfdff; }
.production-editor-subsection .screen-header { align-items: center; }
.production-editor-subsection h3 { margin: 0; color: #111827; font-size: 14px; line-height: 20px; }
.production-editor-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #fff; }
.production-editor-row + .production-editor-row { margin-top: 8px; }
.production-editor-row .field { min-width: 0; }
.production-editor-row .button { min-height: 38px; white-space: nowrap; }
.production-editor-row .checkbox-field { display: inline-flex; min-height: 38px; align-items: center; gap: 6px; white-space: nowrap; }
.production-editor-row > [data-option-values] { grid-column: 1 / -1; }
.production-editor-row > [data-production-row-remove] { justify-self: start; }
.production-option-values { display: grid; gap: 8px; grid-column: 1 / -1; border: 1px dashed #cbd5e1; border-radius: 8px; padding: 10px; background: #f8fafc; }
.production-option-values > strong { color: #475569; font-size: 12px; line-height: 18px; }
.production-delivery-methods { display: grid; grid-column: 1 / -1; gap: 8px; margin: 0; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f8fafc; }
.production-delivery-methods legend { padding: 0 4px; color: #111827; font-size: 13px; font-weight: 700; }
.production-delivery-methods p { margin: 0; }
.production-delivery-methods-options { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.production-delivery-methods-options label { display: inline-flex; min-height: 36px; align-items: center; gap: 6px; color: #374151; font-size: 13px; }
.production-option-values .production-editor-row { grid-template-columns: minmax(0, 1fr) 140px auto; align-items: center; gap: 8px; border: 0; padding: 0; background: transparent; }
.production-option-values .production-editor-row + .production-editor-row { margin-top: 0; }
.production-profile-form [data-production-save] { justify-self: start; min-height: 40px; }
.production-dispatch-form { display: grid; gap: 6px; min-width: 170px; }
.production-dispatch-form input,
.production-dispatch-form select { min-width: 0; width: 100%; }
.production-quote-result { display: block; min-height: 22px; color: #1d4ed8; }
.production-documents-card { margin-top: 20px !important; }
.production-proof-form-card { margin-top: 20px !important; }
.production-toolbar { display: flex; justify-content: flex-end; gap: 8px; margin: 16px 0 -4px; }
.production-bulk-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin: 16px 0; padding: 12px 14px; border: 1px solid var(--admin-border, #e2e8f0); border-radius: 10px; background: var(--admin-subtle, #f8fafc); }
.production-bulk-toolbar .checkbox-field { margin-right: auto; }
.production-proof-form-card h2 { margin: 0 0 8px; font-size: 16px; }
.production-proof-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: end; margin-top: 16px; }
.production-proof-form .field:nth-child(3) { grid-column: 1 / -1; }

.admin-permissions-page {
  gap: 20px;
}

.admin-permissions-page > h1 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27px;
}

.admin-permissions-card {
  overflow: hidden;
  padding: 0;
}

.admin-permissions-description {
  margin: 0;
  border-bottom: 1px solid #f3f4f6;
  padding: 16px 20px;
  color: #4b5563;
  font-size: 13px;
  line-height: 20px;
}

.admin-permission-role {
  border-top: 1px solid #f3f4f6;
}

.admin-permission-role:first-child {
  border-top: 0;
}

.admin-permission-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
}

.admin-permission-summary::-webkit-details-marker {
  display: none;
}

.admin-permission-summary:hover {
  background: #f9fafb;
}

.admin-permission-summary-copy {
  min-width: 0;
}

.admin-permission-summary-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.admin-permission-summary-title h2 {
  overflow: hidden;
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-permission-summary-copy p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 13px;
  line-height: 20px;
}

.admin-permission-chevron {
  position: relative;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: #9ca3af;
  font-size: 0;
  transform: rotate(0deg);
  transition: transform 160ms ease;
}

.admin-permission-chevron::before {
  position: absolute;
  top: 5px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  content: "";
  transform: rotate(45deg);
}

.admin-permission-role[open] .admin-permission-chevron {
  transform: rotate(180deg);
}

.admin-permission-form {
  border-top: 1px solid #f3f4f6;
  padding: 20px;
}

.admin-permission-access-wrap {
  max-width: 576px;
}

.admin-permission-access {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  background: #f5f5f7;
  padding: 8px 12px;
  cursor: pointer;
}

.admin-permission-access > span:first-child {
  display: grid;
  gap: 4px;
}

.admin-permission-access strong {
  color: #1f2937;
  font-size: 14px;
  line-height: 20px;
}

.admin-permission-access small {
  color: #6b7280;
  font-size: 13px;
  line-height: 20px;
}

.admin-permission-switch {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: 36px;
  height: 20px;
}

.admin-permission-switch > input {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}

.admin-permission-switch > span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #d1d5db;
  pointer-events: none;
  transition: background 160ms ease;
}

.admin-permission-switch > span::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  content: "";
  transition: transform 160ms ease;
}

.admin-permission-switch > input:checked + span {
  background: #0071e3;
}

.admin-permission-switch > input:checked + span::after {
  transform: translateX(16px);
}

.admin-permission-groups {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}

.admin-permission-groups fieldset {
  min-width: 0;
  margin: 0;
  border: 0;
  padding: 0;
}

.admin-permission-groups legend {
  margin-bottom: 8px;
  color: #374151;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.admin-permission-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.admin-permission-grid label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  background: #f5f5f7;
  padding: 10px 12px;
  color: #1f2937;
  font-size: 14px;
  line-height: 20px;
}

.admin-permission-grid input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
}

.admin-permissions-card > #admin-permissions > .muted {
  display: block;
  margin: 0;
  padding: 20px;
}

@media (max-width: 900px) {
  .admin-permission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .admin-permission-summary,
  .admin-permission-form {
    padding-right: 16px;
    padding-left: 16px;
  }

  .admin-permissions-description {
    padding-right: 16px;
    padding-left: 16px;
  }

  .admin-permission-grid {
    grid-template-columns: 1fr;
  }
}

/* A few older Hono screens still return a card as their root and place the
   screen header inside it. Normalize that legacy shape at the shell boundary
   so those routes keep the same title/contents separation as the migrated
   admin screens without duplicating a second renderer. */
.admin-content > :where(section, div).card:has(> .screen-header) {
  box-sizing: border-box;
  display: grid;
  gap: 20px;
  width: 100%;
  max-width: var(--admin-content-max-width) !important;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.admin-content > :where(section, div).card:has(> .screen-header) > .screen-header {
  margin: 0;
}

.admin-content > :where(section, div).card:has(> .screen-header) > .screen-header h1 {
  width: max-content;
  max-width: 100%;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27px;
}

.admin-content > :where(section, div).card:has(> .screen-header) > .screen-header ~ :where(:not(script):not(dialog):not(p)) {
  box-sizing: border-box;
  width: 100%;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 3px rgb(15 23 42 / 6%);
}

.main .card:not(.auth-card) :where(h2) {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
}

.main .card:not(.auth-card) :where(h3) {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
}

/* Some list and menu screens render their search/filter controls directly in
   the screen card instead of inside a .field wrapper. Apply the same legacy
   input primitive to those controls too. File/color controls and native
   checkboxes/radios keep their purpose-specific presentation. */
.main .card:not(.auth-card) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]),
.main .card:not(.auth-card) select,
.main .card:not(.auth-card) textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.main .card:not(.auth-card) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):focus,
.main .card:not(.auth-card) select:focus,
.main .card:not(.auth-card) textarea:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.main .card:not(.auth-card) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):disabled,
.main .card:not(.auth-card) select:disabled,
.main .card:not(.auth-card) textarea:disabled {
  cursor: not-allowed;
  background: #f9fafb;
  color: #9ca3af;
}

/* Match the legacy AdminUI form primitive. The older Hono screen CSS below
   still defines .field controls, so these scoped selectors intentionally have
   higher specificity and keep the editor/auth surfaces isolated. */
.main .card:not(.auth-card) .field {
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.main .card:not(.auth-card) .field input:not([type="checkbox"]):not([type="radio"]),
.main .card:not(.auth-card) .field select,
.main .card:not(.auth-card) .field textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.main .card:not(.auth-card) .field textarea:not([spellcheck="false"]) {
  font-family: inherit;
  resize: vertical;
}

.main .card:not(.auth-card) .field textarea[spellcheck="false"] {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  line-height: 18px;
  resize: vertical;
}

.main .card:not(.auth-card) .field input:not([type="checkbox"]):not([type="radio"]):focus,
.main .card:not(.auth-card) .field select:focus,
.main .card:not(.auth-card) .field textarea:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.main .card:not(.auth-card) .field input:not([type="checkbox"]):not([type="radio"]):disabled,
.main .card:not(.auth-card) .field select:disabled,
.main .card:not(.auth-card) .field textarea:disabled {
  cursor: not-allowed;
  background: #f9fafb;
  color: #9ca3af;
}

.main .card:not(.auth-card) :where(.button) {
  box-sizing: border-box;
  min-height: 36px;
  padding: 8px 16px;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
}

.main .card:not(.auth-card) :where(.button.secondary) {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
}

.main .card:not(.auth-card) :where(.button.danger) {
  border: 1px solid #fee2e2;
  background: #fef2f2;
  color: #dc2626;
}

/* Screens that render a header or toolbar outside the ordinary card still use
   the same AdminUI primitives. The legacy Next admin does not fall back to
   browser-default controls in those regions. Keep these rules under .main so
   the sidebar and embedded editor remain isolated. */
.main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]), select, textarea) {
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]), select, textarea):focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.main :where(.button) {
  box-sizing: border-box;
  min-height: 36px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  appearance: none;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.main :where(.button):hover {
  background: #000;
}

.main .toolbar form {
  align-items: center;
}

.main form.toolbar {
  justify-content: flex-start;
}

.main form.toolbar :where(input[name="q"], select) {
  width: auto;
  min-width: 0;
}

.main form.toolbar input[name="q"] {
  flex: 1 1 280px;
}

.main .card:not(.auth-card) > .toolbar > form,
.main .card:not(.auth-card) > div > .toolbar > form {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 8px;
  min-width: min(100%, 420px);
}

.main .card:not(.auth-card) > .toolbar > form :where(input, select),
.main .card:not(.auth-card) > div > .toolbar > form :where(input, select) {
  width: auto !important;
  min-width: 0;
}

.main .card:not(.auth-card) > .toolbar > form input[name="q"],
.main .card:not(.auth-card) > div > .toolbar > form input[name="q"] {
  flex: 1 1 280px;
}

/* Admin data-list search fields stay compact beside their action. Do not let
   the generic toolbar flex rule stretch them across the entire card. */
.main .admin-list-search input[name="q"] {
  width: min(384px, 100%) !important;
  max-width: 384px;
  flex: 0 1 384px !important;
}

.admin-search-input {
  position: relative;
  display: inline-flex;
  width: min(384px, 100%);
  max-width: 384px;
  flex: 0 1 384px;
  align-items: center;
}

.admin-search-input > svg {
  position: absolute;
  left: 12px;
  color: #9ca3af;
  pointer-events: none;
}

.admin-search-input > .list-search-icon {
  width: 16px;
  height: 16px;
}

.admin-search-input > input {
  width: 100% !important;
  max-width: none !important;
  padding-left: 36px !important;
}

.page-list-search > select {
  width: 128px !important;
  min-width: 128px !important;
  flex: 0 0 128px;
}

/* Keep the page list shell aligned with the reference admin list. The WBK
   screen has extra status/translation capabilities, but those controls must
   live in the same compact card rows instead of adding a second card inset. */
.main .card.pages-list-panel {
  padding: 0;
}

.main .card.pages-list-panel > .page-list-search {
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
}

.pages-list-panel > .page-list-search input[name="q"] {
  line-height: 21.7px !important;
}

.pages-screen .list-bulk-toolbar {
  margin-top: 0;
  border-top: 0;
  background: rgb(249 250 251 / .4);
}

.page-mobile-select-all {
  display: none;
}

.pages-screen .table th:first-child,
.pages-screen .table td:first-child {
  width: 56px;
  min-width: 56px;
  max-width: 56px;
}

.pages-screen .table a.page-title-link {
  color: #111827;
  font-weight: 600;
}

.main .card.pages-list-panel .page-row-action {
  min-height: 32px;
  height: 32px;
  padding: 0 10px !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21.7px;
}

.pages-screen .page-row-action svg {
  width: 14px;
  height: 14px;
}

.pages-screen .page-list-search > .button {
  min-width: 0;
  padding: 8px 16px;
}

.pages-screen .list-bulk-toolbar > .button {
  min-height: 0;
  padding: 6px 12px;
  line-height: 21.7px;
}

.pages-screen .page-quick-edit-action {
  min-width: 0;
}

.main .card.pages-list-panel .page-delete-action {
  min-width: 0;
  padding: 0 12px !important;
}

/* The legacy list shell is edge-to-edge inside its card. Keep the search
   row, bulk row, and table on one shared grid so migrated list pages do not
   acquire an extra 20px inset that the reference admin does not have. */
.users-page > .card,
.boards-screen > .card,
.popups-screen > .card {
  padding: 0;
  overflow: hidden;
}

.users-page > .card > #hono-users-list > form.admin-list-search,
.boards-screen > .card > #hono-boards-list > form.admin-list-search,
.popups-screen > .card > #hono-popups-list > form.admin-list-search {
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
}

.screen-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.screen-header-actions .button,
.screen-header > .page-list-header-actions .button,
.page-row-action,
.template-row-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.template-row-content {
  display: flex;
  min-width: 320px;
  align-items: center;
  gap: 12px;
}

.template-row-content > img,
.template-thumbnail-placeholder {
  display: inline-flex;
  width: 80px;
  height: 48px;
  flex: 0 0 80px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  object-fit: contain;
}

.template-thumbnail-placeholder {
  color: #d1d5db;
}

.template-row-actions {
  display: flex;
  max-width: 296px;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.template-row-actions .button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
}

.main .card .template-row-actions .button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
}

/* Hanong keeps the export/delete actions at the normal body size. Their
   slightly wider labels intentionally wrap the four-action group into the
   same two-row rhythm as the reference template list. */
.main .card .template-row-actions [data-template-export],
.main .card .template-row-actions [data-template-delete] {
  min-height: 32px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
}

.main .card .template-row-actions [data-template-delete] {
  border: 0;
}

@media (min-width: 701px) {
  .template-row-actions {
    width: 256px;
    max-width: 256px;
  }
}

@media (max-width: 700px) {
  .main .card .list-bulk-toolbar {
    flex-wrap: wrap;
    padding-right: 16px;
    padding-left: 16px;
  }

  .main .card .list-bulk-toolbar > select,
  .main .card .list-bulk-toolbar > .orders-bulk-select {
    width: auto;
    min-width: 0;
    flex: 1 1 180px;
  }

  .main .card .list-bulk-toolbar > .button {
    width: auto !important;
    min-width: 52px;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .main .card .list-bulk-toolbar .list-selection-summary {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .main .card .media-bulk-toolbar [data-media-operation] {
    order: 1;
  }

  .main .card .media-bulk-toolbar [data-media-delete] {
    order: 2;
  }

  .main .card .media-bulk-toolbar [data-media-selected-count] {
    order: 3;
  }

  .main .admin-list-search input[name="q"] {
    width: 100% !important;
    max-width: none;
    flex-basis: 100% !important;
  }

  /* The page list is a control-heavy table on desktop. On a phone, keeping
     its 760px table surface creates a second horizontal scroll area and
     hides status/actions off-screen. Reflow each row into a compact card so
     every operation remains reachable without sideways scrolling. */
  .pages-screen,
  .pages-screen > .pages-list-panel,
  .pages-screen .admin-list-table {
    min-width: 0;
  }

  .pages-screen .page-list-search {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
  }

  .pages-screen .page-list-search .admin-search-input {
    width: 100%;
    max-width: none;
    flex: 1 1 100%;
  }

  .pages-screen .page-list-search > select {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0;
  }

  .pages-screen .admin-list-table {
    overflow-x: hidden !important;
  }

  .pages-screen .table {
    display: block;
    min-width: 0;
    table-layout: fixed;
  }

  .pages-screen .table thead {
    display: none;
  }

  .pages-screen .table tbody,
  .pages-screen .table tr {
    display: block;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) {
    position: relative;
    min-width: 0;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td {
    display: flex;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    align-items: flex-start;
    gap: 8px;
    padding: 4px 0;
    border: 0;
    white-space: normal;
    text-align: left !important;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td[data-label]::before {
    flex: 0 0 84px;
    color: #6b7280;
    content: attr(data-label);
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td.page-checkbox-cell {
    position: absolute;
    top: 12px;
    right: 16px;
    width: auto;
    padding: 0;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td.page-checkbox-cell::before {
    display: none;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td:nth-child(2) {
    padding-right: 28px;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td:nth-child(2) .page-title-link {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .pages-screen .table tbody tr:not(.page-list-empty-row) td .page-translation-actions {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 4px;
  }

  .pages-screen .table tbody tr.page-list-empty-row td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .pages-screen .table tbody tr.page-list-empty-row td::before {
    display: none;
  }

  .main .card .pages-screen .list-bulk-toolbar,
  .pages-screen .list-bulk-toolbar {
    flex-wrap: wrap;
  }

  .page-mobile-select-all {
    display: inline-flex;
    flex: 0 0 100%;
    align-items: center;
    gap: 8px;
    color: #4b5563;
    font-size: 13px;
    font-weight: 600;
  }

  .main .card .pages-screen .list-bulk-toolbar > select,
  .pages-screen .list-bulk-toolbar > .orders-bulk-select {
    width: auto;
    min-width: 0;
    flex: 1 1 180px;
  }

  /* Member rows contain editable role controls as well as long identifiers.
     Reflow them into labelled cards on phones so the fixed desktop columns do
     not collapse into one-character vertical text. */
  .users-page,
  .users-page > .users-card,
  .users-page .user-list-table {
    min-width: 0;
  }

  .users-page .user-list-table {
    overflow-x: hidden !important;
  }

  .users-page .user-list-table-grid {
    display: block;
    min-width: 0;
    table-layout: fixed;
  }

  .users-page .user-list-table-grid thead {
    display: none;
  }

  .users-page .user-mobile-select-all {
    display: inline-flex;
  }

  .users-page .user-list-table-grid tbody,
  .users-page .user-list-table-grid tr {
    display: block;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) {
    position: relative;
    min-width: 0;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td {
    display: flex;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    align-items: flex-start;
    gap: 8px;
    padding: 4px 0;
    border: 0;
    white-space: normal;
    text-align: left !important;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label]::before {
    flex: 0 0 56px;
    color: #6b7280;
    content: attr(data-label);
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td.user-checkbox-cell {
    position: absolute;
    top: 12px;
    right: 16px;
    width: auto;
    padding: 0;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td.user-checkbox-cell::before {
    display: none;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label="이름"] {
    padding-right: 28px;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label="이름"] > div,
  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td.user-role-cell > div {
    min-width: 0;
    flex-wrap: wrap;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label="이름"] a,
  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td[data-label="이메일"] a {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .users-page .user-list-table-grid tbody tr:not(.user-list-empty-row) td.user-role-cell select[data-user-role] {
    flex: 1 1 140px;
    min-width: 0 !important;
    max-width: 100%;
  }

  .users-page .user-list-table-grid tbody tr.user-list-empty-row td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  /* Several legacy operational screens contain dense tables or nested cards.
     Reset the grid item's automatic min-content width at the shared frame so
     those screens remain inside the phone viewport; their intentionally dense
     tables may still scroll inside their own list wrapper. */
  .admin-page-frame {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }

  .admin-page-frame > * {
    min-width: 0;
    max-width: 100%;
  }

  .admin-page-frame > .card,
  .admin-page-frame > section.card {
    min-width: 0;
    overflow-x: hidden;
  }

  .media-screen {
    grid-template-columns: minmax(0, 1fr);
  }

  .media-screen > .media-filter-panel,
  .media-screen > .media-list-panel {
    min-width: 0;
    max-width: 100%;
  }

  .media-screen > .media-filter-panel {
    padding: 16px;
  }

  .media-screen .media-filter-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .media-screen .media-filter-form :where(input, select, button, a) {
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
  }

  .community-page > .card {
    overflow-x: hidden;
  }
}

.list-bulk-toolbar {
  justify-content: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
}

/* Legacy admin list controls sit in one compact row below the filter field.
   The generic card control rule makes native selects full width, which turns
   the shared Hono list toolbar into a tall stacked panel. */
.main .card .list-bulk-toolbar {
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px 20px;
  border: 0;
  border-bottom: 1px solid #f3f4f6;
  border-radius: 0;
  background: rgb(249 250 251 / .4);
}

.main .card .list-bulk-toolbar > select {
  width: 208px;
  min-width: 208px;
  flex: 0 0 208px;
}

.main .card .list-bulk-toolbar .list-selection-summary {
  margin-right: 0;
}

.main .card .list-bulk-toolbar > .button {
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
}

.main .card .products-bulk-toolbar > .button {
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
}

.main .card.page-template-list-panel,
.main .card.layout-template-list-panel,
.main .card.collection-list-panel {
  padding: 0;
}

.layout-template-search {
  margin: 0;
}

.layout-template-list-heading {
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
  background: rgb(249 250 251 / .5);
}

.layout-template-list-heading h3 {
  margin: 0;
  color: #111827;
  font-size: 15px;
  font-weight: 700;
  line-height: 21.7px;
}

.layout-template-table td:last-child,
.layout-template-table th:last-child {
  text-align: right;
}

.layout-template-table {
  border-collapse: separate;
  border-spacing: 0;
}

.layout-template-table tbody td {
  border-bottom: 0;
}

.layout-template-table tbody tr + tr td {
  border-top: 1px solid #e5e7eb;
}

.layout-template-status {
  display: inline-flex;
  border-radius: 6px;
  background: #dbeafe;
  padding: 0 8px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.layout-template-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-top: 1px solid #f3f4f6;
  color: #6b7280;
  font-size: 13px;
}

.layout-template-pagination-count {
  font-weight: 700;
}

.layout-template-pagination-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.layout-template-pagination-actions .button,
.layout-template-current-page {
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

/* Pagination is rendered by several admin screens. The generic card button
   primitive is intentionally taller, so pagination owns one explicit token
   for previous/next, numbers, and the active page. */
.main .card:not(.auth-card) :is(.layout-template-pagination-actions, .shop-inquiries-page-buttons, .marketing-pagination-actions, .orders-pagination, .products-pagination, .point-pagination-links) :is(.button, .layout-template-current-page, .admin-pagination-number, .shop-inquiries-current-page, .point-pagination-link) {
  box-sizing: border-box;
  min-height: 32px;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 18px;
}

.main .card:not(.auth-card) :is(.admin-pagination-number, .layout-template-current-page, .shop-inquiries-current-page, .point-pagination-link.point-pagination-number) {
  min-width: 32px;
  justify-content: center;
  text-align: center;
}

.main .shop-inquiries-screen .shop-inquiries-page-buttons :is(.button, .admin-pagination-number, .shop-inquiries-current-page) {
  box-sizing: border-box;
  min-height: 32px;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 18px;
}

.main .shop-inquiries-screen .shop-inquiries-page-buttons :is(.admin-pagination-number, .shop-inquiries-current-page) {
  min-width: 32px;
  justify-content: center;
  text-align: center;
}

.layout-template-current-page {
  min-width: 32px;
  border: 0;
  background: #030712;
  color: #fff;
}

.admin-pagination-number-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.admin-pagination-number {
  min-width: 32px;
  justify-content: center;
  text-align: center;
}

.admin-pagination-gap {
  padding: 0 2px;
  color: #9ca3af;
  font-weight: 700;
}

.page-template-list-panel > form.admin-list-search,
.layout-template-list-panel > form.admin-list-search,
.collection-list-panel > .toolbar {
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
}

.list-selection-summary {
  margin-right: auto;
  color: #6b7280;
  font-size: 13px;
  font-weight: 600;
}

.list-bulk-toolbar .button {
  min-height: 34px;
  padding: 7px 12px;
  font-size: 13px;
}

.media-filter-form {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(112px, 1fr)) minmax(140px, 1fr) auto auto auto;
  gap: 8px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}

.media-screen > .media-filter-panel {
  padding: 20px;
}

.media-screen > .media-list-panel {
  padding: 0;
}

.media-filter-form .admin-search-input {
  width: min(326px, 100%);
  max-width: 326px;
  flex: 0 1 326px;
}

.media-filter-form :where(input, select) {
  width: auto !important;
  min-width: 0;
}

.main .media-filter-form {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 12px;
}

.main .media-filter-form .admin-search-input {
  flex: 0 0 326px;
}

.main .media-filter-form .admin-search-input > svg {
  display: none;
}

.main .media-filter-form .admin-search-input > input {
  padding-left: 12px !important;
}

.main .media-filter-form > button[type="submit"] {
  width: 56px !important;
  min-width: 56px;
  flex: 0 0 56px;
  padding: 8px 12px;
  white-space: nowrap;
}

.main .media-filter-form > [data-media-rebuild] {
  width: 111px !important;
  min-width: 111px;
  flex: 0 0 111px;
  padding: 8px 12px;
  white-space: nowrap;
}

.main .media-filter-form > select {
  width: 152px !important;
  min-width: 152px;
  flex: 0 0 152px;
}

.main .media-filter-form > input[name="folder"] {
  width: 217px !important;
  min-width: 0;
  flex: 0 0 217px;
}

.media-bulk-toolbar { margin-top: 12px; }
.main .card .media-bulk-toolbar > select {
  width: 208px;
  min-width: 208px;
  flex: 0 0 208px;
  padding: 6px 10px;
  line-height: 21.7px;
}

@media (max-width: 1180px) {
  .media-screen .media-filter-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
  }

  .main .media-screen .media-filter-form .admin-search-input {
    width: 100%;
    max-width: none;
    flex: 0 1 auto;
  }

  .main .media-screen .media-filter-form > button[type="submit"],
  .main .media-screen .media-filter-form > [data-media-rebuild] {
    width: 100% !important;
    min-width: 0;
    flex: 0 1 auto;
  }
}

@media (max-width: 1180px) {
  .media-filter-form { grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(120px, 1fr)); }
  .media-filter-form :where(input[name="folder"], button, a) { grid-column: span 1; }
}

.main .button.secondary {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
}

.main .button.secondary:hover {
  background: #f9fafb;
}

.main .button.danger {
  border: 1px solid #fee2e2;
  background: #fef2f2;
  color: #dc2626;
}

.main .button.danger:hover {
  background: #fef2f2;
}

.main .admin-content > main {
  min-width: 0;
  margin: -24px;
}

.menu-screen .button:not(.secondary):not(.danger) {
  background: #2563eb;
}

.menu-screen .button:not(.secondary):not(.danger):hover {
  background: #1d4ed8;
}

.menu-screen {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--admin-content-max-width);
  margin: 0 auto;
  color: #111827;
  font-size: 14px;
}

.menu-screen > .screen-header {
  margin-bottom: 20px;
}

.menu-screen > .screen-header h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 28px;
}

.menu-screen > .screen-header p {
  margin: 4px 0 0;
}

.menu-screen .field {
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  line-height: 18.6px;
  gap: 4px;
}

.menu-screen .field input:not([type="checkbox"]):not([type="radio"]),
.menu-screen .field select,
.menu-screen .field textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.7px;
  outline: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.menu-screen .field select {
  line-height: normal;
}

.menu-editor-header {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin-top: 0;
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px #1118270a;
}

.menu-editor-header .field { margin: 0; }

.menu-editor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
  align-items: start;
}

.menu-source-panel,
.menu-tree-panel {
  min-width: 0;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px #1118270a;
}

.menu-source-panel { overflow: hidden; }

/* All admin tab rows share the same overflow and sizing contract. The row
   itself never reaches outside its parent; parent cards provide the shared
   20px/16px content gutter where a full-bleed surface needs an inset. */
.admin-tab-strip {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
  max-width: 100%;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.admin-tab-strip > :where(button, a) { flex: 0 0 auto; }
.admin-tab-strip::-webkit-scrollbar { height: 5px; }
.admin-tab-strip::-webkit-scrollbar-track { background: transparent; }
.admin-tab-strip::-webkit-scrollbar-thumb { border-radius: 999px; background: #cbd5e1; }

.admin-settings-tabs {
  gap: 6px;
  margin-top: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e7eb;
}

.menu-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-inline: 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}

.menu-tab {
  min-width: 0;
  padding: 11px 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
}

.menu-tab[aria-selected="true"] {
  border-bottom-color: #2563eb;
  background: #fff;
  color: #2563eb;
}

.menu-tab:focus-visible,
.menu-source-add:focus-visible,
.menu-tree-action:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.menu-source-body { padding: 16px; }
.menu-source-body > [hidden] { display: none; }

.menu-source-description {
  margin: 0 0 16px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.6;
}

.menu-source-heading,
.menu-source-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 28px;
  gap: 8px;
  align-items: center;
}

.menu-source-heading {
  padding: 0 10px 6px;
  color: #9ca3af;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.menu-source-row {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.menu-source-row:hover { border-color: #93c5fd; background: #eff6ff; }
.menu-source-row[data-depth="1"] { margin-left: 14px; }
.menu-source-row[data-depth="2"] { margin-left: 28px; }
.menu-source-row[data-depth="3"] { margin-left: 42px; }

.menu-source-title,
.menu-source-path {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-source-title { color: #111827; font-size: 14px; font-weight: 700; }
.menu-source-path { color: #6b7280; font-size: 12px; }

.menu-source-add {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #2563eb;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.menu-source-add:hover { background: #dbeafe; }

.menu-custom-form { display: grid; gap: 12px; }
.menu-custom-form .field { margin: 0; }

.menu-tree-panel {
  grid-column: span 2;
  padding: 20px;
}

.menu-tree-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.menu-tree-heading h2 { margin: 0; font-size: 15px; }
.menu-tree-heading p { margin: 4px 0 0; color: #6b7280; font-size: 12px; line-height: 1.6; }

.menu-tree,
.menu-subtree {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu-subtree { margin-top: 8px; margin-left: 32px; }
.menu-tree-node { min-width: 0; }

.menu-tree-card {
  overflow: hidden;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 3px #1118270d;
}

.menu-tree-card[data-depth="1"] { border-color: #e5e7eb; }
.menu-tree-card[data-dragging="true"] { opacity: .5; }
.menu-tree-card[data-drop-target="true"] { border-color: #2563eb; box-shadow: 0 0 0 2px #dbeafe; }

.menu-tree-head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
}

.menu-tree-leading,
.menu-tree-actions { display: flex; min-width: 0; align-items: center; gap: 8px; }
.menu-tree-leading { flex: 1; }
.menu-tree-actions { flex: 0 0 auto; gap: 4px; }

.menu-tree-drag {
  display: inline-flex;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  border: 1px dashed #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #9ca3af;
  cursor: grab;
  font: inherit;
  font-size: 16px;
}
.menu-tree-drag svg { width: 16px; height: 16px; }
.menu-tree-drag:hover { border-color: #93c5fd; color: #2563eb; }
.menu-tree-drag:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }

.menu-tree-level {
  display: inline-flex;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #0f172a;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.menu-tree-card[data-depth="1"] .menu-tree-level { background: #f3f4f6; color: #6b7280; }
.menu-tree-summary { min-width: 0; }
.menu-tree-summary strong,
.menu-tree-summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-tree-summary strong { color: #111827; font-size: 14px; }
.menu-tree-summary small { margin-top: 2px; color: #6b7280; font-size: 12px; }

.menu-tree-badge {
  display: inline-flex;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 4px;
  background: #ecfdf5;
  color: #047857;
  font-size: 10px;
  font-weight: 800;
  vertical-align: 2px;
}

.menu-tree-action {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  font: inherit;
  font-size: 16px;
}

.menu-tree-action:hover { background: #f3f4f6; color: #111827; }
.menu-tree-action[data-menu-remove]:hover { background: #fef2f2; color: #dc2626; }
.menu-tree-action:disabled { cursor: default; opacity: .25; }

.menu-tree-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 150px 170px;
  gap: 8px;
  padding: 0 12px 12px;
}

.menu-tree-fields-secondary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 8px;
  padding: 0 12px 12px;
}

.menu-tree-field { min-width: 0; }
.menu-tree-field span { display: block; margin-bottom: 4px; color: #6b7280; font-size: 10px; font-weight: 800; }
.menu-tree-field input,
.menu-tree-field select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 12px;
}

.menu-tree-target {
  display: flex;
  min-height: 32px;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
}

.menu-tree-roles { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 12px 12px; }
.menu-tree-roles[hidden] { display: none; }
.menu-tree-role { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #f3f4f6; border-radius: 8px; background: #f9fafb; color: #374151; font-size: 12px; font-weight: 700; }

.menu-tree-empty { padding: 48px 16px; border: 1px dashed #e5e7eb; border-radius: 12px; background: #f9fafb; color: #6b7280; text-align: center; }
.menu-tree-empty strong { display: block; color: #374151; font-size: 14px; }
.menu-tree-empty span { display: block; margin-top: 4px; font-size: 12px; }

@media (max-width: 960px) {
  .menu-editor-grid { grid-template-columns: 1fr; }
  .menu-tree-panel { grid-column: auto; }
}

@media (max-width: 700px) {
  .menu-editor-header { grid-template-columns: 1fr; align-items: stretch; }
  .menu-editor-header > div:last-child { display: flex; }
  .menu-editor-header > div:last-child .button { flex: 1; justify-content: center; }
  .menu-tabs { grid-template-columns: repeat(4, minmax(92px, 1fr)); overflow-x: auto; }
  .menu-tree-panel { padding: 16px; }
  .menu-tree-fields,
  .menu-tree-fields-secondary { grid-template-columns: 1fr; }
  .menu-subtree { margin-left: 12px; }
  .menu-tree-head { align-items: flex-start; }
  .menu-tree-leading { align-items: flex-start; }
  .menu-tree-actions { flex-wrap: wrap; }
}

.admin-topbar {
  display: none;
}

.card {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 20px;
  box-shadow: none;
}

.notification-page-layout {
  box-sizing: border-box;
  display: grid;
  width: 100%;
  max-width: var(--admin-content-max-width);
  margin: 0 auto;
  gap: 20px;
}
.notification-page-heading h1 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.025em;
}
.notification-page-card {
  max-width: none;
  overflow: hidden;
}

/* Point screens mirror the legacy adminPageClass/AdminCard composition. The
   markup stays Hono-owned, while these primitives preserve the same title,
   card, summary, search and pagination geometry across every point route. */
.point-admin-page {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  max-width: var(--admin-content-max-width);
  margin: 0 auto;
  flex-direction: column;
  gap: 20px;
  color: #111827;
  font-size: 14px;
}

.point-page-title {
  margin: 0;
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 28px;
}

.point-admin-card {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.point-summary-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.point-summary-item {
  min-width: 0;
  padding: 16px;
}

.point-summary-item.has-start-divider {
  border-left: 1px solid #f3f4f6;
}

.point-summary-item.has-mobile-bottom-divider {
  border-bottom: 1px solid #f3f4f6;
}

.point-summary-item.has-desktop-top-divider {
  border-top: 1px solid #f3f4f6;
}

.point-summary-label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.point-summary-value {
  display: block;
  margin-top: 4px;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 24px;
}

.point-card-header {
  border-bottom: 1px solid #f3f4f6;
  padding: 16px 20px;
}

.point-card-header h3,
.point-recent-section > h3 {
  margin: 0;
  color: #111827;
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
}

.point-card-header p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 20px;
}

.point-management-grid {
  display: grid;
  grid-template-columns: 1fr;
}

.point-management-link {
  display: block;
  border-bottom: 1px solid #f3f4f6;
  padding: 16px 20px;
  color: inherit;
  text-decoration: none;
  transition: background-color 120ms ease;
}

.point-management-link:hover,
.point-management-link:focus-visible {
  background: #f9fafb;
}

.point-management-link strong {
  display: block;
  color: #111827;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.point-management-link .muted {
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
}

.point-recent-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.point-list-search {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  border-bottom: 1px solid #f3f4f6;
  padding: 16px;
}

.point-search-input {
  position: relative;
  min-width: 0;
}

.point-search-input input {
  width: 100%;
  padding-left: 36px;
}

.point-search-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 16px;
  height: 16px;
  color: #9ca3af;
  pointer-events: none;
  transform: translateY(-50%);
}

.point-list-search .button {
  flex-shrink: 0;
}

.point-pagination {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 12px;
  border-top: 1px solid #f3f4f6;
  padding: 12px 20px;
  color: #6b7280;
  font-size: 13px;
  line-height: 20px;
}

.point-pagination-summary {
  font-weight: 700;
}

.point-pagination-links {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.point-pagination-link {
  display: inline-flex;
  min-width: 0;
  min-height: 32px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 6px 12px;
  color: #374151;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color 120ms ease;
}

.point-pagination-link:hover,
.point-pagination-link:focus-visible {
  background: #f9fafb;
}

.point-pagination-link.point-pagination-number {
  min-width: 32px;
  padding-right: 10px;
  padding-left: 10px;
}

.point-pagination-link.is-current {
  border-color: #030712;
  background: #030712;
  color: #fff;
}

.point-pagination-link.is-current:hover,
.point-pagination-link.is-current:focus-visible {
  background: #030712;
}

.point-pagination-link.is-disabled {
  border-color: #f3f4f6;
  color: #d1d5db;
  pointer-events: none;
}

.point-pagination-gap {
  padding: 0 4px;
  color: #d1d5db;
  font-weight: 700;
}

.point-adjustment-card form,
.point-settings-card form {
  padding: 20px;
}

.point-adjustment-grid {
  display: grid;
  max-width: 896px;
  grid-template-columns: 1fr;
  gap: 20px;
}

.point-adjustment-notice {
  margin-top: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  padding: 12px 16px;
  color: #4b5563;
  font-size: 12px;
  line-height: 20px;
}

.point-adjustment-card form > .button {
  margin-top: 20px;
}

.point-screen-debug {
  display: none;
}

.point-rules-card,
.point-expirations-card,
.point-reversals-card {
  padding: 0;
}

.point-rules-layout {
  display: grid;
  grid-template-columns: 1fr;
}

.point-rule-form {
  border-bottom: 1px solid #f3f4f6;
  padding: 20px;
}

.point-expiration-section {
  border-bottom: 1px solid #f3f4f6;
}

.point-expiration-section.is-separated {
  border-bottom: 0;
}

.point-section-heading {
  padding: 16px 20px;
}

.point-section-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 20px;
}

.point-section-heading p {
  margin: 4px 0 0;
  line-height: 20px;
}

.point-admin-card .table th {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (min-width: 768px) {
  .point-summary-card {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .point-summary-item {
    padding-right: 20px;
    padding-left: 20px;
  }

  .point-management-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .point-management-link:nth-child(odd) {
    border-right: 1px solid #f3f4f6;
  }

  .point-list-search {
    flex-direction: row;
    align-items: center;
  }

  .point-search-input {
    max-width: 384px;
    flex: 1;
  }

  .point-pagination {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .point-adjustment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .point-rules-layout {
    grid-template-columns: 420px minmax(0, 1fr);
  }

  .point-rule-form {
    border-right: 1px solid #f3f4f6;
    border-bottom: 0;
  }
}

.table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

.table th,
.table td {
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}

.table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 10px 20px;
  background: #f9fafb;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
}

.table td {
  padding: 12px 20px;
  color: #111827;
  font-size: 14px;
}

.table tbody tr:hover {
  background: rgb(249 250 251 / .5);
}

.table input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #2563eb;
}

.table a:not(.button) {
  color: #111827;
  font-weight: 600;
  text-decoration: none;
}

.table a:not(.button):hover {
  color: #111827;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Status links are semantic badges, not ordinary list titles. Keep their
   variant colors even when they are rendered as links. */
.table a.status-pill,
.table a.order-status-pill,
.table a[data-status] {
  color: inherit;
}

.table .button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 13px;
}

.order-status-pill {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.order-status-pill.neutral { background: #f3f4f6; color: #374151; }
.order-status-pill.info { background: #eff6ff; color: #1d4ed8; }
.order-status-pill.success { background: #ecfdf5; color: #047857; }
.order-status-pill.warning { background: #fffbeb; color: #b45309; }
.order-status-pill.danger { background: #fef2f2; color: #dc2626; }

.orders-card {
  overflow: hidden;
  padding: 0;
}

.orders-filter-form {
  display: grid;
  grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(120px, 0.8fr)) minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 20px;
  border-bottom: 0;
}

.main .card:not(.auth-card) .orders-filter-form .field {
  gap: 0;
  line-height: 18.6px;
}

.main .card:not(.auth-card) .orders-filter-form .field > input,
.main .card:not(.auth-card) .orders-filter-form .field > select {
  display: inline-block;
  vertical-align: top;
}

.main .card:not(.auth-card) .orders-filter-form .field > select {
  height: 39.6875px;
  min-height: 39.6875px;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%);
  background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  padding-right: 32px;
}

.orders-filter-search,
.orders-date-field { grid-column: auto; }
.orders-filter-form .field { min-width: 0; margin: 0; }
.orders-filter-form .field > span,
.orders-date-field legend { display: block; margin-bottom: 4px; color: #374151; font-size: 12px; font-weight: 700; line-height: 20px; }
.main .card:not(.auth-card) .orders-filter-form .field > span,
.main .card:not(.auth-card) .orders-date-field legend { line-height: 18.6px; }
.main .card:not(.auth-card) .orders-filter-form .field:not(.orders-filter-search) > span { margin-bottom: 6px; }
.orders-date-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.orders-date-field > div { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; }
.orders-filter-actions { display: flex; justify-content: flex-end; gap: 8px; align-items: center; }
.orders-filter-actions .orders-action-button { height: 39.6875px; min-height: 39.6875px; }
.orders-filter-actions .button { white-space: nowrap; }
.orders-action-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.orders-action-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.shop-operations-filter { display: grid; grid-template-columns: minmax(240px, 1.45fr) repeat(2, minmax(130px, 0.8fr)) repeat(2, minmax(130px, 0.7fr)) auto; gap: 12px; align-items: end; justify-content: initial; margin: 0 0 20px; }
.shop-operations-filter > input,
.shop-operations-filter > select { box-sizing: border-box; width: 100%; min-width: 0; }
.shop-operations-filter > .button { white-space: nowrap; }
.shop-shipments-filter { grid-template-columns: minmax(280px, 1.6fr) minmax(140px, 0.8fr) minmax(160px, 0.9fr) auto; }
.orders-data-tools { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 20px 0; }
.orders-bulk-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 12px 20px; border-bottom: 1px solid #f3f4f6; background: rgb(249 250 251 / 0.7); }
.orders-bulk-select { display: flex; gap: 8px; align-items: center; }
.orders-bulk-select select,
.admin-list-table select[data-user-role],
.admin-list-table select[data-product-status],
.admin-list-table select[data-board-post-status] {
  min-height: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  color: #111827;
  font: inherit;
  font-size: 14px;
  outline: none;
  padding: 6px 32px 6px 10px;
  appearance: none;
}
.orders-bulk-select select { min-width: 208px; }
.admin-list-table select[data-user-role] { min-width: 144px; }
.admin-list-table select[data-product-status] { min-width: 112px; }
.admin-list-table select[data-board-post-status] { min-width: 96px; }
.main .card .orders-bulk-select select,
.main .card .admin-list-table select[data-user-role],
.main .card .admin-list-table select[data-product-status],
.main .card .admin-list-table select[data-board-post-status] {
  min-height: 32px;
  min-width: 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  padding: 6px 32px 6px 10px;
  appearance: none;
}
.main .card .orders-bulk-select select { min-width: 208px; }
.main .card .admin-list-table select[data-user-role] { min-width: 144px; }
.main .card .admin-list-table select[data-product-status] { min-width: 112px; }
.main .card .admin-list-table select[data-board-post-status] { min-width: 96px; }
.orders-bulk-select select:focus,
.admin-list-table select[data-user-role]:focus,
.admin-list-table select[data-product-status]:focus,
.admin-list-table select[data-board-post-status]:focus { border-color: #0071e3; box-shadow: 0 0 0 1px #0071e3; }
.orders-table { min-width: 1120px; }
.orders-table th:first-child,
.orders-table td:first-child { width: 48px; }
.orders-product-cell { min-width: 288px; }
.orders-customer-cell { min-width: 224px; }
.orders-product-cell > div,
.orders-customer-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orders-link { color: #111827; font-size: 13px; font-weight: 700; text-decoration: none; }
.orders-item-link { overflow: hidden; color: #111827; font-size: 14px; font-weight: 700; text-overflow: ellipsis; text-decoration: none; }
.orders-link:hover,
.orders-item-link:hover { color: #111827; text-decoration: underline; text-underline-offset: 3px; }
.orders-money-cell { white-space: nowrap; text-align: right; font-weight: 700; }
.orders-empty { padding: 40px 20px !important; text-align: center !important; }
.orders-pagination { display: flex; gap: 8px; align-items: center; margin-top: 20px; }

.products-card {
  overflow: hidden;
  padding: 0;
}

.products-filter-form {
  display: block;
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #f3f4f6;
}

.products-filter-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(120px, 0.8fr)) repeat(2, minmax(100px, 0.65fr)) auto;
  gap: 12px;
  align-items: end;
}

.products-filter-form .field { display: block; min-width: 0; margin: 0; color: #111827; font-size: 14px; line-height: 21.7px; }
.products-filter-form .field > span { display: block; margin-bottom: 4px; color: #374151; font-size: 12px; font-weight: 700; line-height: 18.6px; }
.products-filter-form .field > input,
.products-filter-form .field > select { display: block; box-sizing: border-box; width: 100%; }
.products-filter-form .field > select { font: inherit; line-height: 21.7px; }
.products-filter-actions { display: flex; gap: 8px; flex-wrap: nowrap; align-items: center; }
.products-filter-actions .button { white-space: nowrap; }
.main .card:not(.auth-card) .products-filter-actions .button { min-height: 39.7px; gap: 6px; font-size: 14px; font-weight: 400; line-height: 21.7px; }
.products-filter-actions .filter-action-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.products-count { padding: 12px 20px; color: #6b7280; font-size: 13px; font-weight: 700; }
.products-bulk-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 12px 20px; border-bottom: 1px solid #f3f4f6; background: rgb(249 250 251 / 0.7); }
.products-table { overflow-x: auto; }
.products-pagination { display: flex; gap: 8px; align-items: center; margin: 20px; }

.product-editor-page { gap: 8px; }
.product-editor-card { overflow: hidden; padding: 0; }
.product-editor-form { margin: 0; }
#hono-product-editor { margin: 0; padding: 20px; }
.product-editor-tabs { gap: 0; border-bottom: 1px solid #e5e7eb; margin: 0; padding: 0; background: #fff; }
.product-editor-tab { flex: 0 0 auto; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #6b7280; cursor: pointer; font: inherit; font-size: 13px; font-weight: 600; line-height: 20px; padding: 16px 14px 14px; white-space: nowrap; }
.product-editor-tab:hover { color: #111827; }
.product-editor-tab[aria-selected="true"] { border-bottom-color: #2563eb; color: #2563eb; }
.product-editor-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; border-bottom: 1px solid #e5e7eb; padding: 16px 0; }
.product-editor-summary-item { display: grid; min-width: 0; gap: 4px; }
.product-editor-summary-item span { color: #6b7280; font-size: 11px; line-height: 16px; }
.product-editor-summary-item strong { overflow: hidden; color: #111827; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.product-editor-summary[data-product-dirty="true"] { border-bottom-color: #93c5fd; }
.product-editor-save-access { display: flex; min-height: 40px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #f3f4f6; padding: 12px 0; }
.product-editor-save-status { color: #6b7280; font-size: 12px; }
.product-editor-save-status::before { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #9ca3af; content: ""; vertical-align: middle; }
.product-editor-summary[data-product-dirty="true"] + .product-editor-save-access .product-editor-save-status { color: #1d4ed8; font-weight: 700; }
.product-editor-summary[data-product-dirty="true"] + .product-editor-save-access .product-editor-save-status::before { background: #2563eb; }
.product-production-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 12px 0 16px; }
.product-production-summary section { min-width: 0; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; padding: 14px; }
.product-production-summary h3 { margin: 0 0 6px; color: #111827; font-size: 14px; line-height: 20px; }
.product-production-summary p { margin: 0 0 4px; color: #374151; font-size: 13px; line-height: 20px; }
.product-production-summary small { color: #64748b; font-size: 12px; line-height: 18px; }
.product-editor-panel { padding: 0; }
.product-editor-section { border-bottom: 1px solid #e5e7eb; padding: 4px 0 0; }
.product-editor-section:last-child { border-bottom: 0; }
.product-editor-section-heading { padding: 20px 0 4px; }
.product-editor-section-heading h2 { margin: 0; color: #111827; font-size: 16px; line-height: 22px; }
.product-editor-section-heading p { margin: 4px 0 0; }
.product-editor-section .product-editor-row:last-child { border-bottom: 0; }
.product-editor-row { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: start; border-bottom: 1px solid #f3f4f6; padding: 16px 0; }
.product-editor-label { color: #111827; font-size: 13px; font-weight: 700; line-height: 20px; }
.product-editor-control { min-width: 0; }
.product-editor-control > :first-child { margin-top: 0; }
.main .card:not(.auth-card) .product-editor-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.main .card:not(.auth-card) .product-editor-control select { max-width: 512px; height: 36px; padding: 6px 12px; line-height: 20px; }
.main .card:not(.auth-card) .product-editor-control textarea { max-width: 768px; }
.product-editor-control textarea[data-product-rich-text] { width: 100%; max-width: 900px; min-height: 260px; }
.product-editor-control .product-rich-text-fallback { margin: 8px 0 0; color: #b45309; font-size: 12px; line-height: 18px; }
.product-editor-rich-text-field { width: 100%; max-width: 900px; }
.product-editor-control .jodit-container { width: 100% !important; max-width: 900px; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; }
.product-editor-control .jodit-toolbar__box { border-bottom: 1px solid #e5e7eb; background: #f9fafb; }
.product-editor-control .jodit-workplace { min-height: 260px; }
.product-editor-control .jodit-wysiwyg { font-size: 15px; line-height: 1.7; }
.product-editor-media-field { display: flex; max-width: 768px; align-items: center; gap: 8px; }
.product-editor-media-field > input,
.product-editor-media-field > textarea { flex: 1 1 auto; min-width: 0; max-width: none !important; }
.product-editor-media-field > .button { flex: 0 0 auto; white-space: nowrap; }
.product-editor-media-field--stacked { align-items: stretch; flex-direction: column; }
.product-editor-image-toggle { display: inline-flex; min-height: 40px; align-items: center; gap: 8px; color: #374151; font-size: 13px; }
.product-editor-image-toggle input { width: 16px; height: 16px; }
.product-editor-image-field { display: grid; max-width: 768px; gap: 12px; }
.product-editor-image-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.product-editor-image-actions .button { white-space: nowrap; }
.product-editor-image-input { width: 100%; max-width: none !important; }
.product-editor-image-preview { display: flex; min-height: 180px; max-width: 360px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; color: #9ca3af; }
.product-editor-image-preview img { display: block; width: 100%; max-height: 320px; object-fit: contain; }
.product-editor-image-preview .product-editor-image-placeholder { display: flex; width: 100%; min-height: 180px; align-items: center; justify-content: center; color: #9ca3af; font-size: 12px; }
.product-editor-image-value { overflow-wrap: anywhere; margin: 0; color: #6b7280; font-size: 12px; line-height: 18px; }
.product-editor-gallery-list { display: grid; gap: 8px; max-width: 768px; }
.product-editor-gallery-item { display: flex; min-width: 0; align-items: center; gap: 10px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 8px; }
.product-editor-gallery-item img { width: 72px; height: 56px; flex: 0 0 72px; border-radius: 5px; background: #f3f4f6; object-fit: cover; }
.product-editor-gallery-placeholder { display: flex; width: 72px; height: 56px; flex: 0 0 72px; align-items: center; justify-content: center; border-radius: 5px; background: #f3f4f6; color: #9ca3af; font-size: 11px; text-align: center; }
.product-editor-gallery-meta { display: flex; min-width: 0; flex: 1 1 auto; align-items: center; justify-content: space-between; gap: 8px; }
.product-editor-gallery-meta span { min-width: 0; overflow: hidden; color: #6b7280; font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.product-editor-gallery-empty { margin: 0; color: #9ca3af; font-size: 13px; line-height: 20px; }
.product-rich-media-dialog { position: fixed; inset: 50% auto auto 50%; z-index: 10020; box-sizing: border-box; width: min(920px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: 0; padding: 0; border: 1px solid #d1d5db; border-radius: 10px; background: #fff; color: #111827; overflow: hidden; transform: translate(-50%, -50%); box-shadow: 0 24px 80px rgb(15 23 42 / 22%); }
.product-rich-media-dialog::backdrop { background: rgb(15 23 42 / 42%); }
.product-rich-media-dialog__shell { display: grid; max-height: min(760px, calc(100vh - 32px)); grid-template-rows: auto auto auto minmax(0, 1fr) auto; overflow: hidden; }
.product-rich-media-dialog__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e5e7eb; padding: 20px 22px 16px; }
.product-rich-media-dialog__header h2 { margin: 0; color: #111827; font-size: 17px; line-height: 24px; }
.product-rich-media-dialog__header p { margin: 4px 0 0; color: #6b7280; font-size: 12px; line-height: 18px; }
.product-rich-media-dialog__close { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: transparent; color: #6b7280; cursor: pointer; font-size: 22px; line-height: 1; }
.product-rich-media-dialog__close:hover { background: #f3f4f6; color: #111827; }
.product-rich-media-dialog__toolbar { display: flex; align-items: center; gap: 8px; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; background: #f9fafb; padding: 12px 22px; }
.product-rich-media-dialog__toolbar input[type="search"] { box-sizing: border-box; flex: 1 1 auto; min-width: 0; max-width: none !important; min-height: 40px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; padding: 0 12px; color: #111827; outline: none; }
.product-rich-media-dialog__toolbar input[type="search"]::placeholder { color: #9ca3af; }
.product-rich-media-dialog__toolbar input[type="search"]:focus-visible { border-color: #2563eb; box-shadow: 0 0 0 3px rgb(37 99 235 / 16%); }
.product-rich-media-upload { position: relative; display: inline-flex; min-height: 40px; align-items: center; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; padding: 0 12px; color: #374151; cursor: pointer; font-size: 12px; font-weight: 700; white-space: nowrap; }
.product-rich-media-upload:hover { background: #f9fafb; }
.product-rich-media-upload input { position: absolute; inset: 0; width: 100% !important; height: 100% !important; cursor: pointer; opacity: 0; }
.product-rich-media-dialog__status { min-height: 18px; margin: 0; padding: 10px 22px 0; color: #6b7280; font-size: 12px; line-height: 18px; }
.product-rich-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px; overflow-y: auto; padding: 14px 22px 18px; }
.product-rich-media-item { display: grid; min-width: 0; gap: 7px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 6px; color: #374151; cursor: pointer; text-align: left; }
.product-rich-media-item:hover,
.product-rich-media-item:focus-visible { border-color: #60a5fa; outline: 0; box-shadow: 0 0 0 3px rgb(37 99 235 / 16%); }
.product-rich-media-item img { width: 100%; aspect-ratio: 1; border-radius: 5px; background: #f3f4f6; object-fit: cover; }
.product-rich-media-placeholder { display: flex; width: 100%; aspect-ratio: 1; align-items: center; justify-content: center; border-radius: 5px; background: #f3f4f6; color: #9ca3af; font-size: 11px; text-align: center; }
.product-rich-media-item span { overflow: hidden; padding: 0 2px 2px; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 16px; }
.product-rich-media-item > .product-rich-media-placeholder { overflow: visible; padding: 0; white-space: normal; }
.product-rich-media-empty { grid-column: 1 / -1; margin: 0; padding: 48px 12px; color: #9ca3af; font-size: 13px; text-align: center; }
.product-rich-media-dialog__footer { display: flex; justify-content: flex-end; border-top: 1px solid #e5e7eb; padding: 12px 22px; }
.product-editor-control [name="categories"] { max-width: 768px !important; }
.product-editor-help { margin: 8px 0 0; color: #9ca3af; font-size: 12px; line-height: 18px; }
.product-editor-date-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 672px; }
.product-editor-three-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: 512px; }
.product-editor-inline-grid { display: grid; grid-template-columns: minmax(180px, 0.8fr) minmax(0, 1fr); gap: 8px; max-width: 512px; }
.product-editor-checks { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; min-height: 40px; }
.product-editor-checks label,
.product-editor-control > label { display: inline-flex; gap: 8px; align-items: center; color: #374151; font-size: 13px; }
.product-editor-checks input,
.product-editor-control > label input { width: 16px; height: 16px; }
.product-editor-choice-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; max-width: 768px; }
.product-editor-choice-list label { display: flex; min-height: 40px; align-items: center; gap: 8px; border: 1px solid #e5e7eb; border-radius: 6px; padding: 8px 10px; background: #fff; color: #374151; font-size: 13px; }
.product-editor-choice-list label:has(input:checked) { border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.product-editor-choice-list input { width: 16px; height: 16px; flex: none; }
.product-editor-empty-choice { margin: 0; color: #6b7280; font-size: 13px; line-height: 20px; }
.product-editor-taxonomy-picker { display: grid; gap: 8px; width: 100%; max-width: 768px; }
.product-editor-taxonomy-toolbar { display: flex; align-items: center; gap: 8px; }
.product-editor-taxonomy-search { flex: 1 1 auto; min-width: 0; max-width: none !important; }
.product-editor-taxonomy-create { flex: 0 0 auto; min-height: 40px; white-space: nowrap; }
.product-editor-taxonomy-count { flex: 0 0 auto; color: #6b7280; font-size: 12px; white-space: nowrap; }
.product-editor-taxonomy-selected { display: flex; min-height: 40px; box-sizing: border-box; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.product-editor-taxonomy-empty { color: #9ca3af; font-size: 12px; }
.product-editor-taxonomy-tag { display: inline-flex; min-height: 28px; align-items: center; gap: 6px; border: 1px solid #bfdbfe; border-radius: 999px; padding: 3px 9px; background: #eff6ff; color: #1d4ed8; cursor: pointer; font: inherit; font-size: 12px; line-height: 18px; }
.product-editor-taxonomy-tag:hover { border-color: #60a5fa; background: #dbeafe; }
.product-editor-taxonomy-tag span { color: #1e40af; font-size: 15px; line-height: 14px; }
.product-editor-taxonomy-options { display: none; max-height: 224px; box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; gap: 6px; overflow-y: auto; padding: 8px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.product-editor-taxonomy-picker:focus-within .product-editor-taxonomy-options { display: flex; }
.product-editor-taxonomy-option { position: relative; display: inline-flex; min-height: 34px; box-sizing: border-box; align-items: center; border: 1px solid #e5e7eb; border-radius: 999px; padding: 5px 11px; background: #fff; color: #374151; cursor: pointer; font-size: 13px; line-height: 20px; }
.product-editor-taxonomy-option input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.product-editor-taxonomy-option:hover { border-color: #93c5fd; color: #1d4ed8; }
.product-editor-taxonomy-option.is-selected { border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.product-editor-taxonomy-option:focus-within { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.product-editor-taxonomy-no-results { width: 100%; margin: 4px 0; color: #6b7280; font-size: 12px; line-height: 20px; text-align: center; }
.product-editor-relation-picker { display: grid; max-width: 768px; gap: 10px; }
.product-editor-relation-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.product-editor-relation-head strong { color: #111827; font-size: 14px; line-height: 20px; }
.product-editor-relation-head .product-editor-help { margin-top: 3px; }
.product-editor-relation-count { flex: 0 0 auto; color: #6b7280; font-size: 12px; white-space: nowrap; }
.product-editor-relation-search-row { display: flex; align-items: center; gap: 8px; }
.product-editor-relation-search-row input { flex: 1 1 auto; min-width: 0; max-width: none !important; }
.product-editor-relation-search-row .button { flex: 0 0 auto; min-width: 64px; white-space: nowrap; }
.product-editor-relation-results { display: grid; max-height: 248px; overflow-y: auto; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.product-editor-relation-result { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; border-bottom: 1px solid #f3f4f6; padding: 8px 10px; }
.product-editor-relation-result:last-child { border-bottom: 0; }
.product-editor-relation-result-copy { min-width: 0; overflow: hidden; color: #111827; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.product-editor-relation-result small { overflow: hidden; max-width: 180px; color: #9ca3af; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.product-editor-relation-result-state { margin: 0; padding: 14px; color: #6b7280; font-size: 12px; text-align: center; }
.product-editor-relation-selected { display: flex; min-height: 40px; box-sizing: border-box; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.product-editor-relation-empty { color: #9ca3af; font-size: 12px; }
.product-editor-relation-tag { display: inline-flex; min-height: 28px; align-items: center; gap: 6px; border: 1px solid #bfdbfe; border-radius: 999px; padding: 3px 9px; background: #eff6ff; color: #1d4ed8; cursor: pointer; font: inherit; font-size: 12px; line-height: 18px; }
.product-editor-relation-tag:hover { border-color: #60a5fa; background: #dbeafe; }
.product-editor-relation-tag > span { color: #1e40af; font-size: 15px; line-height: 14px; }
.product-editor-empty-state { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0; border: 1px dashed #bfdbfe; border-radius: 8px; background: #eff6ff; padding: 12px 14px; color: #1e3a8a; font-size: 13px; }
.product-editor-advanced-section { margin: 16px 0; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.product-editor-advanced-section > summary { display: flex; min-height: 52px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; padding: 10px 14px; }
.product-editor-advanced-section > summary::-webkit-details-marker { display: none; }
.product-editor-advanced-section > summary > span { display: grid; gap: 2px; }
.product-editor-advanced-section > summary strong { color: #111827; font-size: 14px; }
.product-editor-advanced-section > summary small { color: #6b7280; font-size: 12px; }
.product-editor-advanced-section > summary em { color: #6b7280; font-size: 12px; font-style: normal; }
.product-editor-advanced-content { border-top: 1px solid #f3f4f6; padding: 0 14px 14px; }
.product-editor-advanced-content > .muted { margin: 12px 0; font-size: 12px; }
.product-editor-repeat-list { display: grid; gap: 8px; max-width: 768px; margin-bottom: 8px; }
.product-editor-repeat-row { display: grid; grid-template-columns: minmax(140px, .7fr) minmax(220px, 1.3fr) auto; gap: 8px; align-items: center; }
.product-structured-section { width: 100%; margin-top: 14px; border-top: 1px solid #e5e7eb; }
.product-structured-section:first-of-type { margin-top: 12px; }
.product-structured-summary { display: flex; min-height: 52px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; }
.product-structured-summary::-webkit-details-marker { display: none; }
.product-structured-summary:focus-visible,
.product-structured-row-summary:focus-visible,
.product-conditional-toggle:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 3px; border-radius: 6px; }
.product-structured-summary-copy { display: grid; min-width: 0; gap: 3px; }
.product-structured-summary-copy strong { color: #111827; font-size: 14px; line-height: 20px; }
.product-structured-summary-copy small { color: #6b7280; font-size: 12px; font-weight: 400; line-height: 18px; }
.product-structured-summary-action { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; color: #2563eb; font-size: 12px; font-weight: 700; white-space: nowrap; }
.product-structured-summary-close-label { display: none; color: #6b7280; }
.product-structured-section[open] > .product-structured-summary .product-structured-summary-open-label { display: none; }
.product-structured-section[open] > .product-structured-summary .product-structured-summary-close-label { display: inline; }
.product-structured-chevron { width: 16px; height: 16px; flex: 0 0 16px; color: #6b7280; transition: transform 140ms ease; }
.product-structured-section[open] > .product-structured-summary .product-structured-chevron,
.product-configurable-field-details[open] > .product-structured-row-summary .product-structured-chevron,
.product-conditional-details[open] .product-conditional-toggle .product-structured-chevron { transform: rotate(180deg); }
.product-structured-section-content { width: 100%; }
.product-structured-list { width: 100%; max-width: none; }
.product-structured-row { position: relative; box-sizing: border-box; width: 100%; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 12px; transition: border-color 120ms ease, background-color 120ms ease, opacity 120ms ease; }
.product-structured-row.is-dragging { opacity: .55; }
.product-structured-row.is-drop-target { border-color: #60a5fa; background: #eff6ff; }
.product-structured-row-body { display: grid; gap: 10px; margin-top: 10px; }
.product-structured-row .product-editor-three-grid,
.product-structured-row .product-editor-choice-list { width: 100%; max-width: none; }
.product-structured-section-toolbar { display: flex; min-height: 40px; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 10px; }
.product-structured-section-toolbar p { margin: 0; }
.product-variation-list,
.product-configurable-field-list { margin-bottom: 16px; }
.product-structured-enable-toggle { display: inline-flex; min-height: 36px; align-items: center; gap: 8px; color: #374151; font-size: 13px; }
.product-structured-enable-toggle input { width: 16px; height: 16px; }
.product-structured-row-header { display: flex; min-height: 36px; align-items: center; justify-content: space-between; gap: 12px; }
.product-structured-row-title { display: inline-flex; min-width: 0; align-items: center; gap: 8px; }
.product-structured-row-title strong { color: #111827; font-size: 14px; }
.product-structured-drag-handle { display: inline-flex; width: 30px; height: 30px; flex: 0 0 30px; align-items: center; justify-content: center; border: 1px dashed #d1d5db; border-radius: 6px; background: #fff; color: #9ca3af; cursor: grab; }
.product-structured-drag-handle:hover { border-color: #93c5fd; color: #2563eb; }
.product-structured-drag-handle:active { cursor: grabbing; }
.product-structured-drag-handle:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.product-structured-drag-icon { width: 16px; height: 16px; }
.product-structured-action-icon { width: 14px; height: 14px; }
.product-structured-remove { display: inline-flex; min-height: 30px; align-items: center; gap: 5px; padding: 5px 9px; font-size: 12px; }
.product-variation-row > .field { margin: 12px 0; }
.product-variation-row > .field:first-of-type { margin-top: 12px; }
.product-configurable-field { padding: 0; overflow: hidden; }
.product-configurable-field-head { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: stretch; min-height: 50px; }
.product-configurable-field-head > .product-structured-drag-handle { align-self: start; margin: 10px 0 0 10px; }
.product-configurable-field-head > .product-structured-remove { align-self: start; margin: 10px 10px 0 8px; white-space: nowrap; }
.product-configurable-field-details { min-width: 0; }
.product-structured-row-summary { display: flex; min-height: 50px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; cursor: pointer; list-style: none; }
.product-structured-row-summary::-webkit-details-marker { display: none; }
.product-structured-row-summary > strong { min-width: 0; overflow: hidden; color: #111827; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.product-structured-row-summary-chevron { display: inline-flex; flex: 0 0 auto; align-items: center; }
.product-structured-row-content { border-top: 1px solid #f3f4f6; padding: 0 12px 12px; }
.product-structured-row-content > .product-editor-three-grid:first-child { margin-top: 12px; }
.product-structured-row-content > .field { margin: 12px 0; }
.product-conditional-details { margin-top: 12px; border-top: 1px solid #f3f4f6; padding-top: 10px; }
.product-conditional-toggle { display: flex; min-height: 34px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; color: #374151; font-size: 13px; font-weight: 700; }
.product-conditional-toggle::-webkit-details-marker { display: none; }
.product-conditional-toggle::after { display: none; }
.product-conditional-toggle span { color: #374151; }
.product-conditional-toggle small { margin-left: auto; color: #9ca3af; font-size: 12px; font-weight: 400; }
.product-conditional-details > .muted { margin: 5px 0 10px; font-size: 12px; }
.product-configurable-field-list .product-editor-three-grid { max-width: none; }
.product-editor-readonly { display: block; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 6px; background: #f9fafb; color: #374151; }
.product-editor-panel-heading { padding: 24px 0 4px; }
.product-editor-panel-heading h2 { margin: 0; font-size: 16px; }
.product-editor-panel-heading p { margin: 4px 0 0; }
.product-editor-panel > .field { margin: 20px 0; }
.product-editor-panel > .field textarea,
.product-editor-advanced textarea { font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.product-editor-advanced { margin: 20px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.product-editor-advanced summary { cursor: pointer; padding: 14px 16px; color: #374151; font-size: 13px; font-weight: 700; }
.product-editor-advanced > .product-editor-help,
.product-editor-advanced > .field { margin-right: 16px; margin-left: 16px; }
.product-editor-actions { display: flex; gap: 8px; flex-wrap: wrap; border-top: 1px solid #f3f4f6; padding: 16px 0 0; }
.product-editor-url { margin: 0; font-size: 12px; }
.product-order-page [data-product-order-id].is-dragging { opacity: .55; }
.product-order-page [data-product-order-id].is-drop-target { background: #eff6ff; }
.product-order-drag-handle { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 1px dashed #d1d5db; border-radius: 6px; background: #fff; color: #9ca3af; cursor: grab; }
.product-order-drag-handle:hover { border-color: #93c5fd; color: #2563eb; }
.product-order-drag-handle:active { cursor: grabbing; }
.product-order-drag-handle:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.product-order-drag-icon { width: 16px; height: 16px; }

.user-editor-page { gap: 20px; }
.user-editor-page .screen-header h1 { line-height: 27px; }
.user-editor-card { overflow: hidden; padding: 20px; }
.user-editor-form { display: grid; gap: 20px; margin: 0; }
.user-editor-header-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.user-editor-header-actions .button { min-height: 0; padding: 6px 12px; line-height: 21.7px; }
.user-editor-fields-grid,
.user-editor-profile-grid,
.user-editor-approval-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.user-editor-fields-grid .field,
.user-editor-profile-grid .field,
.user-editor-approval-fields .field { min-width: 0; margin: 0; }
.user-editor-fields-grid > .field { display: block; }
.user-editor-fields-grid > .field > span,
.user-editor-profile-grid .field > span,
.user-editor-approval-fields .field > span { display: block; margin-bottom: 4px; color: #374151; font-size: 12px; font-weight: 700; line-height: 19px; }
.user-editor-fields-grid > .field small { color: #9ca3af; font-size: 10px; font-weight: 400; }
.user-editor-fields-grid > .field em,
.user-editor-profile-grid .field em { color: #ef4444; font-style: normal; }
.user-editor-fields-grid input,
.user-editor-fields-grid select,
.user-editor-fields-grid textarea { min-height: 0; }
.user-editor-fields-grid input { height: 40px; }
.user-editor-fields-grid select { height: 38px; }
.user-editor-field-help { margin: 4px 0 0; color: #6b7280; font-size: 12px; line-height: 18px; }
.user-editor-profile-heading { grid-column: 1 / -1; border-top: 1px solid #f3f4f6; padding-top: 20px; }
.user-editor-profile-heading h2 { margin: 0; color: #111827; font-size: 15px !important; line-height: 20px !important; }
.user-editor-profile-heading p { margin: 4px 0 0; font-size: 12px; line-height: 20px; }
.user-editor-span-2 { grid-column: 1 / -1; }
.user-editor-section { margin: 0; border-top: 1px solid #f3f4f6; padding: 20px 0 0; }
.user-editor-section-heading { display: flex; gap: 16px; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; }
.user-editor-section-heading h2 { margin: 0; font-size: 16px !important; line-height: 24px !important; }
.user-editor-section-heading p { margin: 4px 0 0; font-size: 12px; line-height: 18px; }
.user-editor-title-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.user-editor-profile-grid { gap: 16px 20px; }
.user-editor-profile-grid input,
.user-editor-profile-grid select,
.user-editor-profile-grid textarea { margin: 0; }
.user-editor-checkbox { display: flex; min-height: 42px; gap: 8px; align-items: center; color: #374151; font-size: 13px; font-weight: 700; }
.user-editor-checkbox input { width: 16px !important; height: 16px; }
.user-editor-legacy { margin-top: 20px; border: 1px solid #f3e8c3; border-radius: 8px; background: rgb(255 251 235 / 0.72); padding: 16px; }
.user-editor-legacy h3 { margin: 0 0 12px; color: #78350f; font-size: 13px !important; line-height: 20px !important; }
.user-editor-advanced { margin: 20px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.user-editor-advanced summary { cursor: pointer; padding: 14px 16px; color: #374151; font-size: 13px; font-weight: 700; }
.user-editor-advanced > p,
.user-editor-advanced > .field { margin: 0 16px 16px; }
.user-editor-advanced > .field { display: block; }
.user-editor-advanced > .field > span { display: block; margin-bottom: 4px; color: #374151; font-size: 12px; font-weight: 700; }
.user-editor-approval { padding-bottom: 4px; }
.user-editor-approval-responses { display: grid; gap: 0; margin-bottom: 20px; border-top: 1px solid #f3f4f6; }
.user-editor-approval-responses > div { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 16px; border-bottom: 1px solid #f3f4f6; padding: 12px 0; }
.user-editor-approval-responses strong { color: #374151; font-size: 12px; }
.user-editor-approval-responses span { min-width: 0; color: #4b5563; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.user-editor-files { display: grid; gap: 8px; margin-bottom: 20px; }
.user-editor-files strong { color: #374151; font-size: 12px; }
.user-editor-files a { display: inline-flex; width: fit-content; max-width: 100%; min-height: 40px; box-sizing: border-box; align-items: center; border: 1px solid #dbeafe; border-radius: 8px; background: #eff6ff; padding: 8px 12px; color: #1d4ed8; font-size: 13px; font-weight: 700; text-decoration: underline; }
.user-editor-history { display: grid; gap: 6px; margin: 20px 0; border-radius: 8px; background: #f9fafb; padding: 12px; color: #6b7280; font-size: 12px; }
.user-editor-history strong { color: #374151; }
.user-editor-session { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-top: 20px; border-top: 1px solid #f3f4f6; padding: 20px; }
.user-editor-session h3 { margin: 0; color: #111827; font-size: 14px !important; line-height: 20px !important; }
.user-editor-session p { margin: 4px 0 0; font-size: 13px; }
.user-editor-actions { display: flex; gap: 10px; justify-content: flex-start; border-top: 1px solid #f3f4f6; padding: 20px 0 0; }
.user-editor-url { margin: 0 20px 20px; font-size: 12px; }

@media (max-width: 1100px) {
  .orders-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orders-filter-search { grid-column: 1 / -1; }
  .orders-date-field { grid-column: 1 / -1; }
  .orders-filter-actions { justify-content: flex-start; }

  .products-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .products-filter-grid label:first-child { grid-column: 1 / -1; }
  .products-filter-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .shop-operations-filter,
  .shop-shipments-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-operations-filter > input:first-child { grid-column: 1 / -1; }
  .shop-operations-filter > .button { justify-self: start; }
  .product-editor-row { grid-template-columns: 1fr; gap: 8px; }
}

@media (max-width: 640px) {
  .product-editor-tabs { margin: 0; padding: 0; }
  #hono-product-editor { padding: 12px; }
  .product-editor-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px 0; }
  .product-production-summary { grid-template-columns: 1fr; }
  .product-editor-save-access { align-items: stretch; flex-direction: column; }
  .product-editor-save-access .button { width: 100%; justify-content: center; }
  .product-editor-panel { padding: 0; }
  .product-editor-section-heading { padding-top: 16px; }
  .product-editor-date-grid,
  .product-editor-three-grid,
  .product-editor-inline-grid { grid-template-columns: 1fr; }
  .product-editor-media-field { align-items: stretch; flex-direction: column; }
  .product-editor-media-field > .button { width: 100%; justify-content: center; }
  .product-editor-image-actions { align-items: stretch; flex-direction: column; }
  .product-editor-image-actions .button { width: 100%; justify-content: center; }
  .product-editor-image-preview { max-width: none; }
  .product-editor-gallery-meta { align-items: stretch; flex-direction: column; }
  .product-editor-gallery-meta .button { width: 100%; justify-content: center; }
  .product-editor-taxonomy-toolbar { align-items: stretch; flex-direction: column; }
  .product-editor-taxonomy-count { align-self: flex-start; }
  .product-editor-taxonomy-options { max-height: 200px; }
  .product-editor-relation-search-row { align-items: stretch; flex-direction: column; }
  .product-editor-relation-search-row .button { width: 100%; justify-content: center; }
  .product-editor-relation-result { grid-template-columns: minmax(0, 1fr) auto; }
  .product-editor-relation-result small { display: none; }
  .product-editor-empty-state { align-items: stretch; flex-direction: column; }
  .product-editor-empty-state .button { width: 100%; justify-content: center; }
  .product-rich-media-dialog { width: calc(100vw - 20px); }
  .product-rich-media-dialog__header,
  .product-rich-media-dialog__toolbar,
  .product-rich-media-dialog__footer { padding-right: 14px; padding-left: 14px; }
  .product-rich-media-dialog__toolbar { align-items: stretch; flex-direction: column; }
  .product-rich-media-upload { justify-content: center; }
  .product-rich-media-dialog__status { padding-right: 14px; padding-left: 14px; }
  .product-rich-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-right: 14px; padding-left: 14px; }
  .product-editor-repeat-row { grid-template-columns: 1fr; }
  .product-editor-repeat-row .button { justify-content: center; }
  .product-structured-summary { min-height: 52px; gap: 8px; }
  .product-structured-summary-copy small { max-width: 220px; }
  .product-structured-row { padding: 10px; }
  .product-configurable-field-head { grid-template-columns: 30px minmax(0, 1fr) 30px; }
  .product-configurable-field-head > .product-structured-drag-handle { margin-top: 8px; margin-left: 8px; }
  .product-configurable-field-head > .product-structured-remove { margin-top: 8px; margin-right: 8px; margin-left: 4px; }
  .product-structured-row-summary { min-height: 46px; padding: 8px 8px; }
  .product-structured-row-content { padding: 0 12px 12px; }
  .product-structured-row-summary > strong { max-width: 100%; }
  .product-structured-remove span { display: none; }
  .product-structured-remove { width: 30px; padding: 5px; justify-content: center; }
  .shop-operations-filter,
  .shop-shipments-filter { grid-template-columns: 1fr; }
  .shop-operations-filter > input:first-child,
  .shop-operations-filter > .button { grid-column: auto; }
  .shop-operations-filter > .button { width: fit-content; }
  .product-editor-advanced { margin: 12px; }
  .product-editor-actions { padding: 14px 0 0; }
  .user-editor-fields-grid,
  .user-editor-profile-grid,
  .user-editor-approval-fields { grid-template-columns: 1fr; }
  .user-editor-profile-heading,
  .user-editor-span-2 { grid-column: auto; }
  .user-editor-section { padding: 20px 0 0; }
  .user-editor-section-heading,
  .user-editor-session { align-items: stretch; flex-direction: column; }
  .user-editor-section-heading > .button,
  .user-editor-session .button { width: 100%; justify-content: center; }
  .user-editor-approval-responses > div { grid-template-columns: 1fr; gap: 4px; }
  .user-editor-advanced { margin: 16px 12px; }
  .user-editor-actions { padding: 16px 12px; }
  .user-editor-actions .button { flex: 1; justify-content: center; }
  .user-editor-url { margin: 0 12px 16px; overflow-wrap: anywhere; }
}

.page-list-header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.content-locale-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  box-sizing: border-box;
  padding: 4px 10px;
  border-radius: 6px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
}

.page-title-link {
  color: #111827;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-title-link:hover,
.page-title-link:focus-visible {
  color: #111827;
  text-decoration: underline;
}

.page-locale-cell {
  color: #6b7280 !important;
  font-weight: 700;
}

.page-translation-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.translation-locale-link,
.translation-add-button {
  display: inline-flex;
  min-width: 32px;
  height: 28px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.translation-add-button {
  border-style: dashed;
  cursor: pointer;
}

.translation-locale-link:hover,
.translation-locale-link:focus-visible,
.translation-add-button:hover,
.translation-add-button:focus-visible {
  border-color: #111827;
  color: #111827;
  outline: 2px solid rgb(17 24 39 / .18);
  outline-offset: 1px;
}

.page-row-action {
  min-width: 74px;
  padding-right: 10px !important;
  padding-left: 10px !important;
  font-size: 12px !important;
}

.pages-screen .table a.page-row-icon {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.pages-screen .table a.page-row-icon:hover,
.pages-screen .table a.page-row-icon:focus-visible {
  color: #0071e3;
}

.page-quick-edit-dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  width: min(768px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 60px #11182740;
}

.page-quick-edit-dialog::backdrop {
  background: #11182773;
}

.page-quick-edit-panel {
  display: flex;
  max-height: calc(100vh - 32px);
  flex-direction: column;
  overflow: hidden;
  background: #fff;
}

.page-quick-edit-header,
.page-quick-edit-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}

.page-quick-edit-header h2 {
  margin: 0;
  color: #111827;
  font-size: 16px;
}

.admin-dialog-close-icon {
  display: block;
  width: 20px;
  height: 20px;
}

.page-quick-edit-header .icon-button {
  border: 0;
  color: #9ca3af;
}

.page-quick-edit-header .icon-button:hover,
.page-quick-edit-header .icon-button:focus-visible {
  background: #f9fafb;
  color: #374151;
}

.page-quick-edit-panel form {
  min-height: 0;
  overflow-y: auto;
  padding: 4px 20px 0;
}

.page-quick-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.page-quick-role-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
}

.page-quick-role {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
}

.page-quick-edit-footer {
  justify-content: flex-start;
  border-top: 1px solid #e5e7eb;
  border-bottom: 0;
}

.page-translation-dialog-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}

/* Membership navigation is owned by the sidebar. Keep the grade/customer
   screens free of the redundant top-right overview link, matching the
   legacy administrator flow. */
.main .screen-header > a[href="/memberships"] {
  display: none;
}

.auth-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 384px;
  padding: 24px;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
}

/* Keep unauthenticated surfaces aligned with the legacy Next auth
   components. These rules stay outside ordinary admin screen overrides. */
.main.auth-page,
.main.setup-page {
  box-sizing: border-box;
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 40px 16px;
  background: #f5f5f7;
}

.auth-card-heading,
.setup-card-heading {
  margin-bottom: 24px;
  text-align: center;
}

.auth-card-heading .auth-logo {
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}

.auth-card-heading .auth-logo img {
  display: block;
  max-width: 180px;
  max-height: 48px;
  object-fit: contain;
}

.auth-card-heading h1,
.setup-card-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.auth-card .field,
.setup-card .field {
  display: block;
  min-width: 0;
  margin: 0;
}

.auth-card .field > span,
.setup-card .field > span {
  display: block;
  margin-bottom: 4px;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25rem;
}

.auth-card .field input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  outline: none;
}

.auth-card .field input:focus,
.setup-card .field input:focus {
  border-color: #0071e3;
  box-shadow: 0 0 0 1px #0071e3;
}

.auth-card form,
.setup-card form {
  display: grid;
  gap: 12px;
}

.auth-card .button,
.setup-card .button {
  box-sizing: border-box;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.auth-home-link {
  display: block;
  margin-top: 20px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
  text-decoration: none;
}

.auth-home-link:hover,
.auth-home-link:focus-visible {
  color: #111827;
}

.setup-shell {
  width: 100%;
  max-width: 448px;
}

.setup-intro {
  margin-bottom: 40px;
  text-align: center;
}

.setup-intro h1 {
  margin: 0;
  color: #1d1d1f;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

.setup-intro p {
  margin: 8px 0 0;
  color: #86868b;
  font-size: 15px;
  line-height: 1.25rem;
}

.setup-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 448px;
  padding: 40px 32px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 4px 24px rgb(0 0 0 / 0.04);
}

.setup-card-heading {
  margin-bottom: 32px;
}

.setup-card-heading h2 {
  font-size: 24px;
  letter-spacing: -0.025em;
}

.setup-card-heading p {
  margin: 8px 0 0;
  color: #86868b;
  font-size: 14px;
  line-height: 1.25rem;
}

.setup-card .field input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #f5f5f7;
  color: #1d1d1f;
  font: inherit;
  font-size: 15px;
  line-height: 20px;
  outline: none;
}

.setup-card .field input::placeholder {
  color: #86868b;
}

.setup-card .field input:focus {
  background: #fff;
}

.setup-submit-row {
  padding-top: 8px;
}

.setup-submit-row .button {
  margin-top: 0;
  padding: 14px 16px;
  border-radius: 9999px;
  font-size: 15px;
  font-weight: 500;
}

.mobile-admin-header,
.mobile-admin-overlay {
  display: none;
}

.mobile-admin-home {
  border-color: #d1d5db;
  color: #4b5563;
}

.sidebar-order-dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  width: min(512px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 60px #11182740;
}

.sidebar-order-dialog::backdrop {
  background: #11182773;
}

.sidebar-order-panel {
  display: flex;
  max-height: calc(100vh - 32px);
  flex-direction: column;
  overflow: hidden;
  background: #fff;
}

.sidebar-order-header,
.sidebar-order-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}

.sidebar-order-header h2 {
  margin: 0;
  color: #111827;
  font-size: 16px;
}

.sidebar-order-header p {
  margin: 5px 0 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.5;
}

.sidebar-order-header .icon-button {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  color: #4b5563;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

.icon-button {
  width: 32px;
  height: 32px;
  font-size: 20px;
  line-height: 1;
}

.sidebar-order-body {
  min-height: 0;
  overflow-y: auto;
  padding: 16px 20px;
}

.sidebar-order-groups,
.sidebar-order-items {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-order-items {
  gap: 0;
  margin: 0 12px 12px;
  border: 1px solid #e5e7eb;
  border-top: 0;
}

.sidebar-order-group {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.sidebar-order-group.dragging,
.sidebar-order-items [data-sidebar-item].dragging {
  opacity: .45;
}

.sidebar-order-group-heading,
.sidebar-order-items [data-sidebar-item] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
}

.sidebar-order-group-heading {
  border-radius: 7px;
  background: #f9fafb;
}

.sidebar-order-items [data-sidebar-item] + [data-sidebar-item] {
  border-top: 1px solid #e5e7eb;
}

.sidebar-order-item-label {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  color: #374151;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  color: #9ca3af;
  cursor: grab;
  user-select: none;
}

.drag-handle svg {
  width: 16px;
  height: 16px;
}

.icon-button:hover,
.icon-button:focus-visible {
  background: #f3f4f6;
  color: #111827;
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}

.sidebar-order-footer {
  align-items: center;
  border-top: 1px solid #e5e7eb;
  border-bottom: 0;
}

.sidebar-order-footer > span {
  display: inline-flex;
  gap: 8px;
}

/* The legacy desktop sidebar uses separators between groups and keeps group
   names in the mobile drawer only. */
@media (min-width: 701px) {
  .side {
    position: static;
    inset: auto;
  }

  .main {
    height: 100vh;
    overflow: hidden;
    padding: 24px;
  }

  .admin-content {
    padding: 0;
  }

  .side-nav {
    gap: 0;
    width: calc(100% + 24px);
    margin-top: 5px;
    margin-right: -12px;
    margin-left: -12px;
    padding: 12px;
    box-sizing: border-box;
  }

  .side-nav > .side-section {
    width: calc(100% + 10px);
  }

  .side-nav .side-subnav {
    width: 100%;
    margin: 2px 0 0;
    padding-left: 12px;
    box-sizing: border-box;
  }

  .side-section + .side-section {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #1e293b;
  }

  .side-group-label {
    display: none;
  }
}

@media (max-width: 700px) {
  .shell {
    display: block;
  }

  .mobile-admin-header {
    position: fixed;
    inset: 0 0 auto;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    min-height: 56px;
    padding: 0 12px;
    border-bottom: 1px solid #1e293b;
    background: #0f172a;
    color: #e2e8f0;
  }

  .mobile-admin-header .side-brand {
    justify-content: center;
  }

  .mobile-admin-header .side-brand-title {
    display: none;
  }

  .mobile-admin-header button {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0;
    border: 1px solid #1e293b;
    border-radius: 6px;
    background: transparent;
    color: #e2e8f0;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
  }

  .mobile-admin-menu-icon {
    display: block;
    width: 20px;
    height: 20px;
  }

  .mobile-admin-close-icon {
    display: block;
    width: 20px;
    height: 20px;
  }

  .mobile-admin-header .mobile-admin-home {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    padding: 0;
    border-color: #1e293b;
    color: #cbd5e1;
  }

  .side {
    position: fixed;
    z-index: 110;
    width: min(320px, 86vw);
    height: 100dvh;
    transform: translateX(-105%);
    transition: transform 160ms ease;
  }

  .side[data-open="true"] {
    transform: translateX(0);
  }

  .mobile-admin-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: auto;
    border: 0;
    background: transparent;
    color: #cbd5e1;
    cursor: pointer;
    font: inherit;
    font-size: 22px;
    line-height: 1;
  }

  .mobile-admin-overlay:not([hidden]) {
    position: fixed;
    z-index: 105;
    inset: 0;
    display: block;
    border: 0;
    background: #02061780;
  }

  .main {
    margin-left: 0;
    height: 100dvh;
    overflow: hidden;
    padding: 0;
  }

  .admin-content {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 80px 16px 16px;
  }

  .main .card:not(.auth-card) {
    max-width: none;
  }

  .main .admin-content > main {
    margin: 0 -16px -16px;
  }

  .page-list-header-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .page-quick-edit-grid,
  .page-quick-role-list {
    grid-template-columns: 1fr;
  }

  .page-quick-edit-dialog {
    width: calc(100% - 20px);
    max-height: calc(100% - 20px);
  }

  .page-quick-edit-panel {
    max-height: calc(100vh - 20px);
  }

  .admin-topbar {
    display: none;
  }

.notification-connection-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .notification-connection-new-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .notification-template-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

.shop-dashboard-screen { width: 100%; max-width: var(--admin-content-max-width); margin: 0 auto; }
.shop-dashboard-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.shop-dashboard-heading h1 { margin: 0; }
.shop-dashboard-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.shop-dashboard-metric { min-width: 0; min-height: 84px; box-sizing: border-box; padding: 16px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.shop-dashboard-metric span { display: block; color: #6b7280; font-size: 12px; line-height: 18px; }
.shop-dashboard-metric strong { display: block; margin-top: 8px; color: #111827; font-size: 21px; line-height: 28px; }
.shop-dashboard-metric.blue { border-color: #dbeafe; background: #eff6ff; }
.shop-dashboard-metric.blue strong { color: #1d4ed8; }
.shop-dashboard-metric.green { border-color: #d1fae5; background: #ecfdf5; }
.shop-dashboard-metric.green strong { color: #047857; }
.shop-dashboard-metric.purple { border-color: #ede9fe; background: #f5f3ff; }
.shop-dashboard-metric.purple strong { color: #6d28d9; }
.shop-dashboard-metric.yellow { border-color: #fef3c7; background: #fffbeb; }
.shop-dashboard-metric.yellow strong { color: #b45309; }
.shop-dashboard-metric.red { border-color: #fee2e2; background: #fef2f2; }
.shop-dashboard-metric.red strong { color: #be123c; }
.shop-dashboard-panels { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; margin-top: 16px; }
.shop-dashboard-panel { min-width: 0; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.shop-dashboard-panel h2 { margin: 0; padding: 16px 18px; border-bottom: 1px solid #f3f4f6; font-size: 15px; line-height: 22px; }
.shop-dashboard-attention-list { margin: 0; padding: 0; list-style: none; }
.shop-dashboard-attention-list li + li { border-top: 1px solid #f3f4f6; }
.shop-dashboard-attention-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0 18px; color: #374151; text-decoration: none; }
.shop-dashboard-attention-list a:hover { background: #f9fafb; }
.shop-dashboard-count { display: inline-flex; min-width: 26px; min-height: 26px; align-items: center; justify-content: center; border-radius: 7px; padding: 0 7px; font-size: 13px; }
.shop-dashboard-count.danger { background: #fef2f2; color: #dc2626; }
.shop-dashboard-count.info { background: #eff6ff; color: #2563eb; }
.shop-dashboard-count.purple { background: #f5f3ff; color: #7c3aed; }
.shop-dashboard-count.warning { background: #fffbeb; color: #b45309; }
.shop-dashboard-count.neutral { background: #f3f4f6; color: #374151; }
.shop-dashboard-operation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.shop-dashboard-operation-grid a { display: block; min-height: 82px; box-sizing: border-box; padding: 16px 18px; color: #374151; text-decoration: none; }
.shop-dashboard-operation-grid a:nth-child(n + 4) { border-top: 1px solid #f3f4f6; }
.shop-dashboard-operation-grid a:not(:nth-child(3n + 1)) { border-left: 1px solid #f3f4f6; }
.shop-dashboard-operation-grid a:hover { background: #f9fafb; }
.shop-dashboard-operation-grid span { display: block; color: #6b7280; font-size: 12px; line-height: 18px; }
.shop-dashboard-operation-grid strong { display: block; margin-top: 8px; color: #111827; font-size: 19px; line-height: 24px; }
.shop-dashboard-trend { margin-top: 16px; padding-bottom: 12px; }
.shop-dashboard-trend > .muted { margin: -8px 18px 0; font-size: 12px; }
.shop-dashboard-trend-chart { display: block; width: calc(100% - 36px); height: 220px; margin: 8px 18px 0; overflow: visible; }
.shop-dashboard-chart-grid { stroke: #e5e7eb; stroke-dasharray: 3 5; stroke-width: 1; }
.shop-dashboard-chart-line { fill: none; stroke: #2563eb; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5; }
.shop-dashboard-chart-dot { fill: #fff; stroke: #2563eb; stroke-width: 2; }
.shop-dashboard-chart-label { fill: #9ca3af; font-size: 11px; }

.shop-settings-screen { gap: 20px; }
.shop-settings-heading { max-width: var(--admin-content-max-width); width: 100%; margin: 0 auto; }
.shop-settings-heading h1 { margin: 0; line-height: 27px; }
.main .shop-settings-card { max-width: var(--admin-content-max-width) !important; padding: 0; }
.shop-settings-form { padding: 20px; }
.shop-settings-panel-title { margin: 0 0 12px; color: #111827; font-size: 16px !important; font-weight: 700; line-height: 22px !important; }
.shop-settings-form > .field { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: start; margin: 0; padding: 14px 0; border-bottom: 0; }
.shop-settings-form > :is(.field, .shop-settings-toggle) + :is(.field, .shop-settings-toggle) { margin-top: 20px; }
.shop-settings-form > .field > span { padding-top: 4px; color: #111827; font-weight: 700; }
.shop-settings-form > .field > small { grid-column: 2; margin-top: -2px; color: #6b7280; font-size: 12px; font-weight: 400; line-height: 20px; }
.shop-settings-form > .field > input,
.shop-settings-form > .field > select,
.shop-settings-form > .field > textarea { box-sizing: border-box; width: 100%; min-height: 40px; border-radius: 8px; padding: 8px 12px; }
.shop-settings-form > .field > input,
.shop-settings-form > .field > select { box-sizing: border-box; width: 100%; height: 40px; min-height: 40px; border-radius: 8px; padding: 8px 12px; line-height: 21.7px; }
.shop-settings-form > .field > textarea { min-height: 96px; }
.shop-settings-form > .shop-settings-toggle { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: center; margin: 0; padding: 14px 0; border-bottom: 0; color: #111827; font-size: 14px; font-weight: 700; line-height: 20px; }
.shop-toggle-control { display: flex; width: 100%; max-width: 512px; min-height: 40px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border: 1px solid #f0f0f2; border-radius: 8px; background: #f5f5f7; color: #1d1d1f; font-size: 14px; font-weight: 700; }
.shop-toggle-control input { appearance: none; width: 36px; height: 20px; flex: 0 0 36px; margin: 0; border: 0; border-radius: 999px; background: radial-gradient(circle at 10px 10px, #fff 0 7px, transparent 7.5px), #d1d5db; cursor: pointer; }
.shop-toggle-control input:checked { background: radial-gradient(circle at 26px 10px, #fff 0 7px, transparent 7.5px), #0071e3; }
.shop-select { position: relative; width: 100%; max-width: 512px; min-width: 0; }
.shop-select-trigger { display: flex; width: 100%; min-height: 40px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; color: #1d1d1f; font: inherit; font-size: 14px; font-weight: 500; line-height: 22px; text-align: left; }
.shop-select-trigger:focus-visible { border-color: #0071e3; outline: 2px solid rgb(0 113 227 / 20%); outline-offset: 1px; }
.shop-select-chevron { color: #9ca3af; font-size: 16px; line-height: 16px; }
.shop-select-menu { position: absolute; z-index: 20; top: calc(100% + 4px); right: 0; left: 0; overflow: auto; max-height: 240px; padding: 4px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgb(15 23 42 / 12%); }
.shop-select-menu button { display: block; width: 100%; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: #374151; font: inherit; font-size: 14px; text-align: left; }
.shop-select-menu button[aria-selected="true"] { background: #eff6ff; color: #1d4ed8; font-weight: 700; }
.shop-select-menu button:focus-visible { outline: 2px solid rgb(0 113 227 / 20%); outline-offset: -2px; }
.shop-settings-actions { display: flex; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e7eb; }
.shop-settings-section-title { display: flex; align-items: center; gap: 8px; margin: 28px 0 12px; color: #111827; font-size: 16px; font-weight: 700; line-height: 22px; }
.shop-operational-provider-list { display: grid; gap: 16px; }
.shop-operational-provider-card { padding: 16px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
.shop-operational-provider-header { display: block; margin-bottom: 0; }
.shop-operational-provider-header h4 { margin: 0; color: #111827; font-size: 14px; font-weight: 700; line-height: 20px; }
.shop-operational-provider-header p { margin: 4px 0 0; font-size: 12px; line-height: 20px; }
.shop-operational-provider-toggle { display: flex; width: 100%; min-width: 0; max-width: none; margin-top: 14px; box-sizing: border-box; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid #f3f4f6; border-radius: 8px; background: #f5f5f7; color: #374151; }
.shop-operational-switch { position: relative; display: inline-flex; width: 36px; height: 20px; flex: 0 0 36px; align-items: center; padding: 2px; box-sizing: border-box; border-radius: 999px; background: #d1d5db; }
.shop-operational-switch > span { display: block; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / 20%); transform: translateX(0); transition: transform .15s ease; }
.shop-operational-provider-toggle.is-on .shop-operational-switch { background: #0071e3; }
.shop-operational-provider-toggle.is-on .shop-operational-switch > span { transform: translateX(16px); }
.shop-operational-provider-fields { display: grid; gap: 0; }
.shop-operational-provider-card .field { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px; align-items: start; margin: 0; padding: 10px 0; }
.shop-operational-provider-card .field > span { padding-top: 4px; color: #111827; font-weight: 700; }
.shop-operational-provider-card .field > small { grid-column: 1; margin-top: -2px; color: #6b7280; font-size: 12px; line-height: 20px; }
.shop-operational-provider-card .field > input,
.shop-operational-provider-card .shop-select { grid-column: 2; }
.shop-operational-provider-card .field > input { box-sizing: border-box; width: 100%; min-height: 40px; border-radius: 8px; padding: 8px 12px; }
.shop-operational-provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.shop-operational-provider-grid .field { grid-template-columns: 180px minmax(0, 1fr); gap: 8px; }
.shop-operational-provider-grid .field > small { grid-column: 1; }
.shop-operational-provider-grid .field > input { grid-column: 2; }
.shop-operational-provider-select { max-width: none; }

.module-settings-table-wrap { margin-top: 0; overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.module-settings-table { width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; }
.module-settings-table th,
.module-settings-table td { border-bottom: 1px solid #eef0f3; color: #374151; font-size: 13px; text-align: left; }
.module-settings-table thead th { padding: 12px 20px; background: #f9fafb; color: #6b7280; font-size: 12px; font-weight: 700; }
.module-settings-table thead th:nth-child(1) { width: 17%; }
.module-settings-table thead th:nth-child(2) { width: 14%; }
.module-settings-table thead th:nth-child(3) { width: auto; }
.module-settings-table thead th:nth-child(4) { width: 148px; }
.module-settings-table tbody td { padding: 13px 20px; white-space: nowrap; }
.module-settings-table tbody tr:last-child td { border-bottom: 0; }
.module-settings-table .module-settings-group th { padding: 10px 20px; background: #f9fafb; color: #374151; font-size: 12px; font-weight: 700; }
.module-settings-table code { display: inline-block; padding: 3px 7px; border-radius: 3px; background: #f3f4f6; color: #374151; font: 12px/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; }
.module-settings-description { color: #6b7280 !important; white-space: normal !important; }
.module-switch { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 104px; border: 0; background: transparent; color: #6b7280; cursor: pointer; padding: 0; font: inherit; }
.module-switch[aria-checked="true"] { color: #16a34a; }
.module-switch-state { min-width: 48px; text-align: right; font-size: 12px; font-weight: 600; }
.module-switch-track { position: relative; display: inline-flex; width: 44px; height: 24px; box-sizing: border-box; align-items: center; padding: 3px; border-radius: 999px; background: #e5e7eb; transition: background-color .15s ease; }
.module-switch-track > span { display: block; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / 20%); transform: translateX(0); transition: transform .15s ease; }
.module-switch[aria-checked="true"] .module-switch-track { background: #22c55e; }
.module-switch[aria-checked="true"] .module-switch-track > span { transform: translateX(20px); }
.module-switch:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 3px; border-radius: 6px; }

.trash-page > .screen-header { margin-bottom: 18px; }
.trash-filter-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 2px; scrollbar-width: thin; scrollbar-color: #475569 transparent; }
.trash-filter-tabs::-webkit-scrollbar { height: 5px; }
.trash-filter-tabs::-webkit-scrollbar-track { background: transparent; }
.trash-filter-tabs::-webkit-scrollbar-thumb { background: #475569; border-radius: 999px; }
.trash-filter-tab { display: inline-flex; min-width: max-content; align-items: center; gap: 6px; padding: 9px 12px; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; color: #6b7280; cursor: pointer; font: inherit; font-size: 12px; line-height: 18px; white-space: nowrap; }
.trash-filter-tab strong { color: #111827; font-size: 12px; font-weight: 700; }
.trash-filter-tab.is-active { border-color: #111827; background: #111827; color: #fff; }
.trash-filter-tab.is-active strong { color: #fff; }
.trash-search { display: flex; max-width: 360px; margin: 16px 0; }
.trash-search input { width: 100%; min-height: 36px; box-sizing: border-box; padding: 8px 11px; border: 1px solid #d1d5db; border-radius: 5px; background: #fff; color: #111827; font: inherit; font-size: 13px; }
.trash-list-card { overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.trash-bulk-toolbar { display: flex; align-items: center; gap: 8px; min-height: 58px; box-sizing: border-box; padding: 10px 16px; border-bottom: 1px solid #e5e7eb; }
.trash-bulk-toolbar select { min-width: 188px; }
.trash-bulk-toolbar [data-trash-selected] { margin-left: 2px; font-size: 12px; }
.trash-list-card .admin-list-table { overflow-x: auto; }
.trash-list-card .table { min-width: 720px; margin: 0; border: 0; }
.trash-list-card .table th,
.trash-list-card .table td { padding: 12px 16px; }

.board-editor-card { overflow: hidden; padding: 0; }
.board-editor-card .admin-tabs { gap: 0; padding-inline: var(--admin-list-gutter); border-bottom: 1px solid #e5e7eb; background: #f8fafc; }
.board-editor-card .admin-tabs button { min-width: max-content; border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 13px 18px 11px; color: #64748b; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; }
.board-editor-card .admin-tabs button[aria-selected="true"] { border-bottom-color: #111827; background: transparent; color: #111827; }
.board-editor-card .admin-tabs button:focus-visible { outline: 3px solid rgb(37 99 235 / 20%); outline-offset: -3px; }
.board-editor-panel { padding: 20px; }
.board-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px; }
.board-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.board-panel-heading h2 { margin: 0; font-size: 16px; }
.board-panel-heading p { margin: 6px 0 0; }
.board-field-list { display: grid; gap: 8px; }
.board-field-row { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid #e5e7eb; border-radius: 7px; background: #fff; padding: 10px; }
.board-field-row.dragging { opacity: .55; }
.board-field-drag { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border: 1px dashed #d1d5db; border-radius: 6px; background: #fff; color: #94a3b8; cursor: grab; }
.board-field-drag:hover { border-color: #93c5fd; color: #2563eb; }
.board-field-drag:active { cursor: grabbing; }
.board-field-drag:focus-visible { outline: 3px solid rgb(37 99 235 / 22%); outline-offset: 2px; }
.board-field-drag svg { width: 16px; height: 16px; }
.board-field-body { min-width: 0; }
.board-field-head { display: grid; grid-template-columns: minmax(160px,1fr) minmax(130px,180px); gap: 8px; }
.board-field-head input,
.board-field-head select { width: 100%; min-height: 36px; box-sizing: border-box; border: 1px solid #d1d5db; border-radius: 5px; background: #fff; padding: 7px 9px; color: #111827; font: inherit; }
.board-field-options { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.board-check,
.board-skin-check { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #475569; }
.board-field-actions { display: flex; gap: 4px; }
.board-skin-targets { display: grid; gap: 10px; }
.board-skin-targets details { border: 1px solid #e5e7eb; border-radius: 7px; background: #fff; overflow: hidden; }
.board-skin-targets summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 15px; cursor: pointer; background: #f8fafc; }
.board-skin-targets summary span { color: #64748b; font-size: 12px; }
.board-skin-target-body { border-top: 1px solid #e5e7eb; padding: 15px; }
.board-skin-options { display: grid; gap: 14px; margin-top: 14px; }
.board-skin-option-section { border-top: 1px solid #f1f5f9; padding-top: 14px; }
.board-skin-option-section h4 { margin: 0 0 10px; font-size: 13px; }
.board-skin-option-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
.board-editor-actions { display: flex; gap: 8px; border-top: 1px solid #e5e7eb; padding: 16px 20px; }

@media (min-width: 701px) {
  .trash-filter-tabs {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}

@media (max-width: 1180px) {
  .shop-dashboard-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .settings-page .settings-grid { grid-template-columns: minmax(0, 1fr); }
  .production-admin-grid,
  .production-assignment-form,
  .production-form-grid { grid-template-columns: minmax(0, 1fr); }
  .production-admin-grid > :first-child { border-right: 0; border-bottom: 1px solid #e5e7eb; padding: 0 0 20px; }
  .production-profile-list-header { align-items: stretch; flex-direction: column; }
  .production-profile-search { width: 100%; justify-content: stretch; }
  .production-profile-search input { min-width: 0; flex: 1 1 auto; }
  .production-profile-form { grid-template-columns: minmax(0, 1fr); }
  .production-editor-identity { grid-template-columns: minmax(0, 1fr); }
  .production-editor-title-row { align-items: flex-start; flex-direction: column; }
  .production-workflow-heading,
  .production-workflow-context { align-items: flex-start; flex-direction: column; }
  .production-workflow-progress { align-self: flex-start; }
  .production-workflow-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .production-workflow-checks { justify-content: flex-start; }
  .production-onboarding-steps { grid-template-columns: minmax(0, 1fr); }
  .production-readiness-item { grid-template-columns: minmax(0, 1fr); }
  .production-readiness-badges { justify-content: flex-start; }
  .production-editor-row { grid-template-columns: minmax(0, 1fr); }
  .production-option-values .production-editor-row { grid-template-columns: minmax(0, 1fr); }
  .production-preview-options { grid-template-columns: minmax(0, 1fr); }
  .production-option-values .production-editor-row .button { width: 100%; }
  .production-editor-row .checkbox-field,
  .production-editor-row .button { width: 100%; }
  .production-proof-form { grid-template-columns: minmax(0, 1fr); }
  .production-proof-form .field:nth-child(3) { grid-column: auto; }
  .production-assignment-card { padding: 16px; }
  .production-editor-actions { align-items: stretch; flex-direction: column; }
  .production-editor-actions [data-production-save] { width: 100%; }
  .production-assignment-form .button { width: 100%; }
  .board-settings-grid,
  .board-skin-option-grid,
  .board-field-head { grid-template-columns: minmax(0,1fr); }
  .board-panel-heading { flex-direction: column; }
  .board-field-row { grid-template-columns: 24px minmax(0,1fr); }
  .board-field-actions { grid-column: 2; justify-content: flex-end; }
}

.user-mobile-select-all {
  display: none;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 820px) {
  .shop-dashboard-panels { grid-template-columns: minmax(0, 1fr); }
  .module-settings-table { min-width: 760px; }
  .trash-bulk-toolbar { flex-wrap: wrap; }
  .trash-search { max-width: none; }
  .notification-rule-summary { gap: 4px 8px; }
  .notification-rule-summary > span { display: inline-flex; }
  .notification-rule-summary small { grid-column: 1 / -1; }
  .notification-rule-enabled { min-width: 36px; }
  .notification-rule-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-settings-form > .field,
  .shop-settings-form > .shop-settings-toggle { grid-template-columns: minmax(0, 1fr); }
  .shop-settings-form > .field > small { grid-column: 1; margin-top: -2px; }
  .shop-toggle-control { grid-column: 1; }
  .shop-operational-provider-header { flex-direction: column; }
  .shop-operational-provider-toggle { width: 100%; }
  .shop-operational-provider-card .field { grid-template-columns: minmax(0, 1fr); }
  .shop-operational-provider-card .field > small { grid-column: 1; }
  .shop-operational-provider-card .field > input,
  .shop-operational-provider-card .shop-select { grid-column: 1; }
}

@media (max-width: 560px) {
  .shop-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-dashboard-operation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop-dashboard-operation-grid a:nth-child(n + 3) { border-top: 1px solid #f3f4f6; }
  .shop-dashboard-operation-grid a:not(:nth-child(3n + 1)) { border-left: 0; }
  .shop-dashboard-operation-grid a:nth-child(even) { border-left: 1px solid #f3f4f6; }
}

@media (prefers-reduced-motion: reduce) {
  .side {
    transition: none;
  }
}

/* Shared admin list/action toolbar contract.
   Keep filter controls on one semantic row when the viewport allows it, then
   move the search field before the remaining filters at tablet widths. The
   table itself may scroll horizontally; the toolbar must not create a second
   horizontal scroll surface. */
.main {
  --admin-toolbar-gap: 8px;
}

.main :where(.admin-toolbar, form.admin-toolbar, .toolbar.admin-toolbar) {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: var(--admin-toolbar-gap);
  flex-wrap: wrap;
  overflow: visible;
}

/* Compatibility for older list renderers that still expose only the legacy
   toolbar class. This keeps query/search controls compact without changing
   their URL names or nested form structure. */
.main :where(.toolbar, form.toolbar) > form,
.main :where(.toolbar, form.toolbar).admin-list-search {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.main :where(.toolbar, form.toolbar) > form > :where(input:not([type="hidden"]), select),
.main :where(.toolbar, form.toolbar).admin-list-search > :where(input:not([type="hidden"]), select) {
  width: auto !important;
  min-width: 0;
}

.main :where(.toolbar, form.toolbar) > form > :where(input[name="q"], input[name="query"], input[type="search"]),
.main :where(.toolbar, form.toolbar).admin-list-search > :where(input[name="q"], input[name="query"], input[type="search"]) {
  width: min(520px, 100%) !important;
  max-width: 520px;
  flex: 1 1 360px;
}

.main form.toolbar > :where(input:not([type="hidden"]), select, .button, button) {
  width: auto !important;
  min-width: 0;
}

.main form.toolbar > :where(input[name="q"], input[name="query"], input[type="search"]) {
  width: min(520px, 100%) !important;
  max-width: 520px;
  flex: 1 1 360px;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) {
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input:not([type="hidden"]), select, .field, .admin-search-input, .button) {
  box-sizing: border-box;
  min-width: 0;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input:not([type="hidden"]), select, .admin-search-input, .button) {
  width: auto !important;
  max-width: none;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input[name="q"], input[name="query"], input[type="search"], .admin-search-input) {
  width: min(520px, 100%) !important;
  max-width: 520px;
  flex: 1 1 360px;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > .field {
  display: flex;
  min-width: 160px;
  flex: 0 1 200px;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > .field > :where(input, select) {
  width: 100% !important;
  min-width: 0;
}

/* Search fields normally use .admin-search-input as a horizontal toolbar item.
   Member and activity filters wrap that control inside a vertical .field, so
   the old flex-basis would otherwise become a 384px height and leave a large
   empty band above the remaining filters. Reset the nested flex item to its
   natural control height while keeping the field fluid. */
.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > .field > .admin-search-input {
  width: 100%;
  max-width: none;
  flex: 0 1 auto;
  height: auto;
  min-height: 0;
}

.main :where(.admin-list-filter-actions, .users-filter-actions) {
  display: flex;
  align-items: center;
  gap: var(--admin-toolbar-gap);
  flex: 0 0 auto;
  flex-wrap: nowrap;
}

.main :where(.admin-list-filter-actions, .users-filter-actions) > .button {
  min-height: var(--admin-control-height);
  white-space: nowrap;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(select, input[type="date"], input[type="number"]) {
  width: 200px !important;
  min-width: 160px;
  flex: 0 1 200px;
}

.main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(.button, button) {
  width: auto !important;
  min-height: var(--admin-control-height);
  flex: 0 0 auto;
  white-space: nowrap;
}

.main :where(.admin-action-toolbar, .toolbar.admin-action-toolbar) {
  align-items: center;
  justify-content: flex-start;
  gap: var(--admin-toolbar-gap);
  flex-wrap: wrap;
  max-width: 100%;
  overflow: visible;
}

.main :where(.admin-action-toolbar, .toolbar.admin-action-toolbar) > :where(.button, button, a) {
  width: auto !important;
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Existing list-bulk-toolbar variants are kept as compatibility selectors so
   older screens get the same contract while their data attributes remain
   unchanged. New screens should add admin-bulk-toolbar explicitly. */
.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: var(--admin-toolbar-gap);
  flex-wrap: wrap;
  overflow: visible;
}

.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(select, .orders-bulk-select select) {
  width: 208px !important;
  min-width: 160px;
  flex: 0 1 208px;
}

.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(.button, button) {
  width: auto !important;
  min-height: 32px;
  flex: 0 0 auto;
  white-space: nowrap;
}

.main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) :where(.list-selection-summary, [data-bulk-selected-count], [data-selected-count], [data-production-selected-count]) {
  margin-left: auto;
  white-space: nowrap;
}

@media (max-width: 1099px) {
  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input[name="q"], input[name="query"], input[type="search"], .admin-search-input, .field:first-child) {
    width: 100% !important;
    max-width: none;
    flex: 1 1 100% !important;
  }

  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(select, input[type="date"], input[type="number"], .field) {
    flex: 1 1 180px;
  }
}

@media (max-width: 700px) {
  .main {
    --admin-list-gutter: 16px;
  }

  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) {
    align-items: stretch;
    padding-right: 16px;
    padding-left: 16px;
  }

  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > :where(input:not([type="hidden"]), select, .field, .admin-search-input, .button, button) {
    width: 100% !important;
    max-width: none;
    min-width: 0;
    flex: 1 1 100%;
  }

  .main :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) > .field > :where(input, select) {
    width: 100% !important;
  }

  .main :where(.admin-action-toolbar, .toolbar.admin-action-toolbar) > :where(.button, button, a) {
    flex: 1 1 auto;
  }

  .main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) {
    align-items: stretch;
  }

  .main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(select, .orders-bulk-select, .checkbox-field, .user-mobile-select-all) {
    width: 100% !important;
    min-width: 0;
    flex: 1 1 100%;
  }

  .main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) > :where(.button, button) {
    width: auto !important;
    flex: 0 0 auto;
  }

  .main :where(.admin-bulk-toolbar, .list-bulk-toolbar, .orders-bulk-toolbar, .products-bulk-toolbar, .production-bulk-toolbar, .media-bulk-toolbar, .trash-bulk-toolbar, .shop-inquiries-bulk-toolbar) :where(.list-selection-summary, [data-bulk-selected-count], [data-selected-count], [data-production-selected-count]) {
    margin-left: 0;
  }
}

/* Data-list geometry is edge-to-edge inside the card. The card border is the
   outer baseline; list rows own the shared inner gutter. Keep this contract
   separate from editor/settings cards, which intentionally retain padding. */
.main :where(.admin-list-card,
  .orders-card,
  .products-card,
  .pages-list-panel,
  .layout-template-list-panel,
  .collection-list-panel,
  .trash-list-card,
  .latest-views-list-card,
  .latest-skins-list-card,
  .gift-products-card,
  .media-list-panel,
  .member-approvals-card,
  .customer-roles-card,
  .shop-reviews-list-card,
  .shop-claims-list-card,
  .shop-shipments-list-card,
  .point-ledger-card,
  .point-rules-card,
  .point-expirations-card,
  .point-reversals-card,
  .production-list-card,
  .production-documents-card,
  .community-list-card,
  .notification-history-page) {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  padding: 0;
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar) {
  padding-inline: var(--admin-list-gutter);
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-bulk-toolbar, .list-bulk-toolbar, .production-bulk-toolbar) {
  margin-block: 0;
  margin-inline: 0;
  padding-inline: var(--admin-list-gutter);
  border-top: 0;
  border-inline: 0;
  border-radius: 0;
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-search, form.admin-list-search, .page-list-search, .products-filter-form, .orders-filter-form, .media-filter-form) {
  padding-inline: var(--admin-list-gutter);
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-table, .admin-list-table-wrap, .admin-list-pagination-table, .admin-list-table-scroll) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-pagination, .layout-template-pagination, nav[aria-label*="페이지 이동"]) {
  margin-inline: 0;
  padding-inline: var(--admin-list-gutter);
}

.main :where(.admin-list-card, .production-list-card) > :where(.admin-list-table, .admin-list-table-wrap, .admin-list-pagination-table, .admin-list-table-scroll) > .table {
  margin-inline: 0;
}

.main :where(.admin-list-card, .orders-card, .products-card, .pages-list-panel, .layout-template-list-panel, .collection-list-panel, .trash-list-card, .latest-views-list-card, .latest-skins-list-card, .gift-products-card, .media-list-panel, .member-approvals-card, .customer-roles-card, .shop-reviews-list-card, .shop-claims-list-card, .shop-shipments-list-card, .point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card, .production-list-card, .production-documents-card, .community-list-card, .notification-history-page) > .toolbar {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .admin-list-card :where(form.admin-list-filter-toolbar, form.admin-list-search, .admin-list-search, .list-bulk-toolbar, .admin-bulk-toolbar, .production-bulk-toolbar, .admin-list-pagination, .layout-template-pagination, nav[aria-label*="페이지"]) {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .admin-list-card :where(.list-bulk-toolbar, .admin-bulk-toolbar, .production-bulk-toolbar) {
  overflow-x: visible;
  margin-block: 0;
  margin-inline: 0;
  border-top: 0;
  border-inline: 0;
  border-radius: 0;
}

.main .admin-list-card :where(.admin-list-table, .admin-list-table-wrap, .admin-list-table-scroll, [style*="overflowX"], [style*="overflow-x"]) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.main :where(.media-list-panel, .gift-products-card, .latest-views-list-card, .latest-skins-list-card, .member-approvals-card, .customer-roles-card, .point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card, .page-template-list-panel, .layout-template-list-panel, .collection-list-panel, .community-list-card, .notification-history-page) :where(form.admin-list-filter-toolbar, form.admin-list-search, .admin-list-search, .list-bulk-toolbar, .admin-bulk-toolbar, .production-bulk-toolbar, .admin-list-pagination, .layout-template-pagination, nav[aria-label*="페이지"]) {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main :where(.media-list-panel, .gift-products-card, .latest-views-list-card, .latest-skins-list-card, .member-approvals-card, .customer-roles-card, .point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card, .page-template-list-panel, .layout-template-list-panel, .collection-list-panel) :where(.list-bulk-toolbar, .admin-bulk-toolbar, .production-bulk-toolbar) {
  overflow-x: visible;
  margin-block: 0;
  margin-inline: 0;
  border-top: 0;
  border-inline: 0;
  border-radius: 0;
}

.main :where(.media-list-panel, .gift-products-card, .latest-views-list-card, .latest-skins-list-card, .member-approvals-card, .customer-roles-card, .point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card, .page-template-list-panel, .layout-template-list-panel, .collection-list-panel, .community-list-card, .notification-history-page) :where(.admin-list-table, .admin-list-table-wrap, .admin-list-table-scroll, .marketing-table-wrap, [style*="overflowX"], [style*="overflow-x"]) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

/* Existing specialized list screens keep their public class names, while
   sharing the same edge-to-edge baseline. */
.main :where(.users-page > .card, .boards-screen > .card, .popups-screen > .card) {
  padding: 0;
}

.main :where(.users-page > .card, .boards-screen > .card, .popups-screen > .card) > :where(#hono-users-list, #hono-boards-list, #hono-popups-list) > :where(form.admin-list-search) {
  padding-inline: var(--admin-list-gutter);
}

.main :where(.trash-list-card, .shop-reviews-list-card) .admin-list-table,
.main :where(.shop-claims-list-card, .shop-shipments-list-card) > :where(#shop-claims, #shop-shipments) > :where(div[style*="overflowX"], div[style*="overflow-x"]) {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.main .trash-list-card .trash-bulk-toolbar {
  padding-inline: var(--admin-list-gutter);
}

.main .trash-list-card .table th,
.main .trash-list-card .table td {
  padding-inline: var(--admin-list-gutter);
}

.main .shop-inquiries-bulk-toolbar {
  overflow-x: visible;
  padding-inline: var(--admin-list-gutter);
}

/* A few legacy list surfaces still use the generic toolbar class. Keep their
   rows on the same outer card baseline without forcing editor toolbars to
   inherit list spacing. */
.main .directory-inquiries-page > .admin-list-card > .toolbar,
.main .directory-inquiries-page > .admin-list-card > [data-directory-inquiry-bulk-list] > .toolbar {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .directory-inquiries-page > .admin-list-card > [data-inquiry-import-toggle] {
  margin-inline: var(--admin-list-gutter);
}

.main .media-list-panel > #media-list > .toolbar,
.main .customer-roles-card > .toolbar,
.main .customer-roles-card #customer-roles > .toolbar {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .member-approvals-card > form,
.main .member-approvals-card #approval-list > .toolbar,
.main .member-approvals-card #approval-list > :where(div[style*="gridTemplateColumns"], div[style*="grid-template-columns"], nav[aria-label*="페이지"]) {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .community-list-card > .toolbar,
.main .community-list-card [data-community-report-list] > .toolbar,
.main .community-list-card > :where(nav[aria-label*="커뮤니티 관리 메뉴"], nav[aria-label*="페이지"], .muted) {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .notification-history-page > form,
.main .notification-history-page > nav[aria-label*="페이지"] {
  box-sizing: border-box;
  padding-inline: var(--admin-list-gutter);
}

.main .shop-inquiries-pagination {
  padding-inline: var(--admin-list-gutter);
}

.main .shop-reviews-list-card > form[aria-label="후기 상태 필터"] {
  box-sizing: border-box;
  margin-inline: 0;
  padding-inline: var(--admin-list-gutter);
}

.main .production-documents-card > .screen-header {
  padding-inline: var(--admin-list-gutter);
}

.main :where(.point-ledger-card, .point-rules-card, .point-expirations-card, .point-reversals-card) > :where(.point-list-search, .list-bulk-toolbar, .point-pagination) {
  padding-inline: var(--admin-list-gutter);
}

@media (max-width: 700px) {
  .main :where(.admin-list-card, .production-list-card) > :where(.admin-list-filter-toolbar, form.admin-list-filter-toolbar, .admin-bulk-toolbar, .list-bulk-toolbar, .production-bulk-toolbar, .admin-list-search, form.admin-list-search, .page-list-search, .products-filter-form, .orders-filter-form, .media-filter-form, .admin-list-pagination, .layout-template-pagination, nav[aria-label*="페이지 이동"]) {
    padding-inline: var(--admin-list-gutter);
  }
}

/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@import "https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"SUIT", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}button:not(:disabled),[role=button]:not([aria-disabled=true]){cursor:pointer!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-4{inset:calc(var(--spacing) * -4)}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-20{top:calc(var(--spacing) * 20)}.top-\[100px\]{top:100px}.top-full{top:100%}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-8{right:calc(var(--spacing) * 8)}.right-\[calc\(100\%\+10px\)\]{right:calc(100% + 10px)}.right-\[calc\(100\%\+12px\)\]{right:calc(100% + 12px)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-12{bottom:calc(var(--spacing) * 12)}.bottom-24{bottom:calc(var(--spacing) * 24)}.-left-\[6px\]{left:-6px}.-left-\[10000px\]{left:-10000px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-8{left:calc(var(--spacing) * 8)}.left-\[calc\(100\%\+10px\)\]{left:calc(100% + 10px)}.left-\[calc\(100\%\+12px\)\]{left:calc(100% + 12px)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[75\]{z-index:75}.z-\[100\]{z-index:100}.z-\[120\]{z-index:120}.z-\[121\]{z-index:121}.z-\[200\]{z-index:200}.z-\[999\]{z-index:999}.z-\[1000\]{z-index:1000}.z-\[9989\]{z-index:9989}.z-\[9990\]{z-index:9990}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[10020\]{z-index:10020}.z-\[10030\]{z-index:10030}.z-\[10040\]{z-index:10040}.z-\[2147483647\]{z-index:2147483647}.order-1{order:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.m-4{margin:calc(var(--spacing) * 4)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-10{margin-block:calc(var(--spacing) * 10)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-10{margin-top:calc(var(--spacing) * -10)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[var\(--process-content-gap\)\]{margin-top:var(--process-content-gap)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-\[-1px\]{margin-bottom:-1px}.mb-\[23px\]{margin-bottom:23px}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-44{height:calc(var(--spacing) * 44)}.h-\[11px\]{height:11px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[34px\]{height:34px}.h-\[120px\]{height:120px}.h-\[257px\]{height:257px}.h-\[290px\]{height:290px}.h-\[300px\]{height:300px}.h-\[812px\]{height:812px}.h-\[calc\(100vh-74px\)\]{height:calc(100vh - 74px)}.h-\[var\(--circular-text-size-mobile\)\]{height:var(--circular-text-size-mobile)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-12{max-height:calc(var(--spacing) * 12)}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-36{max-height:calc(var(--spacing) * 36)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[180px\]{max-height:180px}.max-h-\[360px\]{max-height:360px}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.max-h-\[calc\(100vh-3rem\)\]{max-height:calc(100vh - 3rem)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-13{min-height:calc(var(--spacing) * 13)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-36{min-height:calc(var(--spacing) * 36)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[35px\]{min-height:35px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[76px\]{min-height:76px}.min-h-\[280px\]{min-height:280px}.min-h-\[350px\]{min-height:350px}.min-h-\[360px\]{min-height:360px}.min-h-\[480px\]{min-height:480px}.min-h-\[533px\]{min-height:533px}.min-h-\[calc\(100vh-9rem\)\]{min-height:calc(100vh - 9rem)}.min-h-\[inherit\]{min-height:inherit}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-11\/12{width:91.6667%}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-\[11px\]{width:11px}.w-\[18px\]{width:18px}.w-\[64px\]{width:64px}.w-\[375px\]{width:375px}.w-\[calc\(50\%-0\.625rem\)\]{width:calc(50% - .625rem)}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-\[min\(94vw\,560px\)\]{width:min(94vw,560px)}.w-\[min\(320px\,86vw\)\]{width:min(320px,86vw)}.w-\[min\(520px\,calc\(100\%-48px\)\)\]{width:min(520px,100% - 48px)}.w-\[var\(--circular-text-size-mobile\)\]{width:var(--circular-text-size-mobile)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[50\%\]{max-width:50%}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[1212px\]{max-width:1212px}.max-w-\[1220px\]{max-width:1220px}.max-w-\[1228px\]{max-width:1228px}.max-w-\[1260px\]{max-width:1260px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[calc\(100vw-2\.5rem\)\]{max-width:calc(100vw - 2.5rem)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[min\(20rem\,calc\(100vw-2rem\)\)\]{max-width:min(20rem,100vw - 2rem)}.max-w-\[var\(--image-text-width\)\]{max-width:var(--image-text-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-\[86px\]{min-width:86px}.min-w-\[94px\]{min-width:94px}.min-w-\[112px\]{min-width:112px}.min-w-\[132px\]{min-width:132px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[170px\]{min-width:170px}.min-w-\[180px\]{min-width:180px}.min-w-\[220px\]{min-width:220px}.min-w-\[1040px\]{min-width:1040px}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-\[0_0_20\%\]{flex:0 0 20%}.flex-\[0_0_50\%\]{flex:0 0 50%}.flex-\[0_0_100\%\]{flex:0 0 100%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-\[calc\(100vw-48px\)\]{flex-basis:calc(100vw - 48px)}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_64px_64px_72px_auto\]{grid-template-columns:1fr 64px 64px 72px auto}.grid-cols-\[1fr_72px_72px_34px_auto\]{grid-template-columns:1fr 72px 72px 34px auto}.grid-cols-\[1fr_80px_80px_32px_auto\]{grid-template-columns:1fr 80px 80px 32px auto}.grid-cols-\[36px_minmax\(0\,1fr\)_36px\]{grid-template-columns:36px minmax(0,1fr) 36px}.grid-cols-\[52px_1fr\]{grid-template-columns:52px 1fr}.grid-cols-\[72px_minmax\(0\,1fr\)\]{grid-template-columns:72px minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_80px\]{grid-template-columns:minmax(0,1fr) 80px}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_28px\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.grid-cols-\[minmax\(80px\,1fr\)_auto\]{grid-template-columns:minmax(80px,1fr) auto}.grid-cols-\[minmax\(100px\,160px\)_1fr\]{grid-template-columns:minmax(100px,160px) 1fr}.grid-cols-\[minmax\(180px\,1\.6fr\)_90px_80px_80px_110px_110px\]{grid-template-columns:minmax(180px,1.6fr) 90px 80px 80px 110px 110px}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[var\(--image-text-mobile-gap\)\]{gap:var(--image-text-mobile-gap)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{-moz-column-gap:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2)}.gap-x-3{-moz-column-gap:calc(var(--spacing) * 3);column-gap:calc(var(--spacing) * 3)}.gap-x-5{-moz-column-gap:calc(var(--spacing) * 5);column-gap:calc(var(--spacing) * 5)}.gap-x-6{-moz-column-gap:calc(var(--spacing) * 6);column-gap:calc(var(--spacing) * 6)}.gap-x-8{-moz-column-gap:calc(var(--spacing) * 8);column-gap:calc(var(--spacing) * 8)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[16px\]{border-radius:16px}.rounded-\[24px\]{border-radius:24px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[4px\]{border-top-left-radius:4px;border-top-right-radius:4px}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[12px\]{border-style:var(--tw-border-style);border-width:12px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-y-\[9px\]{border-block-style:var(--tw-border-style);border-block-width:9px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[14px\]{border-left-style:var(--tw-border-style);border-left-width:14px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-\[\#0071e3\]{border-color:#0071e3!important}.border-\[\#1f2937\]{border-color:#1f2937}.border-\[\#3a7d3a\]{border-color:#3a7d3a}.border-\[\#0058a4\]{border-color:#0058a4}.border-\[\#0071e3\]{border-color:#0071e3}.border-\[\#0071e3\]\/20{border-color:oklab(56.2923% -.0462607 -.187713/.2)}.border-\[\#0071e3\]\/35{border-color:oklab(56.2923% -.0462607 -.187713/.35)}.border-\[\#d1d6db\]{border-color:#d1d6db}.border-\[\#d2d2d7\]{border-color:#d2d2d7}.border-\[\#dfdfdf\]{border-color:#dfdfdf}.border-\[\#e5e8eb\]{border-color:#e5e8eb}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-black\/\[0\.08\]{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/\[0\.08\]{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.border-black\/\[0\.12\]{border-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.border-black\/\[0\.12\]{border-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-current{border-color:currentColor}.border-emerald-100{border-color:var(--color-emerald-100)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/50{border-color:#e5e7eb80}@supports (color:color-mix(in lab, red, red)){.border-gray-200\/50{border-color:color-mix(in oklab, var(--color-gray-200) 50%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-900{border-color:var(--color-gray-900)}.border-gray-950{border-color:var(--color-gray-950)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/70{border-color:#314158b3}@supports (color:color-mix(in lab, red, red)){.border-slate-700\/70{border-color:color-mix(in oklab, var(--color-slate-700) 70%, transparent)}}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\/80{border-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.border-slate-800\/80{border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.border-y-transparent{border-block-color:#0000}.border-t-\[\#0071e3\]{border-top-color:#0071e3}.border-l-current{border-left-color:currentColor}.\!bg-blue-50{background-color:var(--color-blue-50)!important}.\!bg-blue-50\/80{background-color:#eff6ffcc!important}@supports (color:color-mix(in lab, red, red)){.\!bg-blue-50\/80{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)!important}}.bg-\[\#1d1d1f\]{background-color:#1d1d1f}.bg-\[\#3a7d3a\]{background-color:#3a7d3a}.bg-\[\#0058a4\]{background-color:#0058a4}.bg-\[\#0071e3\]{background-color:#0071e3}.bg-\[\#545454\]{background-color:#545454}.bg-\[\#e5e5e5\]{background-color:#e5e5e5}.bg-\[\#f2f4f6\]{background-color:#f2f4f6}.bg-\[\#f3f4f6\]{background-color:#f3f4f6}.bg-\[\#f4f8ff\]{background-color:#f4f8ff}.bg-\[\#f5f5f7\]{background-color:#f5f5f7}.bg-\[\#f5faff\]{background-color:#f5faff}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#f9fafb\]{background-color:#f9fafb}.bg-\[var\(--board-primary-color\)\]{background-color:var(--board-primary-color)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/80{background-color:#fffbebcc}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/80{background-color:color-mix(in oklab, var(--color-amber-50) 80%, transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab, var(--color-black) 0%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab, red, red)){.bg-black\/85{background-color:color-mix(in oklab, var(--color-black) 85%, transparent)}}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab, red, red)){.bg-black\/90{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/30{background-color:#eff6ff4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/30{background-color:color-mix(in oklab, var(--color-blue-50) 30%, transparent)}}.bg-blue-50\/45{background-color:#eff6ff73}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/45{background-color:color-mix(in oklab, var(--color-blue-50) 45%, transparent)}}.bg-blue-50\/80{background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/80{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/80{background-color:#3080ffcc}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/80{background-color:color-mix(in oklab, var(--color-blue-500) 80%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/0{background-color:color-mix(in oklab, var(--color-blue-600) 0%, transparent)}}.bg-blue-600\/90{background-color:#155dfce6}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/90{background-color:color-mix(in oklab, var(--color-blue-600) 90%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/40{background-color:#f9fafb66}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/40{background-color:color-mix(in oklab, var(--color-gray-50) 40%, transparent)}}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/50{background-color:color-mix(in oklab, var(--color-gray-50) 50%, transparent)}}.bg-gray-50\/60{background-color:#f9fafb99}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/60{background-color:color-mix(in oklab, var(--color-gray-50) 60%, transparent)}}.bg-gray-50\/70{background-color:#f9fafbb3}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/70{background-color:color-mix(in oklab, var(--color-gray-50) 70%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-100\/80{background-color:#f3f4f6cc}@supports (color:color-mix(in lab, red, red)){.bg-gray-100\/80{background-color:color-mix(in oklab, var(--color-gray-100) 80%, transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-200\/80{background-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-200\/80{background-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/10{background-color:#1018281a}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/10{background-color:color-mix(in oklab, var(--color-gray-900) 10%, transparent)}}.bg-gray-900\/95{background-color:#101828f2}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/95{background-color:color-mix(in oklab, var(--color-gray-900) 95%, transparent)}}.bg-gray-950{background-color:var(--color-gray-950)}.bg-gray-950\/20{background-color:#03071233}@supports (color:color-mix(in lab, red, red)){.bg-gray-950\/20{background-color:color-mix(in oklab, var(--color-gray-950) 20%, transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/90{--tw-gradient-from:#000000e6}@supports (color:color-mix(in lab, red, red)){.from-black\/90{--tw-gradient-from:color-mix(in oklab, var(--color-black) 90%, transparent)}}.from-black\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab, red, red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab, var(--color-black) 20%, transparent)}}.via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/40{--tw-gradient-via:#0006}@supports (color:color-mix(in lab, red, red)){.via-black\/40{--tw-gradient-via:color-mix(in oklab, var(--color-black) 40%, transparent)}}.via-black\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-amber-400{fill:var(--color-amber-400)}.fill-current{fill:currentColor}.stroke-\[2\.5\]{stroke-width:2.5px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-11{padding-inline:calc(var(--spacing) * 11)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[15px\]{padding-block:15px}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pb-40{padding-bottom:calc(var(--spacing) * 40)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+12px\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-2px\]{vertical-align:-2px}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8rem\]{font-size:8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.625\]{--tw-leading:1.625;line-height:1.625}.leading-\[21px\]{--tw-leading:21px;line-height:21px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[25px\]{--tw-leading:25px;line-height:25px}.leading-\[45px\]{--tw-leading:45px;line-height:45px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#1d1d1f\]{color:#1d1d1f}.text-\[\#3a7d3a\]{color:#3a7d3a}.text-\[\#4e5968\]{color:#4e5968}.text-\[\#6b7684\]{color:#6b7684}.text-\[\#8b95a1\]{color:#8b95a1}.text-\[\#0058a4\]{color:#0058a4}.text-\[\#0071e3\]{color:#0071e3}.text-\[\#191f28\]{color:#191f28}.text-\[\#3182f6\]{color:#3182f6}.text-\[\#86868b\]{color:#86868b}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-900{color:var(--color-red-900)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[\#0071e3\]{accent-color:#0071e3}.accent-gray-900{accent-color:var(--color-gray-900)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-85{opacity:.85}.opacity-100{opacity:1}.opacity-\[0\.03\]{opacity:.03}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-8px_24px_rgba\(15\,23\,42\,0\.10\)\]{--tw-shadow:0 -8px 24px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_40px_rgba\(15\,23\,42\,0\.06\)\]{--tw-shadow:0 12px 40px var(--tw-shadow-color,#0f172a0f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-2px_0_\#0071e3\]{--tw-shadow:inset 0 -2px 0 var(--tw-shadow-color,#0071e3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/10{--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.shadow-black\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500\/10{--tw-shadow-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.ring-black\/10{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.ring-black\/\[0\.06\]{--tw-ring-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.ring-black\/\[0\.06\]{--tw-ring-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.ring-blue-100{--tw-ring-color:var(--color-blue-100)}.ring-gray-200{--tw-ring-color:var(--color-gray-200)}.ring-gray-900{--tw-ring-color:var(--color-gray-900)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-gray-200{outline-color:var(--color-gray-200)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-100{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}.group-focus-within\:visible:is(:where(.group):focus-within *){visibility:visible}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:border-blue-300:is(:where(.group):hover *){border-color:var(--color-blue-300)}.group-hover\:bg-black:is(:where(.group):hover *){background-color:var(--color-black)}.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.group-hover\:bg-black\/25:is(:where(.group):hover *){background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/25:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.group-hover\:bg-blue-50:is(:where(.group):hover *){background-color:var(--color-blue-50)}.group-hover\:bg-blue-600\/10:is(:where(.group):hover *){background-color:#155dfc1a}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-blue-600\/10:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-blue-600) 10%, transparent)}}.group-hover\:text-\[\#0071e3\]:is(:where(.group):hover *){color:#0071e3}.group-hover\:text-\[var\(--board-news-accent\)\]:is(:where(.group):hover *){color:var(--board-news-accent)}.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-blue-700:is(:where(.group):hover *){color:var(--color-blue-700)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow:is(:where(.group):hover *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.group-focus\:border-\[\#0071e3\]:is(:where(.group):focus *){border-color:#0071e3}.group-focus\:bg-blue-50\/80:is(:where(.group):focus *){background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.group-focus\:bg-blue-50\/80:is(:where(.group):focus *){background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.group-focus\:text-\[\#0071e3\]:is(:where(.group):focus *){color:#0071e3}.group-focus\:underline:is(:where(.group):focus *){text-decoration-line:underline}.group-focus-visible\:scale-100:is(:where(.group):focus-visible *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-focus-visible\:scale-105:is(:where(.group):focus-visible *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-focus-visible\:bg-black\/10:is(:where(.group):focus-visible *){background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.group-focus-visible\:bg-black\/10:is(:where(.group):focus-visible *){background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.placeholder\:font-sans::placeholder{font-family:var(--font-sans)}.placeholder\:text-\[13px\]::placeholder{font-size:13px}.placeholder\:font-medium::placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:tracking-normal::placeholder{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.placeholder\:text-\[\#86868b\]::placeholder{color:#86868b}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:normal-case::placeholder{text-transform:none}.backdrop\:bg-black\/50::backdrop{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-black\/50::backdrop{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:0}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:-left-4:before{content:var(--tw-content);left:calc(var(--spacing) * -4)}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-gray-200:before{content:var(--tw-content);border-color:var(--color-gray-200)}.first\:border-0:first-child{border-style:var(--tw-border-style);border-width:0}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-\[\#0071e3\]:focus-within{border-color:#0071e3}.focus-within\:border-gray-500:focus-within{border-color:var(--color-gray-500)}.focus-within\:bg-blue-50:focus-within{background-color:var(--color-blue-50)}.focus-within\:bg-blue-50\/80:focus-within{background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.focus-within\:bg-blue-50\/80:focus-within{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[\#0071e3\]:focus-within{--tw-ring-color:#0071e3}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#0071e3\]:hover{border-color:#0071e3}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:border-gray-500:hover{border-color:var(--color-gray-500)}.hover\:border-slate-600:hover{border-color:var(--color-slate-600)}.hover\:border-slate-700:hover{border-color:var(--color-slate-700)}.hover\:bg-\[\#000000\]:hover{background-color:#000}.hover\:bg-\[\#0077ed\]:hover{background-color:#0077ed}.hover\:bg-\[\#f5f5f7\]:hover{background-color:#f5f5f7}.hover\:bg-\[\#f5f5f7\]\/80:hover{background-color:oklab(97.0714% .000746191 -.00254327/.8)}.hover\:bg-\[\#f8f8f8\]:hover{background-color:#f8f8f8}.hover\:bg-\[\#f8fafc\]:hover{background-color:#f8fafc}.hover\:bg-\[\#fbfcfd\]:hover{background-color:#fbfcfd}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-black\/\[0\.06\]:hover{background-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[0\.06\]:hover{background-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-50\/30:hover{background-color:#eff6ff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-50\/30:hover{background-color:color-mix(in oklab, var(--color-blue-50) 30%, transparent)}}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-900\/50:hover{background-color:#1c398e80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-900\/50:hover{background-color:color-mix(in oklab, var(--color-blue-900) 50%, transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/70:hover{background-color:#f9fafbb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-50\/70:hover{background-color:color-mix(in oklab, var(--color-gray-50) 70%, transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-950\/30:hover{background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-950\/30:hover{background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)}}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\:text-\[\#0071e3\]:hover{color:#0071e3}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-gray-950:hover{color:var(--color-gray-950)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_16px_40px_rgba\(15\,23\,42\,0\.08\)\]:hover{--tw-shadow:0 16px 40px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-blue-200:hover{--tw-ring-color:var(--color-blue-200)}.hover\:ring-blue-500:hover{--tw-ring-color:var(--color-blue-500)}.hover\:brightness-90:hover{--tw-brightness:brightness(90%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[\#0071e3\]:focus{border-color:#0071e3}.focus\:border-\[var\(--board-primary-color\)\]:focus{border-color:var(--board-primary-color)}.focus\:border-black:focus{border-color:var(--color-black)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-gray-400:focus{border-color:var(--color-gray-400)}.focus\:border-gray-500:focus{border-color:var(--color-gray-500)}.focus\:border-gray-900:focus{border-color:var(--color-gray-900)}.focus\:border-gray-950:focus{border-color:var(--color-gray-950)}.focus\:bg-blue-50\/80:focus{background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.focus\:bg-blue-50\/80:focus{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:text-\[\#0071e3\]:focus{color:#0071e3}.focus\:underline:focus{text-decoration-line:underline}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#0071e3\]:focus{--tw-ring-color:#0071e3}.focus\:ring-\[\#0071e3\]\/10:focus{--tw-ring-color:oklab(56.2923% -.0462607 -.187713/.1)}.focus\:ring-black:focus{--tw-ring-color:var(--color-black)}.focus\:ring-black\/5:focus{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-black\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.focus\:ring-blue-100:focus{--tw-ring-color:var(--color-blue-100)}.focus\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-blue-500\/70:focus{--tw-ring-color:#3080ffb3}@supports (color:color-mix(in lab, red, red)){.focus\:ring-blue-500\/70:focus{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 70%, transparent)}}.focus\:ring-gray-400:focus{--tw-ring-color:var(--color-gray-400)}.focus\:ring-gray-900:focus{--tw-ring-color:var(--color-gray-900)}.focus\:ring-gray-900\/5:focus{--tw-ring-color:#1018280d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-gray-900\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-gray-900) 5%, transparent)}}.focus\:ring-gray-950\/5:focus{--tw-ring-color:#0307120d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-gray-950\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-gray-950) 5%, transparent)}}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-blue-50\/70:focus-visible{background-color:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.focus-visible\:bg-blue-50\/70:focus-visible{background-color:color-mix(in oklab, var(--color-blue-50) 70%, transparent)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[\#0071e3\]:focus-visible{--tw-ring-color:#0071e3}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-blue-600:focus-visible{--tw-ring-color:var(--color-blue-600)}.focus-visible\:ring-gray-900:focus-visible{--tw-ring-color:var(--color-gray-900)}.focus-visible\:ring-gray-950:focus-visible{--tw-ring-color:var(--color-gray-950)}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-black:focus-visible{--tw-ring-offset-color:var(--color-black)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-blue-600:focus-visible{outline-color:var(--color-blue-600)}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:bg-gray-800:active{background-color:var(--color-gray-800)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-pointer:disabled{cursor:pointer}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:border-gray-100:disabled{border-color:var(--color-gray-100)}.disabled\:bg-blue-50:disabled{background-color:var(--color-blue-50)}.disabled\:bg-gray-50:disabled{background-color:var(--color-gray-50)}.disabled\:bg-gray-100:disabled{background-color:var(--color-gray-100)}.disabled\:bg-gray-200:disabled{background-color:var(--color-gray-200)}.disabled\:bg-white:disabled{background-color:var(--color-white)}.disabled\:text-blue-700:disabled{color:var(--color-blue-700)}.disabled\:text-gray-300:disabled{color:var(--color-gray-300)}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}.disabled\:text-gray-500:disabled{color:var(--color-gray-500)}.disabled\:text-gray-600:disabled{color:var(--color-gray-600)}.disabled\:text-gray-900:disabled{color:var(--color-gray-900)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:text-gray-300[aria-disabled=true]{color:var(--color-gray-300)}@media (width>=40rem){.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:left-6{left:calc(var(--spacing) * 6)}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:aspect-\[4\/3\]{aspect-ratio:4/3}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-56{height:calc(var(--spacing) * 56)}.sm\:h-auto{height:auto}.sm\:max-h-\[80vh\]{max-height:80vh}.sm\:max-h-none{max-height:none}.sm\:min-h-10{min-height:calc(var(--spacing) * 10)}.sm\:w-28{width:calc(var(--spacing) * 28)}.sm\:w-32{width:calc(var(--spacing) * 32)}.sm\:w-36{width:calc(var(--spacing) * 36)}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:w-52{width:calc(var(--spacing) * 52)}.sm\:w-\[70vw\]{width:70vw}.sm\:w-\[80vw\]{width:80vw}.sm\:w-\[320px\]{width:320px}.sm\:w-\[720px\]{width:720px}.sm\:w-\[900px\]{width:900px}.sm\:w-auto{width:auto}.sm\:max-w-\[80vw\]{max-width:80vw}.sm\:max-w-none{max-width:none}.sm\:min-w-0{min-width:0}.sm\:flex-\[0_0_16\.666667\%\]{flex:0 0 16.6667%}.sm\:flex-none{flex:none}.sm\:translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[104px_minmax\(0\,1fr\)\]{grid-template-columns:104px minmax(0,1fr)}.sm\:grid-cols-\[112px_minmax\(0\,1fr\)\]{grid-template-columns:112px minmax(0,1fr)}.sm\:grid-cols-\[130px_1fr_auto\]{grid-template-columns:130px 1fr auto}.sm\:grid-cols-\[150px_1fr\]{grid-template-columns:150px 1fr}.sm\:grid-cols-\[190px_minmax\(0\,1fr\)\]{grid-template-columns:190px minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}.sm\:grid-cols-\[minmax\(0\,180px\)_auto\]{grid-template-columns:minmax(0,180px) auto}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-16{padding-inline:calc(var(--spacing) * 16)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pl-10{padding-left:calc(var(--spacing) * 10)}.sm\:text-right{text-align:right}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-\[16px\]{font-size:16px}.sm\:opacity-0{opacity:0}@media (hover:hover){.sm\:group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.sm\:group-focus-visible\:translate-y-0:is(:where(.group):focus-visible *){--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (width>=48rem){.md\:top-8{top:calc(var(--spacing) * 8)}.md\:right-8{right:calc(var(--spacing) * 8)}.md\:bottom-24{bottom:calc(var(--spacing) * 24)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-16{margin-inline:calc(var(--spacing) * 16)}.md\:mt-16{margin-top:calc(var(--spacing) * 16)}.md\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.md\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.md\:mb-20{margin-bottom:calc(var(--spacing) * 20)}.md\:mb-24{margin-bottom:calc(var(--spacing) * 24)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:table-cell{display:table-cell}.md\:h-\[var\(--circular-text-size\)\]{height:var(--circular-text-size)}.md\:min-h-0{min-height:0}.md\:min-h-72{min-height:calc(var(--spacing) * 72)}.md\:min-h-\[450px\]{min-height:450px}.md\:w-\[64px\]{width:64px}.md\:w-\[75vw\]{width:75vw}.md\:w-\[96px\]{width:96px}.md\:w-\[116px\]{width:116px}.md\:w-\[180px\]{width:180px}.md\:w-\[calc\(20\%-1\.2rem\)\]{width:calc(20% - 1.2rem)}.md\:w-\[calc\(25\%-1\.125rem\)\]{width:calc(25% - 1.125rem)}.md\:w-\[calc\(33\.333\%-1rem\)\]{width:calc(33.333% - 1rem)}.md\:w-\[calc\(50\%-0\.75rem\)\]{width:calc(50% - .75rem)}.md\:w-\[var\(--circular-text-size\)\]{width:var(--circular-text-size)}.md\:w-full{width:100%}.md\:max-w-sm{max-width:var(--container-sm)}.md\:min-w-\[200px\]{min-width:200px}.md\:min-w-max{min-width:max-content}.md\:flex-1{flex:1}.md\:flex-\[0_0_25\%\]{flex:0 0 25%}.md\:flex-\[0_0_33\.333333\%\]{flex:0 0 33.3333%}.md\:flex-\[0_0_50\%\]{flex:0 0 50%}.md\:flex-none{flex:none}.md\:basis-\[352px\]{flex-basis:352px}.md\:table-fixed{table-layout:fixed}.md\:\[grid-template-columns\:var\(--definition-label-width\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--definition-label-width) minmax(0,1fr)}.md\:\[grid-template-columns\:var\(--image-text-width\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--image-text-width) minmax(0,1fr)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.md\:grid-cols-\[1\.2fr_0\.8fr_0\.8fr\]{grid-template-columns:1.2fr .8fr .8fr}.md\:grid-cols-\[1\.2fr_1fr_0\.8fr\]{grid-template-columns:1.2fr 1fr .8fr}.md\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.md\:grid-cols-\[1fr_1fr_150px_170px\]{grid-template-columns:1fr 1fr 150px 170px}.md\:grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr}.md\:grid-cols-\[1fr_180px\]{grid-template-columns:1fr 180px}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}.md\:grid-cols-\[120px_1fr_auto\]{grid-template-columns:120px 1fr auto}.md\:grid-cols-\[120px_160px_1fr\]{grid-template-columns:120px 160px 1fr}.md\:grid-cols-\[120px_minmax\(0\,1fr\)\]{grid-template-columns:120px minmax(0,1fr)}.md\:grid-cols-\[132px_1fr\]{grid-template-columns:132px 1fr}.md\:grid-cols-\[132px_minmax\(0\,1fr\)\]{grid-template-columns:132px minmax(0,1fr)}.md\:grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}.md\:grid-cols-\[180px_minmax\(0\,1fr\)\]{grid-template-columns:180px minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,1fr\)_170px\]{grid-template-columns:minmax(0,1fr) 170px}.md\:grid-cols-\[minmax\(0\,1fr\)_180px\]{grid-template-columns:minmax(0,1fr) 180px}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.md\:grid-cols-\[minmax\(0\,405px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,405px) minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-20{gap:calc(var(--spacing) * 20)}.md\:gap-\[var\(--image-text-gap\)\]{gap:var(--image-text-gap)}:where(.md\:space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)))}.md\:self-auto{align-self:auto}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:py-7{padding-block:calc(var(--spacing) * 7)}.md\:py-14{padding-block:calc(var(--spacing) * 14)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:pt-24{padding-top:calc(var(--spacing) * 24)}.md\:pr-8{padding-right:calc(var(--spacing) * 8)}.md\:pr-10{padding-right:calc(var(--spacing) * 10)}.md\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.md\:pb-32{padding-bottom:calc(var(--spacing) * 32)}.md\:pb-40{padding-bottom:calc(var(--spacing) * 40)}.md\:pl-3{padding-left:calc(var(--spacing) * 3)}.md\:pl-8{padding-left:calc(var(--spacing) * 8)}.md\:pl-16{padding-left:calc(var(--spacing) * 16)}.md\:text-right{text-align:right}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[12rem\]{font-size:12rem}.md\:text-\[17px\]{font-size:17px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[27px\]{font-size:27px}.md\:leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.md\:leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.md\:leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.md\:leading-\[55px\]{--tw-leading:55px;line-height:55px}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[220px_1fr_auto\]{grid-template-columns:220px 1fr auto}.lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(360px\,0\.95fr\)\]{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}.lg\:grid-cols-\[minmax\(0\,1fr\)_380px\]{grid-template-columns:minmax(0,1fr) 380px}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:pb-0{padding-bottom:0}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (width>=80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_\.jodit-container\]\:rounded-lg .jodit-container{border-radius:var(--radius-lg)}.\[\&_\.jodit-container\]\:border-0 .jodit-container{border-style:var(--tw-border-style);border-width:0}.\[\&_\.jodit-container\]\:border-black\/\[0\.08\] .jodit-container{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.\[\&_\.jodit-container\]\:border-black\/\[0\.08\] .jodit-container{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.\[\&_\.jodit-status-bar\]\:hidden .jodit-status-bar{display:none}.\[\&_\.jodit-toolbar__box\]\:border-x-0 .jodit-toolbar box{border-inline-style:var(--tw-border-style);border-inline-width:0}.\[\&_\.jodit-toolbar__box\]\:border-t-0 .jodit-toolbar box{border-top-style:var(--tw-border-style);border-top-width:0}.\[\&_\.jodit-toolbar__box\]\:bg-gray-50 .jodit-toolbar box{background-color:var(--color-gray-50)}.\[\&_\.jodit-workplace\]\:border-0 .jodit-workplace{border-style:var(--tw-border-style);border-width:0}.\[\&_a\]\:text-\[\#0071e3\] a{color:#0071e3}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_img\]\:mx-auto img{margin-inline:auto}.\[\&_img\]\:h-auto img{height:auto}.\[\&_img\]\:max-w-full img{max-width:100%}.\[\&_li\]\:ml-5 li{margin-left:calc(var(--spacing) * 5)}.\[\&_ol\]\:list-decimal ol{list-style-type:decimal}.\[\&_p\+p\]\:mt-3 p+p{margin-top:calc(var(--spacing) * 3)}.\[\&_table\]\:max-w-full table{max-width:100%}.\[\&_table\]\:border-collapse table{border-collapse:collapse}.\[\&_td\]\:border td{border-style:var(--tw-border-style);border-width:1px}.\[\&_td\]\:border-gray-300 td{border-color:var(--color-gray-300)}.\[\&_td\]\:p-2 td{padding:calc(var(--spacing) * 2)}.\[\&_th\]\:border th{border-style:var(--tw-border-style);border-width:1px}.\[\&_th\]\:border-gray-300 th{border-color:var(--color-gray-300)}.\[\&_th\]\:p-2 th{padding:calc(var(--spacing) * 2)}.\[\&_ul\]\:my-4 ul{margin-block:calc(var(--spacing) * 4)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>a\]\:flex-1>a{flex:1}.\[\&\>button\]\:w-full>button{width:100%}.\[\&\>button\]\:flex-1>button{flex:1}@media (width>=48rem){.md\:\[\&\>button\]\:w-auto>button{width:auto}}}.cf-fullscreen-intro{height:var(--cf-fullscreen-intro-height-mobile,100svh);min-height:var(--cf-fullscreen-intro-height-mobile,100svh)}.cf-fullscreen-intro__content{min-height:var(--cf-fullscreen-intro-height-mobile,100svh)}.cf-fullscreen-intro[data-cf-intro-state=exiting]{transition:top var(--cf-fullscreen-intro-reveal-duration,.9s) cubic-bezier(.76, 0, .24, 1);pointer-events:none;will-change:top}.cf-fullscreen-intro[data-fullscreen-intro-presentation=section][data-cf-intro-state=exiting] .cf-fullscreen-intro__reveal-control{transition:transform var(--cf-fullscreen-intro-reveal-duration,.9s) cubic-bezier(.76, 0, .24, 1), opacity var(--cf-fullscreen-intro-reveal-duration,.9s) ease;opacity:0;pointer-events:none;transform:translateY(-36px)}@media (prefers-reduced-motion:reduce){.cf-fullscreen-intro[data-cf-intro-state=exiting],.cf-fullscreen-intro[data-fullscreen-intro-presentation=section][data-cf-intro-state=exiting] .cf-fullscreen-intro__reveal-control{transition:none}}@keyframes cf-fullscreen-intro-letter-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translate(0)}}.cf-fullscreen-intro .imageum-intro-letter{will-change:opacity, transform;animation:1.5s both cf-fullscreen-intro-letter-up}.cf-fullscreen-intro .imageum-intro-letter-1{animation-delay:0s}.cf-fullscreen-intro .imageum-intro-letter-2{animation-delay:.4s}.cf-fullscreen-intro .imageum-intro-letter-3{animation-delay:.7s}.cf-fullscreen-intro .imageum-intro-letter-4{animation-delay:1.2s}@media (width<=767px){.cf-fullscreen-intro[data-cf-intro-state=exiting]{transition-duration:var(--cf-fullscreen-intro-reveal-duration-mobile,var(--cf-fullscreen-intro-reveal-duration,.9s))}}.cf-fullscreen-intro[data-cf-editor-viewport=mobile] .cf-heading-typography-font-size{font-size:var(--cf-heading-typography-font-size-mobile)!important}.cf-fullscreen-intro[data-cf-editor-viewport=mobile] .cf-heading-typography-line-height{line-height:var(--cf-heading-typography-line-height-mobile)!important}@media (width>=768px){.cf-fullscreen-intro{height:var(--cf-fullscreen-intro-height-desktop,100svh);min-height:var(--cf-fullscreen-intro-height-desktop,100svh)}.cf-fullscreen-intro__content{min-height:var(--cf-fullscreen-intro-height-desktop,100svh)}}.cf-portfolio-read-presentation{box-sizing:border-box;background:#fff;flex-direction:column;width:100%;margin:0;padding:0;display:flex;position:relative}.cf-portfolio-read-presentation__side{z-index:9;box-sizing:border-box;background:#fff;flex-direction:column;gap:20px;width:420px;height:80vh;padding:20px 45px;transition:left .5s;display:flex;position:absolute;top:0;left:-441px}.cf-portfolio-read-presentation__side.is-open{left:0}.cf-portfolio-read-presentation__side-toggle{z-index:10;box-sizing:border-box;cursor:pointer;color:#222;font:inherit;line-height:inherit;perspective:80px;background:#fff;border:0;justify-content:center;align-items:center;padding:35px 15px 35px 5px;display:flex;position:absolute;top:40px;right:-70px}.cf-portfolio-read-presentation__side-toggle>span{z-index:2}.cf-portfolio-read-presentation__side-toggle:before{z-index:1;content:"";border-left:1px solid #d1d1d1;height:200vh;position:absolute;left:-2px}.cf-portfolio-read-presentation__side-toggle:after{z-index:1;content:"";background:#fff;border:1px solid #d1d1d1;border-left-color:#fff;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0;transform:rotateX(0)rotateY(20deg)}.cf-portfolio-read-presentation__side h1{color:#333;opacity:0;margin:0;font-size:20px;font-weight:700;line-height:30px;transition:opacity .3s}.cf-portfolio-read-presentation__side.is-open h1{opacity:1}.cf-portfolio-read-presentation__description{color:#333;opacity:1;flex-direction:column;gap:6px;width:418px;max-width:calc(100vw - 32px);font-size:15px;line-height:22.5px;display:flex}.cf-portfolio-read-presentation__side-images{opacity:0;margin:0;transition:opacity .3s;display:block}.cf-portfolio-read-presentation__side-images img{width:100%;height:auto;display:block}.cf-portfolio-read-presentation__side.is-open .cf-portfolio-read-presentation__side-images{opacity:1}.cf-portfolio-read-presentation__side .cf-portfolio-read-presentation__description{opacity:0;transition:opacity .3s}.cf-portfolio-read-presentation__side.is-open .cf-portfolio-read-presentation__description{opacity:1}.cf-portfolio-read-presentation__description>div{grid-template-columns:1fr 2fr;gap:20px;display:grid}.cf-portfolio-read-presentation__description .value{color:#000}.cf-portfolio-read-presentation__content{flex-direction:column;align-items:flex-start;gap:80px;width:100%;min-width:0;display:flex;position:relative}.cf-portfolio-read-presentation__slider{width:100%;height:450px;position:relative;overflow:hidden}.cf-portfolio-read-presentation__track{will-change:transform;gap:10px;width:max-content;height:450px;transition:transform .5s;display:flex}.cf-portfolio-read-presentation__slide{flex:none;width:auto;height:450px;position:relative}.cf-portfolio-read-presentation__image-button{cursor:pointer;background:0 0;border:0;width:auto;height:450px;padding:0;display:block}.cf-portfolio-read-presentation__image-button img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:none;height:100%;display:block}.cf-portfolio-read-presentation__previous,.cf-portfolio-read-presentation__next{cursor:pointer;color:#777;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-22px;padding:0;display:flex;position:absolute;top:50%}.cf-portfolio-read-presentation__previous{left:-50px}.cf-portfolio-read-presentation__next{right:-50px}.cf-portfolio-read-presentation__previous:disabled,.cf-portfolio-read-presentation__next:disabled{cursor:default;opacity:.35}.cf-portfolio-read-presentation__empty{color:#777;padding:40px 0}.cf-portfolio-read-presentation__body{color:#333;margin-top:40px;font-size:15px;line-height:1.8}.cf-portfolio-read-presentation__modal{z-index:10030;background:#000000f0;justify-content:center;align-items:center;padding:4rem 10vw;display:flex;position:fixed;inset:0}.cf-portfolio-read-presentation__modal img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 8rem);display:block}.cf-portfolio-read-presentation__modal-close{cursor:pointer;color:#fff;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:absolute;top:20px;right:80px}.cf-board-document--portfolio{box-sizing:border-box;font-family:SUIT,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;width:calc(100% + 112px)!important;margin-left:-56px!important;padding:256px 56px 96px!important}html:has(.cf-board-document--portfolio){overflow-y:scroll!important}body .cf-board-skin[data-skin-id] #kboard-default-document.cf-board-document--portfolio{margin-top:-64px!important;padding-top:256px!important}.cf-board-node--container:has(.cf-board-document--portfolio){padding-bottom:0!important}.cf-board-document--portfolio>article,.responsive-section-inner:has(.cf-board-document--portfolio){overflow:visible!important}.cf-board-document--portfolio>article>.cf-portfolio-read-presentation{margin:0;padding:0;position:static}.cf-board-document--portfolio .cf-portfolio-read-presentation__side{left:-441px}.cf-board-document--portfolio .cf-portfolio-read-presentation__side-toggle{font-size:15px;line-height:22.5px}.cf-board-document--portfolio .cf-portfolio-read-presentation__side.is-open{left:0}.cf-board-document--portfolio .cf-board-document-actions{box-sizing:border-box;height:64px;min-height:64px;overflow:hidden;margin:0!important;padding:32px 0!important}.cf-board-document--portfolio .cf-board-document-actions>*{display:none!important}.cf-board-document--portfolio .cf-board-document-navigation{padding:32px 0!important;font-size:15px!important;line-height:22.5px!important}.haedo-portfolio-wide-gallery>.cf-board-node--slot:nth-child(2){visibility:hidden;pointer-events:none}.haedo-portfolio-wide-gallery>.cf-board-node--slot:nth-child(4),.haedo-portfolio-wide-gallery>.cf-board-node--slot:nth-child(5){display:none}@media (width<=767px){.cf-portfolio-read-presentation{margin:0;padding:0}.cf-portfolio-read-presentation__side{width:min(420px,100vw - 32px);padding:16px;left:calc(58px - 100vw)}.cf-portfolio-read-presentation__side.is-open{left:0}.cf-portfolio-read-presentation__side-toggle{padding:28px 12px 28px 4px;right:-58px}.cf-board-document--portfolio{width:100%!important;margin-left:0!important;padding:128px 16px 64px!important}body .cf-board-skin[data-skin-id] #kboard-default-document.cf-board-document--portfolio{margin-top:0!important;padding-top:128px!important}.cf-board-node--container:has(.cf-board-document--portfolio){padding-bottom:0!important}.cf-board-document--portfolio .cf-portfolio-read-presentation__side{left:calc(58px - 100vw)}.cf-board-document--portfolio .cf-portfolio-read-presentation__side.is-open{left:0}.cf-board-document--portfolio .cf-board-document-navigation{padding:24px 0!important}.cf-board-document--portfolio .cf-board-document-actions{height:48px;min-height:48px;padding:24px 0!important}.cf-portfolio-read-presentation__description{width:100%;font-size:14px;line-height:21px}.cf-portfolio-read-presentation__content{gap:48px}.cf-portfolio-read-presentation__slider,.cf-portfolio-read-presentation__track,.cf-portfolio-read-presentation__slide,.cf-portfolio-read-presentation__image-button{height:min(68vw,360px)}.cf-portfolio-read-presentation__previous{left:0}.cf-portfolio-read-presentation__next{right:0}.cf-portfolio-read-presentation__modal{padding:3rem 16px}.cf-portfolio-read-presentation__modal-close{top:12px;right:16px}}.cf-content-tabs__nav-inner{padding-inline:var(--cf-content-tabs-nav-padding-x,0px)}.cf-content-tabs__tab{padding-top:var(--cf-content-tabs-tab-padding-y-mobile,12px);padding-bottom:var(--cf-content-tabs-tab-padding-y-mobile,12px)}.cf-content-tabs__panel{padding-top:var(--cf-content-tabs-panel-padding-top-mobile,32px)}@media (width<=767px){.cf-content-tabs__nav-inner{padding-inline:var(--cf-content-tabs-nav-mobile-padding-x,var(--cf-content-tabs-nav-padding-x,0px))}}.block-responsive-card-grid{grid-template-columns:repeat(var(--card-grid-mobile-columns,1), minmax(0, 1fr))}.cf-icon-link-grid__items{grid-template-columns:repeat(var(--cf-icon-link-grid-mobile-columns,2), minmax(0, 1fr));gap:var(--cf-icon-link-grid-gap,24px)}.cf-icon-link-grid__link{min-width:0;color:inherit;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;text-decoration:none;display:flex}.cf-icon-link-grid__icon{width:var(--cf-icon-link-grid-circle-size,64px);height:var(--cf-icon-link-grid-circle-size,64px);background:var(--cf-icon-link-grid-circle-background,#f5f6f8);border-radius:9999px;flex:none;place-items:center;display:grid;overflow:hidden}.cf-icon-link-grid__icon img{width:var(--cf-icon-link-grid-icon-size,32px);height:var(--cf-icon-link-grid-icon-size,32px);-o-object-fit:contain;object-fit:contain;display:block}.cf-icon-link-grid__label{overflow-wrap:anywhere;color:#111827;min-width:0;line-height:1.4}.cf-icon-link-grid__link:hover .cf-icon-link-grid__label,.cf-icon-link-grid__link:focus-visible .cf-icon-link-grid__label{color:#2563eb!important}.cf-hero-banner{min-height:var(--cf-hero-height-mobile,600px);align-items:var(--cf-hero-align-mobile,center);justify-content:var(--cf-hero-justify-mobile,center);text-align:var(--cf-hero-text-mobile,center)}.cf-hero-banner__image{-o-object-position:var(--cf-hero-focus-mobile,center center);object-position:var(--cf-hero-focus-mobile,center center)}.cf-hero-banner__content{box-sizing:border-box;align-items:var(--cf-hero-align-mobile,center);justify-content:var(--cf-hero-justify-mobile,center);min-height:var(--cf-hero-height-mobile,600px);padding:var(--cf-hero-content-padding-mobile,0px);flex-direction:column;display:flex}.cf-image-collage-grid{grid-template-columns:repeat(var(--cf-collage-mobile-columns,1), minmax(0, 1fr));gap:var(--cf-collage-mobile-gap,12px)}.cf-image-collage-item{order:var(--cf-collage-order,0);grid-column:span 1;min-width:0;margin-top:0}.cf-collage-hidden,.cf-collage-hide-mobile{display:none}@media (width>=768px){.cf-hero-banner{min-height:var(--cf-hero-height-desktop,600px);align-items:var(--cf-hero-align-desktop,center);justify-content:var(--cf-hero-justify-desktop,center);text-align:var(--cf-hero-text-desktop,center)}.cf-hero-banner__image{-o-object-position:var(--cf-hero-focus-desktop,center center);object-position:var(--cf-hero-focus-desktop,center center)}.cf-hero-banner__content{align-items:var(--cf-hero-align-desktop,center);justify-content:var(--cf-hero-justify-desktop,center);min-height:var(--cf-hero-height-desktop,600px);padding:var(--cf-hero-content-padding-desktop,0px)}.cf-image-collage-grid{grid-template-columns:repeat(var(--cf-collage-columns,4), minmax(0, 1fr));gap:var(--cf-collage-gap,20px)}.cf-image-collage-item{grid-column:span var(--cf-collage-span,1);margin-top:var(--cf-collage-offset,0px);order:0}.cf-image-collage-grid--manual{min-height:var(--cf-collage-canvas-height,520px);grid-template-rows:1fr;align-items:start}.cf-image-collage-grid--manual .cf-image-collage-item{grid-column-start:var(--cf-collage-column-start,1);grid-row:1}.cf-collage-hide-mobile{display:block}.cf-collage-hide-desktop{display:none}}.cf-image-collage-grid[data-cf-editor-viewport=mobile]{grid-template-columns:repeat(var(--cf-collage-mobile-columns,1), minmax(0, 1fr));align-items:stretch;gap:var(--cf-collage-mobile-gap,12px);grid-template-rows:none;min-height:0}.cf-image-collage-grid[data-cf-editor-viewport=mobile] .cf-image-collage-item{order:var(--cf-collage-order,0);grid-area:auto/span 1;margin-top:0}@media (width>=768px){.block-responsive-card-grid{grid-template-columns:repeat(var(--card-grid-columns,3), minmax(0, 1fr))}.cf-icon-link-grid__items{grid-template-columns:repeat(var(--cf-icon-link-grid-columns,4), minmax(0, 1fr))}}.responsive-block-background{background-image:var(--cf-block-background-desktop-image,none)!important}@media (width<=639px){.responsive-block-background{background-image:var(--cf-block-background-mobile-image,var(--cf-block-background-desktop-image,none))!important}}.cf-button-block--custom-hover:hover,.cf-button-block--custom-hover:focus-visible{background-color:var(--cf-button-hover-background);color:var(--cf-button-hover-color);border-color:var(--cf-button-hover-border)}.cf-scrollbar-hide{scrollbar-width:none}.cf-scrollbar-hide::-webkit-scrollbar{display:none}.block-responsive-logo-grid{grid-template-columns:repeat(var(--logo-mobile-columns,2), minmax(0, 1fr))}.block-column-layout{-moz-column-gap:var(--mobile-column-gap,0px);column-gap:var(--mobile-column-gap,0px);row-gap:var(--mobile-column-gap,0px);flex-wrap:wrap;display:flex}.block-column-layout__column{flex:0 0 var(--mobile-column-basis,100%);min-width:0}@media (width>=768px){.block-responsive-logo-grid{grid-template-columns:repeat(var(--logo-columns,4), minmax(0, 1fr))}.block-column-layout{gap:0;display:flex}.block-column-layout__column{flex:var(--column-ratio,1) 1 0;margin-left:var(--column-gap-before,0px)}}.cf-responsive-spacer{height:var(--cf-spacer-mobile-height,64px)}.cf-typography{font-size:var(--cf-typography-font-size-mobile,16px);--cf-typography-line-height-current:var(--cf-typography-line-height-mobile)}:where([data-cf-text-role=heading],[data-cf-text-role=body],.cf-typography,.cf-rich-text){overflow-wrap:anywhere;min-width:0}.cf-heading-typography-color:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-color :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){color:var(--cf-heading-typography-color)!important}.cf-heading-typography-font-family:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-family :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-family:var(--cf-heading-typography-font-family)!important}.cf-heading-typography-font-size:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-size :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-size:var(--cf-heading-typography-font-size-mobile)!important}.cf-heading-typography-font-style:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-style :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-style:var(--cf-heading-typography-font-style)!important}.cf-heading-typography-font-weight:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-weight :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-weight:var(--cf-heading-typography-font-weight)!important}.cf-heading-typography-letter-spacing:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-letter-spacing :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){letter-spacing:var(--cf-heading-typography-letter-spacing)!important}.cf-heading-typography-line-height:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-line-height :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){line-height:var(--cf-heading-typography-line-height-mobile)!important}.cf-heading-typography-text-decoration:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-text-decoration :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){-webkit-text-decoration:var(--cf-heading-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-heading-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-heading-typography-text-decoration)!important;text-decoration:var(--cf-heading-typography-text-decoration)!important}.cf-heading-typography-position{min-height:max(4rem,100%);position:relative!important}.cf-heading-typography-position:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-position :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){z-index:1;left:var(--cf-heading-typography-position-left)!important;top:var(--cf-heading-typography-position-top)!important;transform:var(--cf-heading-typography-position-transform)!important;margin:0!important;position:absolute!important}.cf-body-typography-color:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-color :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){color:var(--cf-body-typography-color)!important}.cf-body-typography-font-family:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-font-family :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){font-family:var(--cf-body-typography-font-family)!important}.cf-body-typography-font-size:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=font-size\:]),.cf-body-typography-font-size :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=font-size\:]){font-size:var(--cf-body-typography-font-size-mobile)!important}.cf-body-typography-font-style:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-font-style :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){font-style:var(--cf-body-typography-font-style)!important}.cf-body-typography-font-weight:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-font-weight :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){font-weight:var(--cf-body-typography-font-weight)!important}.cf-body-typography-letter-spacing:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=letter-spacing\:]),.cf-body-typography-letter-spacing :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=letter-spacing\:]),.cf-body-typography-letter-spacing:where(p,li,blockquote,figcaption,[data-cf-text-role=body])[style*=--cf-body-typography-letter-spacing\:],.cf-body-typography-letter-spacing [style*=--cf-body-typography-letter-spacing\:]{letter-spacing:var(--cf-body-typography-letter-spacing)!important}.cf-body-typography-line-height:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=line-height\:]),.cf-body-typography-line-height :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=line-height\:]){line-height:var(--cf-body-typography-line-height-mobile)!important}.cf-body-typography-text-decoration:where(p,li,blockquote,figcaption,[data-cf-text-role=body]),.cf-body-typography-text-decoration :where(p,li,blockquote,figcaption,[data-cf-text-role=body]){-webkit-text-decoration:var(--cf-body-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-body-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-body-typography-text-decoration)!important;text-decoration:var(--cf-body-typography-text-decoration)!important}.cf-action-typography-color:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-color :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){color:var(--cf-action-typography-color)!important}.cf-action-typography-font-family:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-family :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-family:var(--cf-action-typography-font-family)!important}.cf-action-typography-font-size:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-size :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-size:var(--cf-action-typography-font-size-mobile)!important}.cf-action-typography-font-style:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-style :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-style:var(--cf-action-typography-font-style)!important}.cf-action-typography-font-weight:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-weight :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-weight:var(--cf-action-typography-font-weight)!important}.cf-action-typography-letter-spacing:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-letter-spacing :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){letter-spacing:var(--cf-action-typography-letter-spacing)!important}.cf-action-typography-line-height:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-line-height :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){line-height:var(--cf-action-typography-line-height-mobile)!important}.cf-action-typography-text-decoration:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-text-decoration :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){-webkit-text-decoration:var(--cf-action-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-action-typography-text-decoration)!important;-webkit-text-decoration:var(--cf-action-typography-text-decoration)!important;text-decoration:var(--cf-action-typography-text-decoration)!important}@media (width>=768px){.cf-responsive-spacer{height:var(--cf-spacer-desktop-height,64px)}.cf-typography{font-size:var(--cf-typography-font-size-desktop,16px);--cf-typography-line-height-current:var(--cf-typography-line-height-desktop)}.cf-heading-typography-font-size:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-font-size :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){font-size:var(--cf-heading-typography-font-size-desktop)!important}.cf-heading-typography-line-height:where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]),.cf-heading-typography-line-height :where(h1,h2,h3,h4,h5,h6,[data-cf-text-role=heading]){line-height:var(--cf-heading-typography-line-height-desktop)!important}.cf-body-typography-font-size:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=font-size\:]),.cf-body-typography-font-size :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=font-size\:]){font-size:var(--cf-body-typography-font-size-desktop)!important}.cf-body-typography-line-height:where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=line-height\:]),.cf-body-typography-line-height :where(p,li,blockquote,figcaption,[data-cf-text-role=body]):not([style*=line-height\:]){line-height:var(--cf-body-typography-line-height-desktop)!important}.cf-action-typography-font-size:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-font-size :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){font-size:var(--cf-action-typography-font-size-desktop)!important}.cf-action-typography-line-height:where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]),.cf-action-typography-line-height :where(a,button,[role=button],[class~=inline-flex],[data-cf-text-role=action]){line-height:var(--cf-action-typography-line-height-desktop)!important}}.cf-wysiwyg-fixed-content-height .jodit-container{height:auto!important;min-height:0!important}.cf-wysiwyg-fixed-content-height .jodit-workplace{height:var(--cf-wysiwyg-content-height)!important;min-height:var(--cf-wysiwyg-content-min-height)!important}:root{--background:#fff;--foreground:#1d1d1f}html,body{color:var(--foreground);background:var(--background);letter-spacing:0;font-family:SUIT,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.responsive-section-outer{margin-top:var(--mt-mobile,0);margin-right:var(--mr-mobile,0);margin-bottom:var(--mb-mobile,0);margin-left:var(--ml-mobile,0)}.responsive-section-inner-padding-y{padding-top:var(--pt-mobile,0);padding-bottom:var(--pb-mobile,0)}.responsive-section-inner-padding-x{padding-right:var(--pr-mobile,0);padding-left:var(--pl-mobile,0)}@media (width<=767px){.responsive-section-mobile-gutter{padding-inline:10px}.responsive-section-mobile-gutter .responsive-section-mobile-gutter{padding-inline:0}.responsive-section-mobile-gutter .responsive-section-mobile-gutter-none{margin-inline:-10px;width:calc(100% + 20px)!important;max-width:none!important}}.media-grid-document{max-width:var(--media-grid-document-max-width-desktop,100%)}.media-grid-document-image{max-width:var(--media-grid-document-image-max-width,100%)}.cf-board-node--emptyState{text-align:center;color:#6b7280;justify-content:center;align-items:center;min-height:120px;padding:48px 0;font-size:16px;line-height:24px;display:flex}@media (width<=767px){.cf-board-node--emptyState{min-height:94px;padding:36px 0;font-size:14px;line-height:22px}.media-grid-document{max-width:var(--media-grid-document-max-width-mobile,100%)}.media-grid-document-image{max-width:var(--media-grid-document-image-max-width-mobile,100%)}}@media (width>=768px){.cf-content-tabs__tab{padding-top:var(--cf-content-tabs-tab-padding-y-desktop,12px);padding-bottom:var(--cf-content-tabs-tab-padding-y-desktop,12px)}.cf-content-tabs__panel{padding-top:var(--cf-content-tabs-panel-padding-top-desktop,32px)}}.image-overlay-card__overlay,.image-overlay-card__content{opacity:0;transition:opacity .3s}.image-overlay-card:hover>.image-overlay-card__overlay,.image-overlay-card-link:focus-within .image-overlay-card__overlay{opacity:var(--image-overlay-overlay-opacity,1)}.image-overlay-card:hover>.image-overlay-card__content,.image-overlay-card-link:focus-within .image-overlay-card__content{opacity:1}.image-overlay-grid--staggered>*{width:80%;min-width:0}.image-overlay-grid--staggered>:nth-child(2n){justify-self:end}.image-overlay-grid--always-visible .image-overlay-card__overlay,.image-overlay-grid--always-visible .image-overlay-card__content{opacity:1}.image-overlay-grid--hover-lift .image-overlay-card{transition:transform .5s,box-shadow .5s}.image-overlay-grid--hover-lift .image-overlay-card:hover{transform:translateY(-.5rem);box-shadow:0 1.5rem 2.5rem #00000029}@media (width<=767px){.image-overlay-grid--staggered>*{width:100%}}.board-latest-widget--full-bleed{overflow-x:visible;width:calc(100% + 32px)!important;margin-left:-16px!important}.board-latest-widget--full-bleed>.responsive-section-inner{overflow:visible!important}.board-latest-widget--full-bleed .board-latest-slider-viewport{width:100%}.board-latest-widget--full-bleed .board-latest-grid{--board-latest-side-width:200px;--board-latest-column-gap:32px;--board-latest-grid-padding-left:12px;grid-template-columns:var(--board-latest-side-width) minmax(0, 1fr)}.board-latest-slider-scroll{-ms-overflow-style:none;scrollbar-width:none;gap:var(--board-latest-card-gap,15px)}.board-latest-slider-scroll::-webkit-scrollbar{display:none}.board-latest-slider-viewport{min-width:0}.board-latest-slider-swiper .swiper-wrapper{align-items:stretch}.board-latest-slider-swiper .swiper-slide{height:auto}.board-latest-active-copy{animation:.18s ease-out both board-latest-copy-in}@keyframes board-latest-copy-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.board-latest-active-copy{animation:none}}@media (width>=768px){.board-latest-widget--full-bleed .board-latest-slider-viewport{width:calc(100vw - ((100vw - min(1260px, 100vw)) / 2 + var(--board-latest-side-width,200px) + var(--board-latest-column-gap,32px) + var(--board-latest-grid-padding-left,12px)));flex:none}}.process-steps-block{padding-block:var(--process-padding-mobile,56px)}.process-steps-block__inner{gap:var(--process-content-gap,40px)}.process-steps-block__steps{margin-top:var(--process-content-gap,40px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.process-steps-block__circle{width:var(--process-circle-size-mobile,56px);height:var(--process-circle-size-mobile,56px);border-width:var(--process-circle-border-width,2px);border-style:solid;border-radius:999px}.process-steps-block__icon{width:28px;height:28px}.process-steps-block__connector{display:none}.process-steps-block__graphic{position:relative}.circular-text-graphic__svg{width:100%;height:100%}.circular-text-graphic__svg--spin{animation:20s linear infinite circular-text-graphic-spin}@keyframes circular-text-graphic-spin{to{transform:rotate(360deg)}}.cf-marquee-track{width:max-content;animation:40s linear infinite cf-marquee-left;display:flex}.cf-marquee-track--reverse{margin-left:-30%;animation-name:cf-marquee-right}@keyframes cf-marquee-left{to{transform:translate(-50%)}}@keyframes cf-marquee-right{0%{transform:translate(-25%)}to{transform:translate(25%)}}@media (prefers-reduced-motion:reduce){.circular-text-graphic__svg--spin,.cf-marquee-track{animation:none}}@media (width>=768px){.process-steps-block{padding-block:var(--process-padding-desktop,96px)}.process-steps-block__steps{display:flex}.process-steps-block__circle{width:var(--process-circle-size,80px);height:var(--process-circle-size,80px)}.process-steps-block__icon{width:32px;height:32px}.process-steps-block__connector{padding-top:calc(var(--process-circle-size,80px) / 2);display:flex}.process-steps-block__connector-line{height:var(--process-connector-thickness,2px);background:var(--process-connector-color,#ccc);flex:auto}.process-steps-block__connector-dot{width:var(--process-connector-dot-size,8px);height:var(--process-connector-dot-size,8px);background:var(--process-connector-color,#ccc);border-radius:999px;flex:none}}.media-grid-card--bordered,.sector-definition-card{box-shadow:0 1px 2px #0000000d}.media-grid-card--bordered{transition:box-shadow .3s}.media-grid-card--bordered:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.sector-product-card{transition:transform .3s,box-shadow .3s;box-shadow:0 1px 2px #0000000d}.sector-product-card:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #dbeafe80,0 8px 10px -6px #dbeafe80}@media (width>=768px){.responsive-section-outer{margin-top:var(--mt-desktop,var(--mt-mobile,0));margin-right:var(--mr-desktop,var(--mr-mobile,0));margin-bottom:var(--mb-desktop,var(--mb-mobile,0));margin-left:var(--ml-desktop,var(--ml-mobile,0))}.responsive-section-inner-padding-y{padding-top:var(--pt-desktop,var(--pt-mobile,0));padding-bottom:var(--pb-desktop,var(--pb-mobile,0))}.responsive-section-inner-padding-x{padding-right:var(--pr-desktop,var(--pr-mobile,0));padding-left:var(--pl-desktop,var(--pl-mobile,0))}}.cf-admin{letter-spacing:0;font-size:14px;line-height:1.55}.cf-admin :where(input,select,textarea,button):where(:not(#puck-preview *)){font:inherit;letter-spacing:0}.cf-admin-content{letter-spacing:0;font-size:14px;line-height:1.55}.cf-admin-content :where(table,td,input,select,textarea):where(:not(#puck-preview *)){letter-spacing:0;font-size:14px}.cf-admin-content :where(th,small):where(:not(#puck-preview *)){letter-spacing:0;font-size:12px}.cf-admin-content :where(h1):where(:not(#puck-preview *)){letter-spacing:0;font-size:20px;line-height:1.35}.cf-admin-content :where(h2):where(:not(#puck-preview *)){letter-spacing:0;font-size:20px;line-height:1.4}.cf-admin-content :where(h3):where(:not(#puck-preview *)){letter-spacing:0;font-size:18px;line-height:1.4}.cf-admin-content :where(.text-sm,.text-base,.text-\[14px\]):where(:not(#puck-preview *)){font-size:14px}.cf-admin-content :where(.text-\[15px\]):where(:not(#puck-preview *)){font-size:15px}.cf-admin-content :where(.text-lg,.text-\[18px\]):where(:not(#puck-preview *)){font-size:18px}.cf-admin-content :where(.text-xl):where(:not(#puck-preview *)){font-size:20px}.cf-admin-content :where(.text-2xl,.text-3xl):where(:not(#puck-preview *)){font-size:22px}.cf-admin-content :where(.jodit-wysiwyg,[contenteditable=true]):where(:not(#puck-preview *)){letter-spacing:0;font-size:15px}.cf-admin .cf-admin-scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.cf-admin .cf-admin-scrollbar-hidden::-webkit-scrollbar{display:none}.cf-admin-scrollbar-thin{scrollbar-color:#94a3b8b3 transparent;scrollbar-width:thin}.cf-admin-scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.cf-admin-scrollbar-thin::-webkit-scrollbar-track{background:0 0}.cf-admin-scrollbar-thin::-webkit-scrollbar-thumb{background-color:#94a3b8b3;border-radius:999px}.cf-admin-scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#64748bd9}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.cf-logo-link{align-items:center;gap:var(--cf-logo-gap,10px);color:var(--cf-logo-text-color,#111827);pointer-events:auto;text-decoration:none;display:inline-flex}.cf-logo-image,.cf-logo-mark{width:var(--cf-logo-mobile-width,var(--cf-logo-width,120px));-o-object-fit:contain;object-fit:contain;flex-shrink:0;max-width:100%;height:auto}.cf-logo-mark{aspect-ratio:1;color:var(--cf-logo-text-color,#111827)}.cf-logo-copy{flex-direction:column;min-width:0;line-height:1.05;display:inline-flex}.cf-logo-text{color:var(--cf-logo-text-color,#111827);font-size:var(--cf-logo-mobile-font-size,var(--cf-logo-font-size,24px));letter-spacing:0;white-space:nowrap}.cf-logo-tagline{color:var(--cf-logo-tagline-color,#6b7280);letter-spacing:0;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:500}.cf-nav{width:100%;color:var(--cf-nav-color,#374151);font-family:var(--cf-nav-font-family,inherit);line-height:var(--cf-nav-line-height,normal);letter-spacing:var(--cf-nav-letter-spacing,normal);pointer-events:none}.cf-nav-list .cf-nav-item,.cf-nav-list .cf-nav-link,.cf-nav-mobile .cf-nav-mobile-summary,.cf-nav-mobile .cf-nav-mobile-panel,.cf-nav-mobile .cf-nav-mobile-link{pointer-events:auto}.cf-nav-list{align-items:center;gap:var(--cf-nav-gap,32px);width:100%;min-width:0;font-size:var(--cf-nav-font-size,14px);font-weight:var(--cf-nav-font-weight,500);justify-content:var(--cf-nav-justify,center)}.cf-nav-list-horizontal{flex-flow:wrap}.cf-nav-list-vertical{align-items:var(--cf-nav-align-items,flex-start);flex-direction:column}.cf-nav-item{position:relative}.cf-nav-link{padding:var(--cf-nav-item-padding-y,6px) var(--cf-nav-item-padding-x,8px);color:var(--cf-nav-color,#374151);font:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:6px;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.cf-nav-link:hover{color:var(--cf-nav-hover-color,#111827);border-bottom-color:var(--cf-nav-hover-color,#111827)}.cf-nav-link[aria-current=page]{border-bottom-color:currentColor}.cf-nav-caret{width:12px;height:12px}.cf-nav-dropdown{z-index:50;background:var(--cf-nav-dropdown-bg,#fff);opacity:0;visibility:hidden;border:1px solid #11182714;border-radius:12px;min-width:180px;padding:8px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(-4px);box-shadow:0 18px 40px #0f172a24}.cf-nav-item-dropdown-end .cf-nav-dropdown{left:auto;right:0}.cf-fullpage-scroll{overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;height:100dvh;overflow:hidden auto}.cf-fullpage-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100dvh}.cf-fullpage-section-editor{min-height:min(640px,78dvh)}.cf-fullpage-navigation{z-index:45;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #e5e7ebcc;border-radius:999px;flex-direction:column;gap:10px;padding:10px 8px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.cf-fullpage-navigation-left{left:18px}.cf-fullpage-navigation-right{right:18px}.cf-fullpage-navigation-button{background:0 0;border:1px solid #1118278c;border-radius:999px;width:10px;height:10px;transition:transform .16s,background-color .16s}.cf-fullpage-navigation-button:hover,.cf-fullpage-navigation-button[aria-current=true]{background:#111827;transform:scale(1.2)}@media (width<=767px){.cf-fullpage-scroll:not(.cf-fullpage-scroll-mobile){overscroll-behavior-y:auto;scroll-snap-type:none;height:auto;overflow-y:visible}.cf-fullpage-page:not(.cf-fullpage-mobile) .cf-fullpage-section{scroll-snap-align:none;scroll-snap-stop:normal;min-height:auto}.cf-fullpage-navigation-desktop{display:none}.cf-fullpage-navigation-left{left:10px}.cf-fullpage-navigation-right{right:10px}}@media (prefers-reduced-motion:reduce){.cf-fullpage-scroll{scroll-behavior:auto}.cf-fullpage-navigation-button{transition:none}}.cf-nav-dropdown:before{content:"";height:12px;position:absolute;bottom:100%;left:0;right:0}.cf-nav-item:hover .cf-nav-dropdown,.cf-nav-item:focus-within .cf-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.cf-nav-item:hover .cf-nav-dropdown-mega,.cf-nav-item:focus-within .cf-nav-dropdown-mega{transform:translate(-50%)}.cf-nav-dropdown-link{width:100%;color:var(--cf-nav-dropdown-color,#374151);letter-spacing:0;white-space:nowrap;text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:500;text-decoration:none;display:block}.cf-nav-dropdown-link:hover{color:var(--cf-nav-hover-color,#111827);background:#1118270f}.cf-nav-dropdown-mega{width:min(960px,100vw - 32px);min-width:min(640px,100vw - 32px);padding:20px;left:50%;right:auto;transform:translate(-50%,-4px)}.cf-nav-mega-grid{grid-template-columns:repeat(var(--cf-nav-mega-columns,4), minmax(0, 1fr));gap:8px 24px;display:grid}.cf-nav-mega-column{min-width:0}.cf-nav-mega-heading{font-weight:700}.cf-nav-mega-children{gap:2px;margin-top:2px;display:grid}@media (width<=767px){.cf-nav-dropdown-mega{width:calc(100vw - 32px);min-width:0;left:0;transform:translateY(-4px)}.cf-nav-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.cf-nav-item:hover .cf-nav-dropdown-mega,.cf-nav-item:focus-within .cf-nav-dropdown-mega{transform:translateY(0)}}.cf-nav-mobile{width:100%;font-size:var(--cf-nav-font-size,14px);font-weight:var(--cf-nav-font-weight,500)}.cf-nav-mobile-summary{width:100%;color:var(--cf-nav-color,#374151);font:inherit;cursor:pointer;border:1px solid #1118271a;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;list-style:none;transition:border-color .15s,background-color .15s,color .15s;display:flex}.cf-nav-mobile-summary:hover,.cf-nav-mobile-summary:focus-visible{border-color:var(--cf-nav-hover-color,#111827);background:var(--cf-nav-color,#374151)}@supports (color:color-mix(in lab, red, red)){.cf-nav-mobile-summary:hover,.cf-nav-mobile-summary:focus-visible{background:color-mix(in srgb, var(--cf-nav-color,#374151) 5%, transparent)}}.cf-nav-mobile-summary:hover,.cf-nav-mobile-summary:focus-visible{color:var(--cf-nav-hover-color,#111827)}.cf-nav-mobile-summary::-webkit-details-marker{display:none}.cf-nav-mobile-link::-webkit-details-marker{display:none}.cf-nav-mobile-panel{background:var(--cf-nav-dropdown-bg,#fff);border:1px solid #11182714;border-radius:12px;flex-direction:column;gap:4px;margin-top:10px;padding:8px;display:flex}.cf-nav-mobile-overlay{z-index:100;background:#0f172a75;justify-content:flex-end;display:flex;position:fixed;inset:0}.cf-nav-mobile-backdrop{cursor:default;background:0 0;border:0;width:100%;position:absolute;inset:0}.cf-nav-mobile-drawer{z-index:1;overscroll-behavior:contain;background:var(--cf-nav-dropdown-bg,#fff);width:min(88vw,420px);min-height:100dvh;color:var(--cf-nav-color,#374151);padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow-y:auto;box-shadow:-18px 0 48px #0f172a2e}.cf-nav-mobile-drawer-header{border-bottom:1px solid #0f172a1a;justify-content:space-between;align-items:center;min-height:48px;display:flex}.cf-nav-mobile-drawer-title{font-size:1rem;font-weight:700}.cf-nav-mobile-close{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0f172a1f;border-radius:10px;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:inline-flex}.cf-nav-mobile-close:hover,.cf-nav-mobile-close:focus-visible{border-color:var(--cf-nav-hover-color,#111827);background:#0f172a0d}.cf-nav-mobile-drawer-nav{flex-direction:column;flex:1;gap:2px;padding-top:1rem;display:flex}.cf-nav-mobile-link,.cf-nav-mobile-child-link{width:100%;color:var(--cf-nav-color,#374151);font:inherit;letter-spacing:0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;padding:10px;text-decoration:none;display:flex}.cf-nav-mobile-link:hover,.cf-nav-mobile-child-link:hover{color:var(--cf-nav-hover-color,#111827);background:#1118270f}.cf-nav-mobile-children{flex-direction:column;padding-left:12px;display:flex}.cf-nav-mobile-child-link{color:var(--cf-nav-dropdown-color,#374151);font-size:var(--cf-nav-mobile-child-font-size,13px)}.cf-board-infinite-scroll-status{color:#6b7280;justify-content:center;align-items:center;min-height:48px;font-size:13px;display:flex}.cf-board-infinite-scroll-status button{color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}@media (width>=768px){.cf-logo-image,.cf-logo-mark{width:var(--cf-logo-width,120px)}.cf-logo-text{font-size:var(--cf-logo-font-size,24px)}}.cf-slider-hero-height{height:var(--cf-slider-mobile-height,440px)}.cf-rich-text,.cf-rich-text-editor .jodit-wysiwyg{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;overflow-x:auto}.cf-rich-text :where(table),.cf-rich-text-editor .jodit-wysiwyg :where(table){table-layout:auto;border-collapse:collapse!important;max-width:100%!important}.cf-rich-text :where(table:not([width]):not([style*=width])),.cf-rich-text-editor .jodit-wysiwyg :where(table:not([width]):not([style*=width])){width:100%}.cf-rich-text :where(th,td),.cf-rich-text-editor .jodit-wysiwyg :where(th,td){vertical-align:top;overflow-wrap:anywhere;word-break:normal;border:1px solid #d1d5db;min-width:0;padding:10px 12px}.cf-rich-text :where(th),.cf-rich-text-editor .jodit-wysiwyg :where(th){background:#f9fafb;font-weight:600}.cf-rich-text :where(caption),.cf-rich-text-editor .jodit-wysiwyg :where(caption){color:#4b5563;text-align:left;padding-bottom:8px;font-size:.875em}.cf-rich-text :where(img,video),.cf-rich-text-editor .jodit-wysiwyg :where(img,video){max-width:100%;height:auto}.cf-rich-text :where(iframe),.cf-rich-text-editor .jodit-wysiwyg :where(iframe){border:0;max-width:100%}.cf-product-description :where(img){border-radius:.5rem;margin-inline:auto;display:block;max-width:min(100%, var(--cf-product-description-image-max-width,1200px))!important;height:auto!important}.cf-product-description :where(img[width="100%"],img[style*="width: 100%"],img[style*="width:100%"]){width:auto!important}.cf-rich-text :where(ul),.cf-rich-text-editor .jodit-wysiwyg :where(ul){margin-block:.75em;padding-inline-start:1.5em;list-style-type:disc;list-style-position:outside}.cf-rich-text :where(ol),.cf-rich-text-editor .jodit-wysiwyg :where(ol){margin-block:.75em;padding-inline-start:1.5em;list-style-type:decimal;list-style-position:outside}.cf-rich-text :where(ul>li),.cf-rich-text-editor .jodit-wysiwyg :where(ul>li),.cf-rich-text :where(ol>li),.cf-rich-text-editor .jodit-wysiwyg :where(ol>li){list-style-type:inherit;list-style-position:inherit;display:list-item}.cf-rich-text :where(li)::marker{color:currentColor}.cf-rich-text-editor .jodit-wysiwyg :where(li)::marker{color:currentColor}.cf-rich-text :where(ul ul),.cf-rich-text-editor .jodit-wysiwyg :where(ul ul){list-style-type:circle}.cf-rich-text :where(ul ul ul),.cf-rich-text-editor .jodit-wysiwyg :where(ul ul ul){list-style-type:square}.cf-rich-text :where(ol ol),.cf-rich-text-editor .jodit-wysiwyg :where(ol ol){list-style-type:lower-alpha}.cf-rich-text :where(ol ol ol),.cf-rich-text-editor .jodit-wysiwyg :where(ol ol ol){list-style-type:lower-roman}.cf-rich-text :where(li+li),.cf-rich-text-editor .jodit-wysiwyg :where(li+li){margin-top:.25em}.cf-rich-text :where(li>ul,li>ol),.cf-rich-text-editor .jodit-wysiwyg :where(li>ul,li>ol){margin-block:.25em}.cf-rich-text :where(p,blockquote,pre),.cf-rich-text-editor .jodit-wysiwyg :where(p,blockquote,pre){margin-block:.75em}.cf-rich-text :where(h1,h2,h3,h4,h5,h6),.cf-rich-text-editor .jodit-wysiwyg :where(h1,h2,h3,h4,h5,h6){margin-block:1em .5em;font-weight:700;line-height:1.3}.cf-rich-text :where(h1),.cf-rich-text-editor .jodit-wysiwyg :where(h1){font-size:2em}.cf-rich-text :where(h2),.cf-rich-text-editor .jodit-wysiwyg :where(h2){font-size:1.5em}.cf-rich-text :where(h3),.cf-rich-text-editor .jodit-wysiwyg :where(h3){font-size:1.25em}.cf-rich-text :where(h4),.cf-rich-text-editor .jodit-wysiwyg :where(h4){font-size:1.125em}.cf-rich-text :where(h5),.cf-rich-text-editor .jodit-wysiwyg :where(h5){font-size:1em}.cf-rich-text :where(h6),.cf-rich-text-editor .jodit-wysiwyg :where(h6){font-size:.875em}.cf-rich-text :where(blockquote),.cf-rich-text-editor .jodit-wysiwyg :where(blockquote){color:#4b5563;border-inline-start:3px solid #d1d5db;padding-inline-start:1em}.cf-rich-text :where(a),.cf-rich-text-editor .jodit-wysiwyg :where(a){color:#2563eb;text-underline-offset:2px;text-decoration:underline}.cf-rich-text :where(pre),.cf-rich-text-editor .jodit-wysiwyg :where(pre){white-space:pre-wrap;background:#f3f4f6;border-radius:.5rem;padding:.875em 1em;overflow-x:auto}.cf-rich-text :where(code),.cf-rich-text-editor .jodit-wysiwyg :where(code){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.cf-rich-text :where(hr),.cf-rich-text-editor .jodit-wysiwyg :where(hr){border:0;border-top:1px solid #d1d5db;margin-block:1.25em}.cf-rich-text>:where(:first-child),.cf-rich-text-editor .jodit-wysiwyg>:where(:first-child){margin-top:0}.cf-rich-text>:where(:last-child),.cf-rich-text-editor .jodit-wysiwyg>:where(:last-child){margin-bottom:0}@media (width>=768px){.cf-slider-hero-height{height:var(--cf-slider-desktop-height,600px)}}@keyframes cf-navigation-progress{0%{transform:translate(-110%)}55%{transform:translate(115%)}to{transform:translate(280%)}}.cf-navigation-input-blocker{z-index:10040;cursor:progress;background:0 0;position:fixed;inset:0}.cf-navigation-progress{z-index:10050;pointer-events:none;background:#dbeafeb8;height:3px;position:fixed;inset:0 0 auto;overflow:hidden}.cf-navigation-progress>span{background:#2563eb;border-radius:999px;width:38%;height:100%;animation:1.15s ease-in-out infinite cf-navigation-progress;display:block;box-shadow:0 0 8px #2563eb73}[data-submit-pending=true] button[type=submit],[data-submit-pending=true] input[type=submit],[data-submit-pending=true] input[type=image],[data-action-pending=true]{cursor:wait!important;pointer-events:none!important}@media (prefers-reduced-motion:reduce){.cf-navigation-progress>span{width:100%;animation:none}}.shop-template-heading-color-controlled :where(h1,h2,h3,h4,h5,h6){color:var(--shop-template-heading-color)!important}.shop-template-heading-font-family-controlled :where(h1,h2,h3,h4,h5,h6){font-family:var(--shop-template-heading-font-family)!important}.shop-template-heading-font-size-controlled :where(h1,h2,h3,h4,h5,h6){font-size:var(--shop-template-heading-font-size-mobile)!important}.shop-template-body-color-controlled :where(div,span,p,dt,dd,label,figcaption,input,textarea,select){color:var(--shop-template-body-color)!important}.shop-template-body-font-family-controlled :where(div,span,p,dt,dd,label,figcaption,input,textarea,select){font-family:var(--shop-template-body-font-family)!important}.shop-template-body-font-size-controlled :where(div,span,p,dt,dd,label,figcaption,input,textarea,select){font-size:var(--shop-template-body-font-size-mobile)!important}.shop-template-action-color-controlled :where(button,button *,a,a *){color:var(--shop-template-action-color)!important}.shop-template-action-font-family-controlled :where(button,button *,a,a *){font-family:var(--shop-template-action-font-family)!important}.shop-template-action-font-size-controlled :where(button,button *,a,a *){font-size:var(--shop-template-action-font-size-mobile)!important}@media (width>=768px){.shop-template-heading-font-size-controlled :where(h1,h2,h3,h4,h5,h6){font-size:var(--shop-template-heading-font-size-desktop)!important}.shop-template-body-font-size-controlled :where(div,span,p,dt,dd,label,figcaption,input,textarea,select){font-size:var(--shop-template-body-font-size-desktop)!important}.shop-template-action-font-size-controlled :where(button,button *,a,a *){font-size:var(--shop-template-action-font-size-desktop)!important}}@keyframes cf-shop-skeleton-shimmer{to{transform:translate(100%)}}.cf-shop-skeleton{--shop-skeleton-density-scale:1;margin:var(--shop-skeleton-margin-desktop);padding:var(--shop-skeleton-padding-desktop);border:1px solid var(--shop-skeleton-border);border-radius:var(--shop-skeleton-radius);background:var(--shop-skeleton-background);overflow:hidden}.cf-shop-skeleton>[aria-hidden=true],.cf-shop-skeleton-lines,.cf-shop-skeleton-product-info,.cf-shop-skeleton-rows,.cf-shop-skeleton-form{gap:var(--shop-skeleton-gap);display:grid}.cf-shop-skeleton-block{border-radius:var(--shop-skeleton-radius);background:var(--shop-skeleton-block);position:relative;overflow:hidden}.cf-shop-skeleton--pulse .cf-shop-skeleton-block{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cf-shop-skeleton--shimmer .cf-shop-skeleton-block:after{content:"";background:linear-gradient(90deg,#0000,#ffffff7a,#0000);animation:1.5s ease-in-out infinite cf-shop-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.cf-shop-skeleton-heading{width:min(40%,240px);height:28px}.cf-shop-skeleton-toolbar{justify-content:space-between;gap:var(--shop-skeleton-gap);border-block:1px solid var(--shop-skeleton-border);padding-block:12px;display:flex}.cf-shop-skeleton-toolbar>*{width:25%;height:36px}.cf-shop-skeleton-card{border:1px solid var(--shop-skeleton-border);border-radius:var(--shop-skeleton-radius);background:var(--shop-skeleton-background);overflow:hidden}.cf-shop-skeleton-card-body{padding:calc(var(--shop-skeleton-gap) * var(--shop-skeleton-density-scale))}.cf-shop-skeleton-line{height:14px}.cf-shop-skeleton-line--short{width:58%}.cf-shop-skeleton-detail,.cf-shop-skeleton-split{gap:var(--shop-skeleton-gap);grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);display:grid}.cf-shop-skeleton-product-image{aspect-ratio:1}.cf-shop-skeleton-action{height:48px}.cf-shop-skeleton-tabs{gap:var(--shop-skeleton-gap);border-bottom:1px solid var(--shop-skeleton-border);padding-bottom:12px;display:flex}.cf-shop-skeleton-tabs>*{width:96px;height:18px}.cf-shop-skeleton-row{border:1px solid var(--shop-skeleton-border);height:96px}.cf-shop-skeleton-summary{border:1px solid var(--shop-skeleton-border);min-height:220px}.cf-shop-skeleton-field{border:1px solid var(--shop-skeleton-border);height:52px}.cf-shop-skeleton--compact{--shop-skeleton-density-scale:.8}.cf-shop-skeleton--spacious{--shop-skeleton-density-scale:1.2}.cf-shop-skeleton--compact .cf-shop-skeleton-row{height:76px}.cf-shop-skeleton--spacious .cf-shop-skeleton-row{height:116px}.cf-shop-skeleton--compact .cf-shop-skeleton-line{height:11px}.cf-shop-skeleton--spacious .cf-shop-skeleton-line{height:17px}.cf-shop-skeleton--mobile{margin:var(--shop-skeleton-margin-mobile);padding:var(--shop-skeleton-padding-mobile)}.cf-shop-skeleton--mobile .cf-shop-skeleton-detail,.cf-shop-skeleton--mobile .cf-shop-skeleton-split{grid-template-columns:1fr}.cf-shop-product-rail{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;min-width:0;display:flex;overflow-x:auto}.cf-shop-product-rail::-webkit-scrollbar{display:none}.cf-shop-product-rail__item{flex:0 0 calc((100% - (var(--cf-shop-product-mobile-columns,1) - 1) * var(--cf-shop-product-gap,0px)) / var(--cf-shop-product-mobile-columns,1));scroll-snap-align:start;min-width:0}.cms-shop-production{background:#f8fbff;border:1px solid #dbe4f0;border-radius:0;gap:.85rem;min-inline-size:0;margin:1.25rem 0 0;padding:1rem;display:grid}.cms-shop-production legend{padding:0 .45rem;font-weight:800}.cms-shop-production-help{color:#526173;margin:-.25rem 0 .1rem;font-size:.9rem;line-height:1.5}.cms-shop-production-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.cms-shop-production-steps li{background:#fff;border:1px solid #dbe4f0;border-radius:.5rem;gap:.15rem;padding:.65rem .7rem;display:grid}.cms-shop-production-steps strong{color:#173b67;font-size:.82rem}.cms-shop-production-steps span,.cms-shop-production-field-help,.cms-shop-production-file-help{color:#526173;font-size:.8rem;line-height:1.5}.cms-shop-production-field-help{margin:-.25rem 0 0}.cms-shop-production-dimensions,.cms-shop-production-delivery{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.cms-shop-production .cms-shop-field{gap:.35rem;min-width:0;display:grid}.cms-shop-production .cms-shop-field>span{font-weight:700}.cms-shop-production .cms-shop-field input,.cms-shop-production .cms-shop-field select,.cms-shop-production .cms-shop-field textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:0;padding:.7rem}.cms-shop-production-size-help{color:#315b88;background:#eef6ff;border-radius:.5rem;margin:0;padding:.65rem .8rem;font-size:.82rem;line-height:1.55}.cms-shop-production-option-group{border:0;gap:.65rem;margin:0;padding:0;display:grid}.cms-shop-production-choice-group{border:0;flex-wrap:wrap;gap:.55rem .9rem;margin:0;padding:0;display:flex}.cms-shop-production-choice-group legend{margin-bottom:.35rem;padding:0;font-weight:700}.cms-shop-production-choice-group label{background:#fff;border:1px solid #dbe4f0;border-radius:0;align-items:center;gap:.35rem;padding:.5rem .65rem;display:inline-flex}.cms-shop-production-design{border:0;grid-template-columns:minmax(7rem,8rem) minmax(0,1fr);align-items:stretch;gap:.5rem;min-inline-size:0;margin:0;padding:0;display:grid}.cms-shop-production-design>legend,.cms-shop-production-label{grid-area:1/1;align-self:center;margin:0;padding:0;font-weight:700}.cms-shop-production-design-options{grid-column:2;gap:.5rem;min-width:0;display:grid}.cms-shop-production-design-choice{background:#fff;border:1px solid #dbe4f0;border-radius:0;grid-template-columns:.9rem minmax(0,1fr);align-items:start;gap:.5rem;min-width:0;min-height:0;padding:.5rem .6rem;display:grid}.cms-shop-production-design-choice:has(input:checked){background:#eff6ff;border-color:#2563eb}.cms-shop-production-design-choice:has(input:focus-visible){outline-offset:1px;outline:2px solid #93c5fd}.cms-shop-production-design-choice input{appearance:none;box-sizing:border-box;accent-color:#2563eb;background:#fff;border:1px solid #94a3b8;border-radius:50%;width:.9rem;height:.9rem;margin:.15rem 0 0}.cms-shop-production-design-choice input:checked{border:.25rem solid #2563eb}.cms-shop-production-design-choice input:focus-visible{outline-offset:1px;outline:2px solid #93c5fd}.cms-shop-production-design-choice>span{gap:.2rem;min-width:0;display:grid}.cms-shop-production-design>.cms-shop-field{grid-column:2/-1}.cms-shop-production-design-choice small,.cms-shop-production small{color:#64748b;font-size:.78rem;line-height:1.4}.cms-shop-production input[type=file]{background:#fff;padding:.55rem}.cms-shop-production-upload-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cms-shop-production-quote{color:#0d4da1;background:#e8f1ff;border:1px solid #dbe4f0;border-radius:0;gap:.3rem;margin:0;padding:.85rem;line-height:1.55;display:grid}.cms-shop-production-quote-message{color:#526173;margin:0;font-size:.86rem;font-weight:500}.cms-shop-production-breakdown{border-bottom:1px solid #dbe8f8;gap:.4rem;padding-bottom:.7rem;display:grid}.cms-shop-production-totals{gap:.45rem;margin:0;display:grid}.cms-shop-production-totals>div,.cms-shop-production-breakdown>div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cms-shop-production-totals dd,.cms-shop-production-breakdown dd{font-variant-numeric:tabular-nums;margin:0}.cms-shop-production-total{border-top:1px solid #cbdcf5;padding-top:.65rem;font-weight:800}.cms-shop-production-unavailable{color:#7c4a03;background:#fffaf0;border-color:#f1d39a}.cms-shop-production-unavailable h2,.cms-shop-production-unavailable p{margin:0}.cms-shop-production-unavailable p{color:#8a5a12;line-height:1.6}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design{grid-template-columns:minmax(7rem,8rem) minmax(0,1fr)!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-options{grid-column:2!important;grid-template-columns:1fr!important;gap:.5rem!important;min-width:0!important;display:grid!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-choice{border-radius:0!important;grid-template-columns:.9rem minmax(0,1fr)!important;align-items:start!important;min-height:0!important;padding:.5rem .6rem!important;display:grid!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-choice input{appearance:none!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #94a3b8!important;border-radius:50%!important;width:.9rem!important;height:.9rem!important;margin:.15rem 0 0!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-choice input:checked{border:.25rem solid #2563eb!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production>.cms-shop-production-design>.cms-shop-field{grid-column:2!important}@media (width<=900px){.cms-shop-production-dimensions,.cms-shop-production-delivery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.cms-shop-production-dimensions,.cms-shop-production-delivery,.cms-shop-production-design{grid-template-columns:1fr}.cms-shop-production-design>legend,.cms-shop-production-label,.cms-shop-production-design-options,.cms-shop-production-design>.cms-shop-field{grid-area:auto/1}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design{grid-template-columns:1fr!important}.cms-shop-template-product .cms-shop-template-production .cms-shop-production-design-options,.cms-shop-template-product .cms-shop-template-production .cms-shop-production>.cms-shop-production-design>.cms-shop-field{grid-column:1!important}.cms-shop-production-choice-group{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width>=768px){.cf-shop-product-rail__item{flex-basis:calc((100% - (var(--cf-shop-product-columns,4) - 1) * var(--cf-shop-product-gap,0px)) / var(--cf-shop-product-columns,4))}}@media (width<=639px){.cf-shop-skeleton--responsive{margin:var(--shop-skeleton-margin-mobile);padding:var(--shop-skeleton-padding-mobile)}.cf-shop-skeleton--responsive .cf-shop-skeleton-detail,.cf-shop-skeleton--responsive .cf-shop-skeleton-split{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cf-shop-skeleton .cf-shop-skeleton-block,.cf-shop-skeleton .cf-shop-skeleton-block:after{animation:none!important}}.image-overlay-card{min-height:var(--image-overlay-height-desktop,360px)}.reusable-card-grid-image{height:var(--card-image-height-desktop,220px)}.responsive-map-frame{height:var(--map-height-desktop,420px)}@media (width<=767px){.image-overlay-card{min-height:var(--image-overlay-height-mobile,var(--image-overlay-height-desktop,360px))}.reusable-card-grid-image{height:var(--card-image-height-mobile,var(--card-image-height-desktop,220px))}.responsive-map-frame{height:var(--map-height-mobile,var(--map-height-desktop,420px))}}@view-transition{navigation:auto}.cf-admin-content{view-transition-name:cf-admin-content}@keyframes cf-admin-content-view-out{to{opacity:0}}@keyframes cf-admin-content-view-in{0%{opacity:0}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(cf-admin-content){animation:90ms ease-out both cf-admin-content-view-out}::view-transition-new(cf-admin-content){animation:.14s ease-out both cf-admin-content-view-in}@media (prefers-reduced-motion:reduce){::view-transition-old(cf-admin-content){animation:none}::view-transition-new(cf-admin-content){animation:none}}body[data-admin-save-pending=true] button .animate-spin{display:none}.admin-structured-editor-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.admin-structured-editor-heading,.admin-structured-row-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-structured-editor-heading h2,.admin-structured-editor-heading h3{margin:0;font-size:16px}.admin-structured-editor-heading p{margin:6px 0 0}.admin-structured-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.admin-structured-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:12px;display:grid}.admin-structured-input{width:100%;min-width:0}.admin-structured-actions,.admin-structured-checks{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-structured-row.dragging{opacity:.55}.admin-structured-drag-handle{color:#9ca3af;cursor:grab;background:#fff;border:1px dashed #d1d5db;border-radius:6px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.admin-structured-drag-handle:hover{color:#2563eb;border-color:#93c5fd}.admin-structured-drag-handle:active{cursor:grabbing}.admin-structured-drag-handle:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}.admin-structured-drag-handle svg{width:16px;height:16px}.admin-structured-check{align-items:center;gap:6px;min-height:36px;display:inline-flex}.admin-structured-summary{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}@media (width<=640px){.admin-structured-editor-heading,.admin-structured-row-heading,.admin-structured-summary{flex-direction:column;align-items:stretch}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}