@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-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: 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-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-duration: initial; --tw-ease: initial; --tw-content: ""; }
}
}
.st-page { color: rgb(66, 97, 135); max-width: 1440px; margin: auto; }
.st-layout { grid-template-columns: 240px minmax(0px, 1fr); align-items: start; gap: 24px; display: grid; }
.st-sidebar { position: sticky; top: 20px; }
.st-sidebar nav { background: rgb(255, 255, 255); border: 1px solid rgb(225, 232, 243); border-radius: 12px; padding: 8px; }
.st-sidebar nav a { color: rgb(132, 153, 181); border-radius: 7px; justify-content: space-between; padding: 12px; font-size: 12px; display: flex; }
.st-sidebar nav a[aria-current] { color: rgb(57, 124, 246); background: rgb(237, 243, 255); }
.st-sidebar nav a:hover { background: rgb(245, 248, 252); }
.st-sidebar nav a span { color: rgb(177, 191, 211); }
.st-shortcut { color: rgb(141, 164, 195); padding: 18px 12px; font-size: 11px; display: block; }
.st-main { min-width: 0px; }
.st-jumps { flex-wrap: wrap; gap: 7px; margin-bottom: 20px; display: flex; }
.st-jumps a { color: rgb(132, 155, 185); background: rgb(255, 255, 255); border: 1px solid rgb(223, 231, 243); border-radius: 20px; padding: 7px 12px; font-size: 11px; }
.st-form { padding: 22px; }
.st-help { color: rgb(144, 162, 187); background: rgb(244, 247, 252); border-radius: 8px; margin-bottom: 20px; padding: 12px 15px; font-size: 12px; line-height: 1.8; }
.st-fields { grid-template-columns: 1fr 1fr; gap: 19px 23px; display: grid; }
.st-fields label { color: rgb(126, 148, 177); flex-direction: column; gap: 8px; font-size: 12px; display: flex; }
.st-fields input, .st-fields select, .st-fields textarea { color: rgb(73, 102, 137); background: rgb(255, 255, 255); border: 1px solid rgb(214, 225, 240); border-radius: 7px; width: 100%; min-width: 0px; padding: 10px 11px; font-size: 13px; }
.st-fields textarea { resize: vertical; line-height: 1.7; }
.st-fields input:focus, .st-fields textarea:focus, .st-fields select:focus { outline-offset: 1px; outline: rgb(181, 207, 246) solid 2px; }
.st-fields .st-wide { grid-column: 1 / -1; }
.st-form-footer { border-top: 1px solid rgb(237, 241, 247); justify-content: space-between; align-items: center; gap: 15px; margin-top: 23px; padding-top: 17px; display: flex; }
.st-form-footer > span { color: rgb(161, 176, 196); font-size: 11px; }
.st-form-footer > div { gap: 8px; display: flex; }
.st-info { color: rgb(138, 158, 185); padding: 24px; font-size: 13px; line-height: 1.8; }
.st-info p { margin-bottom: 18px; }
.st-info a { display: inline-block; }
.st-license { grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 22px; display: grid; }
.st-license dt { color: rgb(163, 176, 195); font-size: 11px; }
.st-license dd { color: rgb(82, 120, 169); }
.st-preview { color: rgb(69, 100, 134); background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 242); border-radius: 13px; width: min(850px, -32px + 100vw); max-height: calc(100dvh - 32px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: auto; }
.st-preview::backdrop { backdrop-filter: blur(3px); background: rgba(35, 59, 82, 0.4); }
.st-preview header, .st-preview footer { background: rgb(237, 243, 255); justify-content: space-between; align-items: center; padding: 17px 22px; display: flex; }
.st-preview header button { color: rgb(120, 150, 189); cursor: pointer; background: 0px 0px; border: 0px; font-size: 24px; }
.st-preview footer span { color: rgb(150, 169, 194); font-size: 11px; }
.st-preview-body { background: rgb(246, 248, 252); padding: 24px; overflow: auto; }
.st-preview-body > div { white-space: pre-wrap; overflow-wrap: anywhere; background: rgb(255, 255, 255); border: 1px solid rgb(224, 231, 241); padding: 20px; }
.st-preview-body h3 { margin-bottom: 20px; font-size: 20px; }
.st-preview-body p { margin: 20px 0px; }
.st-page fieldset { border: 0px; min-width: 0px; margin: 0px; padding: 0px; }
.st-page fieldset:disabled { opacity: 0.65; }
.st-main section { scroll-margin-top: 20px; }
@media (width <= 850px) {
  .st-layout { grid-template-columns: 1fr; }
  .st-sidebar { position: static; }
  .st-sidebar nav { display: flex; overflow: auto; }
  .st-sidebar nav a { white-space: nowrap; }
  .st-sidebar nav a span { display: none; }
  .st-shortcut { padding: 12px; }
  .st-jumps { display: none; }
}
@media (width <= 550px) {
  .st-fields { grid-template-columns: 1fr; }
  .st-form { padding: 16px; }
  .st-form-footer { flex-direction: column; align-items: flex-start; }
  .st-form-footer > div { flex-wrap: wrap; }
}
@media print {
  body:has(.st-preview[open]) > * { display: none !important; }
  body:has(.st-preview[open]) > .st-preview { border: 0px; border-radius: 0px; width: auto; max-height: none; position: absolute; inset: 0px; overflow: visible; display: block !important; }
  .st-preview header, .st-preview footer { display: none !important; }
  .st-preview-body { background: rgb(255, 255, 255); padding: 0px; overflow: visible; }
  .st-preview-body > div { border: 0px; }
}
.tl-page { color: rgb(53, 75, 105); max-width: 1440px; margin: auto; }
.tl-heading { justify-content: space-between; align-items: center; margin-bottom: 24px; display: flex; }
.tl-eyebrow { color: rgb(150, 168, 194); letter-spacing: 2px; font-size: 10px; }
.tl-heading h1 { color: rgb(60, 99, 152); margin: 8px 0px; font-size: 27px; font-weight: 600; }
.tl-heading p { color: rgb(130, 149, 174); font-size: 13px; }
.tl-heading-mark { color: rgb(131, 165, 215); background: rgb(237, 243, 255); border-radius: 16px; place-items: center; width: 60px; height: 60px; font-size: 30px; display: grid; }
.tl-nav { border-bottom: 1px solid rgb(221, 229, 240); gap: 8px; margin-bottom: 22px; display: flex; overflow-x: auto; }
.tl-nav a { white-space: nowrap; color: rgb(130, 149, 174); border-bottom: 2px solid rgba(0, 0, 0, 0); padding: 15px 17px; font-size: 12px; }
.tl-nav a[aria-current] { color: rgb(57, 124, 246); background: rgb(238, 244, 255); border-color: rgb(57, 124, 246); border-radius: 8px 8px 0px 0px; }
.tl-summary { grid-template-columns: 1fr 1fr 2fr; gap: 18px; margin-bottom: 20px; display: grid; }
.tl-summary > div { background: rgb(255, 255, 255); border: 1px solid rgb(225, 232, 242); border-radius: 12px; padding: 18px 22px; }
.tl-summary span { color: rgb(149, 164, 184); font-size: 11px; display: block; }
.tl-summary strong { color: rgb(90, 127, 171); margin-top: 5px; font-size: 26px; font-weight: 600; display: block; }
.tl-summary .tl-summary-text { font-size: 18px; line-height: 36px; }
.tl-notice { color: rgb(123, 144, 176); background: rgb(237, 243, 255); border-left: 3px solid rgb(189, 205, 232); border-radius: 8px; margin-bottom: 24px; padding: 15px 19px; font-size: 12px; line-height: 1.7; }
.tl-notice strong { color: rgb(91, 123, 165); font-weight: 500; }
.tl-panel { background: rgb(255, 255, 255); border: 1px solid rgb(224, 231, 241); border-radius: 13px; margin-bottom: 24px; overflow: hidden; }
.tl-panel-heading { border-bottom: 1px solid rgb(237, 241, 247); justify-content: space-between; align-items: center; gap: 20px; padding: 21px 23px; display: flex; }
.tl-panel h2 { color: rgb(69, 101, 141); font-size: 15px; font-weight: 600; }
.tl-panel-heading p { color: rgb(148, 163, 184); margin-top: 5px; font-size: 12px; }
.tl-primary { color: rgb(255, 255, 255); cursor: pointer; white-space: nowrap; background: rgb(57, 124, 246); border: 1px solid rgb(57, 124, 246); border-radius: 7px; padding: 10px 15px; font-size: 12px; }
.tl-primary:hover { background: rgb(42, 109, 228); }
.tl-primary:disabled { opacity: 0.5; }
.tl-secondary { color: rgb(135, 155, 183); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 242); border-radius: 7px; padding: 10px 17px; font-size: 12px; }
.tl-table-wrap { overflow: auto; }
.tl-panel table { border-collapse: collapse; width: 100%; font-size: 12px; }
.tl-panel th { text-align: left; color: rgb(135, 156, 182); white-space: nowrap; background: rgb(248, 250, 253); padding: 13px 22px; font-size: 11px; font-weight: 500; }
.tl-panel td { border-top: 1px solid rgb(237, 241, 246); padding: 16px 22px; }
.tl-panel td small { color: rgb(162, 175, 193); margin-top: 4px; font-size: 10px; display: block; }
.tl-record-info span { overflow-wrap: anywhere; max-width: 450px; margin: 3px 0px; display: block; }
.tl-record-info em { color: rgb(148, 165, 188); font-style: normal; }
.tl-date { white-space: nowrap; color: rgb(140, 160, 186); }
.tl-actions { gap: 7px; display: flex; }
.tl-actions button { color: rgb(107, 139, 184); cursor: pointer; background: rgb(240, 245, 255); border: 0px; border-radius: 5px; padding: 6px 10px; font-size: 11px; }
.tl-actions .tl-delete { color: rgb(200, 142, 135); background: rgb(255, 243, 241); }
.tl-empty { text-align: center; color: rgb(160, 174, 194); padding: 35px !important; }
.tl-empty strong, .tl-empty span { font-size: 12px; font-weight: 400; display: block; }
.tl-empty strong { color: rgb(130, 151, 181); margin-bottom: 7px; }
.tl-catalog { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; padding: 22px; display: grid; }
.tl-provider { border: 1px solid rgb(227, 234, 244); border-radius: 11px; flex-direction: column; gap: 13px; padding: 18px; display: flex; }
.tl-provider[hidden] { display: none; }
.tl-provider-top { justify-content: space-between; align-items: center; gap: 6px; display: flex; }
.tl-monogram { color: rgb(122, 155, 202); background: rgb(237, 243, 255); border: 1px solid rgb(223, 232, 248); border-radius: 10px; place-items: center; min-width: 39px; height: 39px; font-size: 15px; display: grid; }
.tl-pill { color: rgb(150, 165, 187); white-space: nowrap; background: rgb(243, 245, 249); border-radius: 20px; padding: 5px 8px; font-size: 10px; }
.tl-pill.tl-green { color: rgb(57, 158, 125); background: rgb(232, 248, 240); }
.tl-provider h3 { color: rgb(83, 113, 152); font-size: 14px; font-weight: 500; }
.tl-provider p { color: rgb(149, 165, 186); flex: 1 1 0%; font-size: 12px; line-height: 1.7; }
.tl-provider-footer { border-top: 1px solid rgb(237, 242, 248); justify-content: space-between; align-items: center; gap: 8px; padding-top: 13px; display: flex; }
.tl-provider-footer small { color: rgb(165, 176, 192); font-size: 10px; }
.tl-provider-footer button { color: rgb(57, 124, 246); cursor: pointer; background: 0px 0px; border: 0px; font-size: 11px; }
.tl-search input, .tl-export input, .tl-fields input, .tl-fields select, .tl-fields textarea { color: rgb(72, 100, 134); background: rgb(255, 255, 255); border: 1px solid rgb(217, 227, 240); border-radius: 7px; width: 100%; min-width: 0px; padding: 10px 11px; font-size: 12px; }
.tl-search input::placeholder { color: rgb(166, 179, 198); }
.tl-search input:focus, .tl-export input:focus, .tl-fields input:focus, .tl-fields select:focus, .tl-fields textarea:focus { outline-offset: 1px; outline: rgb(171, 201, 248) solid 2px; }
.tl-search { max-width: 240px; }
.tl-export { align-items: flex-end; gap: 20px; padding: 22px; display: flex; }
.tl-export label, .tl-fields label { color: rgb(131, 152, 179); flex-direction: column; gap: 8px; font-size: 12px; display: flex; }
.tl-export label { min-width: 180px; }
.tl-footnote { color: rgb(148, 165, 187); margin: 0px 22px 20px; font-size: 11px; }
.tl-dialog { color: rgb(72, 100, 134); background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 242); border-radius: 14px; width: min(650px, -32px + 100vw); max-height: calc(100dvh - 32px); margin: auto; padding: 0px; position: fixed; inset: 0px; box-shadow: rgba(32, 54, 83, 0.25) 0px 25px 80px; }
.tl-dialog::backdrop { backdrop-filter: blur(3px); background: rgba(36, 59, 85, 0.4); }
.tl-dialog form { flex-direction: column; max-height: calc(100dvh - 34px); display: flex; }
.tl-dialog header { background: rgb(237, 243, 255); border-bottom: 1px solid rgb(221, 231, 247); flex-shrink: 0; justify-content: space-between; align-items: center; padding: 20px 24px; display: flex; }
.tl-dialog header small { color: rgb(140, 162, 191); font-size: 11px; }
.tl-dialog h2 { color: rgb(87, 123, 172); margin-top: 5px; font-size: 17px; font-weight: 500; }
.tl-dialog header button { color: rgb(136, 160, 191); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(218, 229, 245); border-radius: 7px; width: 32px; height: 32px; font-size: 22px; }
.tl-dialog-body { padding: 24px; overflow: auto; }
.tl-editor-note { color: rgb(152, 168, 189); margin-bottom: 18px; font-size: 12px; }
.tl-fields { grid-template-columns: 1fr 1fr; gap: 18px; display: grid; }
.tl-field-full { grid-column: 1 / -1; }
.tl-fields textarea { resize: vertical; min-height: 120px; }
.tl-fields input:read-only { background: rgb(246, 248, 252); }
.tl-dialog footer { background: rgb(248, 250, 253); border-top: 1px solid rgb(230, 237, 247); flex-shrink: 0; justify-content: flex-end; gap: 10px; padding: 16px 24px; display: flex; }
.tl-form-error { color: rgb(182, 110, 99); background: rgb(255, 242, 239); border-radius: 8px; margin-bottom: 18px; padding: 12px; font-size: 12px; }
.tl-preview { background: rgb(245, 248, 253); border-radius: 8px; margin-top: 20px; padding: 15px; font-size: 12px; }
.tl-preview strong { color: rgb(118, 148, 190); font-weight: 500; }
.tl-preview p { white-space: pre-wrap; overflow-wrap: anywhere; padding: 12px 0px; line-height: 1.7; }
.tl-preview small { color: rgb(154, 170, 192); font-size: 10px; }
@media (width <= 1050px) {
  .tl-catalog { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 650px) {
  .tl-heading-mark { display: none; }
  .tl-heading h1 { font-size: 23px; }
  .tl-summary { grid-template-columns: 1fr 1fr; gap: 10px; }
  .tl-summary > div:last-child { grid-column: 1 / -1; }
  .tl-catalog { grid-template-columns: 1fr; padding: 14px; }
  .tl-panel-heading { flex-direction: column; align-items: stretch; padding: 17px; }
  .tl-search { max-width: none; }
  .tl-fields { grid-template-columns: 1fr; }
  .tl-export { flex-direction: column; align-items: stretch; }
  .tl-dialog-body { padding: 18px; }
}
.tl-callback-body { padding: 18px 22px 21px; }
.tl-callback-body > label { color: rgb(111, 132, 160); margin-bottom: 8px; font-size: 11px; font-weight: 600; display: block; }
.tl-callback-body > small { color: rgb(153, 168, 186); margin-top: 8px; font-size: 10px; display: block; }
.tl-callback-url { grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 10px; display: grid; }
.tl-callback-url input { color: rgb(53, 87, 121); background: rgb(247, 249, 252); border: 1px solid rgb(215, 225, 238); border-radius: 7px; width: 100%; min-width: 0px; padding: 11px 12px; font: 12px / 1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
.tl-callback-url input:focus { outline-offset: 1px; outline: rgb(171, 201, 248) solid 2px; }
.tl-callback-url .tl-secondary { height: 39px; padding-inline: 18px; }
.tl-callback-url .tl-secondary.is-copied { color: rgb(39, 132, 99); background: rgb(239, 250, 246); border-color: rgb(185, 228, 213); }
@media (width <= 650px) {
  .tl-callback-body { padding: 16px; }
  .tl-callback-url { grid-template-columns: 1fr; }
  .tl-callback-url .tl-secondary { width: 100%; }
}
.dm-page { color: rgb(63, 88, 117); max-width: 1450px; margin: auto; }
.dm-top { background: rgb(255, 255, 255); align-items: center; gap: 20px; margin: -10px -10px 18px; padding: 14px 20px; display: flex; }
.dm-top strong { font-size: 15px; }
.dm-top a { color: rgb(112, 134, 162); border-radius: 7px; padding: 9px 12px; }
.dm-top a.active { color: rgb(50, 118, 232); background: rgb(237, 243, 255); }
.dm-top span { color: rgb(154, 171, 192); margin-left: auto; font-size: 12px; }
.dm-menu { background: rgb(255, 255, 255); border: 1px solid rgb(223, 230, 241); border-radius: 12px; grid-template-columns: 1fr 1fr; margin-bottom: 22px; display: grid; overflow: hidden; box-shadow: rgba(31, 59, 91, 0.04) 0px 8px 28px; }
.dm-menu > div { grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 4px; padding: 16px; display: grid; }
.dm-menu > div + div { border-left: 1px solid rgb(228, 234, 243); }
.dm-menu b { color: rgb(53, 123, 232); grid-column: 1 / -1; margin-bottom: 6px; }
.dm-menu a { color: rgb(97, 117, 143); border-radius: 7px; padding: 9px 10px 9px 22px; font-size: 12px; position: relative; }
.dm-menu a::before { content: ""; background: rgb(188, 198, 211); border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 14px; left: 9px; }
.dm-menu a:hover, .dm-menu a.active { color: rgb(47, 113, 220); background: rgb(237, 244, 255); }
.dm-menu a.active::before { background: rgb(52, 120, 246); }
.dm-heading { background: linear-gradient(135deg, rgb(255, 255, 255), rgb(244, 248, 255)); border: 1px solid rgb(224, 231, 242); border-radius: 13px; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 18px; padding: 23px 26px; display: flex; }
.dm-heading small { color: rgb(148, 167, 190); letter-spacing: 0.08em; font-weight: 700; }
.dm-heading h1 { color: rgb(41, 72, 101); margin: 5px 0px 7px; font-size: 22px; }
.dm-heading p { color: rgb(124, 145, 170); margin: 0px; }
.dm-preview { white-space: nowrap; background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 242); border-radius: 8px; padding: 10px 14px; }
.dm-card { background: rgb(255, 255, 255); border: 1px solid rgb(224, 231, 241); border-radius: 13px; padding: 24px; box-shadow: rgba(31, 59, 91, 0.04) 0px 8px 30px; }
.dm-success, .dm-error { border-radius: 8px; margin-bottom: 15px; padding: 13px 16px; }
.dm-success { color: rgb(22, 130, 104); background: rgb(234, 249, 244); }
.dm-error { color: rgb(181, 71, 71); background: rgb(255, 241, 241); }
.dm-grid { grid-template-columns: 1fr 1fr; gap: 19px 22px; display: grid; }
.dm-card label { color: rgb(112, 133, 160); flex-direction: column; gap: 7px; font-size: 12px; display: flex; }
.dm-card input, .dm-card select, .dm-card textarea { color: rgb(64, 94, 128); background: rgb(255, 255, 255); border: 1px solid rgb(214, 224, 237); border-radius: 7px; width: 100%; min-width: 0px; padding: 10px 11px; }
.dm-card textarea { resize: vertical; }
.dm-card small { color: rgb(154, 170, 188); }
.dm-wide { grid-column: 1 / -1; }
.dm-switch { align-self: center; align-items: center; flex-direction: row !important; gap: 9px !important; }
.dm-switch input { opacity: 0; width: 1px; position: absolute; }
.dm-switch span { background: rgb(200, 209, 221); border-radius: 20px; width: 42px; height: 24px; }
.dm-switch span::before { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 18px; height: 18px; margin: 3px; transition: 0.15s; display: block; }
.dm-switch input:checked + span::before { transform: translate(18px); }
.dm-save { background: rgb(250, 252, 255); border-top: 1px solid rgb(233, 238, 245); border-radius: 0px 0px 13px 13px; justify-content: space-between; align-items: center; gap: 15px; margin: 24px -24px -24px; padding: 17px 24px; display: flex; }
.dm-save span { color: rgb(153, 169, 189); font-size: 11px; }
.dm-save button, .dm-add, .dm-drop button { color: rgb(255, 255, 255); cursor: pointer; background: rgb(22, 173, 135); border: 0px; border-radius: 7px; padding: 11px 18px; font-weight: 600; }
.dm-theme-preview { border-radius: var(--dm-radius); background: rgb(248, 250, 255); border: 1px solid rgb(226, 232, 241); margin-top: 24px; padding: 24px; }
.dm-theme-preview span { color: var(--dm-color); font-size: 11px; font-weight: 700; }
.dm-theme-preview button { border-radius: var(--dm-radius); color: rgb(255, 255, 255); background: var(--dm-color); border: 0px; padding: 10px 16px; }
.dm-list { gap: 12px; display: grid; }
.dm-item { background: rgb(251, 252, 255); border: 1px solid rgb(225, 232, 242); border-radius: 10px; align-items: flex-start; gap: 12px; padding: 16px; display: flex; }
.dm-grip { color: rgb(166, 181, 199); padding-top: 30px; }
.dm-item-fields { flex: 1 1 0%; grid-template-columns: 1fr 1fr; gap: 13px 18px; display: grid; }
.dm-remove { color: rgb(228, 93, 98); cursor: pointer; background: 0px 0px; border: 0px; font-size: 24px; }
.dm-add { background: rgb(52, 120, 246); margin-top: 15px; }
.dm-empty { text-align: center; color: rgb(141, 160, 184); padding: 45px 20px; }
.dm-empty b { color: rgb(108, 156, 242); font-size: 34px; }
.dm-upload { grid-template-columns: 1fr 1fr; gap: 25px; display: grid; }
.dm-drop { text-align: center; background: rgb(248, 250, 255); border: 2px dashed rgb(202, 216, 235); border-radius: 12px; padding: 55px 25px; }
.dm-drop > b { color: rgb(60, 127, 234); font-size: 38px; }
.dm-drop input { display: none; }
.dm-upload-result > div { display: flex; }
.dm-upload-result input { border-radius: 7px 0px 0px 7px; }
.dm-upload-result button { color: rgb(255, 255, 255); background: rgb(52, 120, 246); border: 0px; border-radius: 0px 7px 7px 0px; padding: 0px 15px; }
.dm-upload-result img { border-radius: 10px; max-width: 100%; max-height: 320px; margin-top: 18px; display: block; }
.dm-error + .dm-card { border-color: rgb(240, 202, 202); }
@media (width <= 900px) {
  .dm-menu { grid-template-columns: 1fr; }
  .dm-menu > div { grid-template-columns: repeat(2, 1fr); }
  .dm-menu > div + div { border-top: 1px solid rgb(228, 234, 243); border-left: 0px; }
  .dm-heading { flex-direction: column; align-items: flex-start; }
  .dm-grid, .dm-upload, .dm-item-fields { grid-template-columns: 1fr; }
}
@media (width <= 560px) {
  .dm-menu > div { grid-template-columns: 1fr; }
  .dm-card { padding: 16px; }
  .dm-save { margin: 20px -16px -16px; padding: 15px 16px; }
  .dm-top span { display: none; }
}
.dm-seo-note { color: rgb(81, 105, 131); background: rgb(245, 247, 251); border-left: 8px solid rgb(196, 204, 224); margin: -4px 0px 10px; padding: 13px 15px; }
.dm-seo-search { background: rgb(255, 255, 255); border: 1px solid rgb(214, 224, 237); border-radius: 7px; align-items: center; width: min(370px, 100%); margin: 10px 0px 16px; padding: 0px 12px; flex-direction: row !important; display: flex !important; }
.dm-seo-search span { color: rgb(145, 161, 180); font-size: 19px; }
.dm-seo-search input { outline: 0px; padding-left: 0px; border: 0px !important; }
.dm-seo-table-wrap { margin: 0px -24px; overflow: auto; }
.dm-seo-table { border-collapse: collapse; width: 100%; min-width: 850px; font-size: 12px; }
.dm-seo-table th { text-align: left; color: rgb(56, 84, 115); background: rgb(245, 247, 250); border: 1px solid rgb(220, 227, 236); padding: 15px; }
.dm-seo-table td { color: rgb(79, 102, 128); border: 1px solid rgb(223, 229, 237); padding: 9px 15px; }
.dm-seo-table tbody tr:nth-child(2n) { background: rgb(248, 250, 255); }
.dm-seo-table td:first-child { color: rgb(39, 62, 88); width: 24%; }
.dm-seo-table td:nth-child(2), .dm-seo-table td:nth-child(3) { width: 30%; }
.dm-seo-edit { float: right; font-weight: 600; color: rgb(255, 255, 255) !important; background: rgb(125, 98, 212) !important; border: 0px !important; border-radius: 5px !important; padding: 7px 12px !important; }
.dm-seo-empty { text-align: center; color: rgb(148, 165, 186); padding: 20px; }
.dm-seo-dialog { color: rgb(61, 88, 119); border: 0px; border-radius: 12px; width: min(1000px, -28px + 100vw); max-height: calc(100dvh - 28px); margin: auto; padding: 0px; position: fixed; inset: 0px; box-shadow: rgba(16, 34, 56, 0.4) 0px 20px 65px; }
.dm-seo-dialog::backdrop { background: rgba(23, 40, 62, 0.6); }
.dm-seo-dialog > header { color: rgb(255, 255, 255); background: rgb(23, 105, 220); justify-content: space-between; align-items: center; padding: 18px 20px; display: flex; }
.dm-seo-dialog header small { font-weight: 700; }
.dm-seo-dialog header h2 { margin: 6px 0px 0px; font-size: 17px; }
.dm-seo-dialog header button { color: rgb(255, 255, 255); background: 0px 0px; border: 0px; font-size: 28px; }
.dm-seo-modal-body { padding: 20px; }
.dm-seo-modal-body > aside { background: rgb(244, 246, 251); border-left: 9px solid rgb(197, 204, 224); padding: 14px 20px; font-size: 12px; line-height: 1.7; }
.dm-seo-modal-body > aside p { margin: 3px 0px; }
.dm-seo-modal-body > aside ul { margin: 8px 0px 0px; }
.dm-seo-editor { grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 16px; display: grid; }
.dm-seo-editor > div { gap: 13px; display: grid; }
.dm-seo-editor label { position: relative; }
.dm-seo-editor label em { color: rgb(231, 83, 83); font-style: normal; position: absolute; right: 0px; }
.dm-seo-editor section > span { margin-bottom: 8px; font-size: 12px; display: block; }
.dm-search-preview { border: 1px solid rgb(219, 226, 235); border-radius: 6px; min-height: 90px; padding: 14px; }
.dm-search-preview small { color: rgb(83, 101, 121); display: block; }
.dm-search-preview b { color: rgb(49, 92, 202); margin: 7px 0px; font-size: 15px; font-weight: 500; display: block; }
.dm-search-preview p { color: rgb(87, 103, 122); margin: 0px; font-size: 12px; }
.dm-seo-dialog > footer { background: rgb(243, 245, 248); justify-content: flex-end; gap: 9px; padding: 15px 20px; display: flex; }
.dm-seo-dialog > footer button { background: rgb(255, 255, 255); border: 1px solid rgb(211, 219, 230); border-radius: 6px; padding: 9px 15px; }
.dm-seo-dialog > footer .dm-seo-apply { color: rgb(255, 255, 255); background: rgb(22, 173, 135); border-color: rgb(22, 173, 135); }
@media (width <= 700px) {
  .dm-seo-editor { grid-template-columns: 1fr; }
  .dm-seo-modal-body { padding: 12px; }
  .dm-seo-dialog { width: calc(-16px + 100vw); }
}
:root { --lio-primary: #667085; --lio-primary-strong: #3f4754; --lio-primary-soft: #f8fafd; --lio-primary-border: #d9dde3; --lio-ink: #303844; --lio-muted: #7b8491; --lio-success: #119779; --lio-danger: #d95454; }
dialog > header, dialog > form > header { background: var(--lio-primary-soft) !important; color: var(--lio-ink) !important; border-bottom: 1px solid var(--lio-primary-border) !important; }
dialog > header h1, dialog > header h2, dialog > header small, dialog > header button, dialog > form > header h1, dialog > form > header h2, dialog > form > header small, dialog > form > header button { color: var(--lio-ink) !important; }
dialog button:focus-visible, dialog input:focus, dialog select:focus, dialog textarea:focus { outline-color: var(--lio-primary) !important; border-color: var(--lio-primary) !important; }
.de-top .active, .de-link, .de .de-icon { color: var(--lio-primary-strong) !important; }
.de-top .active, .de dialog nav button.active { border-color: var(--lio-primary) !important; }
.de aside button.active, .de dialog nav button.active { background: var(--lio-primary-soft) !important; color: var(--lio-primary-strong) !important; }
.de .de-primary { background: var(--lio-primary) !important; }
.de .de-primary:hover { background: var(--lio-primary-strong) !important; }
.dm-heading { background: linear-gradient(135deg,#fff,var(--lio-primary-soft)) !important; border-color: var(--lio-primary-border) !important; }
.dm-heading small, .dm-theme-preview span { color: var(--lio-primary-strong) !important; }
.dm-preview:hover { background: var(--lio-primary-soft); border-color: var(--lio-primary-border); }
.dm-save button, .dm-add, .dm-drop button { background: var(--lio-primary) !important; }
.dm-save button:hover, .dm-add:hover, .dm-drop button:hover { background: var(--lio-primary-strong) !important; }
.dm-switch input:checked + span { background: var(--lio-primary) !important; }
.dm-drop > b, .dm-empty > b { color: var(--lio-primary) !important; }
.dm-upload-result button { background: var(--lio-primary) !important; }
.dm-seo-note, .dm-seo-table th, .dm-seo-table tbody tr:nth-child(2n), .dm-seo-dialog > footer, .dm-seo-modal-body > aside { background: var(--lio-primary-soft); }
.dm-seo-note, .dm-seo-modal-body > aside { border-left-color: var(--lio-primary-border); }
.dm-seo-edit, .dm-seo-dialog > footer .dm-seo-apply { cursor: pointer; font-weight: 600; background: var(--lio-primary) !important; color: rgb(255, 255, 255) !important; border-color: var(--lio-primary) !important; border-radius: 7px !important; }
.dm-seo-edit:hover, .dm-seo-dialog > footer .dm-seo-apply:hover { background: var(--lio-primary-strong) !important; border-color: var(--lio-primary-strong) !important; }
.dm-search-preview b { color: var(--lio-ink); }.dm-page:has([data-seo-dialog]) :is(button, input, textarea, a):focus-visible { outline-offset: 3px; outline: 2px solid var(--lio-primary) !important; }
.blue-shell .design-mega-menu h2, .blue-shell .design-mega-menu a[aria-current="page"] { color: var(--lio-primary-strong) !important; }
.blue-shell .design-mega-menu a[aria-current="page"] { background: var(--lio-primary-soft) !important; }
.blue-shell .design-mega-menu a[aria-current="page"]::before { background: var(--lio-primary) !important; }
.transfer-page { max-width: 1450px; }
.transfer-tabs { border-bottom: 1px solid rgb(224, 231, 241); justify-content: center; gap: 8px; margin-bottom: 22px; display: flex; }
.transfer-tabs a { color: rgb(112, 133, 160); border-bottom: 2px solid rgba(0, 0, 0, 0); padding: 13px 18px; font-size: 12px; }
.transfer-tabs a[aria-current] { color: var(--lio-primary-strong); border-color: var(--lio-primary); font-weight: 600; }
.transfer-layout { grid-template-columns: 235px minmax(0px, 1fr); align-items: start; gap: 20px; display: grid; }
.transfer-side { background: rgb(255, 255, 255); border: 1px solid rgb(224, 231, 241); border-radius: 12px; overflow: hidden; box-shadow: rgba(31, 59, 91, 0.03) 0px 8px 30px; }
.transfer-side a { border-bottom: 1px solid rgb(233, 238, 245); justify-content: space-between; gap: 8px; padding: 13px 15px; font-size: 12px; display: flex; }
.transfer-side a:last-child { border-bottom: 0px; }
.transfer-side a span { color: rgb(138, 154, 173); }
.transfer-side a:hover, .transfer-side a[aria-current] { background: var(--lio-primary-soft); color: var(--lio-primary-strong); }
.transfer-side a[aria-current] { box-shadow: inset 3px 0 var(--lio-primary); font-weight: 600; }
.transfer-content > h2 { color: rgb(41, 72, 101); margin: 0px 0px 16px; font-size: 18px; }
.transfer-note { background: var(--lio-primary-soft); border-left: 7px solid var(--lio-primary-border); margin-bottom: 20px; padding: 15px 18px; font-size: 12px; line-height: 1.8; }
.transfer-note ul { padding-left: 18px; list-style: outside; }
.transfer-forms { grid-template-columns: 1fr 1fr; align-items: start; gap: 20px; display: grid; }
.transfer-panel { border: 1px solid rgb(224, 231, 241); border-radius: 10px; gap: 18px; padding: 18px; display: grid; }
.transfer-panel h3 { border-bottom: 1px solid rgb(233, 238, 245); align-items: center; gap: 12px; padding-bottom: 14px; font-size: 14px; font-weight: 600; display: flex; }
.transfer-panel h3 span { color: var(--lio-primary); font-size: 22px; }
.transfer-panel > small, .transfer-columns small { color: rgb(130, 149, 173); font-size: 11px; line-height: 1.6; }
.transfer-primary, .transfer-secondary { border: 1px solid var(--lio-primary); cursor: pointer; background: var(--lio-primary); color: rgb(255, 255, 255); border-radius: 7px; justify-content: center; justify-self: start; align-items: center; gap: 8px; min-height: 40px; padding: 10px 16px; font-size: 12px; font-weight: 600; display: inline-flex; }
.transfer-primary:hover { background: var(--lio-primary-strong); border-color: var(--lio-primary-strong); }
.transfer-secondary { color: rgb(64, 94, 128); background: rgb(255, 255, 255); border-color: rgb(214, 224, 237); }
.transfer-secondary:hover { background: var(--lio-primary-soft); }
.transfer-actions { flex-wrap: wrap; gap: 9px; display: flex; }
.transfer-file { background: var(--lio-primary-soft); border: 1px dashed rgb(203, 214, 229); border-radius: 8px; padding: 15px; }
.transfer-file input[type="file"] { background: 0px 0px; border: 0px; padding: 0px; font-size: 11px; }
.transfer-file input::file-selector-button { color: rgb(64, 94, 128); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(214, 224, 237); border-radius: 6px; margin-right: 8px; padding: 8px 10px; }
.transfer-columns { border-top: 1px solid rgb(233, 238, 245); margin-top: 18px; padding-top: 18px; font-size: 12px; }
.transfer-columns summary { cursor: pointer; font-weight: 600; }
.transfer-columns p { overflow-wrap: anywhere; margin: 12px 0px; line-height: 1.9; }
.transfer-lookup { max-height: 300px; margin-top: 12px; overflow: auto; }
.transfer-lookup table { border-collapse: collapse; width: 100%; }
.transfer-lookup td { border: 1px solid rgb(224, 231, 241); padding: 8px; }
.transfer-result { background: rgb(255, 255, 255); border: 1px solid rgb(220, 232, 226); border-radius: 12px; margin-bottom: 20px; padding: 20px; }
.transfer-result h2 { margin-bottom: 12px; font-weight: 600; }
.transfer-result > div { flex-wrap: wrap; gap: 25px; display: flex; }
.transfer-result b { font-size: 20px; }
.transfer-result p, .transfer-result details { margin-top: 12px; font-size: 12px; line-height: 1.7; }
.transfer-result ul, .transfer-page .dm-error ul { margin: 8px 0px 0px; padding-left: 20px; list-style: outside; }
.transfer-result.has-errors { border-color: rgb(229, 211, 191); }
.transfer-photo-form { gap: 20px; display: grid; }
.transfer-page :is(button, input, select, a, summary):focus-visible { outline: 2px solid var(--lio-primary); outline-offset: 3px; }
.transfer-primary:disabled { opacity: 0.6; cursor: wait; }
.transfer-page [data-transfer-status] { color: rgb(112, 133, 160); font-size: 12px; }
@media (width <= 1050px) {
  .transfer-layout { grid-template-columns: 210px minmax(0px, 1fr); }
  .transfer-forms { grid-template-columns: 1fr; }
}
@media (width <= 700px) {
  .transfer-layout { grid-template-columns: 1fr; }
  .transfer-side { display: flex; overflow-x: auto; }
  .transfer-side a { white-space: nowrap; border-bottom: 0px; border-right: 1px solid rgb(233, 238, 245); flex: 0 0 auto; }
  .transfer-side a span { display: none; }
  .transfer-side a[aria-current] { box-shadow: inset 0 -3px var(--lio-primary); }
  .transfer-tabs { justify-content: flex-start; overflow: auto; }
  .transfer-tabs a { white-space: nowrap; padding: 12px; }
  .transfer-panel { padding: 14px; }
  .transfer-content { padding: 16px; }
  .transfer-forms { gap: 14px; }
  .transfer-result > div { gap: 15px; }
}
.order-operation-page, .order-quick-sale-navigation { width: 100%; max-width: 1440px; margin-inline: auto; }
.order-operations-tabs { border-block: 1px solid var(--lio-primary-border); background: var(--lio-primary-soft); scrollbar-width: thin; align-items: stretch; gap: 0px; padding: 0px 16px; display: flex; overflow-x: auto; }
.order-operations-tabs a { min-height: 52px; color: var(--lio-muted); white-space: nowrap; border-bottom: 3px solid rgba(0, 0, 0, 0); flex: 0 0 auto; align-items: center; padding: 14px 13px 12px; font-size: 12px; font-weight: 500; text-decoration: none; display: flex; }
.order-operations-tabs a:hover { color: var(--lio-primary-strong); background: rgb(255, 255, 255); }
.order-operations-tabs a[aria-current="page"] { border-bottom-color: var(--lio-primary); color: var(--lio-primary-strong); background: rgb(255, 255, 255); font-weight: 650; }
.order-operations-tabs a:focus-visible { outline: 2px solid var(--lio-primary); outline-offset: -4px; }
.order-quick-sale-navigation { border: 1px solid var(--lio-primary-border); background: rgb(255, 255, 255); border-radius: 14px; margin-bottom: 18px; overflow: hidden; }
.order-quick-sale-navigation > div { padding: 22px 24px; }
.order-quick-sale-navigation > div a { color: var(--lio-muted); font-size: 12px; }
.order-quick-sale-navigation > div h1 { color: var(--lio-ink); margin-top: 6px; font-size: 23px; font-weight: 600; }
.order-operation-toolbar { align-items: center; gap: 8px; margin-top: 18px; display: flex; }
.order-operation-toolbar label { width: min(430px, 100%); }
.order-operation-toolbar input { border: 1px solid var(--lio-primary-border); width: 100%; min-height: 41px; color: var(--lio-ink); background: rgb(255, 255, 255); border-radius: 7px; padding: 9px 13px; font-size: 13px; }
.order-operation-toolbar input:focus { border-color: var(--lio-primary); outline-offset: 1px; outline: rgb(203, 208, 215) solid 2px; }
.order-operation-toolbar button, .order-operation-toolbar a { border: 1px solid var(--lio-primary); border-radius: 7px; min-height: 41px; padding: 10px 15px; font-size: 12px; }
.order-operation-toolbar button { background: var(--lio-primary); color: rgb(255, 255, 255); cursor: pointer; font-weight: 600; }
.order-operation-toolbar button:hover { border-color: var(--lio-primary-strong); background: var(--lio-primary-strong); }
.order-operation-toolbar a { color: var(--lio-primary-strong); background: rgb(255, 255, 255); align-items: center; display: inline-flex; }
.order-operation-table { border-color: var(--lio-primary-border); }
.order-operation-table table { min-width: 1060px; }
.order-operation-table th { background: var(--lio-primary-soft); color: var(--lio-ink); }
.order-operation-table tbody tr:nth-child(2n) { background: rgb(250, 251, 252); }
.order-operation-table tbody tr:hover { background: var(--lio-primary-soft); }
.order-operation-table td small { max-width: 240px; color: var(--lio-muted); overflow-wrap: anywhere; margin-top: 4px; font-size: 11px; display: block; }
.order-operation-number { color: var(--lio-primary-strong); font-weight: 700; }
.order-operation-state { color: var(--lio-primary-strong); white-space: nowrap; background: rgb(255, 255, 255); border: 1px solid rgb(203, 208, 215); border-radius: 6px; padding: 5px 9px; font-size: 11px; display: inline-flex; }
.order-operation-state.is-return { color: rgb(163, 77, 77); background: rgb(255, 247, 247); border-color: rgb(230, 197, 197); }
.order-operation-state.is-transfer { color: rgb(138, 107, 32); background: rgb(255, 251, 235); border-color: rgb(234, 220, 173); }
.order-operation-state.is-transfer.is-approved { color: rgb(24, 118, 87); background: rgb(232, 248, 240); border-color: rgb(168, 223, 199); }
.order-operation-state.is-transfer.is-rejected { color: rgb(162, 62, 62); background: rgb(255, 237, 237); border-color: rgb(239, 183, 183); }
.order-operation-money { white-space: nowrap; font-weight: 650; }
.order-operation-view { background: var(--lio-primary); color: rgb(255, 255, 255); white-space: nowrap; border-radius: 6px; align-items: center; min-height: 32px; padding: 7px 10px; font-size: 11px; font-weight: 600; display: inline-flex; }
.order-operation-view:hover { background: var(--lio-primary-strong); }
.order-operation-pagination { color: var(--lio-muted); flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; padding-top: 22px; font-size: 12px; display: flex; }
@media (width <= 700px) {
  .order-operations-tabs { padding-inline: 8px; }
  .order-operations-tabs a { min-height: 48px; padding-inline: 11px; }
  .order-operation-toolbar { flex-wrap: wrap; align-items: stretch; }
  .order-operation-toolbar label { flex: 1 0 100%; }
  .order-quick-sale-navigation > div { padding: 18px; }
}
@layer theme {
  :root, :host { --font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, 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-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --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-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --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-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --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-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --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-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --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-slate-950: oklch(12.9% .042 264.695); --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-zinc-50: oklch(98.5% 0 none); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 none); --color-neutral-100: oklch(97% 0 none); --color-neutral-200: oklch(92.2% 0 none); --color-neutral-300: oklch(87% 0 none); --color-neutral-400: oklch(70.8% 0 none); --color-neutral-500: oklch(55.6% 0 none); --color-neutral-600: oklch(43.9% 0 none); --color-neutral-700: oklch(37.1% 0 none); --color-neutral-800: oklch(26.9% 0 none); --color-neutral-900: oklch(20.5% 0 none); --color-neutral-950: oklch(14.5% 0 none); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --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-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --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-tighter: -.05em; --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; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px #0000000d; --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --shadow-2xl: 0 25px 50px -12px #00000040; --inset-shadow-2xs: inset 0 1px #0000000d; --inset-shadow-xs: inset 0 1px 1px #0000000d; --inset-shadow-sm: inset 0 2px 4px #0000000d; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --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: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: 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: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  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; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :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(currentcolor, transparent); }
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { 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: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  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; }
}
@layer components {
  .management-page { max-width: var(--container-7xl); margin-inline: auto; }
  .management-page h1 { margin-bottom: calc(var(--spacing) * 6); font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--color-slate-950); }
  .management-page h2 { margin-top: calc(var(--spacing) * 7); margin-bottom: calc(var(--spacing) * 4); font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
  .management-page p { margin-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); color: var(--color-slate-600); }
  .management-page a:not(.button) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-cyan-700); }
  @media (hover: hover) {
  .management-page a:not(.button):hover { color: var(--color-cyan-900); }
}
  .management-page .container { max-width: none; }
  .management-page form:not(td form) { margin-block: calc(var(--spacing) * 4); border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-200); background-color: var(--color-white); padding: calc(var(--spacing) * 5); }
  @media (width >= 40rem) {
  .management-page form:not(td form) { padding: calc(var(--spacing) * 6); }
}
  .management-page label { margin-top: calc(var(--spacing) * 3); margin-bottom: var(--spacing); font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-slate-700); display: block; }
  .management-page input:not([type="hidden"]):not([type="checkbox"]), .management-page select, .management-page textarea { margin-bottom: calc(var(--spacing) * 3); border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-300); background-color: var(--color-white); width: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .management-page input[type="checkbox"] { margin-right: calc(var(--spacing) * 2); }
  .management-page button, .management-page .button { border-radius: var(--radius-xl); background-color: var(--color-slate-950); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-white); justify-content: center; align-items: center; display: inline-flex; }
  @media (hover: hover) {
  :is(.management-page button, .management-page .button):hover { background-color: var(--color-slate-800); }
}
  .management-page button:disabled { cursor: wait; opacity: 0.5; }
  .management-page .table-scroll { margin-block: calc(var(--spacing) * 5); border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-200); background-color: var(--color-white); --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); overflow-x: auto; }
  .management-page table { border-collapse: collapse; text-align: left; width: 100%; font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .management-page th { background-color: var(--color-slate-50); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 3); font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); white-space: nowrap; color: var(--color-slate-500); text-transform: uppercase; }
  .management-page td { border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-slate-100); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 4); }
  .management-page td form { margin-block: var(--spacing); display: inline-block; }
  .management-page td a { margin-right: calc(var(--spacing) * 3); display: inline-block; }
  .management-page tbody tr:hover { background-color: var(--color-slate-50); }
  .management-page .success { margin-block: calc(var(--spacing) * 4); border-radius: var(--radius-xl); background-color: var(--color-emerald-50); padding: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); color: var(--color-emerald-800); }
  .management-page .error { margin-block: calc(var(--spacing) * 4); border-radius: var(--radius-xl); background-color: var(--color-rose-50); padding: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); color: var(--color-rose-800); }
  .management-page .grid { gap: calc(var(--spacing) * 4); grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  @media (width >= 48rem) {
  .management-page .grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
  .management-page .badge { background-color: var(--color-slate-100); padding-inline: calc(var(--spacing) * 3); padding-block: var(--spacing); font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); border-radius: 2.14748e+09px; display: inline-block; }
  :focus-visible { outline-offset: 3px; outline: rgb(8, 145, 178) solid 3px; }
  .catalog-heading { margin-top: calc(var(--spacing) * 8); margin-bottom: calc(var(--spacing) * 5); align-items: center; gap: calc(var(--spacing) * 4); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-slate-100); padding-top: calc(var(--spacing) * 7); display: flex; }
  .catalog-heading:first-of-type { border-style: var(--tw-border-style); border-width: 0px; margin-top: 0px; padding-top: 0px; }
  .catalog-heading h2 { margin-top: 0px; margin-bottom: var(--spacing); }
  .catalog-heading p { margin-block: 0px; }
  .catalog-step { height: calc(var(--spacing) * 11); width: calc(var(--spacing) * 11); border-radius: var(--radius-xl); background-color: var(--color-cyan-50); font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-cyan-700); flex-shrink: 0; justify-content: center; align-items: center; display: flex; }
  .catalog-grid { column-gap: calc(var(--spacing) * 5); grid-template-columns: repeat(1, minmax(0px, 1fr)); display: grid; }
  @media (width >= 40rem) {
  .catalog-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
  @media (width >= 64rem) {
  .catalog-grid-three { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
  .catalog-row { margin-bottom: calc(var(--spacing) * 4); border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-200); background-color: var(--color-slate-50); padding: calc(var(--spacing) * 4); }
  .catalog-row button { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-200); background-color: var(--color-white); color: var(--color-slate-600); }
  @media (hover: hover) {
  .catalog-row button:hover { background-color: var(--color-slate-100); }
}
  .photo-grid { gap: calc(var(--spacing) * 4); grid-template-columns: repeat(2, minmax(0px, 1fr)); display: grid; }
  @media (width >= 48rem) {
  .photo-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
  @media (width >= 64rem) {
  .photo-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
  .photo-grid img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; }
  .photo-card { border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-200); padding: calc(var(--spacing) * 3); }
  .catalog-save { margin-top: calc(var(--spacing) * 8); align-items: center; gap: calc(var(--spacing) * 5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-slate-200); padding-top: calc(var(--spacing) * 6); display: flex; }
}
@layer utilities {
  .visible { visibility: visible; }
  .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .relative { position: relative; }
  .static { position: static; }
  .inset-0 { inset: 0px; }
  .top-0 { top: 0px; }
  .right-0 { right: 0px; }
  .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-2 { margin: calc(var(--spacing) * 2); }
  .m-26 { margin: calc(var(--spacing) * 26); }
  .m-32 { margin: calc(var(--spacing) * 32); }
  .m-40 { margin: calc(var(--spacing) * 40); }
  .m-178 { margin: calc(var(--spacing) * 178); }
  .mx-auto { margin-inline: auto; }
  .-mt-\[6\.6rem\] { margin-top: -6.6rem; }
  .-mt-px { margin-top: -1px; }
  .mt-1 { margin-top: var(--spacing); }
  .mt-2 { margin-top: calc(var(--spacing) * 2); }
  .mt-3 { margin-top: calc(var(--spacing) * 3); }
  .mt-4 { margin-top: calc(var(--spacing) * 4); }
  .mt-6 { margin-top: calc(var(--spacing) * 6); }
  .mt-8 { margin-top: calc(var(--spacing) * 8); }
  .mr-2 { margin-right: calc(var(--spacing) * 2); }
  .-mb-px { margin-bottom: -1px; }
  .mb-1 { margin-bottom: var(--spacing); }
  .mb-2 { margin-bottom: calc(var(--spacing) * 2); }
  .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-8 { margin-bottom: calc(var(--spacing) * 8); }
  .-ml-8 { margin-left: calc(var(--spacing) * -8); }
  .-ml-px { margin-left: -1px; }
  .ml-1 { margin-left: var(--spacing); }
  .ml-2 { margin-left: calc(var(--spacing) * 2); }
  .ml-4 { margin-left: calc(var(--spacing) * 4); }
  .ml-12 { margin-left: calc(var(--spacing) * 12); }
  .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; }
  .aspect-\[335\/364\] { aspect-ratio: 335 / 364; }
  .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-5 { height: calc(var(--spacing) * 5); }
  .h-8 { height: calc(var(--spacing) * 8); }
  .h-10 { height: calc(var(--spacing) * 10); }
  .h-14 { height: calc(var(--spacing) * 14); }
  .h-14\.5 { height: calc(var(--spacing) * 14.5); }
  .h-16 { height: calc(var(--spacing) * 16); }
  .h-20 { height: calc(var(--spacing) * 20); }
  .min-h-screen { min-height: 100vh; }
  .w-1 { width: var(--spacing); }
  .w-1\.5 { width: calc(var(--spacing) * 1.5); }
  .w-2 { width: calc(var(--spacing) * 2); }
  .w-2\.5 { width: calc(var(--spacing) * 2.5); }
  .w-3 { width: calc(var(--spacing) * 3); }
  .w-3\.5 { width: calc(var(--spacing) * 3.5); }
  .w-5 { width: calc(var(--spacing) * 5); }
  .w-8 { width: calc(var(--spacing) * 8); }
  .w-10 { width: calc(var(--spacing) * 10); }
  .w-72 { width: calc(var(--spacing) * 72); }
  .w-\[438px\] { width: 438px; }
  .w-auto { width: auto; }
  .w-full { width: 100%; }
  .max-w-6xl { max-width: var(--container-6xl); }
  .max-w-\[335px\] { max-width: 335px; }
  .max-w-lg { max-width: var(--container-lg); }
  .max-w-none { max-width: none; }
  .max-w-xl { max-width: var(--container-xl); }
  .min-w-0 { min-width: 0px; }
  .flex-1 { flex: 1 1 0%; }
  .shrink-0 { flex-shrink: 0; }
  .translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .cursor-default { cursor: default; }
  .cursor-not-allowed { cursor: not-allowed; }
  .resize { resize: both; }
  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .flex-col { flex-direction: column; }
  .flex-col-reverse { flex-direction: column-reverse; }
  .items-center { align-items: center; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .justify-end { justify-content: flex-end; }
  .justify-items-center { justify-items: center; }
  .gap-2 { gap: calc(var(--spacing) * 2); }
  .gap-3 { gap: calc(var(--spacing) * 3); }
  .gap-4 { gap: calc(var(--spacing) * 4); }
  :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-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse)); margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse))); }
  .overflow-hidden { overflow: hidden; }
  .rounded-2xl { border-radius: var(--radius-2xl); }
  .rounded-full { border-radius: 2.14748e+09px; }
  .rounded-md { border-radius: var(--radius-md); }
  .rounded-sm { border-radius: var(--radius-sm); }
  .rounded-xl { border-radius: var(--radius-xl); }
  .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); }
  .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
  .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
  .rounded-br-lg { border-bottom-right-radius: var(--radius-lg); }
  .rounded-bl-lg { border-bottom-left-radius: var(--radius-lg); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .border-\[\#19140035\] { border-color: rgba(25, 20, 0, 0.208); }
  .border-\[\#e3e3e0\] { border-color: rgb(227, 227, 224); }
  .border-black { border-color: var(--color-black); }
  .border-gray-200 { border-color: var(--color-gray-200); }
  .border-gray-300 { border-color: var(--color-gray-300); }
  .border-gray-400 { border-color: var(--color-gray-400); }
  .border-slate-800 { border-color: var(--color-slate-800); }
  .border-transparent { border-color: rgba(0, 0, 0, 0); }
  .bg-\[\#1b1b18\] { background-color: rgb(27, 27, 24); }
  .bg-\[\#FDFDFC\] { background-color: rgb(253, 253, 252); }
  .bg-\[\#dbdbd7\] { background-color: rgb(219, 219, 215); }
  .bg-\[\#fff2f2\] { background-color: rgb(255, 242, 242); }
  .bg-cyan-400 { background-color: var(--color-cyan-400); }
  .bg-emerald-50 { background-color: var(--color-emerald-50); }
  .bg-emerald-400 { background-color: var(--color-emerald-400); }
  .bg-gray-100 { background-color: var(--color-gray-100); }
  .bg-gray-200 { background-color: var(--color-gray-200); }
  .bg-rose-50 { background-color: var(--color-rose-50); }
  .bg-slate-50 { background-color: var(--color-slate-50); }
  .bg-slate-100 { background-color: var(--color-slate-100); }
  .bg-slate-800 { background-color: var(--color-slate-800); }
  .bg-slate-900 { background-color: var(--color-slate-900); }
  .bg-slate-950 { background-color: var(--color-slate-950); }
  .bg-white { background-color: var(--color-white); }
  .p-4 { padding: calc(var(--spacing) * 4); }
  .p-6 { padding: calc(var(--spacing) * 6); }
  .p-7 { padding: calc(var(--spacing) * 7); }
  .px-2 { padding-inline: calc(var(--spacing) * 2); }
  .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); }
  .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-3 { padding-block: calc(var(--spacing) * 3); }
  .py-4 { padding-block: calc(var(--spacing) * 4); }
  .py-6 { padding-block: calc(var(--spacing) * 6); }
  .py-12 { padding-block: calc(var(--spacing) * 12); }
  .pt-8 { padding-top: calc(var(--spacing) * 8); }
  .pb-6 { padding-bottom: calc(var(--spacing) * 6); }
  .pb-12 { padding-bottom: calc(var(--spacing) * 12); }
  .text-center { text-align: center; }
  .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--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-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .text-\[13px\] { font-size: 13px; }
  .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); }
  .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); }
  .leading-\[20px\] { --tw-leading: 20px; line-height: 20px; }
  .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); }
  .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-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
  .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); }
  .text-\[\#1B1B18\], .text-\[\#1b1b18\] { color: rgb(27, 27, 24); }
  .text-\[\#706f6c\] { color: rgb(112, 111, 108); }
  .text-\[\#F3BEC7\] { color: rgb(243, 190, 199); }
  .text-\[\#F8B803\] { color: rgb(248, 184, 3); }
  .text-\[\#F53003\], .text-\[\#f53003\] { color: rgb(245, 48, 3); }
  .text-cyan-400 { color: var(--color-cyan-400); }
  .text-emerald-400 { color: var(--color-emerald-400); }
  .text-emerald-800 { color: var(--color-emerald-800); }
  .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-rose-800 { color: var(--color-rose-800); }
  .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-700 { color: var(--color-slate-700); }
  .text-slate-900 { color: var(--color-slate-900); }
  .text-slate-950 { color: var(--color-slate-950); }
  .text-white { color: var(--color-white); }
  .uppercase { text-transform: uppercase; }
  .italic { font-style: italic; }
  .underline { text-decoration-line: underline; }
  .underline-offset-4 { text-underline-offset: 4px; }
  .antialiased { -webkit-font-smoothing: antialiased; }
  .opacity-100 { opacity: 1; }
  .mix-blend-color { mix-blend-mode: color; }
  .mix-blend-darken { mix-blend-mode: darken; }
  .mix-blend-hard-light { mix-blend-mode: hard-light; }
  .mix-blend-multiply { mix-blend-mode: multiply; }
  .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-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0px 0px 1px 0px var(--tw-shadow-color,#00000008), 0px 1px 2px 0px var(--tw-shadow-color,#0000000f); 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_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\] { --tw-shadow: inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029); 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-gray-300 { --tw-ring-color: var(--color-gray-300); }
  .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,); }
  .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,); }
  .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-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-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .delay-200 { transition-delay: 0.2s; }
  .delay-300 { transition-delay: 0.3s; }
  .delay-400 { transition-delay: 0.4s; }
  .duration-150 { --tw-duration: .15s; transition-duration: 0.15s; }
  .duration-750 { --tw-duration: .75s; transition-duration: 0.75s; }
  .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
  .\[--stroke-color\:\#1B1B18\] { --stroke-color: #1b1b18; }
  .not-has-\[nav\]\:hidden:not(:has(:is(nav))) { display: none; }
  .before\:absolute::before { content: var(--tw-content); position: absolute; }
  .before\:top-0::before { content: var(--tw-content); top: 0px; }
  .before\:top-1\/2::before { content: var(--tw-content); top: 50%; }
  .before\:bottom-0::before { content: var(--tw-content); bottom: 0px; }
  .before\:bottom-1\/2::before { content: var(--tw-content); bottom: 50%; }
  .before\:left-\[0\.4rem\]::before { content: var(--tw-content); left: 0.4rem; }
  .before\:border-l::before { content: var(--tw-content); border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .before\:border-\[\#e3e3e0\]::before { content: var(--tw-content); border-color: rgb(227, 227, 224); }
  @media (hover: hover) {
  .hover\:border-\[\#1915014a\]:hover { border-color: rgba(25, 21, 1, 0.29); }
  .hover\:border-\[\#19140035\]:hover { border-color: rgba(25, 20, 0, 0.208); }
  .hover\:border-black:hover { border-color: var(--color-black); }
  .hover\:bg-black:hover { background-color: var(--color-black); }
  .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); }
  .hover\:bg-slate-900:hover { background-color: var(--color-slate-900); }
  .hover\:text-gray-400:hover { color: var(--color-gray-400); }
  .hover\:text-gray-700:hover { color: var(--color-gray-700); }
  .hover\:text-white:hover { color: var(--color-white); }
}
  .focus\:border-blue-300:focus { border-color: var(--color-blue-300); }
  .focus\:ring: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\:outline-none:focus { --tw-outline-style: none; outline-style: none; }
  .active\:bg-gray-100:active { background-color: var(--color-gray-100); }
  .active\:text-gray-500:active { color: var(--color-gray-500); }
  .active\:text-gray-700:active { color: var(--color-gray-700); }
  .active\:text-gray-800:active { color: var(--color-gray-800); }
  @media (width >= 40rem) {
  .sm\:flex { display: flex; }
  .sm\:hidden { display: none; }
  .sm\:flex-1 { flex: 1 1 0%; }
  .sm\:items-center { align-items: center; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:gap-2 { gap: calc(var(--spacing) * 2); }
  .sm\:p-6 { padding: calc(var(--spacing) * 6); }
}
  @media (width >= 64rem) {
  .lg\:mt-10 { margin-top: calc(var(--spacing) * 10); }
  .lg\:mb-0 { margin-bottom: 0px; }
  .lg\:mb-6 { margin-bottom: calc(var(--spacing) * 6); }
  .lg\:-ml-px { margin-left: -1px; }
  .lg\:ml-0 { margin-left: 0px; }
  .lg\:block { display: block; }
  .lg\:flex { display: flex; }
  .lg\:aspect-auto { aspect-ratio: auto; }
  .lg\:w-\[438px\] { width: 438px; }
  .lg\:max-w-4xl { max-width: var(--container-4xl); }
  .lg\:grow { flex-grow: 1; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:justify-center { justify-content: center; }
  .lg\:rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; }
  .lg\:rounded-tl-lg { border-top-left-radius: var(--radius-lg); }
  .lg\:rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); }
  .lg\:rounded-br-none { border-bottom-right-radius: 0px; }
  .lg\:p-8 { padding: calc(var(--spacing) * 8); }
  .lg\:p-20 { padding: calc(var(--spacing) * 20); }
  .lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10); }
}
  .rtl\:flex-row-reverse:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) { flex-direction: row-reverse; }
  @media (prefers-color-scheme: dark) {
  .dark\:border-\[\#3E3E3A\] { border-color: rgb(62, 62, 58); }
  .dark\:border-\[\#eeeeec\] { border-color: rgb(238, 238, 236); }
  .dark\:border-gray-600 { border-color: var(--color-gray-600); }
  .dark\:bg-\[\#0a0a0a\] { background-color: rgb(10, 10, 10); }
  .dark\:bg-\[\#1D0002\] { background-color: rgb(29, 0, 2); }
  .dark\:bg-\[\#3E3E3A\] { background-color: rgb(62, 62, 58); }
  .dark\:bg-\[\#161615\] { background-color: rgb(22, 22, 21); }
  .dark\:bg-\[\#eeeeec\] { background-color: rgb(238, 238, 236); }
  .dark\:bg-gray-700 { background-color: var(--color-gray-700); }
  .dark\:bg-gray-800 { background-color: var(--color-gray-800); }
  .dark\:text-\[\#1C1C1A\] { color: rgb(28, 28, 26); }
  .dark\:text-\[\#4B0600\] { color: rgb(75, 6, 0); }
  .dark\:text-\[\#391800\] { color: rgb(57, 24, 0); }
  .dark\:text-\[\#733000\] { color: rgb(115, 48, 0); }
  .dark\:text-\[\#A1A09A\] { color: rgb(161, 160, 154); }
  .dark\:text-\[\#EDEDEC\] { color: rgb(237, 237, 236); }
  .dark\:text-\[\#F61500\] { color: rgb(246, 21, 0); }
  .dark\:text-\[\#FF4433\] { color: rgb(255, 68, 51); }
  .dark\:text-black { color: var(--color-black); }
  .dark\:text-gray-200 { color: var(--color-gray-200); }
  .dark\:text-gray-300 { color: var(--color-gray-300); }
  .dark\:text-gray-400 { color: var(--color-gray-400); }
  .dark\:text-gray-600 { color: var(--color-gray-600); }
  .dark\:mix-blend-hard-light { mix-blend-mode: hard-light; }
  .dark\:mix-blend-normal { mix-blend-mode: normal; }
  .dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\] { --tw-shadow: inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .dark\:\[--stroke-color\:\#FF750F\] { --stroke-color: #ff750f; }
  .dark\:before\:border-\[\#3E3E3A\]::before { content: var(--tw-content); border-color: rgb(62, 62, 58); }
  @media (hover: hover) {
  .dark\:hover\:border-\[\#3E3E3A\]:hover { border-color: rgb(62, 62, 58); }
  .dark\:hover\:border-\[\#62605b\]:hover { border-color: rgb(98, 96, 91); }
  .dark\:hover\:border-white:hover { border-color: var(--color-white); }
  .dark\:hover\:bg-gray-900:hover { background-color: var(--color-gray-900); }
  .dark\:hover\:bg-white:hover { background-color: var(--color-white); }
  .dark\:hover\:text-gray-200:hover { color: var(--color-gray-200); }
  .dark\:hover\:text-gray-300:hover { color: var(--color-gray-300); }
}
  .dark\:focus\:border-blue-700:focus { border-color: var(--color-blue-700); }
  .dark\:focus\:border-blue-800:focus { border-color: var(--color-blue-800); }
  .dark\:active\:bg-gray-700:active { background-color: var(--color-gray-700); }
  .dark\:active\:text-gray-300:active { color: var(--color-gray-300); }
}
  @starting-style {
  .starting\:opacity-0 { opacity: 0; }
}
  @media (prefers-reduced-motion: no-preference) {
  @starting-style {
  .motion-safe\:starting\:-translate-x-\[26px\] { --tw-translate-x: calc(26px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .motion-safe\:starting\:-translate-x-\[51px\] { --tw-translate-x: calc(51px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .motion-safe\:starting\:-translate-x-\[78px\] { --tw-translate-x: calc(78px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .motion-safe\:starting\:-translate-x-\[102px\] { --tw-translate-x: calc(102px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .motion-safe\:starting\:translate-y-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
}
}
.product-list { color: rgb(23, 50, 77); width: 100%; font-size: 13px; }
.product-list-heading { justify-content: space-between; align-items: center; margin: 0px 0px 22px; display: flex; }
.product-list h1 { color: rgb(20, 38, 56); font-size: 25px; font-weight: 700; }
.product-list-heading p { color: rgb(132, 146, 165); margin-top: 4px; }
.product-list-heading p span { margin: 0px 7px; }
.product-list-note { color: rgb(132, 146, 165); font-size: 12px; }
.product-toolbar { flex-wrap: wrap; justify-content: space-between; gap: 18px; margin-bottom: 16px; display: flex; }
.product-search, .product-toolbar-actions { align-items: center; gap: 6px; display: flex; }
.list-btn { color: rgb(23, 50, 77); white-space: nowrap; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(203, 208, 216); border-radius: 4px; justify-content: center; align-items: center; gap: 9px; height: 40px; padding: 0px 14px; font-size: 12px; font-weight: 600; display: inline-flex; }
.filter-toggle { justify-content: space-between; min-width: 150px; }
.filter-toggle span { font-size: 20px; }
.quick-search { background: rgb(255, 255, 255); border: 1px solid rgb(203, 208, 216); border-radius: 4px; align-items: center; gap: 10px; width: 360px; height: 40px; padding: 0px 10px; display: flex; }
.quick-search > span { color: rgb(140, 155, 169); font-size: 24px; }
.quick-search input { outline: none; flex: 1 1 0%; min-width: 0px; font-size: 12px; }
.quick-search input::placeholder { color: rgb(152, 167, 185); }
.quick-search button { color: rgb(57, 130, 206); cursor: pointer; font-size: 12px; }
.product-toolbar-actions .list-btn { color: rgb(255, 255, 255); border: 0px; }
.new-product { background: rgb(8, 183, 138); }
.xml-export { background: rgb(51, 155, 218); }
.excel-export { background: rgb(49, 130, 246); }
.list-btn:hover { filter: brightness(0.96); }
.new-product span { font-size: 22px; line-height: 1; }
.product-filter-panel:not([hidden]) { background: rgb(255, 255, 255); border: 1px solid rgb(220, 225, 232); border-radius: 5px; flex-wrap: wrap; align-items: end; gap: 16px; margin-bottom: 12px; padding: 18px; display: flex; }
.product-filter-panel label { flex-direction: column; gap: 7px; font-size: 12px; display: flex; }
.product-filter-panel select { border: 1px solid rgb(204, 213, 223); border-radius: 4px; min-width: 160px; padding: 9px; }
.product-filter-panel > a { color: rgb(49, 130, 246); padding-bottom: 10px; }
.product-selection { color: rgb(132, 146, 165); justify-content: space-between; gap: 12px; margin: 10px 0px; font-size: 11px; display: flex; }
.product-table-scroll { background: rgb(255, 255, 255); border: 1px solid rgb(221, 223, 227); overflow: auto; }
.product-table { border-collapse: collapse; width: 100%; min-width: 1030px; font-size: 12px; }
.product-table th { color: rgb(18, 40, 58); white-space: nowrap; text-align: center; background: rgb(245, 245, 245); height: 50px; font-weight: 600; }
.product-table th, .product-table td { border-bottom: 1px solid rgb(221, 223, 227); border-right: 1px solid rgb(221, 223, 227); padding: 16px 10px; }
.product-table th:last-child, .product-table td:last-child { border-right: 0px; }
.product-table tbody tr:last-child td { border-bottom: 0px; }
.product-table tbody tr:nth-child(2n) { background: rgb(247, 247, 247); }
.product-table tbody tr:hover { background: rgb(242, 248, 252); }
.product-table td { text-align: center; vertical-align: middle; height: 116px; }
.product-group-table .product-parent-row.has-variants { background: rgb(250, 252, 255); }
.product-group-table .product-parent-row.has-variants td { border-bottom-color: rgb(194, 207, 223); }
.product-group-controls { justify-content: center; align-items: center; gap: 7px; display: flex; }
.product-group-toggle, .product-group-toggle-placeholder { flex: 0 0 23px; width: 23px; height: 23px; }
.product-group-toggle { color: rgb(239, 116, 23); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(211, 220, 231); border-radius: 5px; place-items: center; padding: 0; display: grid; }
.product-group-toggle span { font-size: 21px; line-height: 1; transition: transform .16s ease; }
.product-group-toggle[aria-expanded="true"] span { transform: rotate(90deg); }
.product-variant-row { background: rgb(255, 255, 255) !important; }
.product-variant-row:hover { background: rgb(247, 250, 254) !important; }
.product-variant-row td:first-child { border-left: 4px solid rgb(139, 161, 187); }
.variant-row-branch { color: rgb(139, 161, 187); font-size: 20px; }
.variant-thumbnail { width: 46px; height: 58px; }
.variant-product-info { padding-left: 18px !important; }
.variant-product-info > strong { color: rgb(42, 63, 85); font-size: 11px; font-weight: 600; display: block; }
.variant-label { color: rgb(45, 100, 187); background: rgb(237, 244, 255); border-radius: 999px; width: max-content; margin-bottom: 7px; padding: 4px 8px; font-size: 10px; font-weight: 700; display: inline-block; }
.product-table .product-info-column, .product-table .product-info { text-align: left; }
.product-info-column { width: 42%; min-width: 280px; }
.product-table input[type="checkbox"] { appearance: none; vertical-align: middle; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(212, 216, 221); border-radius: 5px; width: 19px; height: 19px; }
.product-table input:checked { appearance: auto; accent-color: rgb(49, 130, 246); }
.check-column { width: 50px; }
.product-number { color: rgb(8, 120, 255); font-weight: 700; }
.product-thumbnail { justify-content: center; align-items: center; width: 58px; height: 72px; margin: auto; display: flex; }
.product-thumbnail img { object-fit: contain; width: 100%; height: 100%; }
.product-thumbnail span { color: rgb(165, 176, 189); background: rgb(237, 240, 244); border-radius: 3px; justify-content: center; align-items: center; width: 54px; height: 64px; font-size: 28px; display: flex; }
.product-info div { line-height: 20px; }
.product-name { color: rgb(17, 35, 52); margin-bottom: 2px; font-weight: 700; line-height: 19px; display: block; }
.product-name:hover { color: rgb(8, 120, 255); }
.product-brand { color: rgb(124, 138, 153); }
.variant-count { color: rgb(49, 130, 246); margin-top: 5px; font-size: 11px; display: inline-block; }
.product-price { min-width: 130px; }
.product-price strong { white-space: nowrap; margin: 8px 0px 3px; font-weight: 500; display: block; }
.product-price small { font-size: 11px; line-height: 18px; display: block; }
.product-status { font-size: 11px; }
.is-active { color: rgb(0, 185, 141); }
.is-inactive { color: rgb(150, 160, 171); }
.marketplaces-cell { min-width: 150px; padding: 0px !important; }
.marketplace-grid { justify-content: center; align-items: stretch; height: 100%; min-height: 115px; display: flex; }
.marketplace-item { border-right: 1px solid rgb(226, 229, 235); flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-width: 125px; padding: 12px; display: flex; }
.marketplace-item:last-child { border: 0px; }
.mapping-state { color: rgb(146, 157, 173); font-size: 10px; }
.mapping-state.is-mapped { color: rgb(32, 174, 139); }
.marketplace-name { overflow-wrap: anywhere; background: rgb(234, 240, 247); border-radius: 4px; max-width: 150px; padding: 5px 8px; font-size: 11px; font-weight: 700; }
.marketplace-name.trendyol { color: rgb(255, 255, 255); background: rgb(255, 112, 31); border-radius: 20px; }
.marketplace-item small { color: rgb(135, 147, 160); font-size: 10px; }
.no-marketplace { color: rgb(130, 146, 164); align-self: center; padding: 15px; font-size: 11px; }
.product-stock { font-weight: 600; }
.empty-stock { color: rgb(221, 115, 86); }
.product-row-actions { grid-template-columns: 26px 26px; justify-content: center; gap: 6px; display: grid; }
.product-row-actions.is-restore-actions { grid-template-columns: minmax(104px, 1fr); min-width: 104px; }
.row-action { color: rgb(52, 67, 85); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(216, 220, 227); border-radius: 3px; justify-content: center; align-items: center; width: 26px; height: 26px; display: flex; }
.view-action { color: rgb(255, 255, 255); background: rgb(162, 98, 180); border-color: rgb(162, 98, 180); }
.archive-action { color: rgb(255, 255, 255); background: rgb(241, 73, 74); border-color: rgb(241, 73, 74); }
.restore-action { color: rgb(255, 255, 255); background: rgb(18, 160, 123); border-color: rgb(18, 160, 123); width: auto; min-width: 104px; gap: 6px; padding-inline: 12px; }
.product-status.is-archived { color: rgb(148, 83, 12); background: rgb(255, 247, 218); border-color: rgb(245, 195, 68); }
.product-table tr.is-archived-row { background: rgb(250, 251, 253); }
.row-action:hover { filter: brightness(0.9); }
.product-empty { color: rgb(138, 152, 168); padding: 48px !important; }
.product-list-footer { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px; margin-top: 18px; display: flex; }
.product-list-footer > span { color: rgb(140, 153, 168); font-size: 11px; }
.product-list-footer nav { flex: 1 1 0%; min-width: 260px; }
@media (width <= 700px) {
  .product-list-heading { margin-bottom: 18px; }
  .product-list-note { display: none; }
  .product-search { flex-wrap: wrap; width: 100%; }
  .filter-toggle { min-width: 120px; }
  .quick-search { flex: 1 1 0%; min-width: 180px; }
  .product-toolbar-actions { flex-wrap: wrap; width: 100%; }
  .product-toolbar-actions .list-btn { flex: 1 1 0%; padding: 0px 10px; }
  .product-selection { flex-wrap: wrap; }
  .product-filter-panel label, .product-filter-panel select { width: 100%; }
  .product-table-scroll { margin-right: -4px; }
}
.management-page.product-editor { background: rgb(255, 255, 255); border: 1px solid rgb(215, 220, 227); border-radius: 10px; max-width: 1100px; overflow: clip; box-shadow: rgba(24, 40, 63, 0.082) 0px 12px 35px; }
.editor-header { color: rgb(255, 255, 255); background: rgb(9, 100, 206); justify-content: space-between; align-items: center; padding: 17px 20px 12px; display: flex; }
.management-page .editor-header h1 { color: rgb(255, 255, 255); margin: 5px 0px 0px; font-size: 17px; }
.management-page .editor-header a { color: rgb(255, 255, 255); font-size: 13px; }
.management-page .editor-header .editor-close { padding: 8px; font-size: 30px; line-height: 1; }
.management-page.product-editor form[data-catalog-form] { border: 0px; border-radius: 0px; margin: 0px; padding: 0px; }
.editor-tabs { background: rgb(9, 100, 206); gap: 9px; padding: 0px 20px; display: flex; overflow-x: auto; }
.management-page .editor-tabs button { white-space: nowrap; background: rgb(45, 126, 223); border-radius: 4px 4px 0px 0px; padding: 15px 14px; font-size: 13px; }
.management-page .editor-tabs button[aria-selected="true"] { color: rgb(25, 49, 75); background: rgb(255, 255, 255); }
.editor-panel { min-height: 440px; padding: 18px 20px 28px; }
.editor-panel[hidden] { display: none; }
.product-editor .catalog-heading { border: 0px; margin: 0px 0px 15px; padding: 0px; }
.product-editor .catalog-step { display: none; }
.product-editor .catalog-heading h2 { margin: 0px 0px 3px; font-size: 15px; }
.product-editor .catalog-heading p { margin: 0px; font-size: 12px; }
.management-page.product-editor label { margin-top: 10px; font-size: 13px; font-weight: 400; }
.management-page.product-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .management-page.product-editor select, .management-page.product-editor textarea { border-color: rgb(200, 205, 211); border-radius: 4px; margin-bottom: 3px; padding: 10px 12px; font-size: 13px; }
.product-editor textarea { resize: vertical; }
.product-editor .catalog-grid { gap: 10px 20px; }
.product-editor .editor-save { z-index: 5; background: rgb(241, 242, 244); justify-content: space-between; align-items: center; gap: 15px; margin: 0px; padding: 15px 20px; display: flex; position: sticky; bottom: 0px; }
.management-page .editor-save button { background: rgb(8, 181, 143); border-radius: 4px; }
.editor-save span { color: rgb(123, 137, 152); font-size: 12px; }
.management-page .editor-save a { font-size: 12px; font-weight: 400; }
.editor-fields { margin: 6px 0px 12px; }
.management-page .editor-field-error { color: rgb(199, 53, 53); font-size: 12px; }
.product-editor .photo-card input[type="radio"] { width: auto; margin-right: 5px; }
.product-editor .photo-card label { align-items: center; gap: 5px; display: flex; }
.product-editor .editor-panel > h2 { margin: 0px 0px 12px; }
@media (width <= 640px) {
  .editor-tabs { gap: 5px; padding: 0px 10px; }
  .management-page .editor-tabs button { padding: 12px; font-size: 12px; }
  .editor-panel { min-height: 360px; padding: 15px; }
  .editor-header { padding: 15px; }
  .product-editor .editor-save { flex-wrap: wrap; padding: 12px; }
  .editor-save span { display: none; }
  .management-page .editor-header h1 { font-size: 15px; }
}
body.editor-fullscreen .product-editor { width: 100%; max-width: none; min-height: 100dvh; box-shadow: none; border: 0px; border-radius: 0px; flex-direction: column; display: flex; }
body.editor-fullscreen .product-editor form[data-catalog-form] { flex-direction: column; flex: 1 1 0%; display: flex; }
body.editor-fullscreen .editor-panel { flex: 1 1 0%; }
body.editor-fullscreen .editor-header { padding: 18px 30px 14px; }
body.editor-fullscreen .editor-tabs { padding: 0px 30px; }
body.editor-fullscreen .editor-panel { padding: 24px 30px; }
body.editor-fullscreen .editor-save { padding: 15px 30px; }
@media (width <= 640px) {
  body.editor-fullscreen .editor-header, body.editor-fullscreen .editor-panel, body.editor-fullscreen .editor-save { padding: 15px; }
  body.editor-fullscreen .editor-tabs { padding: 0px 15px; }
}
.price-accordion { border: 1px solid rgb(237, 240, 244); border-radius: 4px; margin-bottom: 20px; overflow: hidden; }
.price-accordion > summary { color: rgb(32, 68, 101); cursor: pointer; background: rgb(241, 243, 246); justify-content: space-between; padding: 15px; font-size: 13px; list-style: none; display: flex; }
.price-accordion > summary::after { content: "⌄"; }
.price-accordion[open] > summary { color: rgb(8, 122, 255); }
.price-accordion[open] > summary::after { content: "⌃"; }
.price-accordion-body { padding: 16px; }
.price-options { grid-template-columns: 1fr 1fr 2fr 2fr; gap: 20px; display: grid; }
.price-main { grid-template-columns: 1fr 2fr; gap: 20px; margin-top: 8px; display: grid; }
.price-inputs > div { margin-bottom: 10px; }
.price-summary-scroll { padding-top: 8px; overflow: auto; }
.management-page .price-summary { border: 1px solid rgb(224, 229, 237); width: 100%; min-width: 490px; font-size: 12px; }
.price-summary caption { background: rgb(241, 241, 241); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(221, 221, 221) rgb(221, 221, 221) currentcolor; border-image: none; padding: 14px; }
.management-page .price-summary th { text-transform: none; letter-spacing: 0px; color: rgb(23, 51, 79); background: rgb(241, 241, 241); padding: 15px 10px; font-size: 12px; font-weight: 400; }
.management-page .price-summary td { text-align: right; border: 1px solid rgb(231, 235, 241); padding: 10px; }
.management-page .price-summary td:first-child { text-align: left; }
.price-summary th { border: 1px solid rgb(221, 221, 221); }
.management-page .price-help { color: rgb(122, 136, 151); margin: 12px 0px 0px; font-size: 12px; }
.marketplace-price-row { border-bottom: 1px solid rgb(238, 240, 244); grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 20px; padding: 12px 0px; display: grid; }
.price-accordion summary::-webkit-details-marker { display: none; }
@media (width <= 700px) {
  .price-options { grid-template-columns: 1fr 1fr; gap: 12px; }
  .price-main, .marketplace-price-row { grid-template-columns: 1fr; }
  .price-accordion-body { padding: 12px; }
}
body.editor-fullscreen #main { padding: 16px; }
body.editor-fullscreen .product-editor { border: 1px solid rgb(215, 220, 227); border-radius: 8px; min-height: calc(100dvh - 112px); }
@media (width <= 640px) {
  body.editor-fullscreen #main { padding: 8px; }
}
.stock-type { border: 1px solid rgb(204, 210, 217); border-radius: 4px; padding: 10px; font-size: 13px; display: block; }
.management-page .stock-help { color: rgb(122, 135, 152); margin: 10px 0px 15px; font-size: 12px; }
.variant-guidance { background: rgb(242, 243, 250); border-left: 6px solid rgb(201, 201, 225); margin: 15px 0px; padding: 12px; font-size: 13px; }
.variant-axis { background: rgb(238, 238, 238); border: 1px solid rgb(216, 220, 225); padding: 8px; }
.variant-axis header { align-items: center; gap: 10px; margin-bottom: 6px; font-size: 12px; display: flex; }
.variant-axis header span { white-space: nowrap; }
.variant-axis small { color: rgb(111, 126, 142); font-size: 11px; }
.axis-entry { gap: 5px; margin: 6px 0px; display: flex; }
.axis-entry button { padding: 4px 10px !important; }
.variant-builder-actions, .variant-bulk { flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0px; display: flex; }
.variant-builder-actions button { background: rgb(41, 159, 220) !important; border-radius: 3px !important; font-size: 12px !important; }
.variant-builder-actions [data-clear-variants] { background: rgb(236, 85, 71) !important; }
.variant-builder-actions span { color: rgb(102, 119, 137); font-size: 12px; }
.variant-bulk label { max-width: 230px; }
.variant-bulk button { border-radius: 4px !important; padding: 9px !important; font-size: 12px !important; }
.variant-stock-table { min-width: 1020px; }
.management-page .variant-stock-table td, .management-page .variant-stock-table th { text-transform: none; letter-spacing: 0px; border: 1px solid rgb(224, 229, 236); padding: 8px; }
.variant-stock-table input[type="number"] { min-width: 90px; }
.variant-stock-table input[type="text"] { min-width: 125px; }
.variant-stock-table td:nth-child(2) { min-width: 200px; }
.variant-stock-table td:nth-child(2) span { margin-bottom: 5px; font-size: 12px; display: block; }
.variant-stock-table a { font-size: 11px; }
.variant-stock-table tr[hidden] { display: none; }.variant-stock-table button { padding: 6px !important; font-size: 11px !important; }
.variant-stock-table input[type="checkbox"] { accent-color: rgb(22, 156, 223); }
.variant-bulk input { margin: 0px !important; }
@media (width <= 750px) {
  .variant-axis-grid { grid-template-columns: 1fr; }
  .variant-bulk label { width: 100%; max-width: none; }
}
.variant-axis [data-option-list] { min-height: 165px; max-height: 260px; overflow-y: auto; }
.variant-option-line { align-items: center; gap: 4px; margin-bottom: 5px; display: flex; }
.management-page .variant-option-line input { min-width: 0px; margin: 0px !important; padding: 6px !important; }
.management-page .variant-option-line button { color: rgb(89, 117, 140); background: rgb(255, 255, 255); border: 1px solid rgb(220, 226, 231); border-radius: 2px; font-size: 12px; padding: 4px !important; }
.variant-option-line button:disabled { opacity: 0.25; }
.variant-axis textarea[hidden] { display: none; }
.overview-dashboard { color: rgb(32, 53, 78); max-width: 1800px; margin: auto; font-size: 14px; }
.overview-heading { justify-content: space-between; align-items: center; margin-bottom: 18px; display: flex; }
.overview-heading h1 { margin-bottom: 3px; font-size: 24px; font-weight: 600; }
.overview-heading span { color: rgb(86, 103, 125); font-size: 14px; }
.overview-heading > div:last-child { align-items: center; gap: 18px; display: flex; }
.overview-heading a { color: rgb(255, 255, 255); background: rgb(36, 133, 245); border-radius: 4px; padding: 9px 12px; }
.overview-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 22px 16px; display: grid; }
.overview-card { background: rgb(255, 255, 255); border-radius: 9px; flex-direction: column; min-width: 0px; min-height: 360px; display: flex; overflow: hidden; box-shadow: rgba(23, 47, 77, 0.03) 0px 4px 18px; }
.overview-card > header { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; min-height: 56px; padding: 16px; display: flex; }
.overview-card h2 { font-size: 18px; font-weight: 500; }
.overview-card small { color: rgb(86, 103, 125); font-size: 12px; }
.overview-card header > a, .overview-card footer > a { color: rgb(37, 133, 239); font-size: 13px; }
.overview-card footer { color: rgb(86, 103, 125); margin-top: auto; padding: 10px 13px; font-size: 12px; }
.order-totals { gap: 13px; display: flex; }
.order-totals span { text-align: center; }
.order-totals b { font-size: 22px; font-weight: 500; display: block; }
.order-totals small { font-size: 11px; }
.order-ribbon { color: rgb(255, 255, 255); text-align: center; background: rgb(243, 160, 11); padding: 4px; font-size: 12px; }
.channel-order-list { padding: 12px; }
.channel-order-list > a { align-items: center; gap: 10px; padding: 8px 0px; display: flex; }
.channel-order-list > a > span:nth-child(2) { flex: 1 1 0%; }
.channel-order-list b { text-align: center; width: 26px; font-weight: 400; }
.channel-logo { color: rgb(255, 255, 255); background: rgb(243, 117, 39); border-radius: 3px; place-items: center; width: 26px; height: 26px; display: grid; }
.performance-grid { grid-template-columns: 1fr 1fr; gap: 7px; padding: 3px 9px; display: grid; }
.performance-grid > div { background: rgb(245, 246, 249); min-height: 65px; padding: 12px 10px; }
.performance-grid .performance-highlight { background: rgb(239, 250, 244); }
.performance-highlight strong { color: rgb(14, 185, 154); }
.performance-grid strong { overflow-wrap: anywhere; font-size: 16px; font-weight: 500; display: block; }
.performance-grid span { color: rgb(86, 103, 125); margin-top: 4px; font-size: 12px; display: block; }
.basket-metrics { grid-template-columns: 1fr 1fr; gap: 18px; padding: 16px; display: grid; }
.basket-metrics span { color: rgb(86, 103, 125); font-size: 12px; display: block; }
.basket-metrics b { margin-top: 6px; font-size: 14px; font-weight: 500; display: block; }
.overview-mini-chart { height: 125px; margin-top: auto; }
.analytics-empty { color: rgb(86, 103, 125); text-align: center; flex-direction: column; flex: 1 1 0%; justify-content: center; align-items: center; padding: 20px; display: flex; }
.analytics-symbol { color: rgb(175, 186, 198); font-size: 34px; }
.analytics-empty strong { margin-top: 8px; font-weight: 500; }
.analytics-empty p { margin-top: 7px; font-size: 13px; }
.analytics-empty > div { gap: 25px; margin-top: 26px; font-size: 12px; display: flex; }
.overview-wide { grid-column: span 2; }
.overview-chart { height: 285px; padding: 8px 13px 16px; }
.overview-card select { color: rgb(86, 103, 125); background: 0px 0px; border: 0px; padding: 4px; font-size: 12px; }
.overview-empty { color: rgb(86, 103, 125); padding: 15px; font-size: 13px; }
.conversion-list { padding: 0px 14px 14px; }
.conversion-list > div { flex-wrap: wrap; justify-content: space-between; gap: 5px; margin-bottom: 13px; font-size: 13px; display: flex; }
.conversion-list b { color: rgb(86, 103, 125); font-weight: 400; }
.conversion-list i { background: rgb(241, 244, 248); width: 100%; height: 4px; }
.sync-timeline { max-height: 270px; padding: 8px 14px; overflow: auto; }
.sync-timeline > a { border-bottom: 1px solid rgb(237, 240, 245); gap: 14px; padding: 12px 0px; display: flex; }
.sync-timeline time { color: rgb(86, 103, 125); min-width: 48px; font-size: 12px; }
.sync-timeline b { font-size: 14px; font-weight: 500; }
.sync-timeline p, .sync-timeline span { color: rgb(86, 103, 125); margin-top: 6px; font-size: 12px; }
.overview-donut { height: 270px; padding: 10px 20px; }
.overview-table { border-collapse: collapse; width: 100%; font-size: 13px; }
.overview-table th { text-align: left; background: rgb(245, 246, 249); padding: 10px; font-weight: 500; }
.overview-table td { white-space: nowrap; border-bottom: 1px dashed rgb(229, 234, 241); padding: 12px 10px; }
.overview-table a { color: rgb(34, 123, 211); }
.overview-table-scroll { overflow: auto; }
.overview-inventory { flex-direction: column; gap: 13px; margin-top: auto; padding: 20px 13px; display: flex; }
.overview-inventory span { color: rgb(86, 103, 125); justify-content: space-between; gap: 8px; font-size: 13px; display: flex; }
.overview-inventory b { color: rgb(51, 75, 101); font-weight: 500; }
.critical-overview > a { border-bottom: 1px solid rgb(237, 240, 245); justify-content: space-between; padding: 13px; display: flex; }
.critical-overview small { margin-top: 4px; display: block; }
.critical-overview b { color: rgb(239, 156, 26); }
.overview-footnote { color: rgb(86, 103, 125); margin-top: 18px; font-size: 12px; }
@media (width <= 1550px) {
  .overview-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 640px) {
  .overview-grid { grid-template-columns: 1fr; gap: 15px; }
  .overview-wide { grid-column: auto; }
  .overview-heading > div:last-child > span { display: none; }
  .overview-heading h1 { font-size: 22px; }
  .overview-card { min-height: 270px; }
}
.overview-dashboard { line-height: 1.5; }
.overview-card h2 { font-weight: 600; line-height: 1.3; }
.performance-grid strong, .basket-metrics b { font-variant-numeric: tabular-nums; }
.performance-grid span { line-height: 1.45; }
.overview-card footer { line-height: 1.5; }
.overview-chart { min-width: 0px; }
.orders-manager { color: rgb(24, 50, 75); width: 100%; font-size: 14px; }
.order-management-header { justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; display: flex; }
.order-management-header h1 { font-size: 23px; font-weight: 600; }
.order-management-header > a { color: rgb(255, 255, 255); background: rgb(8, 183, 138); border-radius: 4px; padding: 10px 14px; font-size: 13px; }
.order-status-tabs { scrollbar-width: thin; scrollbar-color: rgb(190, 211, 237) rgb(245, 248, 252); background: rgb(255, 255, 255); border: 1px solid rgb(226, 231, 239); border-radius: 8px; grid-template-columns: repeat(9, minmax(145px, 1fr)); gap: 0px; margin-bottom: 24px; padding: 0px; display: grid; overflow-x: auto; }
.order-status-tabs > a { white-space: nowrap; color: rgb(51, 74, 101); border-bottom: 3px solid rgba(0, 0, 0, 0); border-right: 1px solid rgb(238, 242, 247); flex-direction: column; justify-content: center; align-items: center; gap: 9px; min-height: 86px; padding: 14px 10px 12px; font-size: 14px; font-weight: 550; transition: background 0.15s, color 0.15s; display: flex; }
.order-status-tabs > a:last-child { border-right: 0px; }
.order-status-tabs > a:hover { color: rgb(18, 105, 206); background: rgb(242, 247, 255); }
.order-status-tabs > a:focus-visible { outline-offset: -4px; outline: rgb(20, 122, 240) solid 2px; }
.order-status-tabs .order-tab-label { line-height: 20px; }
.order-status-tabs .order-tab-count { color: rgb(80, 102, 129); font-variant-numeric: tabular-nums; text-align: center; background: rgb(237, 242, 247); border-radius: 20px; justify-content: center; align-items: center; min-width: 30px; height: 25px; padding: 2px 8px; font-size: 13px; font-weight: 650; display: inline-flex; }
.order-status-tabs > a.is-selected { color: rgb(9, 105, 215); background: rgb(237, 245, 255); border-bottom-color: rgb(22, 128, 248); font-weight: 650; }
.order-status-tabs > a.is-selected .order-tab-count { color: rgb(255, 255, 255); background: rgb(22, 123, 240); box-shadow: rgba(22, 123, 240, 0.15) 0px 2px 4px; }
.order-toolbar { flex-wrap: wrap; align-items: center; gap: 8px; display: flex; }
.order-toolbar > button, .order-filter-fields > button { cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(203, 210, 217); border-radius: 4px; justify-content: center; align-items: center; gap: 25px; height: 40px; padding: 0px 14px; font-size: 13px; display: flex; }
.order-toolbar > .order-bulk-button { margin-left: auto; }
.order-toolbar > button:disabled { opacity: 0.45; cursor: default; }
.order-quick-search { background: rgb(255, 255, 255); border: 1px solid rgb(203, 210, 217); border-radius: 4px; gap: 10px; width: 400px; max-width: 100%; height: 40px; padding: 0px 12px; display: flex; }
.order-quick-search input { outline: none; flex: 1 1 0%; min-width: 0px; font-size: 13px; }
.order-quick-search input::placeholder { color: rgb(135, 151, 170); }
.order-quick-search button { color: rgb(39, 136, 227); cursor: pointer; font-size: 12px; }
.order-filter-fields:not([hidden]) { background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 235); border-radius: 4px; flex-wrap: wrap; align-items: end; gap: 16px; margin-top: 10px; padding: 16px; display: flex; }
.order-filter-fields label { flex-direction: column; gap: 6px; font-size: 13px; display: flex; }
.order-filter-fields select, .order-filter-fields input { border: 1px solid rgb(203, 210, 217); border-radius: 4px; padding: 8px 10px; }
.order-filter-fields > a { color: rgb(24, 133, 237); padding-bottom: 10px; font-size: 12px; }
.order-selection-note, .order-bottom-note { color: rgb(96, 115, 138); margin: 12px 0px; font-size: 12px; }
.order-grid-wrapper { background: rgb(255, 255, 255); border: 1px solid rgb(223, 227, 232); border-radius: 0px 0px 10px 10px; overflow: auto; }
.order-management-table { border-collapse: collapse; text-align: left; width: 100%; min-width: 1120px; font-size: 13px; }
.order-management-table th { background: rgb(245, 245, 245); padding: 17px 10px; font-weight: 600; }
.order-management-table th, .order-management-table td { border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(221, 223, 227) rgb(221, 223, 227) rgb(221, 223, 227) currentcolor; border-image: none; }
.order-management-table th:last-child, .order-management-table td:last-child { border-right: 0px; }
.order-management-table td { vertical-align: middle; padding: 12px 10px; }
.order-management-table tbody tr:nth-child(2n) { background: rgb(247, 247, 247); }
.order-management-table tbody tr:hover { background: rgb(240, 247, 255); }
.order-check { width: 45px; }
.order-management-table input[type="checkbox"] { accent-color: rgb(22, 134, 255); vertical-align: middle; width: 18px; height: 18px; }
.order-identity { align-items: center; gap: 8px; min-width: 200px; display: flex; }
.order-channel-icon { color: rgb(255, 255, 255); background: rgb(80, 136, 190); border-radius: 2px; place-items: center; width: 32px; height: 32px; font-size: 13px; display: grid; }
.order-channel-icon.trendyol { background: rgb(255, 114, 30); font-size: 8px; font-weight: 600; }
.order-number { color: rgb(8, 122, 255); font-weight: 600; }
.order-management-table small { color: rgb(107, 126, 146); overflow-wrap: anywhere; margin-top: 4px; font-size: 12px; display: block; }
.order-identity small { color: rgb(240, 117, 36); }
.order-amount, .order-date { white-space: nowrap; }
.order-state { color: rgb(39, 130, 219); white-space: nowrap; border: 1px solid rgb(117, 173, 240); border-radius: 3px; padding: 5px 8px; font-size: 12px; display: inline-block; }
.order-state.state-delivered { color: rgb(6, 150, 116); border-color: rgb(121, 204, 172); }
.order-state.state-cancelled, .order-state.state-returned, .order-state.state-unsupplied { color: rgb(217, 83, 83); border-color: rgb(234, 177, 177); }
.order-management-table .order-payment-error { color: rgb(207, 70, 70); }
.order-management-table .order-payment-rejected { color: rgb(207, 70, 70); background: rgb(255, 243, 243); border: 1px solid rgb(234, 177, 177); border-radius: 3px; width: max-content; margin-top: 5px; padding: 4px 7px; font-weight: 650; display: block; }
.od-payment-status { border-radius: 999px; margin-left: auto; padding: 5px 9px; font-size: 11px; font-weight: 700; }
.od-payment-status.is-rejected { color: rgb(162, 62, 62); background: rgb(255, 237, 237); }
.od-payment-status.is-rejected + .od-primary { margin-left: 0px; }
.od-payment-rejected { color: rgb(162, 62, 62); }
.order-view-button { color: rgb(255, 255, 255); background: rgb(162, 97, 183); border-radius: 3px; padding: 6px 9px; font-size: 12px; display: inline-block; }
.order-table-footer { flex-wrap: wrap; align-items: center; gap: 12px; padding: 22px; font-size: 13px; display: flex; }
.order-table-footer label { align-items: center; gap: 8px; display: flex; }
.order-table-footer select { border: 1px solid rgb(220, 226, 236); border-radius: 4px; padding: 7px; }
.order-table-footer nav { margin-left: auto; }
.order-empty { text-align: center; color: rgb(113, 132, 154); padding: 45px !important; }
@media (width <= 700px) {
  .order-toolbar > .order-bulk-button { margin-left: 0px; }
  .order-status-tabs { grid-template-columns: repeat(9, 150px); }
  .order-status-tabs > a { min-height: 82px; padding: 12px 10px; font-size: 14px; }
  .order-quick-search { flex: 1 1 0%; min-width: 180px; }
  .order-management-header h1 { font-size: 20px; }
  .order-filter-fields label, .order-filter-fields select, .order-filter-fields input { width: 100%; }
}
@media print {
  body.printing-order-list * { visibility: hidden; }
  body.printing-order-list .orders-manager, body.printing-order-list .orders-manager * { visibility: visible; }
  body.printing-order-list .orders-manager { width: 100%; font-size: 10px; position: absolute; top: 0px; left: 0px; }
  body.printing-order-list .order-status-tabs, body.printing-order-list .order-filter-form, body.printing-order-list .order-selection-note, body.printing-order-list .order-table-footer, body.printing-order-list .order-management-header > a, body.printing-order-list .order-actions-column, body.printing-order-list .order-management-table tr > :first-child, body.printing-order-list .order-print-exclude { display: none !important; }
  body.printing-order-list .order-management-table { min-width: 0px; font-size: 10px; }
  body.printing-order-list .order-grid-wrapper { overflow: visible; }
  body.printing-order-list .order-identity { min-width: 0px; }
  body.printing-order-list .order-channel-icon { display: none; }
}
.order-detail { color: rgb(24, 48, 73); background: rgb(255, 255, 255); border-radius: 10px; font-size: 14px; overflow: hidden; }
.od-header { color: rgb(255, 255, 255); background: rgb(9, 101, 215); justify-content: space-between; align-items: center; padding: 20px 24px; display: flex; }
.od-header h1 { margin: 5px 0px 0px; font-size: 20px; font-weight: 650; }
.od-header > a { color: rgb(255, 255, 255); font-size: 30px; }
.od-grid { grid-template-columns: minmax(0px, 1fr) 300px; gap: 20px; padding: 22px; display: grid; }
.od-main, .od-sidebar { flex-direction: column; gap: 20px; min-width: 0px; display: flex; }
.od-card { border: 1px solid rgb(217, 222, 229); border-radius: 5px; overflow: hidden; }
.od-card > header { background: rgb(245, 246, 248); border-bottom: 1px solid rgb(217, 222, 229); justify-content: space-between; align-items: center; gap: 12px; padding: 13px 18px; display: flex; }
.order-detail h2 { margin: 0px; font-size: 16px; font-weight: 600; }
.order-detail button { cursor: pointer; color: rgb(24, 48, 73); background: rgb(247, 248, 250); border: 1px solid rgb(203, 210, 218); border-radius: 4px; padding: 8px 12px; }
.od-items { border-collapse: collapse; width: 100%; min-width: 650px; }
.od-items th, .od-items td { text-align: left; border-bottom: 1px solid rgb(230, 234, 240); padding: 16px 12px; }
.od-items th { background: rgb(247, 248, 250); font-weight: 500; }
.od-items td:not(:first-child) { white-space: nowrap; }
.od-items small { color: rgb(104, 121, 139); display: block; }
.od-product { gap: 14px; min-width: 230px; display: flex; }
.od-product img, .od-placeholder { object-fit: contain; border: 1px solid rgb(231, 235, 239); border-radius: 4px; flex-shrink: 0; width: 68px; height: 84px; }
.od-placeholder { color: rgb(145, 160, 177); place-items: center; font-size: 30px; display: grid; }
.od-product p { margin: 5px 0px; }
.order-detail a { color: rgb(18, 104, 214); }
.od-item-footer { justify-content: space-between; gap: 20px; padding: 16px; display: flex; }
.od-item-footer label { margin: 5px 0px; display: block; }
.order-detail dl { margin: 0px; }
.order-detail dl > div { justify-content: space-between; gap: 18px; margin: 8px 0px; display: flex; }
.order-detail dt { color: rgb(99, 115, 135); }
.order-detail dd { text-align: right; overflow-wrap: anywhere; margin: 0px; }
.od-item-footer dl { min-width: 260px; }
.od-content { overflow-wrap: anywhere; padding: 18px; }
.od-content p { margin: 9px 0px; }
.od-addresses { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; display: grid; }
.od-addresses h2 { font-size: 14px; }
.od-addresses header { padding: 12px; }
.od-addresses button { padding: 5px; font-size: 12px; }
.od-border { border-top: 1px solid rgb(221, 226, 233); }
.od-number { color: rgb(8, 103, 230); font-size: 16px; }
.od-pre { white-space: pre-wrap; }
.od-muted, .od-footnote { color: rgb(98, 115, 137); font-size: 12px; }
.od-error { color: rgb(180, 35, 24); }
.od-actions { background: rgb(242, 244, 247); flex-wrap: wrap; justify-content: space-between; gap: 16px; padding: 16px 22px; display: flex; }
.od-actions > div { flex-wrap: wrap; align-items: center; gap: 10px; display: flex; }
.od-actions span { max-width: 360px; font-size: 12px; }
.od-primary { color: rgb(255, 255, 255) !important; background: rgb(8, 184, 140) !important; border-color: rgb(8, 184, 140) !important; }
.od-danger { color: rgb(180, 35, 24) !important; }
.od-footnote { margin: 0px; padding: 12px 22px; }
.od-dialog { color: rgb(24, 48, 73); border: 0px; border-radius: 10px; width: min(540px, -30px + 100vw); max-height: 90vh; padding: 24px; overflow: auto; }
.od-dialog::backdrop { background: rgba(16, 34, 56, 0.6); }
.od-dialog header { justify-content: space-between; align-items: center; margin-bottom: 16px; display: flex; }
.od-dialog label { margin: 12px 0px; font-size: 14px; display: block; }
.od-dialog input, .od-dialog textarea { border: 1px solid rgb(203, 211, 223); border-radius: 4px; width: 100%; margin-top: 5px; padding: 10px; display: block; }
.od-dialog p { margin: 14px 0px; line-height: 1.6; }
.od-dialog button:focus-visible, .order-detail a:focus-visible { outline-offset: 3px; outline: rgb(28, 128, 238) solid 3px; }
@media (width <= 1450px) {
  .od-grid { grid-template-columns: minmax(0px, 1fr); }
  .od-sidebar { grid-template-columns: 2fr 1fr; display: grid; }
  .od-addresses { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (width <= 700px) {
  .od-grid { padding: 12px; }
  .od-addresses, .od-sidebar { grid-template-columns: 1fr; }
  .od-item-footer { flex-direction: column; }
  .od-header h1 { font-size: 17px; }
  .od-actions { padding: 14px; }
  .od-item-footer dl { min-width: 0px; }
}
@media print {
  body.printing-order-detail * { visibility: hidden; }
  body.printing-order-detail .order-detail, body.printing-order-detail .order-detail * { visibility: visible; }
  body.printing-order-detail .order-detail { width: 100%; font-size: 11px; position: absolute; top: 0px; left: 0px; }
  body.printing-order-detail .od-no-print, body.printing-order-detail button, body.printing-order-detail dialog, body.printing-order-detail .od-header > a { display: none !important; }
  body.printing-order-detail .od-grid { padding: 10px; display: block; }
  body.printing-order-detail .od-card { break-inside: avoid; margin-bottom: 12px; }
  body.printing-order-detail .od-sidebar { display: block; }
  body.printing-order-detail .table-scroll { overflow: visible; }
  body.printing-order-detail .od-items { min-width: 0px; }
  body.printing-order-detail .od-addresses { grid-template-columns: repeat(3, 1fr); display: grid; }
}
.blue-shell { z-index: 30; color: rgb(255, 255, 255); position: relative; box-shadow: rgba(23, 66, 112, 0.145) 0px 2px 6px; }
.shell-utility { background: rgb(25, 107, 213); align-items: center; gap: 16px; min-height: 42px; padding: 6px 32px; font-size: 13px; display: flex; }
.shell-store { margin-right: auto; font-weight: 600; }
.shell-search { background: rgba(255, 255, 255, 0.098); border-radius: 5px; align-items: center; gap: 9px; width: 360px; padding: 7px 12px; display: flex; position: relative; }
.shell-search > svg { flex-shrink: 0; width: 18px; height: 18px; }
.shell-search input { color: rgb(255, 255, 255); background: 0px 0px; outline: none; width: 100%; min-width: 0px; font-size: 13px; }
.shell-search input::placeholder { color: rgb(255, 255, 255); opacity: 0.9; }
.shell-search:focus-within { box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 2px; }
.shell-search-results { color: rgb(24, 48, 73); z-index: 50; background: rgb(255, 255, 255); border-radius: 6px; max-height: 350px; padding: 7px; position: absolute; top: calc(100% + 9px); left: 0px; right: 0px; overflow: auto; box-shadow: rgba(24, 63, 98, 0.25) 0px 10px 30px; }
.shell-search-results a:not([hidden]) { border-radius: 4px; padding: 10px; display: block; }
.shell-search-results a:hover, .shell-search-results a:focus { background: rgb(234, 243, 255); }
.shell-search-results p { color: rgb(97, 113, 132); padding: 10px; }
.shell-user-name { text-overflow: ellipsis; white-space: nowrap; max-width: 170px; font-size: 12px; overflow: hidden; }
.shell-logout { color: rgb(255, 255, 255); cursor: pointer; background: rgba(255, 255, 255, 0.082); border: 1px solid rgba(255, 255, 255, 0.208); border-radius: 4px; padding: 5px 12px; }
.shell-navigation { background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.016) 0px, rgba(255, 255, 255, 0.016) 8px, rgba(0, 0, 0, 0) 8px, rgba(0, 0, 0, 0) 16px), rgb(22, 128, 248); align-items: center; gap: 16px; min-height: 80px; padding: 8px 32px; display: flex; }
.shell-brand { color: rgb(255, 255, 255); flex-shrink: 0; width: 245px; line-height: 1; }
.shell-brand > span { letter-spacing: -1.2px; font-size: 28px; font-weight: 500; display: block; }
.shell-brand-ai { font-weight: 700; }
.shell-brand i { color: rgb(191, 230, 255); margin-left: 4px; font-style: normal; }
.shell-brand small { letter-spacing: 3px; border-top: 2px solid rgb(255, 255, 255); margin-top: 7px; padding-top: 5px; font-size: 9px; display: inline-block; }
.shell-main-nav { scrollbar-width: thin; scrollbar-color: rgb(195, 224, 255) transparent; flex: 1 1 0%; align-items: stretch; gap: 4px; min-width: 0px; display: flex; overflow-x: auto; }
.shell-nav-link, .shell-tools > summary { color: rgb(255, 255, 255); text-transform: uppercase; white-space: nowrap; cursor: pointer; border-radius: 4px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-width: 92px; min-height: 62px; padding: 8px 10px; font-size: 12px; font-weight: 650; display: flex; }
.shell-nav-link svg, .shell-tools svg { width: 23px; height: 23px; }
.shell-nav-link:hover, .shell-tools > summary:hover { background: rgba(255, 255, 255, 0.11); }
.shell-nav-link.is-current { color: rgb(20, 124, 242); background: rgb(255, 255, 255); }
.shell-tools { flex-shrink: 0; position: relative; }
.shell-tools > summary { list-style: none; }
.shell-tools > summary::-webkit-details-marker { display: none; }
.shell-tools[open] > summary { background: rgba(255, 255, 255, 0.145); }
.shell-tools > div { color: rgb(24, 48, 73); background: rgb(255, 255, 255); border-radius: 6px; min-width: 220px; padding: 7px; position: absolute; top: calc(100% + 10px); right: 0px; box-shadow: rgba(23, 60, 101, 0.19) 0px 8px 25px; }
.shell-tools > div a { border-radius: 4px; padding: 11px; font-size: 14px; display: block; }
.shell-tools > div a:hover { background: rgb(234, 243, 255); }
.blue-shell :focus-visible { outline-offset: 2px; outline: rgb(255, 255, 255) solid 2px; }
.shell-search-results :focus-visible, .shell-tools > div :focus-visible { outline-color: rgb(22, 128, 248); }
.shell-skip { color: rgb(22, 94, 184); z-index: 100; background: rgb(255, 255, 255); padding: 12px; position: absolute; top: -100px; left: 15px; }
.shell-skip:focus { top: 10px; }
.app-shell #main { width: 100%; }
@media (width >= 1600px) {
  .shell-navigation, .shell-utility { padding-left: 48px; padding-right: 48px; }
  .shell-brand { width: 370px; }
  .shell-main-nav { flex: 0 1 auto; }
  .shell-tools { margin-left: auto; }
}
@media (width <= 1050px) {
  .shell-navigation { gap: 10px; padding: 8px 18px; }
  .shell-brand { width: 175px; }
  .shell-brand > span { font-size: 24px; }
  .shell-nav-link, .shell-tools > summary { min-width: 82px; padding: 8px; font-size: 11px; }
  .shell-utility { padding: 6px 18px; }
  .shell-search { width: 300px; }
}
@media (width <= 700px) {
  .shell-utility { flex-wrap: wrap; gap: 8px; padding: 10px 14px; }
  .shell-store { text-overflow: ellipsis; white-space: nowrap; max-width: 150px; overflow: hidden; }
  .shell-user-name { max-width: 100px; }
  .shell-search { order: 4; width: 100%; }
  .shell-navigation { flex-wrap: wrap; gap: 5px; padding: 10px 12px; }
  .shell-brand { flex: 1 1 0%; }
  .shell-main-nav { flex-basis: 100%; order: 3; margin-top: 6px; }
  .shell-nav-link { min-width: 87px; font-size: 11px; }
  .shell-tools > summary { flex-direction: row; min-height: 44px; }
  .shell-tools > div { top: 100%; }
}
@media print {
  .blue-shell, .shell-skip { display: none !important; }
}
.shell-main-nav { flex: 0 1 auto; }
.shell-navigation { gap: 3px; }
.shell-navigation > .shell-tools { margin-left: 0px; }
.shell-brand { margin-right: 15px; }
.shell-nav-link, .shell-tools > summary { min-width: 88px; }
.shell-coming { cursor: default; position: relative; }
.shell-coming small { color: rgb(255, 255, 255); text-transform: none; background: rgb(18, 91, 178); border-radius: 3px; padding: 1px 3px; font-size: 8px; line-height: 11px; position: absolute; top: -1px; right: 3px; }
.shell-coming:hover { background: 0px 0px; }
.shell-tools > div strong { padding: 10px; font-size: 13px; display: block; }
.shell-tools > div p { color: rgb(100, 116, 139); padding: 0px 10px 10px; font-size: 12px; }
.shell-shortcuts { align-items: center; gap: 7px; margin-left: auto; padding-left: 15px; display: flex; }
.shell-shortcuts > a, .shell-account > summary { background: rgba(255, 255, 255, 0.133); border-radius: 4px; justify-content: center; align-items: center; width: 35px; min-width: 35px; height: 36px; min-height: 36px; padding: 7px; display: flex; }
.shell-shortcuts svg { width: 22px; height: 22px; }.shell-account form { padding: 8px; }
.shell-account button { color: rgb(23, 103, 200); cursor: pointer; background: rgb(237, 244, 255); border-radius: 4px; width: 100%; padding: 9px; }
@media (width >= 1600px) {
  .shell-brand { width: 370px; }
  .shell-main-nav { flex: 0 1 auto; }
  .shell-navigation > .shell-tools { margin-left: 0px; }
}
@media (width >= 701px) and (width <= 1400px) {
  .shell-brand { width: 190px; }
  .shell-navigation { flex-wrap: wrap; }
  .shell-main-nav { flex: 1 1 calc(100% - 200px); order: 3; }
  .shell-navigation > .shell-tools { order: 4; }
  .shell-shortcuts { order: 2; }
  .shell-nav-link { flex: 1 1 0%; min-width: 85px; }
}
@media (width <= 700px) {
  .shell-brand { margin-right: 0px; }
  .shell-shortcuts { margin-left: auto; }
  .shell-navigation > .shell-tools { order: 4; }
  .shell-main-nav { flex: 1 0 100%; order: 3; }
  .shell-tools > summary { min-width: 88px; }
  .shell-account > summary { min-width: 35px; }
  .shell-settings > div { left: 0px; right: auto; }
}
.shell-product-trigger { background: 0px 0px; border: 0px; flex-shrink: 0; font-family: inherit; }
.shell-product-trigger small { font-size: 12px; }
.shell-product-trigger[aria-expanded="true"] { color: rgb(22, 128, 248); background: rgb(255, 255, 255); }
.product-mega-menu { z-index: 60; color: rgb(69, 78, 90); background: rgb(255, 255, 255); border-radius: 0px 0px 5px 5px; width: 700px; max-width: calc(100% - 24px); max-height: calc(100dvh - 190px); padding: 6px 0px; position: absolute; top: 100%; overflow: auto; box-shadow: rgba(38, 60, 92, 0.14) 0px 12px 28px; }
.product-mega-menu:not([hidden]) { grid-template-columns: repeat(3, minmax(0px, 1fr)); display: grid; }
.product-mega-column { border-right: 1px solid rgb(221, 221, 221); padding: 7px 15px; }
.product-mega-column:last-child { border-right: 0px; }
.product-mega-column h2 { color: rgb(20, 124, 250); padding: 7px 0px 12px; font-size: 14px; font-weight: 600; line-height: 20px; }
.product-mega-column > a { border-radius: 3px; align-items: center; gap: 12px; min-height: 35px; padding: 6px 0px; font-size: 14px; line-height: 22px; display: flex; }
.product-mega-column > a::before { content: ""; background: rgb(181, 186, 193); border-radius: 50%; flex-shrink: 0; width: 7px; height: 7px; }
.product-mega-column:first-child > a::before { background: rgb(124, 130, 138); }
.product-mega-column > a:hover, .product-mega-column > a[aria-current="page"] { color: rgb(20, 111, 213); background: rgb(237, 245, 255); }
.product-mega-column > a:focus-visible { outline-offset: 1px; outline: rgb(22, 128, 248) solid 2px; }
.product-section-page { color: rgb(34, 60, 88); }
.product-section-page > nav:first-child { color: rgb(116, 129, 149); margin-bottom: 20px; font-size: 13px; }
.product-section-page a { color: rgb(22, 117, 222); }
.product-section-page > header { justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 24px; display: flex; }
.product-section-page h1 { font-size: 25px; font-weight: 650; }
.product-section-page header p { color: rgb(119, 134, 154); margin-bottom: 4px; font-size: 13px; }
.section-stage { color: rgb(134, 87, 0); background: rgb(255, 243, 220); border-radius: 5px; padding: 6px 10px; font-size: 12px; }
.section-preparation { text-align: center; background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 239); border-radius: 8px; padding: 50px 24px; }
.section-preparation > svg { color: rgb(34, 132, 243); width: 36px; height: 36px; margin: 0px auto 18px; }
.section-preparation h2 { font-size: 20px; font-weight: 600; }
.section-preparation p { color: rgb(98, 117, 138); max-width: 520px; margin: 12px auto 20px; font-size: 14px; line-height: 1.7; }
.section-preparation a { font-size: 14px; }
.section-siblings { flex-wrap: wrap; gap: 9px; margin-top: 22px; display: flex; }
.section-siblings a { background: rgb(255, 255, 255); border: 1px solid rgb(218, 227, 238); border-radius: 5px; padding: 8px 12px; font-size: 13px; }
.section-siblings a[aria-current="page"] { background: rgb(232, 242, 255); border-color: rgb(140, 187, 242); }
@media (width <= 700px) {
  .product-mega-menu:not([hidden]) { grid-template-columns: 1fr; }
  .product-mega-menu { max-height: 60dvh; }
  .product-mega-column { border-bottom: 1px solid rgb(228, 233, 240); border-right: 0px; padding: 10px 15px; }
  .product-mega-column:last-child { border-bottom: 0px; }
  .product-section-page > header { align-items: flex-start; }
  .product-section-page h1 { font-size: 21px; }
}
.category-navigation { color: rgb(23, 49, 75); background: rgb(255, 255, 255); border-bottom: 1px solid rgb(229, 234, 240); align-items: center; gap: 25px; min-height: 58px; margin-bottom: 24px; padding: 0px 20px; font-size: 14px; display: flex; }
.category-navigation > strong { white-space: nowrap; margin-right: auto; }
.category-navigation nav { gap: 4px; display: flex; overflow: auto; }
.category-navigation nav a { white-space: nowrap; border-bottom: 2px solid rgba(0, 0, 0, 0); padding: 18px 12px; }
.category-navigation nav a[aria-current] { color: rgb(8, 114, 238); border-color: rgb(25, 130, 255); }
.category-toolbar { flex-wrap: wrap; justify-content: space-between; gap: 15px; margin-bottom: 16px; display: flex; }
.category-search { align-items: center; gap: 6px; display: flex; }
.category-manager { color: rgb(26, 52, 79); font-size: 14px; }
.category-manager button, .category-toolbar a, .category-search summary { cursor: pointer; white-space: nowrap; background: rgb(255, 255, 255); border: 1px solid rgb(207, 213, 223); border-radius: 4px; padding: 10px 13px; font-size: 13px; }
.category-search > input { background: rgb(255, 255, 255); border: 1px solid rgb(203, 210, 220); border-radius: 4px; width: 300px; padding: 10px 12px; }
.category-search details { position: relative; }
.category-search details > div { z-index: 10; background: rgb(255, 255, 255); border: 1px solid rgb(217, 224, 234); min-width: 240px; padding: 16px; position: absolute; top: calc(100% + 6px); left: 0px; box-shadow: rgba(23, 54, 76, 0.082) 0px 8px 20px; }
.category-search label { margin-bottom: 12px; display: block; }
.category-search select { border: 1px solid rgb(204, 213, 223); width: 100%; margin-top: 6px; padding: 8px; display: block; }
.category-toolbar-actions { flex-wrap: wrap; gap: 5px; display: flex; }
.category-toolbar-actions a, .category-toolbar-actions button { border: 0px; align-items: center; font-weight: 600; display: inline-flex; }
.cat-green { color: rgb(255, 255, 255) !important; background: rgb(7, 181, 139) !important; }
.cat-orange { color: rgb(255, 255, 255) !important; background: rgb(233, 153, 5) !important; }
.cat-cyan { color: rgb(255, 255, 255) !important; background: rgb(51, 157, 216) !important; }
.cat-blue { color: rgb(255, 255, 255) !important; background: rgb(50, 127, 252) !important; }
.cat-purple { color: rgb(255, 255, 255) !important; background: rgb(161, 90, 179) !important; }
.cat-red { color: rgb(255, 255, 255) !important; background: rgb(239, 73, 73) !important; }
.category-table-wrap { background: rgb(255, 255, 255); border: 1px solid rgb(222, 223, 227); overflow: auto; }
.category-table-wrap table { border-collapse: collapse; width: 100%; min-width: 1000px; }
.category-table-wrap th { text-align: left; background: rgb(245, 245, 245); font-weight: 600; }
.category-table-wrap th, .category-table-wrap td { border-bottom: 1px solid rgb(224, 225, 228); border-right: 1px solid rgb(224, 225, 228); padding: 13px 12px; }
.category-table-wrap tbody tr:hover { background: rgb(237, 245, 255); }
.category-table-wrap a { color: rgb(8, 113, 220); }
.category-table-wrap td:first-child { width: 70px; font-weight: 600; }
.category-table-wrap td:last-child { width: 215px; }
.category-row-actions { align-items: center; gap: 5px; display: flex; }
.category-row-actions > a, .category-row-actions button { white-space: nowrap; border: 1px solid rgb(212, 218, 225); border-radius: 3px; padding: 5px 8px; font-size: 12px; line-height: 18px; }
.cat-active { color: rgb(0, 169, 132); }
.cat-inactive { color: rgb(120, 135, 154); }
.category-mapping-badge { align-items: center; gap: 10px; padding: 4px 0px; display: flex; }
.category-mapping-badge b { color: rgb(255, 255, 255); background: rgb(255, 112, 31); border-radius: 20px; padding: 8px; font-size: 10px; display: inline-flex; }
.category-mapping-badge small { color: rgb(112, 129, 150); font-size: 11px; display: block; }
.category-unmapped { font-size: 13px; color: rgb(102, 128, 151) !important; }
.category-table-wrap footer { justify-content: space-between; align-items: center; gap: 15px; padding: 18px; font-size: 13px; display: flex; }
.category-table-wrap footer nav { flex: 1 1 0%; }
.category-empty { text-align: center; color: rgb(115, 130, 149); padding: 45px !important; }
.category-editor { color: rgb(32, 57, 81); background: rgb(255, 255, 255); border: 1px solid rgb(223, 229, 237); border-radius: 7px; max-width: 1000px; margin: auto; padding: 26px; font-size: 14px; }
.category-editor header { justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 25px; display: flex; }
.category-editor h1 { font-size: 23px; font-weight: 600; }
.category-editor a { color: rgb(21, 118, 220); }
.category-editor form > label { margin: 16px 0px; display: block; }
.category-editor input:not([type="radio"]):not([type="hidden"]), .category-editor select { border: 1px solid rgb(203, 214, 226); border-radius: 4px; width: 100%; margin-top: 7px; padding: 10px; display: block; }
.category-editor button { cursor: pointer; background: rgb(245, 248, 252); border: 1px solid rgb(202, 212, 223); border-radius: 4px; padding: 10px 15px; }
.category-editor p { color: rgb(101, 121, 141); margin: 12px 0px; line-height: 1.6; }
.category-tree { border-left: 1px solid rgb(214, 227, 240); margin: 10px; padding-left: 24px; }
.category-tree li { padding: 8px; }
.category-tree small { color: rgb(121, 139, 156); margin-left: 12px; font-size: 11px; }
.category-mapping-search { border-bottom: 1px solid rgb(224, 230, 237); align-items: end; gap: 15px; padding-bottom: 22px; display: flex; }
.category-mapping-search > label { flex: 1 1 0%; margin: 0px !important; }
.category-choice-list { border: 1px solid rgb(216, 226, 238); border-radius: 5px; max-height: 450px; margin: 15px 0px; overflow: auto; }
.category-choice-list label { cursor: pointer; border-bottom: 1px solid rgb(237, 240, 245); align-items: center; gap: 12px; padding: 12px; display: flex; }
.category-choice-list label:hover { background: rgb(239, 246, 255); }
.category-choice-list input { accent-color: rgb(22, 128, 248); }
.category-choice-list small { color: rgb(120, 139, 159); font-size: 11px; display: block; }
.category-current { background: rgb(237, 248, 244); border: 1px solid rgb(200, 232, 222); border-radius: 4px; margin: 16px 0px; padding: 16px; }
.category-error { background: rgb(255, 240, 238); padding: 15px; color: rgb(177, 57, 40) !important; }
@media (width <= 800px) {
  .category-navigation { flex-direction: column; align-items: stretch; gap: 0px; padding-top: 14px; }
  .category-search { flex-wrap: wrap; }
  .category-search > input { width: 200px; }
  .category-editor { padding: 18px; }
  .category-mapping-search { flex-direction: column; align-items: stretch; }
  .category-toolbar-actions { width: 100%; }
  .category-table-wrap footer { flex-wrap: wrap; }
}
.trendyol-defaults { color: rgb(23, 54, 84); background: rgb(255, 255, 255); border-radius: 10px; max-width: 850px; margin: 0px auto; font-size: 14px; overflow: hidden; box-shadow: rgba(28, 54, 85, 0.094) 0px 8px 28px; }
.trendyol-defaults > header { color: rgb(255, 255, 255); background: rgb(9, 100, 213); justify-content: space-between; align-items: center; padding: 22px 20px; display: flex; }
.trendyol-defaults h1 { font-size: 19px; font-weight: 650; }
.trendyol-defaults > header > a { color: rgb(255, 255, 255); font-size: 30px; line-height: 1; }
.td-body { padding: 20px; }
.td-body > p { margin-bottom: 12px; }
.td-category { border: 1px solid rgb(203, 213, 225); border-radius: 4px; align-items: center; min-height: 42px; margin-bottom: 15px; display: flex; }
.td-category > span { flex: 1 1 0%; padding: 10px; }
.td-category > a { color: rgb(20, 115, 215); border-left: 1px solid rgb(217, 225, 234); padding: 10px; }
.td-info { background: rgb(242, 244, 250); border-left: 7px solid rgb(195, 201, 223); margin-bottom: 18px; padding: 12px; line-height: 1.7; }
.td-fields { grid-template-columns: 1fr 1fr; gap: 20px; display: grid; }
.td-fields label { margin-bottom: 7px; font-size: 14px; display: block; }
.td-fields label b, .td-info strong { color: rgb(227, 69, 69); }
.td-fields input:not([type="hidden"]), .td-fields select, .td-fields textarea { background: rgb(255, 255, 255); border: 1px solid rgb(199, 205, 215); border-radius: 4px; width: 100%; min-height: 41px; padding: 10px 11px; font-size: 14px; }
.td-fields select:disabled { background: rgb(240, 243, 246); }
.td-fields small { color: rgb(107, 127, 147); margin-top: 5px; font-size: 12px; line-height: 1.5; display: block; }
.td-fields .td-variant-note { color: rgb(33, 121, 191); }
.td-fields .td-error { color: rgb(191, 51, 51); }
.td-brand-search { gap: 5px; margin-bottom: 7px; display: flex; }
.td-brand-search input { min-width: 0px; }
.td-fields button { cursor: pointer; background: rgb(237, 244, 252); border: 1px solid rgb(203, 216, 231); border-radius: 4px; padding: 7px 10px; }
.trendyol-defaults form > footer { background: rgb(243, 244, 246); justify-content: space-between; align-items: center; gap: 15px; margin: 24px -20px -20px; padding: 16px; display: flex; position: sticky; bottom: 0px; }
.trendyol-defaults footer span { color: rgb(101, 119, 139); font-size: 12px; }
.trendyol-defaults footer button { color: rgb(255, 255, 255); cursor: pointer; background: rgb(6, 181, 138); border-radius: 4px; padding: 11px 22px; font-weight: 600; }
.trendyol-defaults button:disabled { opacity: 0.6; cursor: wait; }
@media (width <= 600px) {
  .td-fields { grid-template-columns: 1fr; }
  .td-body { padding: 15px; }
  .trendyol-defaults form > footer { margin: 20px -15px -15px; }
  .trendyol-defaults h1 { font-size: 17px; }
}
.td-brand-autocomplete { position: relative; }
.td-brand-autocomplete [role="listbox"] { z-index: 20; background: rgb(255, 255, 255); border-width: 1px; border-style: dotted solid solid; border-color: rgb(196, 206, 219) rgb(206, 216, 228) rgb(206, 216, 228); border-image: none; border-radius: 0px 0px 4px 4px; max-height: 310px; position: absolute; top: calc(100% - 1px); left: 0px; right: 0px; overflow-y: auto; box-shadow: rgba(24, 57, 81, 0.11) 0px 8px 18px; }
.td-brand-autocomplete [role="option"] { color: rgb(24, 52, 79); cursor: pointer; overflow-wrap: anywhere; padding: 8px 12px; font-size: 14px; line-height: 21px; }
.td-brand-autocomplete [role="option"]:hover, .td-brand-autocomplete [role="option"][aria-selected="true"] { color: rgb(8, 104, 208); background: rgb(234, 243, 255); }
.td-brand-autocomplete input[aria-expanded="true"] { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.td-brand-autocomplete input:focus { border-color: rgb(22, 128, 255); outline: rgb(22, 128, 255) solid 1px; }
.product-listing-editor { max-width: 1320px; }
.product-listing-editor .td-fields { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.listing-summary { background: rgb(242, 245, 250); border: 1px solid rgb(215, 224, 235); border-radius: 5px; justify-content: space-between; gap: 20px; margin: 18px 0px; padding: 18px; display: flex; }
.listing-summary h2 { font-size: 18px; font-weight: 600; }
.listing-summary p { margin: 7px 0px; font-size: 13px; }
.listing-summary a { color: rgb(20, 124, 219); }
.listing-summary > span { white-space: nowrap; background: rgb(220, 234, 249); align-self: start; padding: 7px; font-size: 12px; }
.listing-main-fields { margin-bottom: 20px; }
.listing-description { grid-column: 1 / -1; }
.listing-variant-info { margin-top: 26px; }
.listing-variant-info p { margin-top: 5px; font-size: 12px; }
.listing-variant-scroll { overflow: auto; }
.listing-variant-table { border-collapse: collapse; width: 100%; min-width: 750px; }
.listing-variant-table th, .listing-variant-table td { text-align: left; border: 1px solid rgb(224, 230, 238); min-width: 155px; padding: 12px; }
.listing-variant-table th { background: rgb(244, 246, 250); font-size: 13px; font-weight: 500; }
.listing-variant-table th b { color: rgb(222, 70, 70); }
.listing-variant-table td { font-size: 13px; }
.listing-variant-table tbody tr:nth-child(2n) { background: rgb(248, 249, 251); }
.listing-variant-table input, .listing-variant-table select, .listing-variant-table textarea { background: rgb(255, 255, 255); border: 1px solid rgb(203, 213, 225); border-radius: 4px; width: 100%; min-width: 135px; padding: 9px; }
.listing-variant-table .td-attribute > label, .listing-variant-table .td-variant-note { display: none; }
.listing-variant-table small { color: rgb(114, 131, 154); font-size: 11px; }
.product-listing-editor footer button[value="draft"] { color: rgb(34, 70, 102); background: rgb(230, 237, 245); }
@media (width <= 850px) {
  .product-listing-editor .td-fields { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .listing-summary { flex-direction: column; }
}
@media (width <= 550px) {
  .product-listing-editor .td-fields { grid-template-columns: 1fr; }
}
.product-table .marketplace-grid { flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; height: auto; min-height: 0px; padding: 12px; display: flex; }
.product-table .marketplace-logo-link { border: 0px; border-radius: 5px; justify-content: center; align-items: center; gap: 0px; width: 54px; min-width: 0px; height: 54px; padding: 8px; display: inline-flex; position: relative; }
.marketplace-logo { width: 34px; height: 34px; display: block; }
.marketplace-logo svg { width: 100%; height: 100%; display: block; }
.marketplace-logo-link.is-unmapped .marketplace-logo { filter: grayscale(); opacity: 0.55; }
.marketplace-logo-check { color: rgb(22, 172, 135); width: 18px; height: 18px; position: absolute; top: 0px; right: 0px; }
.marketplace-logo-link:hover { background: rgb(232, 240, 250); }
.marketplace-logo-link:focus-visible { outline-offset: 2px; outline: rgb(22, 119, 255) solid 2px; }
.marketplace-logo-fallback { color: rgb(255, 255, 255); overflow-wrap: anywhere; background: rgb(34, 117, 215); border-radius: 50%; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 8px; font-weight: 700; display: flex; }
.product-listing-editor { width: 100%; max-width: none !important; }
.listing-market-tabs { background: rgb(241, 244, 247); justify-content: center; align-items: stretch; gap: 24px; padding: 14px 20px 0px; display: flex; }
.listing-market-tabs a { color: rgb(102, 117, 139); border-bottom: 3px solid rgba(0, 0, 0, 0); flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding: 0px 14px 12px; font-size: 13px; display: flex; }
.listing-market-tabs a.active { color: rgb(23, 50, 77); border-bottom-color: rgb(33, 130, 255); }
.listing-trendyol-logo { color: rgb(255, 255, 255); background: linear-gradient(rgb(246, 107, 32) 30%, rgb(23, 23, 23) 30%, rgb(23, 23, 23) 70%, rgb(246, 107, 32) 70%); border-radius: 50%; justify-content: center; align-items: center; width: 38px; height: 38px; font: 8px Arial; display: flex; }
.listing-workspace { grid-template-columns: 160px minmax(0px, 1fr); display: grid; }
.listing-side-nav { background: rgb(241, 244, 247); padding-top: 12px; }
.listing-side-nav a { color: rgb(32, 52, 76); border-bottom: 1px solid rgb(217, 223, 231); padding: 13px 12px; font-size: 13px; display: block; }
.listing-side-nav a.active { color: rgb(255, 255, 255); background: rgb(35, 125, 233); }
.listing-side-nav a:hover { color: rgb(18, 101, 198); background: rgb(220, 234, 255); }
.listing-workspace .td-body { min-width: 0px; }
.listing-publish-state { color: rgb(23, 103, 77); background: rgb(234, 247, 243); border: 1px solid rgb(175, 221, 205); margin-bottom: 20px; padding: 15px 20px; font-size: 14px; font-weight: 600; }
.listing-publish-state p { white-space: pre-line; margin-top: 7px; font-weight: 400; }
.listing-publish-state.has-error { color: rgb(153, 72, 35); background: rgb(255, 245, 238); border-color: rgb(236, 194, 166); }
.listing-overview { grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0px; display: grid; }
.listing-overview .listing-shop-fields { grid-template-columns: 1fr 1fr; }
.listing-overview .listing-summary { background: rgb(241, 244, 248); border: 1px solid rgb(215, 220, 227); align-items: flex-start; gap: 18px; margin: 0px; padding: 15px; display: flex; }
.listing-summary img { object-fit: contain; width: 110px; height: 160px; }
.listing-summary h2 { border-bottom: 1px solid rgb(204, 212, 223); padding-bottom: 8px; }
.listing-summary p { margin-top: 3px; font-size: 13px; line-height: 1.6; }
.listing-category-link { border: 1px solid rgb(204, 211, 219); border-radius: 3px; padding: 11px; font-size: 13px; display: block; }
.listing-image-fields { margin: 18px 0px; }
.listing-image-fields label { margin-bottom: 8px; display: block; }
.listing-image-fields textarea { border: 1px solid rgb(203, 210, 218); border-radius: 3px; width: 100%; padding: 10px; font-size: 13px; }
.listing-image-fields small { color: rgb(100, 116, 139); margin-top: 6px; display: block; }
.listing-history { border-top: 1px solid rgb(220, 225, 231); margin-top: 25px; padding-top: 18px; }
.listing-history h2 { margin-bottom: 12px; font-size: 17px; }
.listing-history form { margin-bottom: 12px; }
.listing-history td small { white-space: pre-line; margin-top: 5px; display: block; }
.listing-side-nav a:focus-visible { outline-offset: -3px; outline: rgb(22, 119, 255) solid 2px; }
@media (width <= 1000px) {
  .listing-overview { grid-template-columns: 1fr; }
  .listing-workspace { grid-template-columns: 130px minmax(0px, 1fr); }
}
@media (width <= 680px) {
  .listing-workspace { display: block; }
  .listing-side-nav { padding: 0px; display: flex; overflow: auto; }
  .listing-side-nav a { white-space: nowrap; }
  .listing-market-tabs { gap: 5px; }
  .listing-overview .listing-shop-fields { grid-template-columns: 1fr; }
  .listing-summary img { width: 75px; height: 110px; }
}
.listing-overview .listing-summary { text-align: left; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 20px; }
.listing-summary-media { flex-direction: column; flex: 0 0 115px; align-items: center; gap: 8px; display: flex; }
.listing-summary-media img { object-fit: contain; background: rgb(255, 255, 255); width: 110px; height: 160px; }
.listing-summary-media a { text-align: center; font-size: 12px; }
.listing-summary-media small { color: rgb(102, 117, 139); text-align: center; font-size: 10px; }
.listing-summary-details { flex: 1 1 0%; min-width: 0px; }
.listing-summary-details p { overflow-wrap: anywhere; }
.listing-image-fields h2 { margin-bottom: 8px; font-size: 18px; font-weight: 600; }
.listing-image-fields > p { color: rgb(100, 116, 139); font-size: 13px; line-height: 1.6; }
.listing-image-add { margin: 16px 0px; }
.listing-image-add > div { gap: 8px; display: flex; }
.listing-image-add input { border: 1px solid rgb(203, 210, 218); border-radius: 4px; flex: 1 1 0%; min-width: 0px; padding: 10px; }
.listing-image-gallery { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; margin: 12px 0px 18px; display: grid; }
.listing-image-card { background: rgb(248, 250, 252); border: 1px solid rgb(218, 225, 235); border-radius: 5px; min-width: 0px; padding: 10px; }
.listing-image-card > img { object-fit: contain; background: rgb(255, 255, 255); width: 100%; height: 165px; }
.listing-image-card > small { text-align: center; margin: 8px 0px; display: block; }
.listing-image-actions { flex-wrap: wrap; justify-content: center; gap: 7px; display: flex; }
.listing-image-actions button { color: rgb(23, 105, 191); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(204, 217, 232); border-radius: 3px; padding: 5px; font-size: 11px; }
.listing-image-actions button:disabled { opacity: 0.4; cursor: default; }
.listing-image-card input { border: 1px solid rgb(203, 210, 218); width: 100%; margin-top: 8px; padding: 8px; font-size: 12px; }
.listing-image-fields details summary { cursor: pointer; color: rgb(23, 105, 191); margin: 12px 0px; font-size: 13px; }
.listing-image-fields [hidden], .listing-summary-media [hidden] { display: none !important; }
@media (width <= 480px) {
  .listing-overview .listing-summary { gap: 12px; }
  .listing-summary-media { flex-basis: 80px; }
  .listing-summary-media img { width: 80px; height: 120px; }
  .listing-image-add > div { flex-direction: column; }
}
.listing-merge-toolbar { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 16px; display: flex; }
.listing-merge-toolbar > span { color: rgb(22, 133, 107); font-size: 13px; }
.product-merge-dialog { color: rgb(23, 50, 77); background: rgb(255, 255, 255); border: 0px; border-radius: 7px; width: min(520px, -30px + 100vw); max-height: 90vh; margin: auto; padding: 0px; box-shadow: rgba(0, 0, 0, 0.333) 0px 20px 70px; }
.product-merge-dialog::backdrop { background: rgba(23, 37, 53, 0.533); }
.product-merge-dialog > header { color: rgb(255, 255, 255); background: rgb(8, 97, 206); justify-content: space-between; align-items: center; padding: 18px 20px; display: flex; }
.product-merge-dialog h2 { font-size: 16px; font-weight: 700; }
.product-merge-dialog > header button { cursor: pointer; font-size: 26px; }
.merge-dialog-body { max-height: 65vh; padding: 20px; overflow: auto; }
.merge-dialog-body > p { color: rgb(100, 116, 139); margin: 12px 0px; font-size: 12px; line-height: 1.6; }
.merge-dialog-body select, .merge-dialog-body input { color: rgb(23, 50, 77); background: rgb(255, 255, 255); border: 1px solid rgb(203, 210, 218); border-radius: 3px; width: 100%; padding: 9px; font-size: 13px; }
.merge-dialog-body > label { margin-bottom: 6px; font-size: 13px; display: block; }
.merge-dialog-body table { border-collapse: collapse; width: 100%; margin-top: 14px; }
.merge-dialog-body td, .merge-dialog-body th { text-align: left; border: 1px solid rgb(224, 229, 235); padding: 10px; font-size: 12px; }
.merge-dialog-body th { background: rgb(244, 246, 249); }
.merge-dialog-body tr:nth-child(2n) { background: rgb(248, 250, 252); }
.product-merge-dialog footer { background: rgb(242, 244, 246); justify-content: flex-end; gap: 10px; padding: 15px 20px; display: flex; }
.product-merge-dialog .new-product { color: rgb(255, 255, 255); }
.category-full-editor { color: rgb(23, 50, 77); background: rgb(255, 255, 255); border-radius: 8px; max-width: 850px; margin: 24px auto; overflow: hidden; box-shadow: rgba(24, 58, 87, 0.09) 0px 10px 35px; }
.category-full-editor > header { color: rgb(255, 255, 255); background: rgb(8, 97, 206); justify-content: space-between; padding: 20px; display: flex; }
.category-full-editor h1 { margin-top: 5px; font-size: 18px; font-weight: 700; }
.category-full-editor > header > a { font-size: 26px; }
.category-full-editor > nav { background: rgb(8, 97, 206); gap: 8px; padding: 0px 20px; display: flex; overflow: auto; }
.category-full-editor [role="tab"] { color: rgb(255, 255, 255); white-space: nowrap; cursor: pointer; background: rgba(255, 255, 255, 0.125); border-radius: 5px 5px 0px 0px; padding: 13px 15px; font-size: 13px; }
.category-full-editor [aria-selected="true"] { color: rgb(23, 50, 77); background: rgb(255, 255, 255); }
.category-tab-panel { padding: 24px; }
.category-tab-panel[hidden] { display: none; }
.category-tab-panel label { margin-bottom: 16px; font-size: 13px; display: block; }
.category-tab-panel input:not([type="checkbox"]):not([type="hidden"]):not([type="file"]), .category-tab-panel select, .category-tab-panel textarea { background: rgb(255, 255, 255); border: 1px solid rgb(197, 206, 216); border-radius: 4px; width: 100%; margin-top: 7px; padding: 10px; display: block; }
.category-general-grid { grid-template-columns: 2fr 1fr; gap: 0px 18px; display: grid; }
.category-tab-panel b { color: rgb(229, 83, 83); }
.category-tab-panel .category-toggle { accent-color: rgb(8, 183, 138); width: 40px; height: 24px; margin: 10px 0px 4px; display: block; }
.category-image-grid { grid-template-columns: 1fr 1fr; gap: 20px; display: grid; }
.category-upload { text-align: center; background: rgb(247, 249, 252); border: 1px dashed rgb(149, 164, 180); border-radius: 4px; margin-top: 8px; padding: 18px; display: block; }
.category-upload input { max-width: 100%; margin-top: 10px; font-size: 12px; display: block; }.category-image-preview { object-fit: contain; max-width: 100%; height: 130px; margin: 10px auto; }
.category-image-preview[hidden] { display: none; }
.category-image-grid small { color: rgb(109, 124, 144); font-size: 11px; }
.category-tab-panel .category-check { align-items: center; gap: 8px; display: flex; }
.category-tab-panel p { color: rgb(101, 118, 139); margin: 10px 0px 18px; font-size: 13px; }
.category-mapping-row { background: rgb(243, 246, 251); flex-wrap: wrap; gap: 12px; margin-bottom: 15px; padding: 15px; display: flex; }
.category-mapping-row a { color: rgb(8, 120, 255); }
.category-full-editor footer { background: rgb(243, 244, 246); justify-content: space-between; align-items: center; padding: 18px 24px; display: flex; }
.category-full-editor .cat-green { color: rgb(255, 255, 255); cursor: pointer; background: rgb(8, 183, 138); border-radius: 4px; padding: 10px 20px; }
@media (width <= 550px) {
  .category-image-grid, .category-general-grid { grid-template-columns: 1fr; }
  .category-full-editor > nav { padding: 0px 10px; }
  .category-tab-panel { padding: 16px; }
}
.brand-general-grid { grid-template-columns: 2.1fr 1fr 1fr; gap: 16px; display: grid; }
.brand-status-toggle { cursor: pointer; position: relative; appearance: none !important; background: rgb(188, 195, 205) !important; border: 0px !important; border-radius: 20px !important; width: 44px !important; height: 24px !important; padding: 0px !important; }
.brand-status-toggle:checked { background: rgb(8, 188, 145) !important; }
.brand-status-toggle::after { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 18px; height: 18px; transition: transform 0.15s; position: absolute; top: 3px; left: 3px; }
.brand-status-toggle:checked::after { transform: translate(20px); }
.brand-status-toggle:focus-visible { outline-offset: 3px; outline: rgb(22, 119, 255) solid 2px; }
.brand-manager td:first-child, .brand-manager th:first-child { text-align: center; width: 45px; }
.brand-manager td:nth-child(2) { width: 80px; }
.brand-manager table { min-width: 650px; }
.brand-manager footer { justify-content: flex-start; gap: 14px; }
.brand-manager footer select { border: 1px solid rgb(220, 224, 231); border-radius: 4px; padding: 6px; }
@media (width <= 600px) {
  .brand-general-grid { grid-template-columns: 1fr; }
}
.brand-general-grid .brand-status-toggle { margin-top: 10px; display: block; }
.brand-manager .category-table-wrap { border-radius: 0px 0px 10px 10px; overflow: hidden; box-shadow: rgba(23, 50, 77, 0.03) 0px 6px 20px; }
.category-tab-panel .brand-status-toggle { margin-top: 10px; display: block; }
.attribute-image-grid { grid-template-columns: 1fr; }
.attribute-value { border: 1px solid rgb(220, 226, 234); border-radius: 5px; margin: 12px 0px; padding: 14px; }
.attribute-value summary { cursor: pointer; color: rgb(18, 102, 197); }
.attribute-value-form { padding: 14px 0px; }
.attribute-value small { color: rgb(113, 128, 150); }
.category-tab-panel h2 { margin: 10px 0px; font-size: 15px; font-weight: 600; }
.tag-product-list { border: 1px solid rgb(225, 230, 237); border-radius: 4px; max-height: 380px; padding: 12px; overflow: auto; }
.tag-product-list label { border-bottom: 1px solid rgb(237, 240, 244); padding: 10px; }
.tag-product-list label[hidden] { display: none; }
.tag-product-list small { color: rgb(115, 131, 154); }
.category-tab-panel .tag-used-notice { color: rgb(23, 50, 77); background: rgb(243, 244, 250); border-left: 7px solid rgb(195, 200, 224); margin: 0px 0px 16px; padding: 14px; }
.tag-used-product { border-bottom: 1px solid rgb(226, 231, 238); justify-content: space-between; gap: 16px; padding: 14px; display: flex; }
.tag-used-product a { color: rgb(8, 120, 232); }
.tag-used-product small { color: rgb(115, 131, 154); }
.tag-product-picker { margin-top: 20px; }
.tag-product-picker summary { cursor: pointer; color: rgb(8, 120, 232); margin-bottom: 16px; }
[data-custom-field-editor] label[hidden] { display: none; }
.compatibility-list-toolbar { align-items: center; gap: 20px; margin: 12px 0px 20px; display: flex; }
.compatibility-list-toolbar input { flex: 1 1 0%; max-width: 380px; margin: 0px !important; }
.compatibility-list-toolbar .compatibility-add { color: rgb(255, 255, 255); background: rgb(50, 157, 221); border: 0px; }
.compatibility-entry-dialog { border: 0px; border-radius: 10px; width: min(500px, -32px + 100vw); max-height: 90vh; margin: auto; padding: 0px; overflow: auto; box-shadow: rgba(0, 0, 0, 0.267) 0px 15px 45px; }
.compatibility-entry-dialog::backdrop { background: rgba(0, 0, 0, 0.467); }
.compatibility-entry-dialog > header { color: rgb(255, 255, 255); background: rgb(8, 97, 206); justify-content: space-between; align-items: center; padding: 20px; display: flex; }
.compatibility-entry-dialog h2 { margin: 5px 0px 0px; font-size: 17px; }
.compatibility-entry-dialog > header button { color: rgb(255, 255, 255); cursor: pointer; background: 0px 0px; border: 0px; font-size: 28px; }
.compatibility-entry-dialog footer { background: rgb(243, 244, 246); justify-content: space-between; padding: 16px 20px; display: flex; position: sticky; bottom: 0px; }
.compatibility-entry-dialog .cat-green { color: rgb(255, 255, 255); cursor: pointer; background: rgb(8, 183, 138); border: 0px; border-radius: 4px; padding: 10px 20px; }
[data-compatibility-row][hidden], [data-compatibility-empty][hidden] { display: none; }
.compatibility-list-toolbar ~ .category-table-wrap footer { flex-wrap: wrap; gap: 12px; }
.compatibility-list-toolbar ~ .category-table-wrap td:last-child { width: 150px; }
.compatibility-list-toolbar ~ .category-table-wrap select { border: 1px solid rgb(220, 226, 234); border-radius: 4px; padding: 8px; }
@media (width <= 550px) {
  .compatibility-list-toolbar { flex-wrap: wrap; }
}
.catalog-navigation { background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(233, 237, 243) rgb(233, 237, 243); border-image: none; border-radius: 0px 0px 6px 6px; flex-direction: row; align-items: center; gap: 24px; min-height: 60px; margin-bottom: 24px; padding: 0px 16px; display: flex; box-shadow: rgba(23, 50, 77, 0.016) 0px 3px 10px; }
.catalog-navigation > strong { color: rgb(38, 59, 80); flex: 0 0 170px; margin: 0px; font-size: 14px; font-weight: 650; }
.catalog-navigation nav { scrollbar-width: thin; scrollbar-color: rgb(199, 214, 232) transparent; flex: 1 1 0%; justify-content: center; gap: 2px; min-width: 0px; display: flex; overflow-x: auto; }
.catalog-navigation nav a { color: rgb(35, 55, 76); border-bottom: 2px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; min-height: 60px; padding: 20px 12px 18px; font-size: 14px; font-weight: 500; text-decoration: none; transition: color 0.15s, background 0.15s; display: flex; }
.catalog-navigation nav a:hover { color: rgb(8, 104, 231); background: rgb(244, 248, 255); }
.catalog-navigation nav a[aria-current="page"] { color: rgb(0, 100, 236); background: rgb(251, 253, 255); border-bottom-color: rgb(22, 119, 255); }
.catalog-navigation nav a:focus-visible { outline-offset: -4px; border-radius: 3px; outline: rgb(22, 119, 255) solid 2px; }
@media (width <= 1100px) {
  .catalog-navigation { flex-direction: column; align-items: stretch; gap: 0px; padding: 0px 12px; }
  .catalog-navigation > strong { flex: 1 1 auto; padding: 12px 4px 4px; }
  .catalog-navigation nav { justify-content: flex-start; }
  .catalog-navigation nav a { min-height: 49px; padding: 14px 12px 12px; }
}
@media (width <= 600px) {
  .catalog-navigation { margin-bottom: 16px; }
  .catalog-navigation nav a { padding-inline: 11px; font-size: 13px; }
}
.product-feature-sections { gap: 18px; display: grid; }
.product-feature-sections > details { border: 1px solid rgb(238, 240, 244); border-radius: 4px; overflow: hidden; }
.product-feature-sections summary { cursor: pointer; color: rgb(32, 58, 84); background: rgb(242, 243, 246); justify-content: space-between; padding: 16px; font-size: 14px; list-style: none; display: flex; }
.product-feature-sections summary::after { content: "⌄"; }
.product-feature-sections details[open] > summary::after { content: "⌃"; }
.feature-section-body { background: rgb(255, 255, 255); padding: 20px; }
.feature-section-body > a { color: rgb(8, 120, 238); margin-bottom: 14px; font-size: 13px; display: inline-block; }
.feature-section-body fieldset { border: 1px solid rgb(229, 234, 241); border-radius: 4px; margin: 10px 0px 18px; padding: 14px; }
.feature-section-body legend { padding: 0px 8px; font-weight: 600; }
.feature-choices { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; display: grid; }
.feature-choices label { cursor: pointer; border: 1px solid rgb(231, 235, 241); border-radius: 4px; align-items: center; gap: 10px; padding: 10px; margin: 0px !important; display: flex !important; }
.feature-choices input[type="checkbox"] { accent-color: rgb(8, 120, 238); flex-shrink: 0; height: 17px; width: 17px !important; }
.feature-choices small { color: rgb(113, 129, 150); margin-top: 3px; font-size: 12px; display: block; }
.feature-scroll { max-height: 330px; margin-top: 12px; overflow: auto; }
.feature-choices [hidden] { display: none !important; }
.feature-brand-codes { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; display: grid; }
.feature-brand-codes input { border: 1px solid rgb(211, 220, 231); border-radius: 4px; width: 100%; margin-top: 6px; padding: 10px; display: block; }
.feature-manual { margin-top: 20px; }
.feature-section-body p { color: rgb(113, 129, 150); margin: 10px 0px; font-size: 13px; }
@media (width <= 650px) {
  .feature-choices, .feature-brand-codes { grid-template-columns: 1fr; }
}
.brand-code-table-wrap { overflow-x: auto; }
.brand-code-table { border-collapse: collapse; width: 100%; font-size: 14px; }
.brand-code-table th { text-align: center; background: rgb(241, 241, 241); border: 1px solid rgb(216, 220, 226); padding: 14px; font-weight: 500; }
.brand-code-table td { background: rgb(250, 251, 252); border: 1px solid rgb(225, 229, 236); padding: 10px; }
.brand-code-table th:first-child { width: 210px; }
.brand-code-table th:last-child { width: 50px; }
.brand-code-table input, .brand-code-table select { background: rgb(255, 255, 255); border: 1px solid rgb(203, 209, 217); border-radius: 4px; width: 100%; min-height: 40px; margin: 0px !important; padding: 9px !important; }
.brand-code-table td:last-child { text-align: center; }
.brand-code-table button { cursor: pointer; background: 0px 0px !important; border: 0px !important; padding: 3px !important; }
.brand-code-table [data-brand-code-remove] { color: rgb(232, 60, 55); }
.brand-code-table tfoot td { background: rgb(255, 255, 255); text-align: left !important; }
.brand-code-table [data-brand-code-add] { color: rgb(0, 151, 167); font-weight: 600; }
.product-feature-sections details[open] > summary { color: rgb(8, 120, 255); background: rgb(240, 244, 247); }
.feature-table { border-collapse: collapse; width: 100%; margin: 12px 0px; font-size: 14px; }
.feature-table th { text-align: left; background: rgb(241, 241, 241); padding: 14px; font-weight: 500; }
.feature-table th, .feature-table td { border: 1px solid rgb(223, 227, 233); }
.feature-table td { background: rgb(250, 251, 252); padding: 10px; }
.feature-table input:not([type="checkbox"]), .feature-table select { background: rgb(255, 255, 255); border: 1px solid rgb(203, 210, 220); border-radius: 4px; width: 100%; min-height: 40px; padding: 8px; }
.feature-table th input[data-attribute-search] { float: right; max-width: 150px; min-height: 34px; }
.feature-table tr[hidden] { display: none; }
.feature-table button { cursor: pointer; }
.feature-table tfoot td { background: rgb(255, 255, 255); }
.feature-add { font-weight: 600; color: rgb(0, 156, 146) !important; background: 0px 0px !important; border: 0px !important; padding: 4px !important; }
.feature-blue-button { cursor: pointer; border-radius: 3px; margin-bottom: 10px; color: rgb(255, 255, 255) !important; background: rgb(50, 157, 221) !important; border: 0px !important; padding: 10px 14px !important; }
.feature-delete { border-radius: 3px; color: rgb(255, 255, 255) !important; background: rgb(239, 73, 73) !important; border: 0px !important; padding: 5px 8px !important; }
.feature-purple { border-radius: 3px; color: rgb(255, 255, 255) !important; background: rgb(161, 90, 179) !important; border: 0px !important; padding: 5px 8px !important; }
.feature-picker { width: 100%; min-width: 180px; position: relative; }
.feature-picker-control { background: rgb(255, 255, 255); border: 1px solid rgb(215, 223, 235); border-radius: 4px; flex-wrap: wrap; align-items: center; gap: 5px; min-height: 40px; padding: 5px; display: flex; }
.feature-picker-control input { outline: none; flex: 1 1 0%; min-width: 90px; border: 0px !important; width: auto !important; min-height: 28px !important; padding: 3px !important; }
.feature-picker-control:focus-within { border-color: rgb(22, 130, 255); box-shadow: rgba(22, 130, 255, 0.094) 0px 0px 0px 2px; }
.feature-picker-options { z-index: 3; background: rgb(255, 255, 255); border: 1px solid rgb(216, 224, 235); max-height: 220px; margin-top: 3px; padding: 5px; position: relative; overflow: auto; box-shadow: rgba(17, 34, 51, 0.133) 0px 4px 12px; }
.feature-picker-options label { cursor: pointer; align-items: center; gap: 8px; padding: 8px; margin: 0px !important; display: flex !important; }
.feature-picker-options label:hover { background: rgb(240, 246, 255); }
.feature-picker-options input[type="checkbox"] { accent-color: rgb(8, 120, 255); height: 16px; width: 16px !important; }
.feature-picker-options [hidden] { display: none !important; }
.feature-picker [data-picker-chips] { display: contents; }
.feature-chip { color: rgb(18, 107, 208); background: rgb(234, 243, 255); border-radius: 3px; align-items: center; gap: 6px; padding: 4px 7px; font-size: 13px; display: inline-flex; }
.feature-chip button { cursor: pointer; color: rgb(18, 107, 208) !important; background: 0px 0px !important; border: 0px !important; padding: 0px !important; }
.feature-compatibility-choice { align-items: center; gap: 8px; padding: 9px; display: flex !important; }
.feature-compatibility-choice input { height: 16px; width: 16px !important; }
.feature-section-body [data-product-compatibility-picker] { background: rgb(247, 249, 252); border: 1px solid rgb(226, 231, 238); margin-top: 16px; padding: 15px; }
.feature-table [data-group-picker] { margin-top: 10px; }
.feature-table [data-group-count] { text-align: center; }
.feature-table td:first-child { min-width: 50px; }
.feature-table-wrap { max-width: 100%; }
@media (width <= 650px) {
  .feature-table { font-size: 12px; }
  .feature-table td, .feature-table th { padding: 6px; }
  .feature-picker { min-width: 120px; }
}
.product-other-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px 20px; display: grid; }
.product-other-visibility { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; display: grid; }
.other-notice { background: rgb(245, 245, 250); border-left: 9px solid rgb(195, 198, 220); margin: 16px 0px; padding: 12px; }
.other-model-input { display: flex; }
.other-model-input input { border-radius: 4px 0px 0px 4px; min-width: 0px; }
.other-model-input button { color: rgb(22, 65, 106); background: rgb(245, 246, 250); border: 1px solid rgb(216, 220, 229); border-radius: 0px 4px 4px 0px; padding: 8px 12px; }
.other-switch { cursor: pointer; width: 54px; height: 30px; position: relative; display: inline-flex !important; }
.other-switch input { opacity: 0; width: 100%; height: 100%; margin: 0px; position: absolute; }
.other-switch span { pointer-events: none; background: rgb(189, 189, 189); border-radius: 30px; width: 54px; height: 30px; }
.other-switch span::before { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 24px; height: 24px; margin: 3px; transition: transform 0.15s; display: block; }
.other-switch input:checked + span { background: rgb(8, 185, 141); }
.other-switch input:checked + span::before { transform: translate(24px); }
.other-switch input:focus-visible + span { outline-offset: 3px; outline: rgb(22, 118, 239) solid 2px; }
.product-other-grid small { color: rgb(104, 119, 139); margin: 5px 0px; display: block; }
@media (width <= 700px) {
  .product-other-grid, .product-other-visibility { grid-template-columns: 1fr; }
}
.media-heading { margin: 0px 0px 8px; }
.media-help { color: rgb(99, 117, 139); margin: 8px 0px 16px; font-size: 12px; }
.product-media-strip, .product-media-cards { flex-wrap: wrap; align-items: flex-end; gap: 10px; display: flex; }
.product-media-strip { margin: 24px 0px; }
.product-media-card { border: 1px solid rgb(217, 220, 227); border-radius: 5px; flex-direction: column; justify-content: space-between; align-items: center; width: 150px; height: 185px; margin-top: 18px; padding: 10px; display: flex; position: relative; }
.media-card-title { text-align: center; width: 100%; font-size: 13px; position: absolute; top: -24px; }
.product-media-card img { object-fit: contain; width: 126px; height: 128px; }
.media-card-actions { display: flex; }
.media-card-actions button { color: rgb(94, 119, 152); background: rgb(255, 255, 255); border: 1px solid rgb(223, 227, 237); border-radius: 0px; padding: 3px 10px; font-size: 18px; }
.media-card-actions button:last-child { color: rgb(193, 78, 78); }
.media-card-actions button:disabled { opacity: 0.3; }
.media-upload-tile { color: rgb(22, 67, 107); background: rgb(248, 248, 248); border: 1px dashed rgb(170, 170, 170); border-radius: 5px; flex-direction: column; justify-content: center; align-items: center; width: 150px; height: 185px; padding: 10px; font-weight: 400; line-height: 1.8; display: flex; }
.media-upload-tile span { color: rgb(22, 129, 255); font-size: 32px; }
.media-upload-tile:disabled { cursor: not-allowed; opacity: 0.6; }
.media-upload-tile small { font-size: 11px; }
.media-url-row { display: flex; }
.media-url-row input { border-radius: 4px 0px 0px 4px; min-width: 0px; }
.media-url-row button { color: rgb(22, 67, 107); white-space: nowrap; background: rgb(245, 246, 250); border: 1px solid rgb(220, 225, 235); border-radius: 0px 4px 4px 0px; }
.media-video-upload { cursor: pointer; background: rgb(248, 248, 248); border: 1px dashed rgb(170, 170, 170); border-radius: 5px; flex-direction: column; justify-content: center; align-items: center; height: 100px; margin-top: 8px; display: flex !important; }
.media-video-upload span { font-size: 26px; }
.media-video-upload small { color: rgb(104, 120, 138); font-size: 11px; }
.product-video-preview { max-width: 100%; max-height: 300px; margin: 15px 0px; display: block; }
.product-video-preview[hidden] { display: none; }
[data-product-media] hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(221, 221, 221) currentcolor currentcolor; border-image: none; margin: 30px 0px; }
.variant-axis-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; display: grid; }
.variant-axis { background: rgb(238, 238, 238); border: 1px solid rgb(217, 217, 217); border-radius: 0px; min-height: 302px; padding: 0px; }
.variant-axis header { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(221, 221, 221); align-items: center; gap: 5px; padding: 5px; display: flex; }
.variant-axis header span { white-space: nowrap; flex-shrink: 0; font-size: 13px; }
.variant-axis header input { flex: 1 1 0%; min-width: 0px; height: 40px; margin: 0px; }
.variant-axis header button { color: rgb(101, 127, 158); background: rgb(255, 255, 255); border: 1px solid rgb(223, 227, 237); border-radius: 2px; flex-shrink: 0; width: 29px; height: 29px; padding: 0px; font-size: 21px; }
.variant-option-line { border-bottom: 1px solid rgb(204, 204, 204); align-items: center; gap: 3px; margin: 0px; padding: 5px; display: flex; }
.variant-option-line input { flex: 1 1 0%; min-width: 0px; height: 31px; margin: 0px; padding: 4px 8px; }
.variant-option-line button { color: rgb(33, 66, 97); background: 0px 0px; border: 0px; width: 17px; padding: 0px; font-size: 17px; }
.variant-option-line button[data-option-action="remove"] { color: rgb(230, 44, 34); font-size: 22px; }
.variant-option-line[hidden], .variant-option-line button[hidden], .variant-axis .axis-entry[hidden], .variant-axis .axis-search[hidden] { display: none; }
.variant-axis .axis-entry { background: rgb(255, 255, 255); gap: 5px; padding: 5px; display: flex; }
.variant-axis .axis-entry input { min-width: 0px; margin: 0px; }
.variant-axis .axis-search { width: calc(100% - 10px); margin: 5px; }
.variant-builder-actions { flex-wrap: wrap; align-items: center; gap: 7px; margin: 13px 0px 22px; display: flex; }
.variant-builder-actions [data-build-variants] { background: rgb(50, 155, 218); border-radius: 2px; }
.variant-builder-actions [data-clear-variants] { background: rgb(243, 75, 61); border-radius: 2px; }
.variant-bulk { background: 0px 0px; align-items: end; padding: 0px; }
.variant-stock-table { border-collapse: collapse; width: 100%; font-size: 13px; }
.variant-stock-table th { background: rgb(240, 240, 240); border: 1px solid rgb(214, 214, 214); padding: 13px 8px; font-weight: 500; }
.variant-stock-table td { background: rgb(251, 251, 253); border: 1px solid rgb(227, 229, 237); padding: 5px; }
.variant-stock-table td input { min-height: 39px; margin: 0px; }
.variant-stock-table td small { color: rgb(116, 130, 154); margin-top: 5px; display: block; }
.variant-barcode-link { color: rgb(22, 119, 255); font-weight: 400; font-size: inherit; background: 0px 0px; border: 0px; padding: 0px; display: inline; }
.variant-price-switch { cursor: pointer; width: 54px; height: 30px; position: relative; margin: 0px !important; display: inline-flex !important; }
.variant-price-switch input { opacity: 0; width: 100%; height: 100%; position: absolute; min-height: 0px !important; }
.variant-price-switch span { background: rgb(188, 188, 188); border-radius: 20px; width: 54px; height: 30px; }
.variant-price-switch span::before { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 24px; height: 24px; margin: 3px; transition: transform 0.15s; display: block; }
.variant-price-switch input:checked + span { background: rgb(8, 185, 141); }
.variant-price-switch input:checked + span::before { transform: translate(24px); }
.variant-price-switch input:focus-visible + span { outline-offset: 3px; outline: rgb(22, 119, 255) solid 2px; }
@media (width <= 800px) {
  .variant-axis-grid { grid-template-columns: 1fr; }
  .variant-axis { min-height: 150px; }
}
.marketplace-price-section[open] > summary { color: rgb(22, 129, 255); background: rgb(241, 244, 247); }
.market-price-layout { grid-template-columns: minmax(240px, 1fr) minmax(0px, 2fr); align-items: start; gap: 20px; display: grid; }
.market-price-inputs { gap: 14px; display: grid; }
.market-price-controls { align-items: center; gap: 10px; display: flex; }
.market-price-controls input { flex: 1 1 0%; min-width: 0px; margin: 0px; }
.market-price-controls select { width: 70px; margin: 0px; }
.market-price-controls button { color: rgb(37, 69, 101); background: rgb(245, 246, 249); border: 0px; border-radius: 4px; width: 42px; padding: 8px; }
.market-price-summary table { border-collapse: collapse; width: 100%; font-size: 13px; }
.market-price-summary caption { text-align: center; color: rgb(21, 61, 101); background: rgb(240, 240, 240); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(213, 213, 213) rgb(213, 213, 213) currentcolor; border-image: none; padding: 14px; }
.market-price-summary th { white-space: nowrap; background: rgb(240, 240, 240); border: 1px solid rgb(213, 213, 213); padding: 14px 9px; font-weight: 400; }
.market-price-summary td { text-align: right; white-space: nowrap; border: 1px solid rgb(230, 232, 240); padding: 12px 9px; }
.market-price-summary td:first-child, .market-price-summary th:first-child { text-align: left; white-space: normal; }
.market-price-summary tr:nth-child(2n+1) td { background: rgb(250, 250, 253); }
.market-price-entry [data-market-list] { margin-top: 8px; }
.market-price-entry [data-market-list][hidden] { display: none; }
@media (width <= 800px) {
  .market-price-layout { grid-template-columns: 1fr; }
}
.shipping-rates-section[open] > summary { color: rgb(22, 129, 255); background: rgb(241, 244, 247); }
.shipping-rate-add { background: rgb(50, 155, 218); border-radius: 2px; margin: 0px 0px 20px; }
.shipping-rate-table { border-collapse: collapse; width: 100%; margin: 0px; }
.shipping-rate-table th { text-align: left; background: rgb(244, 244, 244); border: 1px solid rgb(220, 220, 220); padding: 20px 12px; font-weight: 500; }
.shipping-rate-table td { border: 1px solid rgb(227, 229, 237); padding: 12px; }
.shipping-rate-table .rate-empty { text-align: center; border: 0px; height: 85px; }
.shipping-rate-table button { color: rgb(255, 255, 255); border: 0px; border-radius: 2px; margin-right: 4px; padding: 3px 7px; }
.rate-edit { background: rgb(163, 84, 183); }
.rate-delete { background: rgb(243, 75, 61); }
.shipping-rate-pagination { align-items: center; gap: 10px; padding: 25px; display: flex; }
.shipping-rate-pagination select { width: 62px; margin: 0px; }
.shipping-rate-pagination button { color: rgb(40, 73, 105); background: rgb(244, 245, 249); padding: 4px 10px; }
.shipping-rate-dialog { border: 0px; border-radius: 10px; width: min(800px, -32px + 100vw); max-height: 90vh; padding: 0px; overflow: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px; }
.shipping-rate-dialog::backdrop { background: rgba(0, 0, 0, 0.533); }
.shipping-rate-dialog header { color: rgb(255, 255, 255); background: rgb(8, 98, 211); justify-content: space-between; align-items: center; padding: 24px 20px; display: flex; }
.shipping-rate-dialog h2 { color: rgb(255, 255, 255); margin: 0px; font-size: 18px; }
.shipping-rate-dialog header button { color: rgb(255, 255, 255); background: 0px 0px; border: 0px; padding: 0px; font-size: 26px; }
.shipping-rate-dialog-body { padding: 22px 20px; }
.shipping-rate-dialog footer { background: rgb(241, 241, 241); justify-content: flex-end; padding: 20px; display: flex; }
.shipping-rate-dialog footer button { background: rgb(8, 185, 141); border-radius: 2px; }
.shipping-rate-dialog .catalog-grid { gap: 16px 20px; }
.shipping-rate-dialog input { margin: 0px; }
.management-page .variant-axis header { gap: 6px; margin-bottom: 0px; }
.management-page .variant-axis header input { flex: 1 1 0px; width: 0px; margin: 0px !important; }
.management-page .variant-axis header button, .management-page .variant-option-line button { color: rgb(80, 113, 152); width: 32px; min-width: 32px; max-width: 32px; height: 32px; min-height: 32px; max-height: 32px; box-shadow: none; vertical-align: middle; background: rgb(255, 255, 255); border: 1px solid rgb(216, 224, 234); border-radius: 4px; flex: 0 0 32px; justify-content: center; align-items: center; font-size: 18px; font-weight: 600; line-height: 1; display: inline-flex; margin: 0px !important; padding: 0px !important; }
.management-page .variant-option-line { box-sizing: border-box; gap: 4px; min-height: 44px; padding: 6px; }
.management-page .variant-option-line input { box-sizing: border-box; flex: 1 1 0px; width: 0px; height: 32px; min-height: 32px; }
.management-page .variant-option-line button[data-option-action="remove"] { color: rgb(228, 61, 50); border-color: rgb(240, 213, 210); font-size: 22px; }
.management-page .variant-axis header button:hover, .management-page .variant-option-line button:hover { color: rgb(21, 102, 196); background: rgb(237, 244, 255); border-color: rgb(134, 182, 239); }
.management-page .variant-option-line button[data-option-action="remove"]:hover { color: rgb(202, 37, 26); background: rgb(255, 240, 238); border-color: rgb(232, 139, 131); }
.management-page .variant-axis button:focus-visible { outline-offset: 2px; outline: rgb(22, 119, 255) solid 2px; }.management-page .variant-option-line button[hidden] { display: none; }
.management-page .variant-shortcuts { background: rgb(247, 249, 252); border: 1px solid rgb(225, 231, 240); border-radius: 12px; margin: 24px 0px 8px; padding: 20px; }
.variant-shortcuts-heading { justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 16px; display: flex; }
.management-page .variant-shortcuts-heading h3 { color: rgb(24, 58, 96); margin: 0px 0px 5px; font-size: 15px; }
.management-page .variant-shortcuts-heading p { color: rgb(119, 135, 155); margin: 0px; font-size: 12px; }
.variant-shortcuts-count { color: rgb(49, 103, 169); white-space: nowrap; background: rgb(232, 240, 252); border-radius: 20px; padding: 5px 10px; font-size: 12px; }
.variant-shortcuts-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; display: grid; }
.management-page a.variant-shortcut { color: rgb(40, 75, 115); background: rgb(255, 255, 255); border: 1px solid rgb(221, 229, 239); border-radius: 9px; align-items: center; gap: 12px; min-width: 0px; padding: 16px; text-decoration: none; transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s; display: flex; }
.management-page a.variant-shortcut:hover { border-color: rgb(134, 180, 237); transform: translateY(-2px); box-shadow: rgba(36, 93, 155, 0.07) 0px 4px 12px; }
.management-page a.variant-shortcut:focus-visible { outline-offset: 3px; outline: rgb(22, 119, 255) solid 2px; }
.variant-shortcut-icon { color: rgb(48, 123, 224); background: rgb(238, 244, 255); border-radius: 10px; flex: 0 0 40px; place-items: center; width: 40px; height: 40px; display: grid; }
.variant-shortcut-icon svg { width: 23px; height: 23px; }
.variant-shortcut-text { flex-direction: column; flex: 1 1 0%; gap: 4px; min-width: 0px; display: flex; }
.variant-shortcut-text strong { overflow-wrap: anywhere; font-size: 14px; }
.variant-shortcut-text small { color: rgb(137, 150, 167); overflow-wrap: anywhere; font-size: 11px; }
.variant-shortcut-text > span { color: rgb(40, 117, 206); margin-top: 3px; font-size: 12px; }
.variant-shortcut-arrow { color: rgb(129, 162, 205); font-size: 25px; }
@media (width <= 500px) {
  .variant-shortcuts-grid { grid-template-columns: 1fr; }
  .management-page .variant-shortcuts { padding: 14px; }
}
.general-info-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: start; gap: 18px 20px; display: grid; }
.general-wide { grid-column: span 2; }
.general-category-grid { grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 18px; display: grid; }
.management-page #panel-general label { color: rgb(49, 83, 113); margin: 0px 0px 7px; font-size: 13px; }
.management-page .general-info-grid input, .management-page .general-info-grid select, .management-page .general-category-grid input { background: rgb(255, 255, 255); border: 1px solid rgb(209, 218, 229); border-radius: 5px; height: 41px; margin: 0px; }
.management-page .general-info-grid textarea { border-color: rgb(209, 218, 229); border-radius: 5px; min-height: 62px; margin: 0px; }
.general-required { color: rgb(227, 69, 69); }
.general-code-control { display: flex; }
.general-code-control input { flex: 1 1 0%; min-width: 0px; border-radius: 5px 0px 0px 5px !important; }
.management-page .general-code-control button { color: rgb(44, 81, 121); background: rgb(243, 246, 250); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(209, 218, 229) rgb(209, 218, 229) rgb(209, 218, 229) currentcolor; border-image: none; border-radius: 0px 5px 5px 0px; flex: 0 0 42px; place-items: center; width: 42px; height: 41px; padding: 0px; display: grid; }
.general-code-control svg { width: 19px; height: 19px; }
.management-page .general-code-control button:hover { color: rgb(23, 111, 208); background: rgb(233, 242, 255); }
.general-code-control button:focus-visible { outline-offset: 2px; outline: rgb(25, 118, 238) solid 2px; }
.management-page .general-code-note { color: rgb(125, 140, 157); margin: 14px 0px 20px; font-size: 11px; }
.general-description { border: 1px solid rgb(212, 221, 232); border-radius: 7px; overflow: hidden; }
.general-description-heading { color: rgb(100, 125, 151); background: rgb(245, 247, 250); border-bottom: 1px solid rgb(223, 229, 237); justify-content: space-between; gap: 10px; padding: 11px 14px; font-size: 12px; display: flex; }
.management-page .general-description textarea { border: 0px; border-radius: 0px; min-height: 230px; margin: 0px; padding: 16px; line-height: 1.8; }
.general-parent { background: rgb(242, 246, 252); border-radius: 6px; padding: 10px 14px; }
@media (width <= 750px) {
  .general-info-grid, .general-category-grid { grid-template-columns: 1fr; }
  .general-wide { grid-column: auto; }
}
.listing-category-picker { position: relative; }
.management-page .listing-category-toggle { color: rgb(37, 74, 112); text-align: left; background: rgb(255, 255, 255); border: 1px solid rgb(209, 218, 229); border-radius: 5px; justify-content: space-between; align-items: center; gap: 12px; width: 100%; min-height: 41px; padding: 9px 12px; font-weight: 400; display: flex; }
.listing-category-toggle > span:first-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.listing-category-toggle[aria-expanded="true"] { border-color: rgb(22, 119, 255); box-shadow: rgba(22, 119, 255, 0.082) 0px 0px 0px 2px; }
.listing-category-panel { z-index: 30; background: rgb(255, 255, 255); border: 1px solid rgb(181, 191, 204); border-radius: 5px; padding: 6px; position: absolute; top: calc(100% + 3px); left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 12px; }
.listing-category-panel[hidden] { display: none; }
.management-page .listing-category-panel input[type="search"] { width: 100%; height: 34px; margin: 0px !important; }
.listing-category-actions { border-bottom: 1px solid rgb(221, 221, 221); margin: 6px -6px 0px; display: flex; }
.management-page .listing-category-actions button { color: rgb(70, 86, 106); background: rgb(255, 255, 255); border: 0px; border-radius: 0px; width: 50%; padding: 10px; font-weight: 400; }
.listing-category-actions button:hover { background: rgb(238, 244, 255); }
.listing-category-options { max-height: 260px; padding-top: 6px; overflow-y: auto; }
.management-page #panel-general .listing-category-options label { cursor: pointer; border-radius: 2px; align-items: center; gap: 9px; margin: 0px; padding: 9px 8px; display: flex; }
.management-page .listing-category-options input[type="checkbox"] { accent-color: rgb(22, 119, 255); flex: 0 0 15px; width: 15px; height: 15px; margin: 0px; }
.management-page #panel-general .listing-category-options label.is-selected { color: rgb(255, 255, 255); background: rgb(35, 123, 238); }
.listing-category-options label:hover { background: rgb(238, 244, 255); }
.management-page #panel-general .listing-category-options label[hidden] { display: none; }
.listing-category-options p { padding: 10px; font-size: 12px; }
.listing-category-toggle:focus-visible { outline-offset: 2px; outline: rgb(22, 119, 255) solid 2px; }
body.editor-fullscreen .management-page.product-editor { width: 100%; max-width: 1440px; margin-inline: auto; }
@media (width >= 1100px) {
  body.editor-fullscreen #main { padding-inline: clamp(32px, 4vw, 80px); }
}
.management-page .rich-description .ql-toolbar { background: rgb(248, 248, 248); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(214, 220, 229); border-image: none; padding: 10px; }
.management-page .rich-description .ql-toolbar button { width: 28px; height: 26px; box-shadow: none; background: 0px 0px; border: 0px; border-radius: 3px; margin: 0px; padding: 3px 5px; }
.management-page .rich-description .ql-toolbar button:hover { background: rgb(230, 238, 251); }
.rich-description .ql-container { border: 0px; font-family: inherit; font-size: 14px; }
.rich-description .ql-editor { min-height: 260px; padding: 18px; line-height: 1.8; }
.rich-description textarea[hidden], .rich-description .general-description-heading { display: none; }
.product-rich-content { overflow-wrap: anywhere; line-height: 1.8; }
.product-rich-content p { margin-bottom: 12px; }
.product-rich-content h1 { font-size: 2em; }
.product-rich-content h2 { font-size: 1.5em; }
.product-rich-content h3 { font-size: 1.2em; }
.product-rich-content ul { padding-left: 24px; list-style: outside; }
.product-rich-content ol { padding-left: 24px; list-style: decimal; }
.product-rich-content blockquote { border-left: 4px solid rgb(204, 215, 229); padding-left: 16px; }
.product-rich-content .ql-align-center { text-align: center; }
.product-rich-content .ql-align-right { text-align: right; }
.product-rich-content .ql-align-justify { text-align: justify; }
.product-rich-content a { color: rgb(22, 119, 221); text-decoration: underline; }
.management-page .rich-description .general-description-heading { background: rgb(238, 244, 253); border-bottom: 1px solid rgb(216, 227, 242); justify-content: space-between; align-items: center; padding: 16px 18px; display: flex; }
.general-description-heading strong { color: rgb(32, 76, 128); font-size: 16px; display: block; }
.general-description-heading small { color: rgb(115, 134, 157); margin-top: 5px; font-size: 12px; display: block; }
.rich-extra-actions { gap: 6px; display: flex; }
.management-page .rich-extra-actions button { color: rgb(52, 95, 145); background: rgb(255, 255, 255); border: 1px solid rgb(204, 218, 235); border-radius: 5px; place-items: center; width: 34px; height: 34px; padding: 0px; font-size: 22px; display: grid; }
.rich-editor-footer { color: rgb(132, 144, 162); background: rgb(247, 249, 252); border-top: 1px solid rgb(225, 230, 239); padding: 9px 16px; font-size: 11px; }
.management-page .rich-description.rich-expanded { z-index: 1000; background: rgb(255, 255, 255); flex-direction: column; display: flex; position: fixed; inset: 20px; box-shadow: rgba(20, 36, 59, 0.6) 0px 0px 0px 100vmax; }
.rich-expanded .ql-container { flex: 1 1 0%; min-height: 0px; overflow: auto; }
.rich-expanded .ql-editor { height: 100%; }
.product-rich-content .ql-font-serif { font-family: Georgia, serif; }
.product-rich-content .ql-font-monospace { font-family: monospace; }
.product-rich-content .ql-size-small { font-size: 0.75em; }
.product-rich-content .ql-size-large { font-size: 1.5em; }
.product-rich-content .ql-size-huge { font-size: 2.5em; }
.rich-description .ql-snow .ql-picker.ql-header .ql-picker-label::before { content: "Paragraf"; }
.rich-description .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before { content: "Başlık 1"; }
.rich-description .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before { content: "Başlık 2"; }
.rich-description .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before { content: "Başlık 3"; }
.product-rich-content .ql-indent-1 { padding-left: 3em; }
.product-rich-content .ql-indent-2 { padding-left: 6em; }
.product-rich-content .ql-indent-3 { padding-left: 9em; }
.product-rich-content .ql-indent-4 { padding-left: 12em; }
.product-rich-content .ql-indent-5 { padding-left: 15em; }
.product-rich-content .ql-indent-6 { padding-left: 18em; }
.product-rich-content .ql-indent-7 { padding-left: 21em; }
.product-rich-content .ql-indent-8 { padding-left: 24em; }
body.editor-fullscreen { background: rgb(243, 245, 249); }
body.editor-fullscreen .management-page.product-editor { background: rgb(255, 255, 255); border: 1px solid rgb(226, 231, 239); border-radius: 16px; overflow: clip; box-shadow: rgba(32, 51, 77, 0.03) 0px 8px 32px; }
body.editor-fullscreen .product-editor .editor-header { color: rgb(32, 49, 73); background: rgb(255, 255, 255); border-bottom: 0px; padding: 25px 30px 20px; }
body.editor-fullscreen .product-editor .editor-header h1 { color: rgb(32, 49, 73); letter-spacing: -0.35px; margin-top: 8px; font-size: 20px; font-weight: 600; }
body.editor-fullscreen .product-editor .editor-header a { color: rgb(112, 129, 151); font-size: 12px; }
body.editor-fullscreen .product-editor .editor-header .editor-close { color: rgb(128, 144, 164); background: rgb(248, 250, 252); border: 1px solid rgb(228, 233, 240); border-radius: 10px; place-items: center; width: 36px; height: 36px; padding: 0px; font-size: 24px; display: grid; }
body.editor-fullscreen .product-editor .editor-tabs { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(233, 237, 243); gap: 8px; padding: 0px 30px 16px; }
body.editor-fullscreen .management-page.product-editor .editor-tabs button { color: rgb(106, 123, 145); background: 0px 0px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 9px; padding: 11px 15px; font-size: 13px; font-weight: 500; transition: background 0.15s, color 0.15s; }
body.editor-fullscreen .management-page.product-editor .editor-tabs button:hover { color: rgb(51, 91, 142); background: rgb(244, 247, 252); }
body.editor-fullscreen .management-page.product-editor .editor-tabs button[aria-selected="true"] { color: rgb(50, 103, 206); box-shadow: none; background: rgb(234, 241, 255); border-color: rgb(220, 231, 255); font-weight: 600; }
body.editor-fullscreen .product-editor .editor-panel { background: rgb(255, 255, 255); padding: 28px 30px 34px; }
body.editor-fullscreen .management-page.product-editor label { color: rgb(82, 101, 123); font-size: 12px; font-weight: 500; }
body.editor-fullscreen .management-page.product-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), body.editor-fullscreen .management-page.product-editor select, body.editor-fullscreen .management-page.product-editor textarea { color: rgb(41, 61, 85); box-shadow: none; background: rgb(255, 255, 255); border-color: rgb(220, 227, 237); border-radius: 8px; transition: border-color 0.15s, box-shadow 0.15s; }
body.editor-fullscreen .management-page.product-editor input:focus, body.editor-fullscreen .management-page.product-editor select:focus, body.editor-fullscreen .management-page.product-editor textarea:focus { border-color: rgb(123, 162, 238); outline: none; box-shadow: rgba(57, 117, 223, 0.063) 0px 0px 0px 3px; }
body.editor-fullscreen .product-editor .editor-save { background: rgb(251, 252, 254); border-top: 1px solid rgb(231, 236, 243); padding: 18px 30px; }
body.editor-fullscreen .management-page.product-editor .editor-save button { color: rgb(255, 255, 255); background: rgb(17, 151, 121); border-radius: 9px; padding: 12px 22px; font-weight: 600; box-shadow: rgba(17, 151, 121, 0.082) 0px 3px 8px; }
body.editor-fullscreen .management-page.product-editor .editor-save button:hover { background: rgb(13, 128, 102); }
body.editor-fullscreen .product-editor .editor-save a { color: rgb(115, 132, 154); }
body.editor-fullscreen .product-editor .price-accordion, body.editor-fullscreen .product-editor .product-feature-sections > details { box-shadow: none; border: 1px solid rgb(227, 233, 241); border-radius: 11px; }
body.editor-fullscreen .product-editor .price-accordion > summary, body.editor-fullscreen .product-editor .product-feature-sections summary { color: rgb(82, 105, 131); background: rgb(247, 249, 252); padding: 17px 18px; font-weight: 500; }
body.editor-fullscreen .product-editor .price-accordion[open] > summary, body.editor-fullscreen .product-editor .product-feature-sections details[open] > summary { color: rgb(57, 108, 196); background: rgb(238, 243, 253); }
body.editor-fullscreen .product-editor .price-accordion-body { padding: 20px; }
body.editor-fullscreen .management-page.product-editor table th { color: rgb(88, 110, 135); background: rgb(245, 247, 251); border-color: rgb(227, 233, 241); font-weight: 500; }
body.editor-fullscreen .management-page.product-editor table td { color: rgb(60, 81, 107); border-color: rgb(233, 237, 244); }
body.editor-fullscreen .management-page.product-editor table tbody tr:hover td { background: rgb(244, 248, 255); }
body.editor-fullscreen .product-editor table caption { color: rgb(82, 105, 131); background: rgb(240, 244, 250); border-color: rgb(227, 233, 241); }
body.editor-fullscreen .product-editor .variant-guidance, body.editor-fullscreen .product-editor .other-notice { color: rgb(91, 112, 138); background: rgb(242, 246, 252); border-left: 3px solid rgb(181, 201, 237); border-radius: 5px; }
body.editor-fullscreen .product-editor .variant-axis { background: rgb(245, 247, 250); border-color: rgb(224, 230, 238); border-radius: 10px; overflow: hidden; }
body.editor-fullscreen .product-editor .variant-axis header { background: rgb(251, 252, 254); border-color: rgb(227, 233, 241); padding: 9px; }
body.editor-fullscreen .product-editor .variant-option-line { background: 0px 0px; border-color: rgb(228, 234, 242); }
body.editor-fullscreen .product-editor .general-description, body.editor-fullscreen .product-editor .product-media-card { border-color: rgb(223, 230, 240); border-radius: 10px; }
body.editor-fullscreen .product-editor .rich-description .general-description-heading { background: rgb(242, 246, 252); border-color: rgb(226, 233, 243); padding: 18px; }
body.editor-fullscreen .product-editor .rich-description .ql-toolbar { background: rgb(250, 251, 253); border-color: rgb(229, 235, 243); }
body.editor-fullscreen .product-editor .media-upload-tile, body.editor-fullscreen .product-editor .media-video-upload { background: rgb(248, 250, 253); border-color: rgb(199, 213, 232); border-radius: 10px; }
body.editor-fullscreen .product-editor .listing-category-toggle, body.editor-fullscreen .product-editor .feature-picker-control { border-color: rgb(220, 227, 237); border-radius: 8px; }
body.editor-fullscreen .product-editor .general-code-control input { border-radius: 8px 0px 0px 8px !important; }
body.editor-fullscreen .product-editor .general-code-control button { color: rgb(82, 121, 176); background: rgb(245, 248, 253); border-color: rgb(220, 227, 237); border-radius: 0px 8px 8px 0px; }
@media (width <= 640px) {
  body.editor-fullscreen .product-editor .editor-header, body.editor-fullscreen .product-editor .editor-panel, body.editor-fullscreen .product-editor .editor-save { padding: 18px 15px; }
  body.editor-fullscreen .product-editor .editor-tabs { padding: 0px 15px 12px; }
  body.editor-fullscreen .product-editor .editor-header h1 { font-size: 17px; }
}
:root { --ui-bg: #f3f5f9; --ui-line: #e2e8f0; --ui-text: #263b53; --ui-muted: #708198; --ui-blue: #386bc7; --ui-green: #119779; }
body { background: var(--ui-bg); color: var(--ui-text); }
.blue-shell { color: var(--ui-text); border-bottom: 1px solid var(--ui-line); background: rgb(255, 255, 255); box-shadow: rgba(32, 51, 77, 0.027) 0px 2px 12px; }
.blue-shell .shell-utility { color: rgb(100, 120, 144); background: rgb(248, 250, 253); border-bottom: 1px solid rgb(237, 240, 245); }
.blue-shell .shell-store { color: rgb(59, 85, 117); }
.blue-shell .shell-search { color: rgb(123, 141, 164); background: rgb(238, 242, 248); border: 1px solid rgb(228, 234, 242); border-radius: 8px; }
.blue-shell .shell-search input { color: rgb(53, 78, 110); }
.blue-shell .shell-search input::placeholder { color: rgb(136, 152, 172); }
.blue-shell .shell-search:focus-within { border-color: rgb(150, 181, 233); box-shadow: rgba(57, 117, 223, 0.063) 0px 0px 0px 3px; }
.blue-shell .shell-logout { color: rgb(100, 120, 144); background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 240); border-radius: 6px; }
.blue-shell .shell-navigation { background: rgb(255, 255, 255); padding-top: 12px; padding-bottom: 12px; }
.blue-shell .shell-brand { color: rgb(42, 70, 107); }
.blue-shell .shell-brand-ai { color: rgb(56, 107, 199); }
.blue-shell .shell-brand i { color: rgb(125, 159, 218); }
.blue-shell .shell-brand small { color: rgb(139, 157, 179); border-color: rgb(220, 230, 246); }
.blue-shell .shell-nav-link, .blue-shell .shell-tools > summary { color: rgb(116, 134, 156); text-transform: none; border-radius: 9px; font-size: 12px; font-weight: 500; }
.blue-shell .shell-nav-link:hover, .blue-shell .shell-tools > summary:hover { color: rgb(55, 103, 185); background: rgb(243, 246, 252); }
.blue-shell .shell-nav-link.is-current, .blue-shell .shell-product-trigger[aria-expanded="true"] { color: rgb(56, 107, 199); box-shadow: none; background: rgb(234, 241, 255); }
.blue-shell .shell-coming { color: rgb(162, 175, 190); }
.blue-shell .shell-coming small { color: rgb(149, 162, 180); background: rgb(240, 243, 248); border-radius: 4px; }
.blue-shell .shell-shortcuts > a { color: rgb(108, 135, 172); background: rgb(245, 248, 253); border: 1px solid rgb(226, 233, 242); border-radius: 8px; }
.blue-shell .shell-shortcuts > a.shell-storefront-shortcut { color: rgb(17, 131, 107); white-space: nowrap; background: rgb(238, 248, 245); border-color: rgb(207, 233, 225); gap: 7px; width: auto; min-width: 112px; padding-inline: 11px; font-weight: 600; }
.blue-shell .shell-shortcuts > a.shell-storefront-shortcut:hover { color: rgb(11, 112, 91); background: rgb(222, 243, 236); border-color: rgb(169, 216, 202); }
.shell-storefront-shortcut span { font-size: 12px; }
.product-mega-menu, .shell-tools > div, .shell-search-results { border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: rgba(35, 57, 86, 0.07) 0px 12px 30px; }
.product-mega-menu a:hover { color: rgb(56, 107, 199); background: rgb(238, 244, 255); }
.catalog-navigation, .category-navigation { background: rgb(255, 255, 255); border: 1px solid rgb(231, 236, 243); border-radius: 12px; box-shadow: rgba(35, 57, 86, 0.01) 0px 2px 9px; }
.catalog-navigation a, .category-navigation a { color: rgb(114, 130, 153); }
.catalog-navigation a[aria-current], .category-navigation a[aria-current] { color: rgb(56, 107, 199); border-color: rgb(56, 107, 199); }
.management-page h1 { color: rgb(38, 59, 83); letter-spacing: -0.4px; font-size: 24px; font-weight: 600; }
.management-page h2 { color: rgb(50, 75, 105); }
.management-page form:not(td form), .overview-card, .od-card { border-color: var(--ui-line); border-radius: 12px; box-shadow: rgba(32, 51, 77, 0.016) 0px 3px 14px; }
.management-page:not(.product-editor) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .management-page:not(.product-editor) select, .management-page:not(.product-editor) textarea, .category-full-editor input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .category-full-editor select, .category-full-editor textarea, .category-search > input { color: rgb(41, 61, 85); background: rgb(255, 255, 255); border-color: rgb(220, 227, 237); border-radius: 8px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline-offset: 1px; outline: rgb(140, 172, 228) solid 2px; }
.category-manager, .order-detail, .order-management { color: var(--ui-text); }
.category-table-wrap, .order-table-wrap, .product-table-wrap, .management-page .table-scroll { border: 1px solid var(--ui-line); background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(32, 51, 77, 0.016) 0px 3px 12px; }
.category-table-wrap th, .order-management th, .product-list th, .management-page:not(.product-editor) th, .od-items th { color: rgb(98, 118, 142); text-transform: none; letter-spacing: 0px; background: rgb(245, 247, 251); border-color: rgb(227, 233, 241); font-weight: 500; }
.category-table-wrap td, .order-management td, .management-page:not(.product-editor) td { border-color: rgb(233, 237, 243); }
.category-table-wrap tbody tr:nth-child(2n) { background: rgb(250, 251, 253); }
.category-table-wrap tbody tr:hover, .order-management tbody tr:hover, .management-page:not(.product-editor) tbody tr:hover { background: rgb(241, 246, 255); }
.category-toolbar-actions a, .category-toolbar-actions button, .category-search summary, .category-manager button, .product-toolbar button, .product-toolbar a { border-radius: 8px; }
.cat-green { background: rgb(17, 151, 121) !important; }
.cat-blue, .cat-cyan { background: rgb(71, 122, 203) !important; }
.cat-red { background: rgb(220, 89, 96) !important; }
.cat-purple { background: rgb(150, 114, 185) !important; }
.cat-orange { background: rgb(210, 152, 56) !important; }
.category-full-editor { border: 1px solid var(--ui-line); background: rgb(255, 255, 255); border-radius: 14px; overflow: hidden; box-shadow: rgba(32, 51, 77, 0.03) 0px 8px 25px; }
.category-full-editor > header { color: rgb(38, 59, 83); background: rgb(255, 255, 255); border-bottom: 0px; padding: 24px; }
.category-full-editor > header h1 { color: rgb(38, 59, 83); font-weight: 600; }
.category-full-editor > header small { color: rgb(128, 145, 166); }
.category-full-editor > header > a { color: rgb(126, 141, 162); }
.category-full-editor > nav { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(231, 236, 243); gap: 8px; padding-bottom: 12px; }
.category-full-editor > nav button { color: rgb(116, 134, 156); background: 0px 0px; border-radius: 8px; font-weight: 500; }
.category-full-editor > nav button[aria-selected="true"] { color: rgb(56, 107, 199); background: rgb(234, 241, 255); }
.category-full-editor footer { background: rgb(250, 251, 253); border-top: 1px solid rgb(231, 236, 243); }
.category-full-editor footer button[type="submit"] { background: rgb(17, 151, 121); border-radius: 8px; }
.category-upload { color: rgb(90, 127, 173); background: rgb(248, 250, 253); border-color: rgb(203, 216, 234); border-radius: 9px; }
.order-detail { border: 1px solid var(--ui-line); border-radius: 14px; box-shadow: rgba(32, 51, 77, 0.024) 0px 8px 25px; }
.order-detail .od-header { color: rgb(38, 59, 83); background: rgb(255, 255, 255); border-bottom: 1px solid rgb(231, 236, 243); }
.order-detail .od-header a { color: rgb(125, 141, 162); }
.od-card > header { color: rgb(82, 105, 131); background: rgb(246, 248, 252); border-color: rgb(229, 234, 242); }
.od-actions { background: rgb(250, 251, 253); border-top: 1px solid rgb(231, 236, 243); }
.order-status-tabs { border-color: var(--ui-line); background: rgb(255, 255, 255); border-radius: 10px; }
.order-status-tabs a[aria-current], .order-status-tabs .active { color: rgb(56, 107, 199); background: rgb(234, 241, 255); }
.listing-market-tabs { border-color: var(--ui-line); background: rgb(247, 249, 252); }
.product-merge-dialog, .compatibility-entry-dialog, .od-dialog, .shipping-rate-dialog { border: 1px solid rgb(225, 231, 239); border-radius: 14px; box-shadow: rgba(32, 51, 77, 0.145) 0px 18px 55px; }
.product-merge-dialog > header, .compatibility-entry-dialog > header, .od-dialog > header, .shipping-rate-dialog > header { color: rgb(47, 83, 132); background: rgb(240, 245, 253); border-bottom: 1px solid rgb(223, 232, 245); }
.product-merge-dialog > header h2, .compatibility-entry-dialog > header h2, .od-dialog > header h2, .shipping-rate-dialog > header h2, .product-merge-dialog > header button, .compatibility-entry-dialog > header button, .od-dialog > header button, .shipping-rate-dialog > header button { color: rgb(47, 83, 132); }
.overview-card { background: rgb(255, 255, 255); }
.overview-card h2 { color: rgb(50, 75, 105); }
@media (width <= 640px) {
  .blue-shell .shell-navigation, .blue-shell .shell-utility { padding-inline: 14px; }
  .blue-shell .shell-shortcuts > a.shell-storefront-shortcut { width: 35px; min-width: 35px; padding: 7px; }
  .shell-storefront-shortcut span { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; width: 1px; height: 1px; position: absolute; overflow: hidden; }
}
.category-full-editor > nav [role="tab"] { color: rgb(108, 127, 150); background: 0px 0px; border-radius: 8px; font-weight: 500; }
.category-full-editor > nav [role="tab"][aria-selected="true"] { color: rgb(56, 107, 199); background: rgb(234, 241, 255); }
.overview-dashboard .overview-card > header { color: rgb(82, 105, 131); background: rgb(251, 252, 254); border-bottom: 1px solid rgb(231, 237, 244); }
.overview-dashboard .overview-heading h1 { color: rgb(38, 59, 83); font-weight: 600; }
.overview-dashboard .overview-heading a { background: rgb(56, 107, 199); border-radius: 8px; }
.overview-dashboard .order-ribbon { color: rgb(88, 114, 152); background: rgb(239, 244, 252); }
.overview-dashboard .performance-highlight { color: rgb(56, 107, 199); background: rgb(240, 245, 253); }
.overview-dashboard .overview-card footer { color: rgb(116, 134, 156); background: rgb(250, 251, 253); border-color: rgb(231, 237, 244); }
.category-navigation.catalog-navigation { box-sizing: border-box; width: 100%; max-width: 1440px; margin-inline: auto; }
.app-shell #main { padding-inline: 16px; }
.app-shell #main > :is(div, section, form, header, nav):not([hidden]) { box-sizing: border-box; width: 100%; min-width: 0px; max-width: 1440px; margin-inline: auto; }
.app-shell #main > .management-page, .app-shell #main > .category-full-editor, .app-shell #main > .order-detail, .app-shell #main > .overview-dashboard, .app-shell #main > .orders-manager, .app-shell #main > .product-list, .app-shell #main > .category-manager { width: 100%; max-width: 1440px; margin-inline: auto; }
@media (width >= 1100px) {
  .app-shell #main { padding-inline: clamp(32px, 4vw, 80px); }
}
@media (width <= 640px) {
  .app-shell #main { padding-inline: 8px; }
}
.blue-shell .shell-image-brand { background: rgb(37, 62, 96); border-radius: 10px; justify-content: center; align-items: center; width: 200px; padding: 10px 16px; display: flex; }
.shell-image-brand img { object-fit: contain; width: 168px; height: 56px; display: block; }
@media (width <= 640px) {
  .blue-shell .shell-image-brand { width: 164px; padding: 8px 12px; }
  .shell-image-brand img { width: 140px; height: 47px; }
}
.blue-shell .shell-main-nav { justify-content: center; align-items: stretch; }
.blue-shell .shell-nav-link { text-align: center; justify-content: center; align-items: center; gap: 8px; }
.blue-shell .shell-nav-link > svg, .blue-shell .shell-navigation > .shell-tools > summary > svg { flex-shrink: 0; width: 23px; height: 23px; margin-inline: auto; display: block; }
.blue-shell .shell-nav-link > span { text-align: center; width: 100%; line-height: 18px; display: block; }
@media (width >= 1401px) {
  .blue-shell .shell-main-nav { flex: 0 1 auto; }
  .blue-shell .shell-shortcuts { margin-left: auto; padding-left: 15px; }
  .blue-shell .shell-navigation > .shell-tools > summary { flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-height: 62px; }
}
@media (width <= 700px) {
  .blue-shell .shell-main-nav { justify-content: flex-start; }
  .blue-shell .shell-navigation > .shell-tools > summary > svg { margin: 0px; }
}
.blue-shell .shell-menu-group { justify-content: center; align-items: center; gap: 3px; min-width: 0px; display: flex; }
.blue-shell .shell-menu-group .shell-main-nav { flex: 0 1 auto; order: 0; justify-content: center; margin: 0px; }
.blue-shell .shell-menu-group > .shell-tools { flex-shrink: 0; margin: 0px; }
.blue-shell .shell-menu-group > .shell-tools > summary { text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-height: 62px; display: flex; }
.blue-shell .shell-menu-group > .shell-tools > summary svg { width: 23px; height: 23px; margin: 0px auto; }
@media (width >= 1500px) {
  .blue-shell .shell-navigation { grid-template-columns: minmax(200px, 1fr) auto minmax(200px, 1fr); gap: 16px; display: grid; }
  .blue-shell .shell-image-brand { justify-self: start; margin-right: 0px; }
  .blue-shell .shell-shortcuts { justify-self: end; margin: 0px; padding: 0px; }
  .blue-shell .shell-menu-group { justify-self: center; }
}
@media (width <= 1499px) {
  .blue-shell .shell-navigation { flex-wrap: wrap; display: flex; }
  .blue-shell .shell-menu-group { flex: 1 0 100%; order: 3; width: 100%; margin-top: 8px; }
  .blue-shell .shell-shortcuts { order: 2; margin-left: auto; }
  .blue-shell .shell-menu-group .shell-main-nav { flex: 0 1 auto; }
  .blue-shell .shell-menu-group .shell-nav-link { flex: 0 0 auto; }
}
@media (width <= 700px) {
  .blue-shell .shell-menu-group .shell-main-nav { flex: 1 1 auto; justify-content: flex-start; }
  .blue-shell .shell-menu-group > .shell-tools > summary { min-width: 60px; padding: 8px 4px; font-size: 11px; }
  .blue-shell .shell-menu-group .shell-nav-link { min-width: 76px; }
}
@media (width >= 1101px) {
  .category-navigation.catalog-navigation { grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); gap: 12px; display: grid; }
  .category-navigation.catalog-navigation > strong { min-width: 0px; margin: 0px; font-size: 13px; }
  .category-navigation.catalog-navigation > nav { grid-column: 2; justify-content: center; min-width: 0px; }
  .category-navigation.catalog-navigation::after { content: ""; grid-column: 3; }
}
@media (width <= 1100px) {
  .category-navigation.catalog-navigation > nav { justify-content: safe center; }
}
.blue-shell .shell-image-brand { background: rgb(243, 245, 249); }
.order-totals > a { color: inherit; border-radius: 6px; flex-direction: column; align-items: center; gap: 4px; padding: 4px 6px; text-decoration: none; display: flex; }
.order-totals > a:hover { color: rgb(56, 107, 199); background: rgb(234, 241, 255); }
.channel-order-list .channel-order-row { border-bottom: 1px solid rgb(237, 241, 246); grid-template-columns: minmax(0px, 1fr) 40px 40px; align-items: center; gap: 8px; padding: 12px; display: grid; }
.channel-order-list .channel-order-row > a { text-align: center; color: rgb(56, 107, 199); border-radius: 5px; padding: 6px; display: block; }
.channel-order-list .channel-order-row > a.channel-order-name { text-align: left; align-items: center; gap: 10px; display: flex; }
.channel-order-list .channel-order-row > a:hover { background: rgb(238, 244, 255); }.quick-sale { background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 239); border-radius: 14px; overflow: hidden; }
.quick-sale-header { background: rgb(248, 250, 253); border-bottom: 1px solid rgb(228, 234, 242); justify-content: space-between; align-items: center; padding: 20px 24px; display: flex; }
.quick-sale-header h1 { color: rgb(40, 75, 113); font-size: 20px; font-weight: 600; }
.quick-sale-header p { color: rgb(133, 149, 169); margin-top: 4px; font-size: 12px; }
.quick-sale-header a { color: rgb(70, 114, 172); font-size: 12px; }
.quick-sale-layout { grid-template-columns: minmax(0px, 1.65fr) minmax(360px, 1fr); display: grid; }
.quick-sale-catalog { background: rgb(244, 246, 250); min-width: 0px; }
.quick-sale-search { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(224, 230, 239); align-items: center; gap: 12px; padding: 14px; display: flex; }
.quick-sale-search > span { color: rgb(102, 132, 168); font-size: 26px; }
.quick-sale-search input { outline: none; flex: 1 1 0%; min-width: 0px; font-size: 16px; }
.quick-sale-search button { color: rgb(189, 83, 96); padding: 2px 10px; font-size: 22px; }
.quick-sale-filters { background: rgb(255, 255, 255); grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; padding: 12px; display: grid; }
.quick-sale select, .quick-sale input:not([type="hidden"]), .quick-sale textarea { color: rgb(56, 86, 117); background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 237); border-radius: 6px; width: 100%; min-width: 0px; padding: 9px; font-size: 12px; }
.quick-sale-search input { border: 0px; font-size: 16px; }
.quick-sale-products { grid-template-columns: repeat(3, minmax(0px, 1fr)); align-content: start; gap: 14px; max-height: 900px; padding: 16px; display: grid; overflow: auto; }
.quick-sale-product { text-align: center; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(224, 229, 237); border-radius: 9px; flex-direction: column; align-items: center; gap: 5px; padding: 12px; display: flex; box-shadow: rgba(38, 59, 83, 0.063) 0px 2px 6px; }
.quick-sale-product:hover { border-color: rgb(129, 167, 226); box-shadow: rgba(41, 69, 106, 0.094) 0px 4px 12px; }
.quick-sale-product img { object-fit: contain; width: 100%; height: 155px; margin-bottom: 7px; }
.quick-sale-product strong { color: rgb(50, 77, 110); font-size: 12px; line-height: 1.4; }
.quick-sale-product b { color: rgb(50, 110, 198); font-size: 15px; }
.quick-sale-product small { color: rgb(131, 147, 167); overflow-wrap: anywhere; font-size: 10px; }
.quick-sale-stock { color: rgb(84, 131, 116); font-size: 11px; }
.quick-sale-product:disabled { opacity: 0.55; cursor: not-allowed; }
.quick-sale-product.is-in-cart { background: rgb(247, 255, 252); border-color: rgb(117, 189, 169); }
.quick-sale-product[hidden] { display: none; }
.quick-sale-placeholder { color: rgb(180, 197, 219); place-items: center; height: 155px; font-size: 60px; display: grid; }
.quick-sale-sidebar { border-left: 1px solid rgb(226, 232, 240); min-width: 0px; padding: 14px; }
.quick-sale-box { border: 1px solid rgb(225, 231, 239); border-radius: 8px; margin-bottom: 14px; padding: 16px; }
.quick-sale-box h2 { color: rgb(61, 112, 186); border-bottom: 1px solid rgb(230, 235, 242); margin-bottom: 14px; padding-bottom: 10px; font-size: 14px; }
.quick-sale-fields { grid-template-columns: 1fr 1fr; gap: 14px; display: grid; }
.quick-sale-fields label { color: rgb(83, 110, 139); flex-direction: column; gap: 7px; font-size: 12px; display: flex; }
.sale-full { grid-column: span 2; }
.sale-note { color: rgb(136, 152, 170); margin-top: 12px; font-size: 11px; }
.quick-sale-cart-row { border-bottom: 1px solid rgb(237, 240, 245); padding: 10px 0px; }
.quick-sale-cart-row[hidden] { display: none; }
.quick-sale-cart-row strong { margin-bottom: 8px; font-size: 12px; display: block; }
.quick-sale-cart-row label { color: rgb(104, 131, 159); font-size: 11px; }
.sale-cart-controls { align-items: center; gap: 6px; margin-top: 8px; display: flex; }
.sale-cart-controls input { width: 60px; }
.sale-cart-controls button { color: rgb(80, 122, 177); background: rgb(238, 243, 251); border-radius: 4px; padding: 5px 9px; }
.sale-cart-controls span { margin-left: auto; font-size: 12px; }
.sale-cart-heading { justify-content: space-between; gap: 10px; display: flex; }
.sale-cart-heading button { color: rgb(188, 86, 96); font-size: 11px; }
.quick-sale-total { color: rgb(40, 77, 119); justify-content: space-between; gap: 10px; margin-top: 16px; display: flex; }
.quick-sale-total strong { font-size: 20px; }
.quick-sale-total small { color: rgb(135, 151, 169); font-size: 11px; }
.quick-sale-submit { background: rgb(255, 255, 255); padding: 10px 0px; position: sticky; bottom: 0px; }
.quick-sale-submit button { color: rgb(255, 255, 255); background: rgb(17, 151, 121); border-radius: 7px; width: 100%; padding: 15px; font-weight: 600; }
.quick-sale-submit button:disabled { opacity: 0.5; cursor: not-allowed; }
[data-sale-status] { color: rgb(156, 108, 46); margin-top: 8px; font-size: 12px; }
@media (width <= 1100px) {
  .quick-sale-products { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .quick-sale-filters { grid-template-columns: 1fr 1fr; }
}
@media (width <= 750px) {
  .quick-sale-layout { grid-template-columns: 1fr; }
  .quick-sale-products { max-height: 450px; }
  .quick-sale-sidebar { border-left: 0px; }
  .quick-sale-header { padding: 15px; }
}
.sale-variant-dialog { text-align: center; color: rgb(41, 67, 95); background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 239); border-radius: 16px; width: min(1100px, -32px + 100vw); min-height: 440px; max-height: 85vh; padding: 65px 35px 45px; overflow: auto; box-shadow: rgba(24, 51, 76, 0.19) 0px 20px 70px; }
.sale-variant-dialog::backdrop { background: rgba(21, 42, 64, 0.333); }
.sale-variant-dialog h2 { padding: 0px 25px; font-size: 22px; font-weight: 600; line-height: 1.5; }
.sale-variant-dialog h3 { margin: 65px 0px 18px; font-size: 16px; }
.sale-variant-close { color: rgb(124, 143, 165); padding: 0px 9px; font-size: 28px; position: absolute; top: 14px; right: 18px; }
.sale-variant-choices { flex-wrap: wrap; justify-content: center; gap: 14px; display: flex; }
.sale-variant-choices button { color: rgb(55, 84, 117); cursor: pointer; background: rgb(242, 245, 250); border: 1px solid rgb(219, 227, 238); border-radius: 10px; flex-direction: column; align-items: center; gap: 7px; min-width: 135px; padding: 18px 14px; display: flex; }
.sale-variant-choices button:hover { background: rgb(234, 242, 255); border-color: rgb(120, 165, 229); }
.sale-variant-choices button:disabled { opacity: 0.4; cursor: not-allowed; }
.sale-variant-choices strong { font-weight: 500; }
.sale-variant-choices small, .sale-variant-choices span { font-size: 12px; }
.sale-variant-choices b { color: rgb(52, 109, 193); }
@media (width <= 640px) {
  .sale-variant-dialog { padding: 50px 15px 25px; }
  .sale-variant-dialog h2 { font-size: 17px; }
  .sale-variant-dialog h3 { margin-top: 35px; }
}
.quick-sale [hidden] { display: none !important; }
.sale-selected { background: rgb(255, 255, 255); flex-direction: column; min-height: 580px; display: flex; }
.sale-selected > .sale-cart-heading { border-bottom: 1px solid rgb(230, 235, 243); align-items: center; padding: 16px 18px; }
.sale-selected h2 { color: rgb(55, 87, 117); font-size: 14px; font-weight: 600; }
.sale-selected > [data-sale-cart-empty] { color: rgb(123, 140, 161); padding: 18px; font-size: 13px; }
.sale-table-scroll { flex: 1 1 0%; overflow: auto; }
.sale-items-table { border-collapse: collapse; width: 100%; min-width: 680px; font-size: 12px; }
.sale-items-table th { color: rgb(82, 107, 136); text-align: left; background: rgb(243, 246, 250); border-bottom: 1px solid rgb(223, 230, 239); padding: 12px 10px; font-weight: 500; }
.sale-items-table td { vertical-align: top; border-bottom: 1px solid rgb(230, 235, 243); padding: 12px 9px; }
.sale-items-table td:nth-child(3) { width: 45%; min-width: 220px; }
.sale-items-table td:nth-last-child(-n+2) { text-align: right; white-space: nowrap; }
.sale-items-table img { object-fit: contain; width: 50px; height: 70px; }
.sale-items-table td > strong { line-height: 1.5; display: block; }
.sale-items-table small { color: rgb(123, 141, 162); margin-top: 5px; display: block; }
.sale-items-table .sale-line-variant { color: rgb(57, 121, 200); }
.sale-items-table label { color: rgb(123, 141, 162); align-items: center; gap: 8px; margin-top: 8px; font-size: 10px; display: flex; }
.sale-items-table label select { max-width: 220px; padding: 5px; }
.sale-quantity { align-items: center; gap: 4px; display: flex; }
.quick-sale .sale-quantity input { text-align: center; width: 52px; padding: 8px 3px; }
.sale-quantity button { color: rgb(80, 118, 168); padding: 5px; }
.sale-items-table [data-sale-remove] { color: rgb(196, 86, 98); background: rgb(255, 241, 242); border-radius: 5px; width: 24px; height: 26px; font-size: 18px; }
.sale-selected-footer { background: rgb(245, 248, 252); border-top: 1px solid rgb(225, 232, 241); margin-top: auto; padding: 20px; }
.sale-selected-footer .quick-sale-total { margin: 0px; }
.sale-return { color: rgb(56, 111, 192); background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 242); border-radius: 7px; margin: 0px 16px 16px; padding: 10px 15px; display: block; }
.quick-sale-catalog > [data-sale-status] { background: rgb(255, 255, 255); margin: 0px; padding: 0px 16px 12px; }
.order-mega-menu { grid-template-columns: 1fr 1fr; width: 510px; max-width: calc(-24px + 100vw); }
.order-mega-menu .product-mega-column a { align-items: center; gap: 10px; display: flex; }
.order-mega-menu .product-mega-column a::before { content: ""; background: rgb(169, 182, 200); border-radius: 50%; flex-shrink: 0; width: 6px; height: 6px; }
.order-mega-menu .product-mega-column a:hover::before { background: rgb(57, 117, 208); }
.order-section-page { background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 240); border-radius: 14px; overflow: hidden; }
.order-section-page > header { justify-content: space-between; align-items: center; gap: 16px; padding: 24px; display: flex; }
.order-section-page header h1 { color: rgb(48, 75, 107); margin-top: 6px; font-size: 23px; font-weight: 600; }
.order-section-page header a { color: rgb(81, 119, 174); font-size: 12px; }
.order-section-page header .order-section-sale { color: rgb(255, 255, 255); background: rgb(17, 151, 121); border-radius: 8px; padding: 11px 16px; }
.order-section-page > nav { background: rgb(250, 251, 253); border-block: 1px solid rgb(230, 236, 244); padding: 0px 16px; display: flex; overflow: auto; }
.order-section-page > nav a { white-space: nowrap; color: rgb(113, 131, 154); border-bottom: 2px solid rgba(0, 0, 0, 0); padding: 15px 12px; font-size: 12px; }
.order-section-page > nav a[aria-current] { color: rgb(56, 107, 199); background: rgb(237, 243, 255); border-bottom-color: rgb(56, 107, 199); }
.order-section-body { padding: 24px; }
.order-section-description { color: rgb(111, 130, 154); font-size: 13px; line-height: 1.7; }
.order-section-stage { color: rgb(149, 115, 51); background: rgb(255, 247, 229); border-radius: 6px; margin-top: 12px; padding: 7px 12px; font-size: 11px; display: inline-block; }
.order-section-table { border: 1px solid rgb(229, 234, 242); border-radius: 8px; margin-top: 22px; overflow: auto; }
.order-section-table table { border-collapse: collapse; width: 100%; }
.order-section-table th { text-align: left; color: rgb(89, 112, 142); background: rgb(245, 247, 251); padding: 15px; font-size: 12px; }
.order-section-table td { border-top: 1px solid rgb(232, 237, 244); padding: 16px; font-size: 13px; }
.order-section-table .order-section-empty { text-align: center; color: rgb(131, 148, 169); padding: 60px 20px; }
.order-section-empty svg { color: rgb(160, 181, 206); width: 36px; height: 36px; margin: 0px auto 16px; }
.order-section-empty strong, .order-section-empty span { margin: 8px 0px; display: block; }
.order-section-empty strong { font-size: 15px; font-weight: 500; }
.order-label-chip { color: rgb(56, 107, 199); background: rgb(237, 243, 255); border-radius: 5px; padding: 5px 10px; }
@media (width <= 560px) {
  .order-mega-menu { grid-template-columns: 1fr 1fr; }
  .order-section-page > header, .order-section-body { padding: 16px; }
}
.product-mega-menu.order-mega-menu:not([hidden]) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.sale-window-actions { align-items: center; gap: 8px; display: flex; }
.quick-sale-header .sale-window-button { color: rgb(88, 120, 159); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 240); border-radius: 7px; flex-shrink: 0; justify-content: center; align-items: center; width: 36px; height: 36px; padding: 7px; display: inline-flex; }
.sale-window-button svg { width: 22px; height: 22px; }
.quick-sale-header .sale-window-button:hover, .quick-sale-header .sale-window-button[aria-pressed="true"] { color: rgb(53, 107, 192); background: rgb(234, 242, 255); border-color: rgb(166, 193, 233); }
.sale-window-button:focus-visible { outline-offset: 3px; outline: rgb(57, 120, 209) solid 2px; }
.sale-window-actions > a:first-child { margin-right: 8px; }
.app-shell #main > .quick-sale.sale-window-expanded { background: rgb(255, 255, 255); border: 0px; border-radius: 0px; height: 100dvh; max-height: none; overflow: auto; width: 100% !important; max-width: none !important; margin: 0px !important; }
.quick-sale:fullscreen { background: rgb(255, 255, 255); border: 0px; border-radius: 0px; height: 100dvh; max-height: none; overflow: auto; width: 100% !important; max-width: none !important; margin: 0px !important; }
.quick-sale.sale-window-expanded { z-index: 1000; position: fixed; inset: 0px; }
:is(.quick-sale:fullscreen .quick-sale-layout, .quick-sale.sale-window-expanded .quick-sale-layout) { min-height: calc(100dvh - 90px); }
@media (width <= 550px) {
  .sale-window-actions { gap: 5px; }
  .sale-window-actions > a:first-child { display: none; }
}
.order-label-toolbar { justify-content: space-between; align-items: center; gap: 15px; display: flex; }
.order-label-toolbar form { gap: 8px; width: min(400px, 60%); display: flex; }
.order-label-toolbar input, .order-label-form input, .order-label-form select, .order-label-pagination select { background: rgb(255, 255, 255); border: 1px solid rgb(214, 223, 235); border-radius: 5px; min-width: 0px; padding: 10px; }
.order-label-toolbar input { width: 100%; font-size: 12px; }
.order-label-toolbar button { color: rgb(81, 116, 160); font-size: 12px; }
.order-label-toolbar > a, .order-label-form > button { color: rgb(255, 255, 255); background: rgb(16, 173, 134); border-radius: 5px; padding: 11px 15px; font-size: 12px; font-weight: 600; }
.order-labels-page tbody tr:nth-child(2n) { background: rgb(247, 248, 250); }
.order-labels-page td, .order-labels-page th { border-right: 1px solid rgb(229, 234, 242); }
.order-label-status { color: rgb(140, 151, 167); font-size: 12px; }
.order-label-status.active { color: rgb(8, 175, 138); }
.order-label-actions { gap: 5px; display: flex; }
.order-label-actions a, .order-label-actions button { color: rgb(255, 255, 255); background: rgb(155, 89, 182); border-radius: 3px; justify-content: center; align-items: center; width: 27px; height: 27px; display: flex; }
.order-label-actions button { background: rgb(237, 81, 75); }
.order-label-actions svg { width: 17px; height: 17px; }
.order-label-pagination { color: rgb(100, 124, 154); align-items: center; gap: 12px; margin: 28px 0px 12px; font-size: 12px; display: flex; }
.order-label-form { gap: 20px; max-width: 740px; padding: 24px; display: grid; }
.order-label-form label { color: rgb(82, 109, 143); flex-direction: column; gap: 8px; font-size: 13px; display: flex; }
.order-label-form label > span { display: none; }
.order-label-form p { color: rgb(124, 143, 166); font-size: 12px; line-height: 1.7; }
.order-label-form > button { justify-self: end; }
.product-mega-menu.market-mega-menu { border-radius: 0px 0px 9px 9px; width: 275px; padding: 8px 0px; }
.product-mega-menu.market-mega-menu:not([hidden]) { grid-template-columns: 1fr; }
.market-mega-menu .product-mega-column { padding: 0px 14px; }
.market-mega-menu .product-mega-column > a { min-height: 43px; padding: 10px 6px; font-size: 13px; }
.market-store-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: start; gap: 18px; max-width: 1320px; margin: 24px auto 0px; display: grid; }
.market-store-card { background: rgb(255, 255, 255); border: 1px solid rgb(237, 240, 245); border-radius: 9px; min-height: 176px; padding: 16px; box-shadow: rgba(48, 68, 91, 0.024) 0px 5px 20px; }
.market-store-card > header { align-items: center; gap: 12px; display: flex; }
.market-store-mark { background: var(--market-color); color: rgb(255, 255, 255); letter-spacing: -0.5px; border-radius: 9px; flex-shrink: 0; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 16px; font-weight: 750; display: flex; }
.market-store-card h2 { color: rgb(41, 66, 95); flex: 1 1 0%; font-size: 14px; font-weight: 500; line-height: 1.4; }
.market-store-add { color: rgb(52, 81, 111); background: rgb(255, 255, 255); border: 1px solid rgb(220, 225, 232); border-radius: 4px; padding: 9px 12px; font-size: 12px; }
.market-store-add:hover { background: rgb(239, 245, 255); border-color: rgb(168, 195, 232); }
.market-store-empty { text-align: center; color: rgb(107, 126, 152); padding: 36px 0px 14px; font-size: 12px; line-height: 1.7; }
.market-store-empty a { color: rgb(54, 121, 214); }
.market-store-entry { color: rgb(69, 93, 119); background: rgb(255, 249, 233); border: 1px solid rgb(228, 223, 197); border-radius: 5px; align-items: center; gap: 12px; min-height: 62px; margin-top: 23px; display: flex; overflow: hidden; }
.market-store-entry.is-active { background: rgb(224, 248, 238); border-color: rgb(180, 231, 212); }
.market-store-state { color: rgb(160, 129, 48); background: rgba(233, 226, 198, 0.3); justify-content: center; align-self: stretch; align-items: center; min-width: 46px; font-size: 23px; display: flex; }
.is-active .market-store-state { color: rgb(20, 162, 126); background: rgb(191, 238, 221); }
.market-store-entry strong { font-size: 13px; font-weight: 500; display: block; }
.market-store-entry small { color: rgb(99, 133, 120); margin-top: 5px; font-size: 11px; display: block; }
.market-store-entry svg { flex-shrink: 0; width: 19px; height: 19px; margin-left: auto; margin-right: 12px; }
.market-store-details { color: rgb(124, 142, 164); margin-top: 12px; font-size: 11px; }
.market-store-details summary { cursor: pointer; }
.market-store-details p, .market-store-details form, .market-store-details > a { margin-top: 9px; display: block; }
.market-store-details button { color: rgb(68, 116, 175); border: 1px solid rgb(220, 230, 241); border-radius: 4px; padding: 6px 9px; }
.market-store-details button:disabled { opacity: 0.5; }
.market-store-details .market-store-delete { color: rgb(179, 77, 90); }
.market-store-note { color: rgb(130, 145, 165); max-width: 1320px; margin: 20px auto; font-size: 12px; }
.market-stores-page .catalog-navigation > nav a[aria-current] { color: rgb(39, 117, 222); border-bottom: 2px solid rgb(39, 117, 222); }
@media (width <= 1100px) {
  .market-store-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 650px) {
  .market-store-grid { grid-template-columns: 1fr; gap: 12px; }
  .market-store-card { min-height: 160px; }
}
.store-editor { background: rgb(255, 255, 255); border: 1px solid rgb(223, 231, 241); border-radius: 13px; overflow: hidden; box-shadow: rgba(40, 65, 94, 0.063) 0px 12px 35px; }
.store-editor > header { color: rgb(255, 255, 255); background: rgb(18, 97, 207); padding: 16px 24px 0px; }
.store-editor-title { align-items: center; gap: 12px; margin-bottom: 18px; display: flex; }
.store-editor-title p { font-size: 13px; font-weight: 600; }
.store-editor-title h1 { margin-top: 5px; font-size: 17px; font-weight: 600; }
.store-editor-title > a { color: rgb(255, 255, 255); margin-left: auto; font-size: 28px; }
.store-editor nav { gap: 8px; display: flex; overflow: auto; }
.store-editor [role="tab"] { white-space: nowrap; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.133); border: 0px; border-radius: 5px 5px 0px 0px; padding: 15px 16px; font-size: 12px; font-weight: 600; }
.store-editor [aria-selected="true"] { color: rgb(52, 80, 110); background: rgb(255, 255, 255); }
.store-editor-panel { min-height: 350px; padding: 24px; }
.store-editor [hidden] { display: none !important; }
.store-fields { grid-template-columns: 1fr 1fr; gap: 18px 22px; display: grid; }
.store-fields label { color: rgb(73, 103, 137); flex-direction: column; gap: 7px; font-size: 13px; display: flex; }
.store-fields input, .store-fields select { color: rgb(52, 79, 111); background: rgb(255, 255, 255); border: 1px solid rgb(207, 216, 229); border-radius: 5px; width: 100%; min-width: 0px; padding: 11px; font-size: 13px; }
.store-fields small { color: rgb(129, 146, 167); font-size: 11px; }
.store-editor-note { color: rgb(127, 144, 165); margin: 16px 24px; font-size: 11px; line-height: 1.6; }
.store-editor-panel > .store-editor-note { margin: 20px 0px 0px; }
.store-editor footer { background: rgb(243, 245, 248); justify-content: space-between; align-items: center; gap: 14px; padding: 22px 24px; display: flex; }
.store-editor footer > div { align-items: center; gap: 8px; display: flex; }
.store-editor footer a, .store-editor footer button { color: rgb(72, 104, 142); background: rgb(255, 255, 255); border: 1px solid rgb(210, 220, 233); border-radius: 5px; padding: 10px 14px; font-size: 12px; }
.store-editor footer .store-save { color: rgb(255, 255, 255); background: rgb(9, 180, 139); border-color: rgb(9, 180, 139); font-weight: 600; }
.store-editor-panel h2 { color: rgb(52, 86, 123); margin-bottom: 18px; font-size: 19px; }
.store-editor-panel > p, .store-editor-panel > a { color: rgb(114, 134, 159); margin-bottom: 12px; font-size: 13px; line-height: 1.8; }
.store-panel-empty { text-align: center; padding-top: 90px; }
.store-editor [role="tab"]:focus-visible { outline-offset: -3px; outline: rgb(139, 195, 255) solid 2px; }
@media (width <= 700px) {
  .store-fields { grid-template-columns: 1fr; }
  .store-editor > header { padding-inline: 14px; }
  .store-editor-panel { padding: 18px; }
  .store-editor footer { padding: 16px; }
}
.store-editor { border-color: rgb(225, 231, 239); box-shadow: rgba(32, 51, 77, 0.024) 0px 8px 25px; }
.store-editor > header { color: rgb(48, 75, 107); background: rgb(248, 250, 253); border-bottom: 1px solid rgb(228, 234, 242); }
.store-editor-title p { color: rgb(116, 134, 156); font-weight: 500; }
.store-editor-title h1 { color: rgb(48, 75, 107); }
.store-editor-title > a { color: rgb(124, 143, 165); border-radius: 7px; padding: 0px 8px; }
.store-editor-title > a:hover { color: rgb(56, 107, 199); background: rgb(234, 241, 255); }
.store-editor nav { padding-bottom: 10px; }
.store-editor [role="tab"] { color: rgb(108, 127, 150); background: 0px 0px; border-radius: 8px; font-weight: 500; }
.store-editor [role="tab"]:hover { color: rgb(66, 101, 142); background: rgb(239, 243, 249); }
.store-editor [role="tab"][aria-selected="true"] { color: rgb(56, 107, 199); background: rgb(234, 241, 255); font-weight: 600; }
.store-editor [role="tab"]:focus-visible { outline-color: rgb(56, 107, 199); }
.store-fields label { color: rgb(83, 110, 139); }
.store-fields input, .store-fields select { color: rgb(56, 86, 117); border-color: rgb(220, 227, 237); border-radius: 7px; }
.store-fields input:focus, .store-fields select:focus { outline-offset: 1px; border-color: rgb(127, 166, 220); outline: rgb(182, 206, 240) solid 2px; }
.store-fields input::placeholder { color: rgb(152, 166, 184); }
.store-editor footer { background: rgb(250, 251, 253); border-top: 1px solid rgb(231, 236, 243); }
.store-editor footer a, .store-editor footer button { color: rgb(88, 120, 159); border-color: rgb(220, 229, 240); border-radius: 7px; }
.store-editor footer a:hover, .store-editor footer button:hover { color: rgb(53, 107, 192); background: rgb(234, 242, 255); border-color: rgb(166, 193, 233); }
.store-editor footer .store-save { color: rgb(255, 255, 255); background: rgb(17, 151, 121); border-color: rgb(17, 151, 121); }
.store-editor footer .store-save:hover { color: rgb(255, 255, 255); background: rgb(13, 130, 104); border-color: rgb(13, 130, 104); }
.store-order-option { background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 239); border-radius: 8px; margin-bottom: 14px; padding: 18px; }
.store-order-option h2 { color: rgb(56, 107, 199); border-bottom: 1px solid rgb(230, 236, 243); margin: 0px 0px 14px; padding-bottom: 10px; font-size: 14px; font-weight: 500; }
.store-order-option p { color: rgb(89, 114, 143); margin: 0px; font-size: 12px; line-height: 1.6; }
.store-order-option small { color: rgb(128, 145, 166); margin-top: 5px; font-size: 11px; line-height: 1.6; display: block; }
.store-order-approval { justify-content: space-between; align-items: center; gap: 20px; display: flex; }
.store-order-approval h2 { border: 0px; margin-bottom: 5px; padding: 0px; }
.store-order-choice { color: rgb(82, 110, 142); align-items: flex-start; gap: 9px; margin: 14px 0px; font-size: 12px; display: flex; }
.store-order-choice input { accent-color: rgb(56, 107, 199); flex-shrink: 0; width: 16px; height: 16px; margin: 1px 0px 0px; }
.store-order-switch { cursor: pointer; flex-shrink: 0; width: 52px; height: 29px; display: inline-flex; position: relative; }
.store-order-switch input { opacity: 0; width: 100%; height: 100%; margin: 0px; position: absolute; }
.store-order-switch > span { pointer-events: none; background: rgb(185, 194, 206); border-radius: 20px; width: 52px; height: 29px; transition: background 0.15s; }
.store-order-switch > span::before { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 23px; height: 23px; margin: 3px; transition: transform 0.15s; display: block; box-shadow: rgba(32, 51, 77, 0.125) 0px 1px 3px; }
.store-order-switch input:checked + span { background: rgb(17, 151, 121); }
.store-order-switch input:checked + span::before { transform: translate(23px); }
.store-order-switch input:focus-visible + span { outline-offset: 3px; outline: rgb(56, 107, 199) solid 2px; }
.store-settings-notice { color: rgb(98, 121, 148); background: rgb(244, 246, 251); border-left: 4px solid rgb(197, 210, 230); margin-bottom: 18px; padding: 13px 16px; font-size: 12px; line-height: 1.8; }
.store-settings-accordion { border: 1px solid rgb(233, 237, 244); border-radius: 6px; margin-bottom: 18px; overflow: hidden; }
.store-settings-accordion summary { color: rgb(77, 120, 173); cursor: pointer; background: rgb(242, 245, 250); padding: 15px; font-size: 13px; list-style: none; }
.store-settings-accordion summary::after { content: "⌄"; float: right; }
.store-settings-accordion[open] summary::after { content: "⌃"; }
.store-settings-accordion > .store-fields { padding: 18px; }
.store-description { margin-top: 20px; }
.store-description h2 { margin-bottom: 10px; font-size: 13px; }
.store-description .ql-editor { color: rgb(56, 81, 110); min-height: 260px; font-size: 14px; }
.store-description .ql-toolbar { background: rgb(246, 248, 251); border-color: rgb(220, 227, 237); }
.store-description .ql-container { border-color: rgb(220, 227, 237); }
.store-description textarea { width: 100%; min-height: 260px; }.store-rounding-layout { grid-template-columns: 1fr 2fr; gap: 20px; display: grid; }
.store-rounding-layout > .store-fields { grid-template-columns: 1fr; align-content: start; }
.store-rounding-table { border: 1px solid rgb(225, 231, 239); overflow: auto; }
.store-rounding-table > label { background: rgb(243, 246, 250); justify-content: space-between; align-items: center; padding: 14px; font-size: 13px; display: flex; }
.store-rounding-table input, .store-profit-preview input { background: rgb(255, 255, 255); border: 1px solid rgb(212, 223, 237); border-radius: 5px; width: 110px; padding: 9px; }
.store-rounding-table table { border-collapse: collapse; width: 100%; font-size: 12px; }
.store-rounding-table td, .store-rounding-table th { text-align: right; border: 1px solid rgb(229, 234, 242); padding: 13px; }
.store-rounding-table td:first-child, .store-rounding-table th:first-child { text-align: left; }
.store-rounding-table th { background: rgb(246, 248, 251); font-weight: 500; }
.store-rounding-table td.selected { color: rgb(17, 132, 107); background: rgb(225, 243, 237); font-weight: 600; }
.store-profit-preview { background: rgb(246, 248, 251); align-items: center; gap: 20px; padding: 16px; font-size: 13px; display: flex; }
.store-profit-preview label { align-items: center; gap: 14px; display: flex; }
.store-profit-preview output { color: rgb(17, 132, 107); font-weight: 600; }
.store-image-preview { color: rgb(116, 137, 163); align-items: center; gap: 20px; margin-top: 24px; font-size: 12px; display: flex; }
.store-image-preview > div { background: rgb(243, 246, 251); border: 2px dashed rgb(174, 191, 212); place-items: center; max-width: 220px; max-height: 220px; display: grid; }
@media (width <= 750px) {
  .store-rounding-layout { grid-template-columns: 1fr; }
  .store-profit-preview, .store-profit-preview label { flex-wrap: wrap; }
}
.members-page { overflow: visible; }
.members-heading { background: rgb(255, 255, 255); border-radius: 14px 14px 0px 0px; align-items: center; gap: 28px; padding: 0px 20px; display: flex; }
.members-heading h1 { white-space: nowrap; margin: 0px; font-size: 15px; }
.members-heading > nav { border: 0px; flex: 1 1 0%; justify-content: safe center; align-items: stretch; gap: 4px; min-width: 0px; padding: 0px; display: flex; overflow-x: auto; }
.members-heading > nav > a { white-space: nowrap; color: rgb(113, 131, 154); border-bottom: 2px solid rgba(0, 0, 0, 0); flex-shrink: 0; align-items: center; min-height: 56px; padding: 15px 12px; font-size: 12px; text-decoration: none; display: flex; }
.members-heading > nav > a:hover { color: rgb(56, 107, 199); background: rgb(244, 247, 252); }
.members-heading > nav > a[aria-current="page"] { color: rgb(56, 107, 199); background: rgb(237, 243, 255); border-bottom-color: rgb(56, 107, 199); }
.members-content { background: rgb(244, 246, 250); border-radius: 0px 0px 14px 14px; padding: 24px; }
.members-toolbar { align-items: center; gap: 8px; margin-bottom: 16px; display: flex; }
.members-filter-button, .members-query, .members-toolbar-actions > a, .members-export > summary { background: rgb(255, 255, 255); border: 1px solid rgb(213, 220, 229); border-radius: 6px; align-items: center; gap: 10px; min-height: 40px; padding: 0px 14px; font-size: 13px; display: flex; }
.members-filter-button svg, .members-query svg { flex-shrink: 0; width: 18px; height: 18px; }
.members-filter-button span { margin-left: 18px; }
.members-query { width: 400px; max-width: 100%; padding-right: 4px; }
.members-query input { width: 100%; box-shadow: none; background: 0px 0px; border: 0px; min-width: 0px; }
.members-query button { color: rgb(50, 103, 200); background: rgb(238, 243, 255); border: 0px; border-radius: 4px; padding: 6px 10px; }
.members-toolbar-actions { align-items: center; gap: 6px; margin-left: auto; display: flex; }
.members-toolbar-actions .members-new { color: rgb(255, 255, 255); background: rgb(9, 185, 138); border-color: rgb(9, 185, 138); font-weight: 600; }
.members-export { position: relative; }
.members-export > summary { color: rgb(255, 255, 255); cursor: pointer; background: rgb(57, 124, 246); border-color: rgb(57, 124, 246); list-style: none; }
.members-export[open] > a { z-index: 5; background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 239); border-radius: 8px; width: 270px; padding: 16px; font-size: 13px; position: absolute; top: 46px; right: 0px; box-shadow: rgba(32, 52, 82, 0.15) 0px 8px 24px; }
.members-filters:not([hidden]) { background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 239); border-radius: 8px; flex-wrap: wrap; align-items: end; gap: 16px; margin-bottom: 16px; padding: 16px; display: flex; }
.members-filters label { gap: 6px; font-size: 12px; display: grid; }
.members-filters input, .members-filters select { border: 1px solid rgb(213, 220, 229); border-radius: 5px; min-height: 38px; padding: 6px 10px; }
.members-card { background: rgb(255, 255, 255); border-radius: 0px 0px 12px 12px; overflow: hidden; box-shadow: rgba(36, 59, 83, 0.063) 0px 8px 24px; }
.members-table { border-collapse: collapse; width: 100%; min-width: 1050px; font-size: 12px; }
.members-table th { text-align: left; background: rgb(243, 245, 248); padding: 17px 12px; font-weight: 600; }
.members-table td { vertical-align: middle; border: 1px solid rgb(227, 231, 238); padding: 12px; }
.members-table th { border: 1px solid rgb(227, 231, 238); }
.members-table tbody tr:nth-child(2n) { background: rgb(248, 249, 251); }
.members-table small { color: rgb(113, 129, 152); margin-top: 5px; font-size: 11px; display: block; }
.member-number { color: rgb(40, 115, 231); font-weight: 700; }
.member-status { border: 1px solid; border-radius: 5px; padding: 5px 10px; display: inline-block; }
.member-status.active { color: rgb(0, 159, 121); background: rgb(240, 252, 247); border-color: rgb(159, 223, 203); }
.member-status.inactive { color: rgb(115, 128, 150); background: rgb(244, 246, 248); border-color: rgb(212, 219, 229); }
.member-actions { gap: 5px; display: flex; }
.member-actions > a, .member-actions > button { color: rgb(77, 100, 132); background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 236); border-radius: 5px; justify-content: center; align-items: center; width: 29px; height: 29px; padding: 5px; display: inline-flex; }
.member-actions svg { fill: none; stroke: currentcolor; stroke-width: 1.8px; width: 17px; height: 17px; }
.member-actions .member-view { color: rgb(255, 255, 255); background: rgb(165, 106, 198); border-color: rgb(165, 106, 198); }
.member-actions .member-archive { color: rgb(255, 255, 255); background: rgb(239, 87, 87); border-color: rgb(239, 87, 87); }
.members-footer { flex-wrap: wrap; align-items: center; gap: 12px; padding: 26px 24px; font-size: 12px; display: flex; }
.members-footer select { background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 236); border-radius: 5px; padding: 8px; }
.members-footer > div { margin-left: auto; }
.members-empty { text-align: center; color: rgb(113, 129, 152); height: 150px; }
@media (width <= 900px) {
  .members-toolbar { flex-wrap: wrap; }
  .members-toolbar-actions { margin-left: 0px; }
  .members-heading { padding-top: 16px; display: block; }
  .members-content { padding: 14px; }
  .members-heading > nav { justify-content: flex-start; }
  .members-query { flex: 1 1 0%; }
}
.customer-create-panel { background: rgb(255, 255, 255); border: 1px solid rgb(221, 229, 240); border-radius: 14px; max-width: 800px; margin: 24px auto; overflow: hidden; box-shadow: rgba(36, 59, 83, 0.07) 0px 14px 45px; }
.customer-create-panel > header { background: rgb(237, 243, 255); border-bottom: 1px solid rgb(218, 229, 246); justify-content: space-between; align-items: center; padding: 22px 24px; display: flex; }
.customer-create-panel > header span { color: rgb(122, 141, 167); font-size: 12px; }
.customer-create-panel > header h1 { color: rgb(48, 78, 119); margin: 5px 0px 0px; font-size: 20px; font-weight: 650; }
.customer-create-panel > header > a { color: rgb(97, 119, 151); background: rgb(255, 255, 255); border-radius: 7px; place-items: center; width: 32px; height: 32px; font-size: 26px; display: grid; }
.customer-create-body { padding: 24px; }
.customer-create-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px 20px; display: grid; }
.customer-create-grid > label { color: rgb(64, 91, 125); flex-direction: column; gap: 7px; font-size: 13px; display: flex; }
.customer-create-grid label > span { color: rgb(239, 87, 87); display: contents; }
.customer-create-grid input, .customer-create-grid select { color: rgb(48, 78, 112); background: rgb(255, 255, 255); border: 1px solid rgb(207, 217, 230); border-radius: 6px; outline: none; width: 100%; min-width: 0px; height: 41px; padding: 8px 11px; }
.customer-create-grid input:focus, .customer-create-grid select:focus { border-color: rgb(92, 143, 240); box-shadow: rgba(82, 137, 237, 0.07) 0px 0px 0px 3px; }
.customer-create-grid input:disabled, .customer-create-grid select:disabled { color: rgb(152, 165, 182); background: rgb(244, 246, 249); }
.customer-create-grid small { color: rgb(138, 153, 172); font-size: 11px; line-height: 1.5; }
.customer-create-box { border: 1px solid rgb(223, 230, 239); border-radius: 8px; min-width: 0px; margin: 24px 0px 0px; padding: 18px 16px; }
.customer-create-box legend { color: rgb(66, 122, 211); padding: 0px 8px; font-size: 14px; font-weight: 500; }
.customer-check { color: rgb(83, 109, 139); align-items: center; gap: 10px; margin: 5px 0px 16px; font-size: 13px; display: flex; }
.customer-check:last-child { margin-bottom: 2px; }
.customer-check input { accent-color: rgb(56, 121, 231); flex-shrink: 0; width: 17px; height: 17px; }
.customer-company { color: rgb(83, 109, 139); margin-top: 20px; font-size: 13px; }
.customer-company summary { cursor: pointer; padding: 10px 0px; }
.customer-company summary span { color: rgb(151, 164, 181); margin-left: 8px; font-size: 11px; }
.customer-company > div { margin-top: 12px; }
.customer-create-panel footer { background: rgb(244, 246, 249); border-top: 1px solid rgb(231, 236, 243); justify-content: flex-end; align-items: center; gap: 18px; padding: 18px 24px; font-size: 13px; display: flex; }
.customer-create-panel footer a { color: rgb(113, 131, 156); }
.customer-create-panel footer button { color: rgb(255, 255, 255); background: rgb(9, 185, 138); border: 0px; border-radius: 6px; padding: 10px 20px; font-weight: 600; }
.customer-create-grid .customer-field-error { color: rgb(220, 69, 69); }
@media (width <= 600px) {
  .customer-create-panel { margin: 12px auto; }
  .customer-create-body { padding: 18px; }
  .customer-create-grid { grid-template-columns: 1fr; }
  .customer-create-panel > header { padding: 18px; }
}
.group-add, .group-dialog footer button { color: rgb(255, 255, 255); background: rgb(9, 185, 138); border: 0px; border-radius: 6px; padding: 11px 15px; font-size: 13px; font-weight: 600; }
.group-table { min-width: 500px; }
.group-table th:first-child { width: 15%; }
.group-table th:last-child { width: 150px; }
.group-link { color: rgb(40, 115, 231); cursor: pointer; background: 0px 0px; border: 0px; font-weight: 600; }
.group-delete { color: rgb(255, 255, 255); background: rgb(239, 87, 87); border: 0px; border-radius: 5px; width: 29px; height: 29px; font-size: 20px; }
.group-dialog { color: rgb(64, 91, 125); border: 1px solid rgb(220, 229, 242); border-radius: 12px; width: min(500px, -32px + 100vw); max-height: 90vh; margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: auto; box-shadow: rgba(16, 39, 68, 0.25) 0px 20px 70px; }
.group-dialog::backdrop { background: rgba(20, 35, 57, 0.5); }
.group-dialog header { background: rgb(237, 243, 255); justify-content: space-between; align-items: center; padding: 20px; display: flex; }
.group-dialog header small { color: rgb(113, 135, 165); font-size: 12px; }
.group-dialog h2 { margin: 6px 0px 0px; font-size: 17px; }
.group-dialog header button { color: rgb(85, 115, 151); background: 0px 0px; border: 0px; font-size: 26px; }
.group-dialog-body { padding: 24px 20px 30px; }
.group-dialog-body label { margin-bottom: 8px; font-size: 13px; display: block; }
.group-dialog-body input { border: 1px solid rgb(206, 217, 231); border-radius: 6px; width: 100%; height: 41px; padding: 8px 10px; }
.group-dialog footer { background: rgb(244, 246, 249); justify-content: flex-end; padding: 16px 20px; display: flex; }
.customer-field-error { color: rgb(216, 68, 68); font-size: 12px; }
.customer-detail { background: rgb(255, 255, 255); border: 1px solid rgb(223, 230, 239); border-radius: 14px; overflow: hidden; }
.customer-detail-header { color: rgb(48, 78, 119); background: rgb(237, 243, 255); justify-content: space-between; align-items: center; padding: 20px 24px; display: flex; }
.customer-detail-header small { color: rgb(111, 133, 164); font-size: 12px; }
.customer-detail-header h1 { margin: 6px 0px 0px; font-size: 18px; font-weight: 600; }
.customer-detail-controls { gap: 8px; display: flex; }
.customer-detail-controls a { color: rgb(91, 125, 168); border-radius: 5px; place-items: center; width: 30px; height: 32px; font-size: 26px; display: grid; }
.customer-detail-controls a:hover { background: rgb(255, 255, 255); }
.customer-detail-body { grid-template-columns: 285px minmax(0px, 1fr); align-items: start; gap: 20px; padding: 22px; display: grid; }
.customer-info-card { color: rgb(91, 113, 142); overflow-wrap: anywhere; border: 1px solid rgb(221, 229, 238); border-radius: 8px; font-size: 12px; overflow: hidden; }
.customer-info-card > header { border-bottom: 1px solid rgb(225, 231, 239); align-items: center; gap: 8px; padding: 15px; display: flex; }
.customer-info-card > header a { margin-left: auto; font-size: 20px; }
.customer-info-card > header strong { color: rgb(49, 76, 112); font-weight: 500; }
.customer-info-card > div { border-bottom: 1px solid rgb(225, 231, 239); padding: 14px 15px; }
.customer-info-card p { margin: 8px 0px; line-height: 1.6; }
.customer-info-card h2 { color: rgb(49, 76, 112); margin: 0px 0px 12px; font-size: 13px; font-weight: 500; }
.customer-info-name, .permission-yes { color: rgb(0, 165, 130); }
.customer-info-card details { border-bottom: 1px solid rgb(225, 231, 239); padding: 15px; }
.customer-info-card details:last-child { border: 0px; }
.customer-info-card summary { cursor: pointer; color: rgb(49, 76, 112); }
.customer-detail-main { gap: 18px; min-width: 0px; display: grid; }
.customer-statistics { border: 1px solid rgb(221, 229, 238); border-radius: 8px; grid-template-columns: repeat(4, minmax(0px, 1fr)); display: grid; }
.customer-statistics > div { border-right: 1px solid rgb(229, 234, 241); padding: 15px; }
.customer-statistics > div:last-child { border: 0px; }
.customer-statistics span { color: rgb(126, 143, 166); margin-bottom: 8px; font-size: 12px; display: block; }
.customer-statistics strong { color: rgb(49, 76, 112); font-size: 15px; font-weight: 600; }
.customer-addresses, .customer-history { border: 1px solid rgb(221, 229, 238); border-radius: 8px; overflow: hidden; }
.customer-addresses > h2 { background: rgb(245, 247, 250); border-bottom: 1px solid rgb(225, 231, 239); margin: 0px; padding: 15px 20px; font-size: 14px; font-weight: 500; }
.customer-addresses > div { grid-template-columns: 1fr 1fr; gap: 20px; padding: 16px 20px; display: grid; }
.customer-addresses article { overflow-wrap: anywhere; border: 1px solid rgb(225, 231, 239); border-radius: 6px; padding: 14px; }
.customer-addresses h3 { margin: 0px 0px 20px; font-size: 13px; font-weight: 500; }
.customer-addresses p { color: rgb(123, 140, 162); margin: 4px 0px; font-size: 12px; }
.customer-history > nav { background: rgb(245, 247, 250); border-bottom: 1px solid rgb(225, 231, 239); gap: 8px; padding: 0px 15px; display: flex; overflow: auto; }
.customer-history > nav a { white-space: nowrap; border-bottom: 2px solid rgba(0, 0, 0, 0); padding: 15px 8px; font-size: 13px; }
.customer-history > nav a[aria-current] { color: rgb(55, 122, 228); border-bottom-color: rgb(55, 122, 228); }
.customer-history-body { min-height: 260px; padding: 18px; }
.customer-orders { min-width: 480px; }
.customer-detail-empty { color: rgb(130, 145, 166); padding: 30px 5px; font-size: 13px; }
.customer-detail-empty h3 { color: rgb(81, 109, 145); font-size: 14px; }
.customer-detail-footer { background: rgb(244, 246, 249); border-top: 1px solid rgb(225, 231, 239); align-items: center; gap: 8px; padding: 16px 22px; font-size: 12px; display: flex; }
.customer-detail-footer > button, .customer-detail-footer summary, .customer-detail-close { background: rgb(255, 255, 255); border: 1px solid rgb(212, 223, 236); border-radius: 5px; padding: 10px 14px; }
.customer-detail-footer > button:disabled { opacity: 0.5; cursor: not-allowed; }
.customer-detail-footer details { position: relative; }
.customer-detail-footer summary { cursor: pointer; list-style: none; }
.customer-detail-footer details > div { background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 239); border-radius: 6px; width: 210px; padding: 10px; position: absolute; bottom: 45px; left: 0px; box-shadow: rgba(23, 51, 81, 0.125) 0px 5px 25px; }
.customer-detail-footer details a, .customer-detail-footer details button { text-align: left; color: rgb(71, 104, 143); background: rgb(255, 255, 255); border: 0px; width: 100%; padding: 10px; display: block; }
.customer-detail-close { margin-left: auto; }
@media (width <= 900px) {
  .customer-detail-body { grid-template-columns: 1fr; }
  .customer-statistics { grid-template-columns: 1fr 1fr; }
  .customer-statistics > div { border-bottom: 1px solid rgb(229, 234, 241); }
}
@media (width <= 560px) {
  .customer-detail-body { padding: 14px; }
  .customer-addresses > div { grid-template-columns: 1fr; }
  .customer-detail-header { padding: 16px; }
  .customer-detail-header h1 { font-size: 16px; }
}
.balance-load-notice { color: rgb(72, 97, 127); background: rgb(255, 255, 255); border-left: 5px solid rgb(188, 201, 223); border-radius: 5px; margin-bottom: 12px; padding: 14px 16px; font-size: 13px; }
.balance-load-notice small { color: rgb(133, 147, 168); margin-top: 6px; font-size: 11px; display: block; }
.balance-load-table { min-width: 900px; }
.balance-load-empty { text-align: center; color: rgb(126, 141, 164); height: 75px; }
.balance-detail-trigger { color: rgb(255, 255, 255); background: rgb(165, 106, 198); border: 0px; border-radius: 5px; width: 29px; height: 29px; padding: 5px; }
.balance-detail-trigger svg { fill: none; stroke: currentcolor; stroke-width: 1.8px; width: 18px; height: 18px; }
.price-analysis-intro { align-items: center; gap: 24px; display: flex; }
.price-analysis-intro p { margin: 0px 0px 12px; line-height: 1.7; }
.price-analysis-intro p:last-child { margin: 0px; }
.price-platforms { flex-shrink: 0; gap: 8px; margin-left: auto; display: flex; }
.price-platforms span { color: rgb(245, 121, 33); background: rgb(255, 242, 232); border-radius: 14px; padding: 20px 12px; font-size: 17px; font-weight: 700; }
.price-platforms span:last-child { color: rgb(255, 255, 255); background: rgb(255, 113, 29); }
.price-credit { white-space: nowrap; color: rgb(122, 139, 161); background: rgb(255, 255, 255); border: 1px solid rgb(213, 223, 235); border-radius: 5px; padding: 10px; font-size: 12px; }
.price-rule-note { color: rgb(120, 139, 165); margin-bottom: 16px; font-size: 12px; }
@media (width <= 1000px) {
  .price-analysis-intro { display: block; }
  .price-platforms { margin-top: 16px; }
  .members-toolbar-actions { flex-wrap: wrap; }
}
.rule-picker { background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 241); border-radius: 12px; max-width: 1000px; margin: 24px auto; overflow: hidden; box-shadow: rgba(29, 59, 87, 0.07) 0px 12px 35px; }
.rule-picker > header { color: rgb(56, 89, 130); background: rgb(237, 243, 255); justify-content: space-between; align-items: center; padding: 20px; display: flex; }
.rule-picker h1 { margin: 6px 0px 0px; font-size: 17px; font-weight: 600; }
.rule-picker header small { font-size: 12px; }
.rule-picker header > a { font-size: 26px; }
.rule-picker-body { padding: 20px; }
.rule-picker-body > .members-query { margin-bottom: 15px; }
.rule-products-table { min-width: 840px; }
.rule-product-image { object-fit: contain; width: 58px; height: 80px; }
.rule-no-image { color: rgb(154, 166, 184); font-size: 11px; }
.rule-products-table td:nth-child(3) { max-width: 250px; }
.rule-provider { color: rgb(232, 106, 28); background: rgb(255, 241, 230); border-radius: 16px; padding: 8px 10px; font-size: 12px; font-weight: 600; display: inline-block; }
.rule-provider.trendyol { color: rgb(255, 255, 255); background: rgb(255, 117, 31); }
.rule-define { color: rgb(235, 93, 53); white-space: nowrap; margin-top: 10px; font-size: 12px; font-weight: 600; display: block; }
.rule-listings { max-width: 760px; }
.rule-provider-tabs { background: rgb(245, 247, 250); justify-content: center; gap: 12px; display: flex; }
.rule-provider-tabs a { border-bottom: 3px solid rgba(0, 0, 0, 0); padding: 18px; }
.rule-provider-tabs a[aria-current] { border-color: rgb(57, 130, 245); }
.rule-listings-table { min-width: 600px; }
.rule-listings-table .group-add { padding: 8px 10px; font-size: 12px; }
.rule-listings{max-width:1440px}.rule-listings-table{min-width:1180px}.rule-listing-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px;border:1px solid #dfe7f1;border-radius:9px;background:#f8faff;padding:12px 14px}.rule-listing-heading img,.rule-listing-product img,.rule-listing-no-image{flex:none;width:52px;height:52px;border:1px solid #dde5ef;border-radius:8px;background:#fff;object-fit:cover}.rule-listing-heading>div,.rule-listing-product>div{display:grid;gap:5px;min-width:0}.rule-listing-heading strong{color:#29435f;font-size:14px}.rule-listing-heading small{color:#7c8da2;font-size:10px}.rule-listing-product{display:flex;align-items:center;gap:10px;min-width:280px}.rule-listing-product strong{color:#29435f;font-size:11px;line-height:1.4}.rule-listing-product small{color:#7f91a7;font-size:9px}.rule-listing-no-image{display:grid;place-items:center;color:#9aa8b8;text-align:center;font-size:8px}.rule-listing-variant{display:inline-block;white-space:nowrap;border-radius:999px;background:#eef4ff;padding:5px 8px;color:#3268bd;font-size:10px;font-weight:700}
.price-analysis-intro .price-platforms > span { white-space: nowrap; color: rgb(201, 81, 8); -webkit-text-fill-color: currentcolor; opacity: 1; justify-content: center; align-items: center; height: auto; min-height: 64px; font-size: 17px; line-height: 1.4; display: inline-flex; overflow: visible; }
.price-analysis-intro .price-platforms > span:last-child { color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); background: rgb(239, 101, 14); }
.members-toolbar-actions > a.group-add { color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); white-space: nowrap; background: rgb(9, 185, 138); border-color: rgb(9, 185, 138); justify-content: center; align-items: center; min-height: 40px; padding: 10px 15px; font-size: 13px; font-weight: 600; line-height: 1.4; display: inline-flex; }
.content-mapping-layout { background: rgb(244, 246, 250); grid-template-columns: 200px minmax(0px, 700px); justify-content: center; align-items: start; gap: 20px; padding: 26px; display: grid; }
.content-mapping-layout > aside { position: sticky; top: 20px; }
.content-mapping-layout > aside nav { background: rgb(255, 255, 255); border-radius: 10px; padding: 5px 12px; box-shadow: rgba(36, 59, 83, 0.05) 0px 8px 24px; }
.content-mapping-layout > aside a { color: rgb(80, 99, 125); border-bottom: 1px solid rgb(237, 240, 245); justify-content: space-between; padding: 12px 0px; font-size: 12px; display: flex; }
.content-mapping-layout > aside a:last-child { border: 0px; }
.content-mapping-layout > aside span { color: rgb(139, 155, 177); font-size: 18px; }
.content-mapping-card { background: rgb(255, 255, 255); border-radius: 10px; margin-bottom: 18px; padding: 20px; scroll-margin-top: 20px; box-shadow: rgba(36, 59, 83, 0.047) 0px 8px 24px; }
.content-mapping-card h2 { color: rgb(53, 76, 108); margin: 0px 0px 20px; font-size: 16px; font-weight: 500; }
.content-mapping-card .balance-load-notice { background: rgb(244, 246, 251); padding: 10px; font-size: 12px; }
.content-mapping-card label { color: rgb(88, 106, 128); margin: 16px 0px 7px; font-size: 12px; display: block; }
.content-mapping-card select { background: rgb(255, 255, 255); border: 1px solid rgb(210, 220, 232); border-radius: 5px; width: 100%; height: 38px; padding: 7px 10px; font-size: 13px; }
.content-mapping-card form > button { margin-top: 18px; }
.content-mapping-table { min-width: 450px; }
.content-mapping-table .group-add { color: rgb(255, 255, 255); white-space: nowrap; font-size: 11px; display: inline-block; }
@media (width <= 720px) {
  .content-mapping-layout { grid-template-columns: 1fr; padding: 14px; }
  .content-mapping-layout > aside { position: static; }
  .content-mapping-layout > aside nav { gap: 16px; display: flex; overflow: auto; }
  .content-mapping-layout > aside a { white-space: nowrap; border: 0px; gap: 10px; }
}
dialog.mapping-picker { color: rgb(51, 65, 85); background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 238); border-radius: 12px; width: min(1170px, -32px + 100vw); height: min(760px, 100dvh - 40px); max-height: calc(100dvh - 40px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: auto; box-shadow: rgba(20, 35, 63, 0.25) 0px 20px 70px; }
dialog.mapping-picker::backdrop { background: rgba(23, 35, 51, 0.5); }
.mapping-picker > header { background: rgb(237, 243, 255); border-bottom: 1px solid rgb(220, 229, 245); justify-content: space-between; align-items: center; padding: 22px; display: flex; }
.mapping-picker h2 { color: rgb(56, 92, 143); margin: 0px; font-size: 17px; font-weight: 600; }
.mapping-picker > header button { color: rgb(88, 117, 156); cursor: pointer; background: 0px 0px; border: 0px; font-size: 26px; }
.mapping-picker-body { padding: 18px; }
.mapping-picker-tools { justify-content: space-between; align-items: center; gap: 16px; margin: 10px 0px 18px; display: flex; }
.mapping-picker-tools label { align-items: center; gap: 6px; font-size: 13px; display: flex; }
.mapping-picker-tools select, .mapping-picker-tools input { border: 1px solid rgb(202, 213, 229); border-radius: 5px; max-width: 180px; padding: 8px; }
.mapping-picker-tools button { color: rgb(49, 94, 156); background: rgb(238, 243, 255); border-radius: 5px; padding: 8px; }
.mapping-picker-table { width: 100%; }
.mapping-picker-table th, .mapping-picker-table td { border: 1px solid rgb(226, 231, 239); padding: 12px; }
.mapping-picker-table small { color: rgb(97, 120, 150); margin-top: 5px; display: block; }
.mapping-picker-table th:nth-child(2) { width: 60%; }
.mapping-picker-action { white-space: nowrap; background: rgb(231, 154, 10); border-radius: 4px; padding: 8px 14px; display: inline-block; color: rgb(255, 255, 255) !important; }
.mapping-picker-empty { text-align: center; height: 90px; }
.mapping-picker-body > footer { justify-content: space-between; align-items: center; gap: 16px; margin-top: 16px; font-size: 13px; display: flex; }
.mapping-picker-body footer nav { align-items: center; gap: 5px; display: flex; }
.mapping-picker-body footer nav > * { background: rgb(242, 245, 250); border-radius: 4px; padding: 6px 9px; }
.mapping-picker-body footer nav b { color: rgb(255, 255, 255); background: rgb(57, 127, 245); }
.mapping-picker-body [aria-disabled] { color: rgb(163, 173, 191); }
@media (width <= 600px) {
  .mapping-picker-tools, .mapping-picker-body > footer { flex-direction: column; align-items: flex-start; }
  .mapping-picker-body { padding: 12px; }
}
dialog.mapping-editor-dialog { background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 238); border-radius: 12px; width: min(590px, -24px + 100vw); height: min(900px, 100dvh - 28px); max-height: calc(100dvh - 28px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: hidden; box-shadow: rgba(20, 35, 63, 0.25) 0px 20px 70px; }
.mapping-editor-dialog::backdrop { background: rgba(23, 35, 51, 0.4); }
.mapping-editor-dialog > header { color: rgb(56, 92, 143); background: rgb(237, 243, 255); justify-content: space-between; align-items: center; height: 68px; padding: 18px; display: flex; }
.mapping-editor-dialog h2 { margin: 0px; font-size: 17px; font-weight: 600; }
.mapping-editor-dialog header button { color: rgb(88, 117, 156); cursor: pointer; background: 0px 0px; border: 0px; font-size: 26px; }
.mapping-editor-dialog iframe { border: 0px; width: 100%; height: calc(100% - 68px); display: block; }
.mapping-embedded { background: rgb(255, 255, 255); margin: 0px; }
.mapping-embedded .trendyol-defaults { width: 100%; max-width: none; box-shadow: none; border: 0px; border-radius: 0px; margin: 0px; }
.mapping-embedded .trendyol-defaults > header { display: none; }
.mapping-embedded .td-body { padding: 16px; }
.mapping-embedded .td-category > a { display: none; }
.mapping-embedded .td-fields { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; display: grid; }
.mapping-embedded .td-fields input, .mapping-embedded .td-fields select { width: 100%; min-width: 0px; }
.mapping-embedded form > footer { z-index: 5; background: rgb(243, 245, 249); justify-content: flex-end; margin-top: 18px; padding: 14px; display: flex; position: sticky; bottom: 0px; }
.mapping-embedded form > footer > span { display: none; }
.mapping-saved { color: rgb(8, 119, 86); background: rgb(227, 248, 238); padding: 12px; }
@media (width <= 440px) {
  .mapping-embedded .td-fields { grid-template-columns: 1fr; }
}
.category-picker-cell > div { align-items: baseline; gap: 10px; margin-bottom: 5px; display: flex; }
.category-mapping-field { background: rgb(255, 255, 255); border: 1px solid rgb(202, 213, 229); border-radius: 4px; align-items: center; min-height: 36px; display: flex; color: rgb(59, 85, 120) !important; text-decoration: none !important; }
.category-mapping-field > span { flex: 1 1 0%; padding: 7px 10px; }
.category-mapping-field > b { background: rgb(243, 245, 250); border-left: 1px solid rgb(202, 213, 229); align-self: stretch; align-items: center; padding: 0px 10px; display: flex; }
.mapping-picker-table .category-picker-cell { padding: 7px 12px; }
.mapping-embedded .category-mapping-editor { box-shadow: none; border: 0px; width: 100%; max-width: none; margin: 0px; padding: 16px; }.mapping-embedded .category-mapping-editor > header { color: rgb(56, 92, 143); background: rgb(255, 255, 255); padding: 0px 0px 12px; }
.mapping-embedded .category-mapping-editor > header h1, .mapping-embedded .category-mapping-editor > header > a { display: none; }
.mapping-embedded .category-mapping-search { flex-direction: column; gap: 10px; display: flex; }
.mapping-embedded .category-choice-list { max-height: none; }
.mapping-embedded .category-choice-list label { cursor: pointer; }
.mapping-picker-table.category-picker-table { table-layout: fixed; }
.mapping-picker-table.category-picker-table th:first-child { width: 90px; }
.mapping-picker-table.category-picker-table th:nth-child(2) { width: auto; }
.mapping-picker-table .category-picker-cell { vertical-align: middle; display: table-cell; }
.category-picker-cell .category-mapping-field { width: 100%; min-width: 0px; }
.category-picker-cell .category-mapping-field > span { overflow-wrap: anywhere; min-width: 0px; }
.category-picker-cell .category-mapping-field > b { flex-shrink: 0; }
.category-picker-cell > div { flex-wrap: wrap; }
@media (width <= 600px) {
  .mapping-picker-table.category-picker-table th:first-child { width: 65px; }
}
dialog.mapping-editor-dialog.is-variant-editor { width: min(740px, -24px + 100vw); }
.variant-mapping-body { color: rgb(56, 81, 111); padding: 16px; }
.variant-mapping-body > p { margin: 0px 0px 10px; }
.variant-match-table { border-collapse: collapse; width: 100%; margin-top: 12px; }
.variant-match-table th { color: rgb(255, 255, 255); background: rgb(64, 81, 107); }
.variant-match-table th, .variant-match-table td { vertical-align: top; border: 1px solid rgb(224, 229, 237); padding: 10px; }
.variant-match-table th:first-child { width: 65px; }
.variant-match-table small { margin: 3px 0px 6px; font-size: 11px; display: block; }
.variant-match-table input, .variant-match-table select, .variant-match-table textarea { background: rgb(255, 255, 255); border: 1px solid rgb(203, 213, 225); border-radius: 4px; width: 100%; padding: 8px; }
.variant-match-table label, .variant-match-table .td-variant-note { display: none; }
.variant-mapping-body footer { background: rgb(243, 245, 248); justify-content: space-between; padding: 14px; display: flex; position: sticky; bottom: 0px; }
.variant-mapping-body button { color: rgb(255, 255, 255); background: rgb(8, 183, 138); border-radius: 4px; padding: 9px 13px; }
.variant-mapping-body #auto-variant-match { background: rgb(50, 154, 200); }
.variant-all-matches { background: rgb(161, 105, 190); border-radius: 4px; margin: 4px 0px; padding: 8px 10px; display: inline-block; color: rgb(255, 255, 255) !important; }
.variant-match-pages { margin-top: 16px; }
dialog.submission-dialog { color: rgb(56, 81, 111); background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 238); border-radius: 12px; width: min(450px, -24px + 100vw); max-height: calc(100dvh - 32px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: auto; box-shadow: rgba(23, 35, 51, 0.25) 0px 20px 60px; }
dialog.submission-dialog.show-details { width: min(720px, -24px + 100vw); }
.submission-dialog::backdrop { background: rgba(23, 35, 51, 0.5); }
.submission-dialog > header { background: rgb(237, 243, 255); justify-content: space-between; align-items: center; padding: 18px; display: flex; }
.submission-dialog h2 { margin: 5px 0px 0px; font-size: 17px; font-weight: 600; }
.submission-dialog header button { background: 0px 0px; font-size: 26px; }
.submission-body { padding: 18px; }
.submission-store { align-items: center; gap: 10px; margin: 15px 0px; display: flex; }
.submission-store b { color: rgb(64, 112, 175); font-size: 12px; }
.submission-dialog footer { background: rgb(243, 245, 249); justify-content: flex-end; gap: 10px; padding: 16px; display: flex; position: sticky; bottom: 0px; }
.submission-dialog footer button { color: rgb(255, 255, 255); background: rgb(8, 183, 138); border-radius: 4px; padding: 9px 15px; }
.submission-grid { grid-template-columns: 1fr 1fr; gap: 14px 18px; display: grid; }
.submission-grid label { font-size: 13px; }
.submission-grid input, .submission-grid select { background: rgb(255, 255, 255); border: 1px solid rgb(203, 213, 225); border-radius: 4px; width: 100%; min-height: 38px; margin-top: 6px; padding: 8px; display: block; }
.submission-grid select[multiple] { height: 70px; }
.submission-grid small { color: rgb(136, 151, 170); font-size: 11px; }
.submission-grid select:disabled { color: rgb(136, 151, 170); background: rgb(244, 245, 248); }
.submission-edit { color: rgb(142, 89, 180); background: rgb(245, 239, 250); border-radius: 4px; padding: 7px; }
.submission-dialog [hidden] { display: none !important; }
@media (width <= 540px) {
  .submission-grid { grid-template-columns: 1fr; }
}
.mapping-type-options { border-top: 1px solid rgb(224, 229, 237); border-bottom: 1px solid rgb(224, 229, 237); margin: 18px 0px; padding: 15px 0px; }
.mapping-type-options legend { padding-right: 10px; font-size: 13px; }
.mapping-type-options label { margin: 9px 0px; font-size: 13px; display: block; }
.mapping-create-missing { border-bottom: 1px solid rgb(224, 229, 237); margin-bottom: 18px; padding: 0px 0px 18px; font-size: 13px; }
.mapping-help { margin-top: 18px; font-size: 12px; }
.mapping-help ul { padding-left: 20px; list-style: outside; }
.mapping-help li, .mapping-help p { margin: 7px 0px; }
.mapping-plan-delete { display: inline-block; }
.mapping-plan-delete button { color: rgb(255, 255, 255); background: rgb(239, 87, 87); border-radius: 3px; margin-left: 5px; padding: 5px 9px; }
.mapping-records-link { color: rgb(255, 255, 255); background: rgb(238, 162, 11); border-radius: 3px; margin-left: 5px; padding: 6px 9px; }
dialog.category-tree-dialog { color: rgb(56, 81, 111); background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 238); border-radius: 12px; width: min(800px, -24px + 100vw); max-height: calc(100dvh - 28px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: auto; }
.category-tree-dialog::backdrop { background: rgba(23, 35, 51, 0.5); }
.category-tree-dialog > header { background: rgb(237, 243, 255); justify-content: space-between; align-items: center; padding: 22px; display: flex; }
.category-tree-dialog h1 { margin: 0px; font-size: 18px; font-weight: 600; }
.category-tree-dialog > header > a { font-size: 26px; }
.tree-body { padding: 20px; }
.tree-body .balance-load-notice ul { padding-left: 20px; list-style: outside; }
.tree-nodes { margin: 0px; padding: 0px; list-style: none; }
.tree-nodes .tree-nodes { border-left: 1px solid rgb(220, 227, 238); margin-left: 12px; padding-left: 24px; }
.tree-node { cursor: grab; background: rgb(240, 242, 246); justify-content: space-between; align-items: center; gap: 10px; min-height: 40px; margin: 5px 0px; padding: 10px 14px; display: flex; }
.tree-node-name { overflow-wrap: anywhere; }
.tree-node-actions { flex-shrink: 0; align-items: center; gap: 7px; display: flex; }
.tree-node-actions button, .tree-node-actions a { font-size: 17px; }
.tree-node-actions small { font-size: 11px; }
.tree-active { color: rgb(8, 167, 130); }
.tree-delete { color: rgb(238, 85, 85); }
.tree-root-drop { text-align: center; border: 1px dashed rgb(198, 211, 230); margin: 10px 0px; padding: 8px; font-size: 12px; }
.category-tree-dialog > footer { background: rgb(244, 245, 248); justify-content: space-between; padding: 16px 20px; display: flex; position: sticky; bottom: 0px; }
.category-tree-dialog .cat-green { color: rgb(255, 255, 255); background: rgb(8, 183, 138); border-radius: 4px; padding: 9px 14px; }
#tree-status { color: rgb(179, 91, 49); }
@media (width <= 540px) {
  .tree-body { padding: 10px; }
  .tree-node { flex-wrap: wrap; }
  .tree-node-actions { margin-left: auto; }
  .tree-nodes .tree-nodes { padding-left: 12px; }
}
.category-market-logos { flex-wrap: wrap; gap: 6px; max-width: 250px; display: flex; }
.category-market-logos .category-market-logo { background: 0px 0px; border: 0px; border-radius: 7px; flex-shrink: 0; width: 32px; height: 32px; padding: 0px; display: inline-flex; overflow: hidden; }
.category-market-logo svg { width: 32px; height: 32px; display: block; }
.category-market-logo:hover, .category-market-logo:focus-visible { opacity: 1; outline-offset: 2px; outline: rgb(171, 198, 239) solid 2px; }
.category-market-logos { flex-wrap: nowrap; align-items: center; gap: 5px; width: max-content; max-width: none; }
.category-market-logos .category-market-logo { background: rgb(255, 255, 255); border: 1px solid rgb(216, 222, 231); border-radius: 50%; width: 29px; height: 29px; padding: 3px; overflow: hidden; }
.category-market-logo svg { border-radius: 50%; width: 21px; height: 21px; overflow: hidden; }
.category-market-logo.is-inactive { filter: grayscale(); opacity: 0.65; }
.category-market-logo.is-active { filter: none; opacity: 1; }
[data-photo-preview] { cursor: zoom-in; }
[data-photo-preview]:focus-visible { outline-offset: 3px; outline: rgb(57, 124, 246) solid 2px; }
dialog.product-photo-lightbox { color: rgb(56, 81, 111); background: rgb(255, 255, 255); border: 1px solid rgb(216, 225, 237); border-radius: 12px; width: min(1050px, -24px + 100vw); height: min(900px, 100dvh - 24px); max-height: calc(100dvh - 24px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: hidden; }
.product-photo-lightbox::backdrop { background: rgba(16, 29, 50, 0.75); }
.product-photo-lightbox header { background: rgb(237, 243, 255); justify-content: space-between; align-items: center; height: 56px; padding: 12px 18px; display: flex; }
.product-photo-lightbox header button { font-size: 28px; }
.product-photo-lightbox [data-stage] { background: rgb(247, 248, 251); justify-content: center; align-items: center; height: calc(100% - 116px); padding: 12px; display: flex; overflow: auto; }
.product-photo-lightbox [data-stage] img { object-fit: contain; width: auto; max-width: 100%; height: auto; max-height: 100%; }
.product-photo-lightbox [data-stage].zoomed { display: block; }
.product-photo-lightbox [data-stage].zoomed img { min-width: 100%; max-width: none; max-height: none; }
.product-photo-lightbox footer { justify-content: space-between; align-items: center; gap: 8px; height: 60px; padding: 12px; display: flex; }
.product-photo-lightbox button { cursor: pointer; background: rgb(237, 243, 255); border-radius: 5px; padding: 5px 9px; }
.product-photo-lightbox button:disabled { opacity: 0.35; cursor: default; }
.product-photo-lightbox [data-error] { color: rgb(204, 68, 68); background: rgb(255, 255, 255); position: absolute; top: 65px; left: 20px; }
.pd-page { color: rgb(53, 75, 105); max-width: 1400px; margin: 0px auto; }
.pd-top { justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 20px; display: flex; }
.pd-back { color: rgb(118, 139, 167); font-size: 13px; }
.pd-top p { letter-spacing: 1.5px; color: rgb(96, 120, 152); margin-top: 8px; font-size: 11px; }
.pd-top p span { color: rgb(164, 176, 194); margin-left: 10px; }
.pd-top-actions { gap: 10px; display: flex; }
.pd-top-actions a { background: rgb(255, 255, 255); border: 1px solid rgb(220, 228, 239); border-radius: 8px; padding: 11px 16px; font-size: 13px; }
.pd-top-actions .pd-primary { color: rgb(255, 255, 255); background: rgb(57, 124, 246); border-color: rgb(57, 124, 246); }
.pd-hero { background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 240); border-radius: 18px; grid-template-columns: 1fr 1fr; display: grid; overflow: hidden; box-shadow: rgba(45, 74, 112, 0.063) 0px 8px 30px; }
.pd-gallery { background: rgb(247, 249, 252); border-right: 1px solid rgb(232, 237, 245); min-width: 0px; padding: 24px; }
.pd-main-image { background: rgb(255, 255, 255); border-radius: 12px; height: 420px; overflow: hidden; }
.pd-main-image > button { cursor: zoom-in; width: 100%; height: 100%; position: relative; }
.pd-main-image img { object-fit: contain; width: 100%; height: 100%; }
.pd-main-image button span { background: rgba(255, 255, 255, 0.933); border: 1px solid rgb(225, 231, 239); border-radius: 20px; padding: 6px 12px; font-size: 12px; position: absolute; bottom: 14px; right: 14px; }
.pd-thumbnails { gap: 9px; margin-top: 16px; padding-bottom: 4px; display: flex; overflow-x: auto; }
.pd-thumbnails img { object-fit: contain; background: rgb(255, 255, 255); border: 1px solid rgb(221, 229, 239); border-radius: 7px; flex-shrink: 0; width: 64px; height: 76px; }
.pd-thumbnails img:hover { border-color: rgb(57, 124, 246); }
.pd-summary { min-width: 0px; padding: 32px; }
.pd-badges { flex-wrap: wrap; gap: 8px; font-size: 12px; display: flex; }
.pd-badges > * { color: rgb(106, 129, 161); background: rgb(240, 244, 250); border-radius: 20px; padding: 5px 10px; }
.pd-badges .pd-active { color: rgb(7, 152, 115); background: rgb(231, 248, 241); }
.pd-category { color: rgb(129, 146, 169); margin: 24px 0px 9px; font-size: 13px; }
.pd-summary h1 { letter-spacing: -0.4px; font-size: clamp(21px, 2vw, 29px); font-weight: 600; line-height: 1.4; }
.pd-price { border-bottom: 1px solid rgb(237, 240, 245); margin: 24px 0px; padding-bottom: 22px; }
.pd-price small, .pd-price strong, .pd-price span { display: block; }
.pd-price small { color: rgb(130, 147, 168); font-size: 12px; }
.pd-price strong { color: rgb(49, 90, 149); margin: 5px 0px; font-size: 32px; font-weight: 650; }
.pd-price span { color: rgb(132, 149, 171); font-size: 12px; }
.pd-identifiers { grid-template-columns: 1fr 1fr; gap: 16px; display: grid; }
.pd-identifiers dt, .pd-info-list dt { color: rgb(137, 153, 173); font-size: 12px; }
.pd-identifiers dd { overflow-wrap: anywhere; margin-top: 4px; font-size: 13px; }
.pd-stock-stats { background: rgb(246, 248, 252); border-radius: 10px; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 24px; padding: 16px; display: grid; }
.pd-stock-stats strong, .pd-stock-stats span { display: block; }
.pd-stock-stats strong { color: rgb(66, 104, 149); font-size: 22px; }
.pd-stock-stats span { color: rgb(138, 154, 176); margin-top: 3px; font-size: 11px; }
.pd-shipping-line { color: rgb(131, 148, 169); margin-top: 20px; font-size: 12px; }
.pd-shipping-line strong { color: rgb(7, 152, 115); margin-left: 8px; }
.pd-shipping-line span { margin-top: 6px; display: block; }
.pd-section-nav { border-bottom: 1px solid rgb(223, 230, 240); gap: 24px; margin: 24px 0px 20px; padding: 0px 6px; display: flex; overflow: auto; }
.pd-section-nav a { white-space: nowrap; padding: 12px 0px; font-size: 13px; }
.pd-section-nav a:hover { color: rgb(57, 124, 246); }
.pd-details-grid { grid-template-columns: minmax(0px, 2fr) minmax(260px, 1fr); gap: 20px; display: grid; }
.pd-card { background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 240); border-radius: 13px; margin-bottom: 20px; padding: 24px; scroll-margin-top: 20px; overflow: hidden; }
.pd-card h2 { margin-bottom: 18px; font-size: 16px; font-weight: 600; }
.pd-card-heading { justify-content: space-between; align-items: center; display: flex; }
.pd-card-heading > span { color: rgb(136, 153, 174); font-size: 12px; }
.pd-description { white-space: pre-wrap; font-size: 14px; line-height: 1.8; }
.pd-info-list > div { border-bottom: 1px solid rgb(240, 242, 247); padding: 11px 0px; }
.pd-info-list > div:last-child { border-bottom: 0px; }
.pd-info-list dd { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 5px; font-size: 13px; }
.pd-table { border-collapse: collapse; width: 100%; font-size: 12px; }
.pd-table th { color: rgb(123, 143, 169); text-align: left; white-space: nowrap; background: rgb(245, 247, 251); padding: 12px; font-weight: 500; }
.pd-table td { border-bottom: 1px solid rgb(237, 241, 246); padding: 14px 12px; }
.pd-table td a { white-space: nowrap; color: rgb(57, 124, 246); margin-right: 7px; }
.pd-no-image { color: rgb(154, 172, 195); flex-direction: column; justify-content: center; align-items: center; gap: 12px; height: 100%; font-size: 13px; display: flex; }
.pd-no-image > span { font-size: 58px; }
.pd-empty { color: rgb(154, 172, 195); font-size: 13px; }
@media (width <= 900px) {
  .pd-hero { grid-template-columns: 1fr; }
  .pd-gallery { border-right: 0px; }
  .pd-main-image { height: 360px; }
  .pd-summary { padding: 24px; }
  .pd-details-grid { grid-template-columns: 1fr; }
}
@media (width <= 550px) {
  .pd-top { flex-direction: column; align-items: flex-start; }
  .pd-top-actions { width: 100%; }
  .pd-top-actions a { text-align: center; flex: 1 1 0%; padding: 10px; }
  .pd-gallery, .pd-summary, .pd-card { padding: 16px; }
  .pd-main-image { height: 300px; }
  .pd-price strong { font-size: 27px; }
  .pd-identifiers { grid-template-columns: 1fr; }
  .pd-details-grid { gap: 0px; }
}
.quick-stock-link { color: rgb(57, 124, 246); cursor: pointer; background: rgb(237, 243, 255); border: 1px solid rgb(220, 231, 250); border-radius: 6px; min-width: 40px; padding: 5px 12px; font-weight: 600; }
.quick-stock-link:hover { background: rgb(224, 235, 255); }
.quick-stock-link:focus-visible { outline-offset: 2px; outline: rgb(57, 124, 246) solid 2px; }
.qs-dialog { color: rgb(53, 75, 105); background: rgb(246, 248, 252); border: 1px solid rgb(220, 229, 241); border-radius: 16px; width: min(920px, -32px + 100vw); max-height: calc(100dvh - 32px); margin: auto; padding: 0px; position: fixed; inset: 0px; box-shadow: rgba(32, 62, 91, 0.19) 0px 24px 80px; }
.qs-dialog::backdrop { backdrop-filter: blur(3px); background: rgba(35, 54, 79, 0.4); }
.qs-dialog form { flex-direction: column; max-height: calc(100dvh - 34px); display: flex; }
.qs-dialog header { background: rgb(237, 243, 255); border-bottom: 1px solid rgb(220, 230, 247); flex-shrink: 0; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 26px; display: flex; }
.qs-heading { align-items: center; gap: 14px; min-width: 0px; display: flex; }
.qs-heading > div { min-width: 0px; }
.qs-heading-icon { color: rgb(87, 133, 203); background: rgb(255, 255, 255); border: 1px solid rgb(220, 230, 247); border-radius: 12px; flex-shrink: 0; place-items: center; width: 44px; height: 44px; font-size: 26px; display: grid; }
.qs-dialog h2 { color: rgb(53, 94, 153); margin: 0px; font-size: 18px; font-weight: 600; }
.qs-dialog header strong { color: rgb(118, 142, 174); overflow-wrap: anywhere; margin-top: 5px; font-size: 12px; font-weight: 400; display: block; }
.qs-dialog header button { color: rgb(109, 135, 170); cursor: pointer; background: rgba(255, 255, 255, 0.6); border: 1px solid rgb(218, 228, 242); border-radius: 8px; flex-shrink: 0; place-items: center; width: 34px; height: 34px; font-size: 23px; display: grid; }
.qs-dialog header button:hover { color: rgb(57, 124, 246); background: rgb(255, 255, 255); }
.qs-body { min-height: 0px; padding: 24px; overflow: auto; }
.qs-settings, .qs-variants { background: rgb(255, 255, 255); border: 1px solid rgb(224, 231, 240); border-radius: 12px; padding: 20px; }
.qs-section-title h3 { color: rgb(66, 98, 135); margin: 0px; font-size: 14px; font-weight: 600; }
.qs-section-title > span { color: rgb(145, 160, 180); margin-top: 4px; font-size: 11px; display: block; }
.qs-grid { grid-template-columns: 1fr 1fr; gap: 18px 24px; margin-top: 20px; display: grid; }
.qs-dialog label { color: rgb(106, 128, 157); flex-direction: column; gap: 8px; font-size: 12px; display: flex; }
.qs-dialog input:not([type="checkbox"]), .qs-dialog select { color: rgb(53, 75, 105); background: rgb(255, 255, 255); border: 1px solid rgb(215, 225, 239); border-radius: 7px; width: 100%; min-width: 0px; height: 41px; padding: 8px 11px; font-size: 13px; transition: border-color 0.15s, box-shadow 0.15s; }
.qs-dialog input:read-only, .qs-dialog input:disabled { color: rgb(128, 148, 176); background: rgb(244, 247, 252); }
.qs-dialog input:focus, .qs-dialog select:focus { border-color: rgb(123, 166, 239); outline: none; box-shadow: rgba(57, 124, 246, 0.08) 0px 0px 0px 3px; }
.qs-dialog input[name="quantity"] { color: rgb(57, 116, 195); font-weight: 600; }
.qs-help { color: rgb(124, 144, 172); margin: 14px 3px 20px; font-size: 11px; line-height: 1.7; }
.qs-variant-toolbar { justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 17px; display: flex; }
.qs-dialog .qs-filter { flex: 1 1 0%; max-width: 250px; margin: 0px; }
.qs-search-label { clip-path: inset(50%); width: 1px; height: 1px; position: absolute; overflow: hidden; }
.qs-filter input::placeholder { color: rgb(153, 169, 190); font-size: 11px; }
.qs-table-wrap { border: 1px solid rgb(228, 234, 243); border-radius: 8px; overflow: auto; }
.qs-dialog table { border-collapse: collapse; width: 100%; font-size: 12px; }
.qs-dialog th, .qs-dialog td { text-align: left; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(233, 238, 246); border-image: none; padding: 11px 9px; }
.qs-dialog th { color: rgb(122, 143, 174); white-space: nowrap; background: rgb(241, 245, 251); font-size: 11px; font-weight: 500; }
.qs-dialog tbody tr:nth-child(2n) { background: rgb(250, 251, 253); }
.qs-dialog tbody tr:last-child td { border-bottom: 0px; }
.qs-dialog tbody tr:hover { background: rgb(245, 248, 255); }
.qs-dialog td:first-child { color: rgb(145, 162, 185); }
.qs-dialog td:nth-child(2) { min-width: 135px; font-weight: 500; }
.qs-dialog td:nth-child(3) input { min-width: 75px; }
.qs-dialog td:nth-child(4) input { min-width: 140px; }
.qs-dialog td:last-child input { min-width: 85px; }
.qs-dialog td input:not([type="checkbox"]) { height: 36px; font-size: 12px; }
.qs-dialog input[type="checkbox"] { appearance: none; cursor: pointer; background: rgb(211, 220, 233); border-radius: 20px; width: 38px; height: 22px; transition: background 0.15s; display: block; position: relative; }
.qs-dialog input[type="checkbox"]::before { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 16px; height: 16px; transition: left 0.15s; position: absolute; top: 3px; left: 3px; box-shadow: rgba(40, 69, 104, 0.125) 0px 1px 3px; }
.qs-dialog input[type="checkbox"]:checked { background: rgb(57, 124, 246); }
.qs-dialog input[type="checkbox"]:checked::before { left: 19px; }
.qs-dialog footer { background: rgb(255, 255, 255); border-top: 1px solid rgb(225, 232, 242); flex-shrink: 0; justify-content: space-between; align-items: center; gap: 15px; padding: 17px 24px; display: flex; }
.qs-dialog footer > span { color: rgb(146, 161, 182); font-size: 11px; }
.qs-dialog .qs-save { color: rgb(255, 255, 255); cursor: pointer; background: rgb(57, 124, 246); border: 1px solid rgb(57, 124, 246); border-radius: 8px; padding: 10px 22px; font-size: 13px; font-weight: 500; box-shadow: rgba(57, 124, 246, 0.133) 0px 3px 8px; }
.qs-save:hover { background: rgb(40, 105, 223); }
.qs-save:disabled { opacity: 0.5; }
.qs-dialog [data-qs-error] { color: rgb(169, 48, 48); background: rgb(255, 240, 238); border-radius: 8px; margin-bottom: 15px; padding: 12px; font-size: 13px; }
@media (width <= 550px) {
  .qs-grid { grid-template-columns: 1fr; gap: 14px; }
  .qs-body, .qs-settings, .qs-variants { padding: 14px; }
  .qs-dialog header { padding: 17px; }
  .qs-dialog h2 { font-size: 16px; }
  .qs-heading-icon { display: none; }
  .qs-variant-toolbar { flex-direction: column; align-items: stretch; }
  .qs-dialog .qs-filter { max-width: none; }
  .qs-dialog footer { padding: 14px; }
  .qs-dialog footer > span { max-width: 140px; }
}
.sm-page { color: rgb(53, 75, 105); max-width: 1440px; margin: auto; }
.sm-heading { justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; display: flex; }
.sm-back { color: rgb(130, 148, 174); font-size: 12px; }
.sm-heading h1 { color: rgb(54, 93, 146); margin: 10px 0px 6px; font-size: 25px; font-weight: 600; }
.sm-heading p { overflow-wrap: anywhere; color: rgb(122, 143, 170); font-size: 13px; }
.sm-heading p span { color: rgb(57, 124, 246); margin-right: 7px; }
.sm-detail-link { color: rgb(84, 122, 170); background: rgb(255, 255, 255); border: 1px solid rgb(219, 229, 243); border-radius: 8px; flex-shrink: 0; padding: 11px 16px; font-size: 12px; }
.sm-detail-link:hover { background: rgb(237, 243, 255); }
.sm-stats { grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 22px; display: grid; }
.sm-stats > div { background: rgb(255, 255, 255); border: 1px solid rgb(224, 231, 242); border-radius: 13px; padding: 21px 24px; box-shadow: rgba(53, 75, 105, 0.024) 0px 4px 18px; }
.sm-stats > div:first-child { background: rgb(237, 243, 255); border-color: rgb(220, 230, 250); }
.sm-stats span, .sm-stats small { color: rgb(129, 148, 175); font-size: 12px; display: block; }
.sm-stats strong { color: rgb(59, 107, 169); margin: 6px 0px; font-size: 29px; font-weight: 600; line-height: 1.4; display: block; }
.sm-stats small { color: rgb(152, 167, 187); font-size: 11px; }
.sm-grid { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.2fr); align-items: start; gap: 22px; margin-bottom: 22px; display: grid; }
.sm-card { background: rgb(255, 255, 255); border: 1px solid rgb(224, 231, 242); border-radius: 13px; min-width: 0px; overflow: hidden; }
.sm-card-title { background: rgb(247, 249, 253); border-bottom: 1px solid rgb(231, 237, 245); justify-content: space-between; align-items: center; gap: 12px; padding: 19px 22px; display: flex; }
.sm-card-title h2 { color: rgb(71, 102, 143); margin: 0px; font-size: 15px; font-weight: 600; }
.sm-card-title > span { color: rgb(128, 148, 178); white-space: nowrap; background: rgb(237, 242, 250); border-radius: 6px; padding: 5px 9px; font-size: 11px; }
.sm-card-title p { color: rgb(145, 161, 183); margin-top: 5px; font-size: 11px; }
.sm-table-scroll { overflow-x: auto; }
.sm-table { border-collapse: collapse; width: 100%; font-size: 12px; }
.sm-table th { color: rgb(130, 149, 176); text-align: left; white-space: nowrap; background: rgb(251, 252, 254); border-bottom: 1px solid rgb(233, 238, 246); padding: 13px 18px; font-size: 11px; font-weight: 500; }
.sm-table td { border-bottom: 1px solid rgb(237, 241, 247); padding: 14px 18px; }
.sm-table tbody tr:last-child td { border-bottom: 0px; }
.sm-table tbody tr:hover { background: rgb(250, 252, 255); }
.sm-stock-value { color: rgb(78, 127, 190); background: rgb(237, 243, 255); border-radius: 6px; padding: 4px 10px; display: inline-block; }
.sm-stock-value.sm-low { color: rgb(198, 127, 96); background: rgb(255, 242, 237); }
.sm-table .sm-empty { text-align: center; color: rgb(149, 165, 186); padding: 36px 18px; }
.sm-empty strong, .sm-empty span { display: block; }
.sm-empty strong { color: rgb(111, 134, 166); margin-bottom: 8px; font-size: 13px; font-weight: 500; }
.sm-empty span { font-size: 12px; }
.sm-form { padding: 22px; }
.sm-fields { grid-template-columns: 1fr 1fr; gap: 17px 20px; display: grid; }
.sm-fields label { color: rgb(113, 135, 164); flex-direction: column; gap: 7px; font-size: 12px; display: flex; position: relative; }.sm-fields .sm-full { grid-column: 1 / -1; }
.sm-optional { color: rgb(164, 176, 194); font-size: 10px; position: absolute; top: 0px; right: 0px; }
.sm-fields input, .sm-fields select { color: rgb(53, 75, 105); background: rgb(255, 255, 255); border: 1px solid rgb(215, 225, 239); border-radius: 7px; width: 100%; min-width: 0px; height: 41px; padding: 8px 11px; font-size: 13px; }
.sm-fields input::placeholder { color: rgb(164, 177, 196); font-size: 12px; }
.sm-fields input:focus, .sm-fields select:focus { border-color: rgb(123, 166, 239); outline: none; box-shadow: rgba(57, 124, 246, 0.08) 0px 0px 0px 3px; }
.sm-form-footer { border-top: 1px solid rgb(237, 241, 246); justify-content: space-between; align-items: center; gap: 16px; margin-top: 20px; padding-top: 18px; display: flex; }
.sm-form-footer span { color: rgb(147, 163, 185); max-width: 240px; font-size: 11px; line-height: 1.6; }
.sm-form-footer button { color: rgb(255, 255, 255); white-space: nowrap; cursor: pointer; background: rgb(57, 124, 246); border: 1px solid rgb(57, 124, 246); border-radius: 8px; padding: 10px 21px; font-size: 13px; }
.sm-form-footer button:hover { background: rgb(40, 105, 223); }
.sm-date { white-space: nowrap; }
.sm-date small { color: rgb(154, 170, 192); margin-top: 4px; font-size: 10px; display: block; }
.sm-type { color: rgb(128, 149, 179); white-space: nowrap; background: rgb(242, 245, 250); border-radius: 5px; padding: 4px 8px; font-size: 11px; }
.sm-change { text-align: center; border-radius: 6px; min-width: 36px; padding: 5px 9px; font-weight: 600; display: inline-block; }
.sm-in { color: rgb(37, 155, 120); background: rgb(233, 248, 241); }
.sm-out { color: rgb(203, 117, 105); background: rgb(255, 240, 238); }
.sm-note { overflow-wrap: anywhere; color: rgb(138, 156, 180); min-width: 140px; max-width: 300px; }
.sm-pagination { padding: 12px 20px; }
.sm-pagination:empty { display: none; }
.sm-notice { color: rgb(109, 133, 168); background: rgb(237, 243, 255); border: 1px solid rgb(220, 231, 248); border-radius: 10px; margin-bottom: 22px; padding: 17px 20px; font-size: 13px; line-height: 1.7; }
.sm-notice a { color: rgb(57, 124, 246); }
@media (width <= 900px) {
  .sm-grid { grid-template-columns: 1fr; }
}
@media (width <= 550px) {
  .sm-heading { flex-direction: column; align-items: flex-start; gap: 12px; }
  .sm-stats { gap: 8px; }
  .sm-stats > div { padding: 15px 10px; }
  .sm-stats strong { font-size: 24px; }
  .sm-stats span { font-size: 10px; }
  .sm-stats small { font-size: 9px; }
  .sm-fields { grid-template-columns: 1fr; }
  .sm-form, .sm-card-title { padding: 16px; }
  .sm-form-footer span { max-width: 180px; }
}
.de { color: rgb(52, 65, 84); max-width: 1600px; margin: 0px auto; font-size: 13px; }
.de-top { background: rgb(255, 255, 255); flex-wrap: wrap; align-items: center; gap: 25px; margin: -10px -10px 25px; padding: 14px 20px; display: flex; }
.de-top strong { margin-right: auto; }
.de-top .active { color: rgb(23, 100, 191); border-bottom: 2px solid rgb(23, 100, 191); padding: 12px; }
.de button { cursor: pointer; font: inherit; }
.de-top button, .de-top a { color: inherit; background: 0px 0px; border: 0px; }
.de-layout { grid-template-columns: 210px minmax(0px, 1fr); gap: 22px; display: grid; }
.de aside { background: rgb(255, 255, 255); border-radius: 10px; align-self: start; overflow: hidden; box-shadow: rgba(27, 54, 85, 0.035) 0px 6px 18px; }
.de aside button { text-align: left; color: rgb(52, 65, 84); background: rgb(255, 255, 255); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(238, 238, 238); border-image: none; width: 100%; padding: 14px 16px; display: block; }
.de aside button.active { color: rgb(41, 95, 165); background: rgb(232, 239, 253); }
.de-work { background: rgb(255, 255, 255); border-radius: 10px; min-width: 0px; padding: 22px; }
.de-toolbar { justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 16px; display: flex; }
.de-toolbar h1 { margin: 0px; font-size: 17px; }
.de-toolbar h1 span { color: rgb(153, 90, 181); }
.de-toolbar h1 b { font-weight: 500; }
.de-actions { align-items: center; gap: 6px; display: flex; }
.de-actions button, .de-savebar button, .de-dialog-panel button { color: rgb(69, 99, 136); background: rgb(255, 255, 255); border: 1px solid rgb(220, 226, 235); border-radius: 4px; padding: 8px 10px; }
.de .de-primary { color: rgb(255, 255, 255); background: rgb(0, 185, 138); border: 0px; border-radius: 3px; padding: 11px 16px; }
.de-note { color: rgb(70, 83, 107); background: rgb(245, 245, 250); border-left: 9px solid rgb(196, 200, 222); margin: 12px 0px; padding: 13px; }
.de-group { background: rgb(250, 250, 250); border: 1px dashed rgb(183, 187, 195); margin: 13px 0px; }
.de-group > header { border-bottom: 1px dashed rgb(183, 187, 195); align-items: center; padding: 15px 10px; display: flex; }
.de-group > header > .de-actions { margin-left: auto; }
.de-group-name, .de-module-name { color: rgb(52, 65, 84); text-align: left; background: 0px 0px; border: 0px; }
.de-group-name { font-size: 15px !important; }
.de-columns { display: grid; overflow-x: auto; }
.de-column { border-right: 1px dashed rgb(183, 187, 195); min-width: 0px; padding: 12px 9px; }
.de-column:last-child { border-right: 0px; }
.de-column-title { align-items: center; gap: 4px; margin-bottom: 10px; font-size: 12px; display: flex; }
.de-link { color: rgb(45, 122, 197); background: 0px 0px; border: 0px; }
.de-module { border-bottom: 1px solid rgb(236, 238, 240); align-items: center; gap: 4px; margin: 8px 0px; padding: 6px 0px; display: flex; }
.de-module > .de-actions { flex-shrink: 0; margin-left: auto; }
.de .de-icon { color: rgb(40, 122, 181); background: 0px 0px; border: 0px; padding: 1px 3px; font-size: 13px; }
.de .de-delete { color: rgb(221, 81, 71); }
.de-handle { color: rgb(157, 167, 180); background: 0px 0px; border: 0px; padding: 0px 4px; cursor: grab !important; font-size: 17px !important; }
.de-disabled { opacity: 0.55; }
.de-savebar { background: rgb(255, 255, 255); border-top: 1px solid rgb(237, 240, 245); align-items: center; gap: 10px; margin-top: 20px; padding: 15px 0px; display: flex; position: sticky; bottom: 0px; }
.de-savebar span { margin-right: auto; font-size: 12px; }
.de dialog { color: rgb(52, 65, 84); border: 0px; border-radius: 10px; width: min(740px, -28px + 100vw); max-height: 90vh; padding: 0px; box-shadow: rgba(0, 0, 0, 0.333) 0px 18px 65px; }
.de dialog::backdrop { background: rgba(36, 51, 72, 0.533); }
.de dialog header { color: rgb(255, 255, 255); background: rgb(8, 99, 210); justify-content: space-between; align-items: center; padding: 20px; display: flex; }
.de dialog header h2 { margin: 4px 0px; font-size: 17px; }
.de dialog header button { color: rgb(255, 255, 255); background: 0px 0px; border: 0px; font-size: 28px; }
.de dialog nav { border-bottom: 1px solid rgb(227, 231, 239); padding: 0px 20px; display: flex; }
.de dialog nav button { color: rgb(69, 96, 128); background: 0px 0px; border: 0px; padding: 15px; }
.de dialog nav button.active { color: rgb(38, 128, 255); border-bottom: 2px solid rgb(38, 128, 255); }
.de-dialog-panel { grid-template-columns: 1fr 1fr; gap: 15px 20px; padding: 20px; display: grid; }
.de-dialog-panel[hidden] { display: none; }
.de-dialog-panel label { flex-direction: column; gap: 7px; font-size: 12px; display: flex; }
.de-dialog-panel input, .de-dialog-panel textarea, .de-dialog-panel select { width: 100%; min-width: 0px; font: inherit; color: rgb(52, 65, 84); background: rgb(255, 255, 255); border: 1px solid rgb(204, 210, 219); border-radius: 3px; padding: 9px; }
.de-dialog-panel input[type="color"] { height: 38px; }
.de-dialog-panel input[type="checkbox"] { width: 18px; height: 18px; }
.de-dialog-panel .de-check { justify-content: center; }
.de-dialog-panel > p, .de-widths, .de-dialog-panel > div:not(.de-item) { grid-column: 1 / -1; }
.de-widths { overflow-x: auto; }
.de-widths table { width: 100%; font-size: 11px; }
.de-widths td, .de-widths th { border: 1px solid rgb(225, 229, 238); padding: 4px; }
.de-widths select { min-width: 57px; padding: 6px 2px; }
.de-item { background: rgb(250, 251, 255); border: 1px solid rgb(227, 231, 238); gap: 12px; margin-bottom: 10px; padding: 15px; display: grid; }
.de dialog footer { background: rgb(242, 242, 242); justify-content: flex-end; gap: 12px; padding: 16px 20px; display: flex; }
.de dialog footer button { border: 1px solid rgb(204, 210, 219); border-radius: 3px; padding: 10px 15px; }
.de button:disabled { opacity: 0.5; cursor: default; }
.de [hidden] { display: none !important; }
@media (width <= 850px) {
  .de-layout { grid-template-columns: 1fr; }
  .de aside { display: flex; overflow-x: auto; }
  .de aside button { flex-shrink: 0; width: auto; }
  .de-toolbar { flex-direction: column; align-items: start; }
  .de-work { padding: 14px; }
  .de-top { gap: 10px; }
  .de-savebar { flex-wrap: wrap; }
  .de-savebar span { width: 100%; }
  .de-dialog-panel { grid-template-columns: 1fr; }
  .de-module > .de-actions { gap: 0px; }
  .de-actions { flex-wrap: wrap; }
}
.de dialog { margin: auto; position: fixed; inset: 0px; }
.de-page-details { background: rgb(248, 250, 255); border: 1px solid rgb(220, 229, 244); border-radius: 9px; margin: 15px 0px; padding: 18px; }
.de-page-details p { color: rgb(105, 124, 149); font-size: 12px; }
.de-page-details .de-toolbar { margin-bottom: 10px; }
.de-detail-chips { flex-wrap: wrap; gap: 8px; display: flex; }
.de-detail-chips span { color: rgb(86, 114, 154); background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 241); border-radius: 5px; padding: 8px 12px; font-size: 12px; }
.od-dialog.om-dialog { width: min(920px, -32px + 100vw); max-width: 920px; max-height: 90vh; margin: auto; padding: 0px; }
.om-dialog header { color: rgb(255, 255, 255); background: rgb(9, 98, 213); justify-content: space-between; align-items: center; display: flex; margin: 0px !important; padding: 20px !important; }
.om-dialog header h2 { color: rgb(255, 255, 255); margin: 0px; }
.om-dialog header button { color: rgb(255, 255, 255); background: 0px 0px; border: 0px; font-size: 25px; }
.om-body { padding: 18px; }
.om-dialog footer { background: rgb(242, 242, 242); justify-content: flex-end; gap: 8px; padding: 15px 18px; display: flex; }
.om-table { border-collapse: collapse; width: 100%; font-size: 12px; }
.om-table th, .om-table td { vertical-align: middle; border: 1px solid rgb(226, 230, 237); padding: 10px; }
.om-table th { white-space: nowrap; background: rgb(247, 247, 247); }
.om-table td:first-child { min-width: 260px; }
.om-table input[type="number"] { width: 85px; padding: 8px; }
.om-table small { display: block; }
.om-product { align-items: center; gap: 12px; display: flex; }
.om-product img { object-fit: contain; width: 65px; height: 86px; }
.om-product strong { font-size: 12px; }
.om-product small { color: rgb(104, 119, 138); margin-top: 5px; }
.om-scroll { margin-bottom: 20px; overflow: auto; }
.om-body .om-choice { align-items: center; gap: 9px; margin: 15px 0px; display: flex; }
.om-body .om-choice input { margin: 0px; width: auto !important; }
.om-body p { color: rgb(120, 133, 149); font-size: 12px; }
.om-body hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) currentcolor currentcolor; border-image: none; margin: 20px 0px; }
.om-search { border-bottom: 1px solid rgb(221, 221, 221); padding: 10px 18px; }
.om-search input { width: 100%; padding: 10px; font-size: 17px; border: 0px !important; }
.om-filters { grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 10px; display: grid; }
.om-filters select { border: 1px solid rgb(204, 212, 223); width: 100%; padding: 9px; }
.om-picker-results { background: rgb(244, 245, 247); min-height: 350px; padding: 18px; }
.om-picker-product { background: rgb(255, 255, 255); border: 1px solid rgb(224, 229, 235); align-items: center; gap: 14px; margin-bottom: 10px; padding: 12px; display: flex; }
.om-picker-product > img { object-fit: contain; width: 55px; height: 75px; }
.om-picker-product > div { flex: 1 1 0%; min-width: 0px; }
.om-picker-product small { color: rgb(120, 133, 149); margin: 5px 0px; font-size: 11px; display: block; }
.om-picker-product strong { font-size: 13px; }
.om-picker-product form { align-items: center; gap: 8px; display: flex; }
.om-picker-product input[type="number"] { width: 60px; }
.om-pagination { justify-content: center; gap: 20px; padding: 15px; display: flex; }
.om-return-record { border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 0px; }
@media (width <= 600px) {
  .om-filters { grid-template-columns: 1fr 1fr; }
  .om-picker-product { flex-wrap: wrap; }
  .om-picker-product form { margin-left: auto; }
  .om-dialog.om-dialog { width: calc(-16px + 100vw); }
}
.blue-shell [data-order-menu-trigger], .blue-shell [data-customer-menu-trigger] { position: relative; }
.shell-notification-dot { background: rgb(38, 132, 255); border-radius: 50%; width: 8px; height: 8px; animation: 1.7s ease-out 0s infinite normal none running shell-notification-pulse; position: absolute; top: 8px; right: 17px; box-shadow: rgba(38, 132, 255, 0.45) 0px 0px; }
.order-mega-menu .product-mega-column a > span, .market-mega-menu .product-mega-column a > span { min-width: 0px; }
.order-menu-count { color: rgb(255, 255, 255); background: rgb(38, 132, 255); border-radius: 999px; justify-content: center; align-items: center; min-width: 22px; height: 22px; margin-left: auto; padding: 0px 6px; font-size: 11px; font-weight: 700; line-height: 1; display: inline-flex; }
.order-mega-menu .product-mega-column a[aria-current="page"] .order-menu-count, .market-mega-menu .product-mega-column a[aria-current="page"] .order-menu-count { color: rgb(255, 255, 255); background: rgb(56, 107, 199); }
@keyframes shell-notification-pulse { 
  0% { box-shadow: rgba(38, 132, 255, 0.45) 0px 0px; }
  70% { box-shadow: rgba(38, 132, 255, 0) 0px 0px 0px 7px; }
  100% { box-shadow: rgba(38, 132, 255, 0) 0px 0px; }
}
@media (prefers-reduced-motion: reduce) {
  .shell-notification-dot { animation: auto ease 0s 1 normal none running none; }
}
.od-bank-notice { border: 1px solid rgb(223, 230, 239); border-radius: 9px; margin-bottom: 12px; overflow: hidden; }
.od-bank-notice:last-child { margin-bottom: 0px; }
.od-bank-summary { background: rgb(248, 250, 253); flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 16px; display: flex; }
.od-bank-summary > span { color: rgb(102, 119, 141); }
.od-bank-summary > b { border-radius: 999px; margin-left: auto; padding: 5px 9px; font-size: 11px; }
.od-bank-summary > .is-pending { color: rgb(141, 104, 21); background: rgb(255, 243, 215); }
.od-bank-summary > .is-approved { color: rgb(24, 118, 87); background: rgb(232, 248, 240); }
.od-bank-summary > .is-rejected { color: rgb(162, 62, 62); background: rgb(255, 237, 237); }
.od-bank-review { align-items: flex-end; gap: 10px; padding: 14px 16px; display: flex; }
.od-bank-review label { color: rgb(83, 101, 123); flex-direction: column; flex: 1 1 0%; gap: 7px; display: flex; }
.od-bank-review input { border: 1px solid rgb(204, 214, 226); border-radius: 6px; width: 100%; padding: 10px; }
.od-bank-review button { color: rgb(71, 87, 106); background: rgb(255, 255, 255); border: 1px solid rgb(207, 216, 227); border-radius: 6px; padding: 10px 14px; }
.od-bank-note { color: rgb(102, 119, 141); margin: 0px; padding: 0px 16px 14px; }
@media (width <= 600px) {
  .od-bank-review { flex-direction: column; align-items: stretch; }
  .od-bank-review button { width: 100%; }
}
.customer-operation-page td small { color: rgb(120, 136, 154); margin-top: 5px; display: block; }
.customer-operation-page td button { color: rgb(66, 85, 109); background: rgb(255, 255, 255); border: 1px solid rgb(212, 220, 231); border-radius: 6px; padding: 8px 11px; }
.customer-activity-status { color: rgb(101, 113, 132); background: rgb(241, 243, 246); border-radius: 999px; padding: 6px 9px; display: inline-block; }
.customer-activity-status.is-approved, .customer-activity-status.is-published, .customer-activity-status.is-answered { color: rgb(24, 118, 87); background: rgb(232, 248, 240); }
.customer-activity-status.is-pending, .customer-activity-status.is-open { color: rgb(141, 104, 21); background: rgb(255, 243, 215); }
.customer-activity-status.is-rejected, .customer-activity-status.is-closed { color: rgb(162, 62, 62); background: rgb(255, 237, 237); }
.customer-operation-dialog { color: rgb(52, 65, 84); border: 0px; border-radius: 12px; width: min(620px, -28px + 100vw); max-height: 90vh; margin: auto; padding: 0px; overflow: auto; box-shadow: rgba(23, 34, 53, 0.27) 0px 20px 70px; }
.customer-operation-dialog::backdrop { background: rgba(23, 34, 53, 0.5); }
.customer-operation-dialog > header { background: rgb(248, 250, 253); border-bottom: 1px solid rgb(223, 229, 237); justify-content: space-between; align-items: center; padding: 18px 20px; display: flex; }
.customer-operation-dialog > header h2 { margin: 0px; font-size: 18px; }
.customer-operation-dialog > header button { background: 0px 0px; border: 0px; font-size: 24px; }
.customer-operation-dialog > form, .customer-operation-detail { padding: 20px; }
.customer-operation-dialog label { flex-direction: column; gap: 7px; margin-bottom: 14px; display: flex; }
.customer-operation-dialog input, .customer-operation-dialog select, .customer-operation-dialog textarea { border: 1px solid rgb(204, 213, 224); border-radius: 6px; width: 100%; padding: 11px; }
.customer-operation-dialog textarea { min-height: 100px; }
.customer-operation-dialog footer { justify-content: flex-end; gap: 8px; margin-top: 18px; display: flex; }
.customer-operation-dialog footer button { background: rgb(255, 255, 255); border: 1px solid rgb(209, 217, 228); border-radius: 6px; padding: 10px 15px; }
.customer-operation-dialog footer button[type="submit"] { color: rgb(255, 255, 255); background: rgb(102, 112, 133); }
.customer-operation-detail dl > div { border-top: 1px solid rgb(237, 240, 244); grid-template-columns: 150px 1fr; padding: 8px; display: grid; }
.customer-operation-detail dt { color: rgb(113, 128, 150); }
.customer-operation-detail dd { overflow-wrap: anywhere; margin: 0px; }
.od-payment-dialog { width: min(590px, -28px + 100vw); max-height: calc(100dvh - 28px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: hidden; }
.od-payment-dialog form { flex-direction: column; max-height: calc(100dvh - 30px); display: flex; }
.od-payment-dialog form > header { background: rgb(244, 247, 251); border-bottom: 1px solid rgb(223, 231, 241); justify-content: space-between; align-items: center; gap: 20px; margin: 0px; padding: 20px 24px; display: flex; }
.od-payment-dialog form > header span { color: rgb(130, 148, 173); margin-bottom: 4px; font-size: 11px; display: block; }
.od-payment-dialog form > header h2 { color: rgb(47, 77, 114); margin: 0px; font-size: 18px; }
.od-payment-dialog form > header button { color: rgb(111, 132, 160); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(216, 225, 237); border-radius: 8px; place-items: center; width: 36px; height: 36px; padding: 0px; font-size: 22px; display: grid; }
.od-payment-body { gap: 17px; padding: 24px; display: grid; overflow: auto; }
.od-payment-total { background: rgb(248, 250, 253); border: 1px solid rgb(223, 231, 241); border-radius: 10px; justify-content: space-between; align-items: center; gap: 20px; padding: 17px 18px; display: flex; }
.od-payment-total span { color: rgb(114, 134, 162); font-size: 12px; }
.od-payment-total strong { color: rgb(41, 73, 111); font-size: 19px; }
.od-payment-dialog .od-payment-note { color: rgb(102, 123, 151); background: rgb(244, 247, 251); border-left: 3px solid rgb(174, 190, 213); border-radius: 4px; margin: 0px; padding: 12px 15px; font-size: 12px; }
.od-payment-dialog label { color: rgb(83, 108, 138); gap: 7px; margin: 0px; font-size: 13px; display: grid; }
.od-payment-dialog label span { align-items: center; gap: 5px; display: flex; }
.od-payment-dialog label em { color: rgb(216, 101, 101); font-style: normal; }
.od-payment-dialog label small { color: rgb(150, 165, 184); font-size: 11px; }
.od-payment-dialog input, .od-payment-dialog textarea { box-sizing: border-box; color: rgb(48, 76, 109); width: 100%; font: inherit; background: rgb(255, 255, 255); border: 1px solid rgb(212, 222, 234); border-radius: 7px; margin: 0px; padding: 11px 12px; }
.od-payment-dialog input:focus, .od-payment-dialog textarea:focus { outline-offset: 1px; border-color: rgb(157, 180, 210); outline: rgb(184, 203, 229) solid 2px; }
.od-money-input { grid-template-columns: minmax(0px, 1fr) auto; display: grid; }
.od-money-input input { border-radius: 7px 0px 0px 7px; }
.od-money-input b { color: rgb(93, 115, 144); background: rgb(244, 247, 251); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(212, 222, 234) rgb(212, 222, 234) rgb(212, 222, 234) currentcolor; border-image: none; border-radius: 0px 7px 7px 0px; place-items: center; min-width: 60px; padding: 0px 12px; font-size: 12px; display: grid; }
.od-payment-dialog footer { background: rgb(248, 250, 252); border-top: 1px solid rgb(227, 233, 241); justify-content: flex-end; gap: 9px; padding: 16px 24px; display: flex; }
.od-payment-dialog footer button { cursor: pointer; border-radius: 7px; padding: 10px 15px; }
.od-payment-dialog .od-secondary { color: rgb(102, 125, 153); background: rgb(255, 255, 255); border: 1px solid rgb(215, 224, 235); }
@media (width <= 560px) {
  .od-payment-dialog form > header, .od-payment-body, .od-payment-dialog footer { padding-left: 16px; padding-right: 16px; }
  .od-payment-dialog form > header h2 { font-size: 16px; }
  .od-payment-total { flex-direction: column; align-items: flex-start; gap: 5px; }
}
.od-action-dialog { width: min(590px, -28px + 100vw); max-height: calc(100dvh - 28px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: hidden; }
.od-action-dialog form { flex-direction: column; max-height: calc(100dvh - 30px); display: flex; }
.od-action-dialog form > header { background: rgb(244, 247, 251); border-bottom: 1px solid rgb(223, 231, 241); justify-content: space-between; align-items: center; gap: 20px; margin: 0px; padding: 20px 24px; display: flex; }
.od-action-dialog form > header span { color: rgb(130, 148, 173); margin-bottom: 4px; font-size: 11px; display: block; }
.od-action-dialog form > header h2 { color: rgb(47, 77, 114); margin: 0px; font-size: 18px; }
.od-action-dialog form > header button { color: rgb(111, 132, 160); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(216, 225, 237); border-radius: 8px; place-items: center; width: 36px; height: 36px; padding: 0px; font-size: 22px; display: grid; }
.od-action-body { gap: 17px; padding: 24px; display: grid; overflow: auto; }
.od-action-dialog label { color: rgb(83, 108, 138); gap: 7px; margin: 0px; font-size: 13px; display: grid; }
.od-action-dialog label span { align-items: center; gap: 5px; display: flex; }
.od-action-dialog label em { color: rgb(216, 101, 101); font-style: normal; }
.od-action-dialog label small { color: rgb(150, 165, 184); font-size: 11px; }
.od-action-dialog input, .od-action-dialog textarea, .od-action-dialog select { box-sizing: border-box; color: rgb(48, 76, 109); width: 100%; font: inherit; background: rgb(255, 255, 255); border: 1px solid rgb(212, 222, 234); border-radius: 7px; margin: 0px; padding: 11px 12px; }
.od-action-dialog input:focus, .od-action-dialog textarea:focus, .od-action-dialog select:focus { outline-offset: 1px; border-color: rgb(157, 180, 210); outline: rgb(184, 203, 229) solid 2px; }
.od-action-dialog .od-action-note, .od-action-dialog .od-action-warning { color: rgb(102, 123, 151); background: rgb(244, 247, 251); border-left: 3px solid rgb(174, 190, 213); border-radius: 4px; margin: 0px; padding: 12px 15px; font-size: 12px; }
.od-action-dialog .od-action-warning { color: rgb(134, 101, 51); background: rgb(255, 248, 234); border-left-color: rgb(213, 163, 95); }
.od-action-dialog footer { background: rgb(248, 250, 252); border-top: 1px solid rgb(227, 233, 241); justify-content: flex-end; gap: 9px; padding: 16px 24px; display: flex; }
.od-action-dialog footer button { cursor: pointer; border-radius: 7px; padding: 10px 15px; }
.od-action-dialog .od-secondary { color: rgb(102, 125, 153); background: rgb(255, 255, 255); border: 1px solid rgb(215, 224, 235); }
@media (width <= 560px) {
  .od-action-dialog form > header, .od-action-body, .od-action-dialog footer { padding-left: 16px; padding-right: 16px; }
  .od-action-dialog form > header h2 { font-size: 16px; }
}
.order-cart-item { color: rgb(66, 90, 118); margin: 3px 0px; display: block; }
.order-cart-item + small { margin-top: 6px; }
.order-section-table button.order-operation-view { font: inherit; cursor: pointer; }
.cart-detail-dialog { color: rgb(48, 75, 107); border: 0px; border-radius: 14px; width: min(720px, -28px + 100vw); max-height: calc(-36px + 100vh); padding: 0px; box-shadow: rgba(24, 50, 79, 0.26) 0px 24px 70px; }
.cart-detail-dialog::backdrop { background: rgba(52, 71, 96, 0.66); }
.cart-detail-dialog > header { background: rgb(244, 247, 251); border-bottom: 1px solid rgb(220, 229, 240); justify-content: space-between; align-items: center; padding: 20px 24px; display: flex; }
.cart-detail-dialog h2 { margin: 3px 0px 0px; font-size: 21px; }
.cart-detail-dialog header small { color: rgb(113, 131, 154); }
.cart-detail-dialog header button { color: rgb(66, 90, 118); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(212, 223, 236); border-radius: 8px; width: 38px; height: 38px; font-size: 20px; }
.cart-detail-body { padding: 22px; overflow: auto; }
.cart-detail-customer { background: rgb(247, 249, 252); border-radius: 8px; flex-direction: column; gap: 5px; padding: 15px; display: flex; }
.cart-detail-customer span { color: rgb(113, 131, 154); font-size: 12px; }
.cart-detail-lines { margin-top: 20px; }
.cart-detail-lines h3, .cart-offer-form h3 { font-size: 15px; }
.cart-detail-lines > div { border-bottom: 1px solid rgb(232, 237, 244); grid-template-columns: 1fr auto 120px; align-items: center; gap: 14px; padding: 12px 0px; display: grid; }
.cart-detail-lines span, .cart-detail-lines small { display: block; }
.cart-detail-lines small { color: rgb(129, 144, 162); margin-top: 4px; }
.cart-detail-lines > div > span:last-child { text-align: right; }
.cart-detail-total { max-width: 330px; margin: 16px 0px 0px auto; }
.cart-detail-total > div { justify-content: space-between; gap: 20px; padding: 7px 0px; display: flex; }
.cart-detail-total .final { border-top: 1px solid rgb(220, 229, 240); margin-top: 5px; padding-top: 12px; font-weight: 700; }
.cart-offer-form { border-top: 1px solid rgb(220, 229, 240); margin-top: 22px; padding-top: 20px; }
.cart-offer-form > div { grid-template-columns: 1fr 1fr 1fr; gap: 12px; display: grid; }
.cart-offer-form label { flex-direction: column; gap: 7px; font-size: 12px; display: flex; }
.cart-offer-form .wide { grid-column: 1 / -1; }
.cart-offer-form input, .cart-offer-form select, .cart-offer-form textarea { width: 100%; font: inherit; background: rgb(255, 255, 255); border: 1px solid rgb(204, 216, 231); border-radius: 6px; padding: 10px; }
.cart-offer-form textarea { resize: vertical; min-height: 72px; }
.cart-offer-form p { color: rgb(113, 131, 154); font-size: 12px; }
.cart-offer-form > button { color: rgb(255, 255, 255); cursor: pointer; background: rgb(17, 151, 121); border: 0px; border-radius: 7px; padding: 11px 16px; font-weight: 600; }
.cart-offer-disabled { background: rgb(247, 249, 252); border: 1px solid rgb(227, 233, 241); border-radius: 8px; flex-direction: column; gap: 6px; margin-top: 20px; padding: 15px; display: flex; }
.cart-offer-disabled span { color: rgb(113, 131, 154); font-size: 12px; }
@media (width <= 680px) {
  .cart-detail-lines > div { grid-template-columns: 1fr auto; }
  .cart-detail-lines > div > span:last-child { text-align: left; grid-column: 1 / -1; }
  .cart-offer-form > div { grid-template-columns: 1fr; }
  .cart-offer-form .wide { grid-column: auto; }
}
.cart-detail-dialog { width: min(900px, -32px + 100vw); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0px; position: fixed; inset: 0px; overflow: hidden; }
.cart-detail-dialog[open] { flex-direction: column; display: flex; }
.cart-detail-dialog > header { flex: 0 0 auto; }
.cart-detail-dialog > .cart-detail-body { overscroll-behavior: contain; flex: 1 1 auto; min-height: 0px; overflow: auto; }
.cart-detail-dialog { width: min(1040px, -32px + 100vw); }
.cart-detail-grid { grid-template-columns: minmax(0px, 1.05fr) minmax(360px, 0.95fr); align-items: start; gap: 22px; margin-top: 20px; display: grid; }.cart-detail-overview, .cart-detail-grid > .cart-offer-form, .cart-detail-grid > .cart-offer-disabled { min-width: 0px; }
.cart-detail-grid .cart-detail-lines { margin-top: 0px; }
.cart-detail-grid .cart-detail-lines > div { grid-template-columns: minmax(0px, 1fr) auto; gap: 9px 12px; }
.cart-detail-grid .cart-detail-lines > div > span:last-child { text-align: left; color: rgb(96, 117, 143); grid-column: 1 / -1; }
.cart-detail-grid .cart-detail-total { background: rgb(248, 250, 252); border-radius: 8px; max-width: none; margin-top: 14px; padding: 12px 14px; }
.cart-detail-grid > .cart-offer-form, .cart-detail-grid > .cart-offer-disabled { margin-top: 0px; }
@media (width <= 820px) {
  .cart-detail-grid { grid-template-columns: 1fr; }
  .cart-detail-dialog { width: min(760px, -24px + 100vw); max-height: calc(100dvh - 24px); }
}
.cart-offer-form { background: rgb(248, 250, 252); border: 1px solid rgb(223, 231, 241); border-radius: 10px; margin-top: 24px; padding: 20px; }
.cart-offer-form > .cart-offer-heading { justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; display: flex; }
.cart-offer-heading h3 { margin: 4px 0px 0px; font-size: 17px; }
.cart-offer-heading small { color: rgb(123, 141, 163); }
.cart-offer-heading > span { color: rgb(20, 125, 104); white-space: nowrap; background: rgb(232, 246, 242); border-radius: 999px; padding: 6px 10px; font-size: 11px; }
.cart-offer-form > .cart-offer-fields { grid-template-columns: 1fr 1fr; gap: 16px; display: grid; }
.cart-offer-fields label { color: rgb(66, 90, 118); flex-direction: column; gap: 8px; min-width: 0px; font-size: 12px; font-weight: 600; display: flex; }
.cart-offer-fields label > span { justify-content: space-between; gap: 8px; display: flex; }
.cart-offer-fields label > span small { color: rgb(138, 154, 174); font-weight: 400; }
.cart-offer-fields .wide { grid-column: 1 / -1; }
.cart-offer-fields input, .cart-offer-fields select, .cart-offer-fields textarea { color: rgb(48, 75, 107); width: 100%; min-width: 0px; height: 44px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background: rgb(255, 255, 255); border: 1px solid rgb(201, 214, 229); border-radius: 7px; padding: 10px 12px; line-height: 1.4; display: block; }
.cart-offer-fields input:focus, .cart-offer-fields select:focus, .cart-offer-fields textarea:focus { border-color: rgb(17, 151, 121); outline: rgba(17, 151, 121, 0.18) solid 2px; }
.cart-offer-fields textarea { resize: vertical; height: 88px; }
.cart-offer-value { grid-template-columns: minmax(0px, 1fr) auto; align-items: stretch; display: grid; }
.cart-offer-value input { border-radius: 7px 0px 0px 7px; }
.cart-offer-value b { color: rgb(96, 117, 143); background: rgb(238, 243, 248); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(201, 214, 229) rgb(201, 214, 229) rgb(201, 214, 229) currentcolor; border-image: none; border-radius: 0px 7px 7px 0px; place-items: center; padding: 0px 13px; font-weight: 600; display: grid; }
.cart-offer-form > footer { border-top: 1px solid rgb(223, 231, 241); justify-content: space-between; align-items: center; gap: 18px; margin-top: 18px; padding-top: 17px; display: flex; }
.cart-offer-form > footer p { color: rgb(113, 131, 154); margin: 0px; font-size: 12px; }
.cart-offer-form > footer button { color: rgb(255, 255, 255); cursor: pointer; background: rgb(17, 151, 121); border: 0px; border-radius: 7px; flex-shrink: 0; padding: 12px 18px; font-weight: 600; }
@media (width <= 620px) {
  .cart-detail-body, .cart-offer-form { padding: 16px; }
  .cart-offer-form > .cart-offer-heading, .cart-offer-form > footer { flex-direction: column; align-items: stretch; }
  .cart-offer-heading > span { align-self: flex-start; }
  .cart-offer-form > .cart-offer-fields { grid-template-columns: 1fr; }
  .cart-offer-fields .wide { grid-column: auto; }
  .cart-offer-form > footer button { width: 100%; }
}
.om-return-photos { flex-wrap: wrap; gap: 10px; margin: 12px 0px; display: flex; }
.om-return-photos a { background: rgb(245, 247, 249); border: 1px solid rgb(215, 222, 231); border-radius: 7px; width: 76px; height: 76px; display: block; overflow: hidden; }
.om-return-photos img { object-fit: cover; width: 100%; height: 100%; }
.om-return-actions { flex-wrap: wrap; gap: 9px; margin-top: 12px; display: flex; }
.om-return-actions form { margin: 0px; }
.od-danger { cursor: pointer; border-radius: 5px; padding: 9px 13px; font-weight: 650; color: rgb(181, 47, 47) !important; background: rgb(255, 243, 243) !important; border: 1px solid rgb(214, 69, 69) !important; }
.om-return-record.is-rejected > strong, .om-return-rejection { color: rgb(181, 47, 47); }
.om-return-reject-dialog { width: min(520px, -32px + 100vw) !important; }
.om-return-reject-dialog header { background: rgb(185, 56, 56) !important; }
.om-return-reject-dialog label { gap: 8px; font-weight: 650; display: grid; }
.om-return-reject-dialog textarea { resize: vertical; border: 1px solid rgb(204, 213, 223); border-radius: 6px; width: 100%; min-height: 120px; padding: 11px; }
.om-return-reject-dialog footer .od-danger { color: rgb(255, 255, 255) !important; background: rgb(185, 56, 56) !important; }
.om-return-receive-dialog, .om-return-refund-dialog { width: min(590px, -32px + 100vw) !important; }
.om-dialog header small { color: rgb(220, 234, 255); margin-bottom: 4px; font-size: 11px; display: block; }
.om-return-stock-list { gap: 10px; margin: 15px 0px; display: grid; }
.om-return-stock-list > label { background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 235); border-radius: 7px; justify-content: space-between; align-items: center; gap: 18px; padding: 14px; margin: 0px !important; display: flex !important; }
.om-return-stock-list small { color: rgb(105, 123, 142); margin-top: 5px; display: block; }
.om-stock-choice { white-space: nowrap; align-items: center; gap: 7px; font-weight: 650; display: flex; }
.om-stock-choice input, .om-inline-stock input { width: auto !important; margin: 0px !important; }
.om-warning-note, .om-info-note { color: rgb(104, 75, 16); background: rgb(255, 248, 232); border-left: 3px solid rgb(226, 155, 22); border-radius: 5px; padding: 13px 14px; font-size: 12px; line-height: 1.55; }
.om-info-note { color: rgb(39, 78, 127); background: rgb(240, 246, 255); border-color: rgb(60, 124, 202); }
.om-return-refund-dialog label { gap: 6px; font-weight: 650; display: grid; }
.om-return-refund-dialog label span { color: rgb(115, 130, 150); font-weight: 400; }
.om-return-refund-dialog input, .om-return-refund-dialog select, .om-return-refund-dialog textarea { background: rgb(255, 255, 255); border: 1px solid rgb(203, 213, 225); border-radius: 6px; width: 100%; padding: 10px; }
.om-return-refund-dialog textarea { resize: vertical; min-height: 90px; }
.om-customer-notice { background: rgb(239, 250, 246); border-radius: 6px; padding: 10px 12px; color: rgb(23, 108, 83) !important; }
.om-refund-status.is-completed { color: rgb(8, 122, 86); font-weight: 700; }
.om-refund-info { color: rgb(30, 93, 75); background: rgb(241, 251, 247); border: 1px solid rgb(185, 228, 213); border-radius: 7px; margin-top: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.65; }
.om-inline-stock { white-space: nowrap; align-items: center; gap: 6px; margin: 9px 0px 0px !important; font-size: 11px !important; display: flex !important; }
.om-inline-stock input { display: inline-block !important; }
@media (width <= 600px) {
  .om-return-stock-list > label { flex-direction: column; align-items: flex-start; }
  .om-return-receive-dialog, .om-return-refund-dialog { width: calc(-16px + 100vw) !important; }
}
.om-customer-choice { color: rgb(106, 75, 17); background: rgb(255, 248, 232); border-left: 3px solid rgb(222, 157, 34); border-radius: 5px; margin: 12px 0px; padding: 11px 13px; font-size: 12px; }
.om-customer-choice.is-success { color: rgb(23, 102, 77); background: rgb(239, 250, 246); border-color: rgb(27, 150, 104); }
.om-customer-choice a { font-weight: 700; }
.balance-adjust-dialog { width: min(760px, -28px + 100vw); }
.balance-adjust-dialog > form { grid-template-columns: 1fr 1fr; gap: 12px 16px; padding: 16px 20px; display: grid; }
.balance-adjust-dialog label { margin: 0px; }
.balance-adjust-dialog footer { border-top: 1px solid rgb(237, 240, 244); grid-column: 1 / -1; margin-top: 4px; padding-top: 12px; }
@media (width <= 640px) {
  .balance-adjust-dialog > form { grid-template-columns: 1fr; }
  .balance-adjust-dialog footer { grid-column: 1; }
}
.od-invoice-dialog { width: min(620px, -32px + 100vw); }
.od-invoice-dialog header > div span { color: rgb(223, 234, 255); margin-bottom: 3px; font-size: 11px; display: block; }
.od-invoice-form { grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; display: grid; }
.od-invoice-form label { gap: 7px; margin: 0px; display: grid; }
.od-invoice-form label span { color: rgb(82, 107, 136); font-size: 12px; font-weight: 650; }
.od-invoice-form label em { color: rgb(215, 81, 81); font-style: normal; }
.od-invoice-form input, .od-invoice-form select { color: rgb(51, 78, 109); background: rgb(255, 255, 255); border: 1px solid rgb(206, 217, 231); border-radius: 7px; width: 100%; min-width: 0px; padding: 11px; }
.od-invoice-form footer { border-top: 1px solid rgb(228, 234, 242); grid-column: 1 / -1; justify-content: flex-end; gap: 9px; margin-top: 4px; padding-top: 16px; display: flex; }
.od-invoice-state { color: rgb(77, 102, 131); background: rgb(247, 249, 252); border: 1px solid rgb(219, 228, 239); border-radius: 8px; gap: 7px; padding: 16px; display: grid; }
.od-invoice-state strong { font-size: 14px; }
.od-invoice-state span { font-weight: 700; }
.od-invoice-state small { line-height: 1.55; }
.od-invoice-state a { justify-self: start; margin-top: 5px; font-weight: 700; }
.od-invoice-state.is-success { color: rgb(23, 102, 77); background: rgb(239, 250, 246); border-color: rgb(185, 228, 213); }
.od-invoice-state.is-warning { color: rgb(119, 87, 25); background: rgb(255, 249, 236); border-color: rgb(239, 214, 167); }
.od-invoice-form .od-form-error { color: rgb(169, 55, 55); background: rgb(255, 241, 241); border-radius: 6px; grid-column: 1 / -1; margin: 0px; padding: 11px 13px; font-size: 12px; }
@media (width <= 600px) {
  .od-invoice-dialog { width: calc(-16px + 100vw); }
  .od-invoice-form { grid-template-columns: 1fr; }
  .od-invoice-form footer, .od-invoice-form .od-form-error { grid-column: 1; }
  .od-invoice-form footer { flex-direction: column-reverse; align-items: stretch; }
  .od-invoice-form footer button { width: 100%; }
}
.od-dialog { margin: auto; }
.trendyol-profit-card > header > div small { margin-top: 3px; display: block; }
.trendyol-profit-hero { background: linear-gradient(135deg, rgb(255, 243, 240), rgb(255, 249, 243)); border-radius: 8px; margin: 0px 15px 12px; padding: 16px; }
.trendyol-profit-hero span { color: rgb(123, 80, 68); font-size: 12px; display: block; }
.trendyol-profit-hero strong { color: rgb(239, 91, 42); margin: 5px 0px 3px; font-size: 25px; font-weight: 600; display: block; }
.trendyol-profit-hero small { color: rgb(109, 81, 72); }
.trendyol-profit-lines { padding: 0px 15px; }
.trendyol-profit-lines > div { border-bottom: 1px solid rgb(237, 240, 245); justify-content: space-between; gap: 12px; padding: 8px 0px; font-size: 13px; display: flex; }
.trendyol-profit-lines span { color: rgb(86, 103, 125); }
.trendyol-profit-lines b { text-align: right; font-weight: 500; }
.trendyol-profit-warning, .trendyol-profit-note { border-radius: 5px; margin: auto 15px 14px; padding: 8px 10px; font-size: 11px; }
.trendyol-profit-warning { color: rgb(166, 100, 0); background: rgb(255, 247, 230); flex-wrap: wrap; gap: 3px 10px; display: flex; }
.trendyol-profit-note { color: rgb(33, 117, 86); background: rgb(238, 248, 243); }
@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-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-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { 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-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-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ping { 
  75%, 100% { opacity: 0; transform: scale(2); }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes bounce { 
  0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 1); transform: translateY(-25%); }
  50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: none; }
}
.ty-match-empty-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.ty-match-empty-actions a.is-primary{border-radius:7px;background:#f27a1a;padding:9px 14px;color:#fff}
.ty-match-empty-actions a.is-primary:hover{background:#df6810}

/* Buybox product inspector */
.trendyol-inspector-page > nav span[aria-disabled="true"]{white-space:nowrap;color:#9aa8ba;padding:15px 12px;font-size:12px}
.ty-inspector{display:grid;gap:20px}
.ty-inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid #e2e8f1;border-radius:12px;background:linear-gradient(135deg,#f8fbff 0%,#fff 72%)}
.ty-inspector-heading span{display:block;margin-bottom:7px;color:#f27a1a;font-size:11px;font-weight:700;letter-spacing:.08em}
.ty-inspector-heading h2{margin:0;color:#273e59;font-size:21px;font-weight:650}
.ty-inspector-heading p{max-width:760px;margin:8px 0 0;color:#687b93;font-size:13px;line-height:1.55}
.ty-inspector-form{display:grid;gap:8px;padding:20px 24px;border:1px solid #e2e8f1;border-radius:12px;background:#fff}
.ty-inspector-form>label{color:#344d68;font-size:12px;font-weight:600}
.ty-inspector-form>div{display:flex;align-items:stretch;gap:10px}
.ty-inspector-form input{width:100%;min-width:0;height:43px;border:1px solid #cad5e3;border-radius:8px;background:#fff;padding:0 13px;color:#263d57;font-size:13px;outline:none}
.ty-inspector-form input:focus{border-color:#4b7bec;box-shadow:0 0 0 3px rgba(75,123,236,.12)}
.ty-inspector-form button{flex:0 0 auto;min-width:112px;border:0;border-radius:8px;background:#356df3;padding:0 18px;color:#fff;font-size:13px;font-weight:650;cursor:pointer}
.ty-inspector-form button:hover{background:#285bd5}
.ty-inspector-error{margin:0;color:#c43d3d;font-size:12px}
.ty-inspector-result{display:grid;gap:16px}
.ty-inspector-product{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #e2e8f1;border-radius:10px;background:#fbfcfe}
.ty-inspector-product>span{color:#7e8fa5;font-size:11px;text-transform:uppercase}
.ty-inspector-product>strong{min-width:0;flex:1;color:#293f59;font-size:14px}
.ty-inspector-product>small{color:#778aa2;font-size:11px;white-space:nowrap}
.ty-inspector-product>a{color:#356df3;font-size:12px;font-weight:600;white-space:nowrap}
.ty-inspector-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.ty-offer-comparisons{display:grid;gap:16px}
.ty-offer-comparison{overflow:hidden;border:1px solid #e2e8f1;border-radius:12px;background:#fff}
.ty-offer-comparison>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 19px;border-bottom:1px solid #e6ebf2;background:#f8fafc}
.ty-offer-comparison>header span{color:#f27a1a;font-size:10px;font-weight:700;letter-spacing:.08em}
.ty-offer-comparison>header h3{margin:4px 0 0;color:#2d4764;font-size:15px}
.ty-offer-comparison>header small{padding:6px 10px;border-radius:999px;background:#edf3ff;color:#3567bd;font-size:11px;font-weight:650}
.ty-offer-columns{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch;gap:0;padding:18px}
.ty-offer-columns>article{min-width:0;overflow:hidden;border:1px solid #e2e8f1;border-top:3px solid #dc5c5c;border-radius:10px}
.ty-offer-columns>article.is-own{border-top-color:#18a67e}
.ty-offer-columns>article>header{display:grid;gap:4px;padding:15px 17px;border-bottom:1px solid #edf0f5;background:#fbfcfe}
.ty-offer-columns>article>header span{color:#7a8ca2;font-size:10px;font-weight:650;text-transform:uppercase}
.ty-offer-columns>article>header strong{overflow-wrap:anywhere;color:#293f59;font-size:15px}
.ty-offer-columns>article>header small{color:#8798ac;font-size:10px}
.ty-offer-columns dl{margin:0;padding:7px 17px 14px}
.ty-offer-columns dl>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #edf0f5}
.ty-offer-columns dt{color:#6f8299;font-size:12px}
.ty-offer-columns dd{margin:0;color:#263f5d;font-size:14px;font-weight:700;text-align:right}
.ty-offer-columns dd.is-positive{color:#07865f}
.ty-offer-columns dd.is-negative{color:#c94f4f}
.ty-offer-columns dl>p{margin:10px 0 0;color:#8495aa;font-size:10px}
.ty-offer-versus{display:grid;width:34px;height:34px;place-self:center;place-items:center;border-radius:999px;background:#eef3f8;color:#8092aa;font-size:10px;font-weight:800}
.ty-inspector-kpis article{display:grid;gap:5px;min-height:105px;padding:17px 18px;border:1px solid #e2e8f1;border-top:3px solid #8fa6c2;border-radius:10px;background:#fff}
.ty-inspector-kpis article.is-positive{border-top-color:#18a67e}
.ty-inspector-kpis article.is-negative{border-top-color:#dc5c5c}
.ty-inspector-kpis span{color:#74879e;font-size:11px;text-transform:uppercase}
.ty-inspector-kpis strong{color:#243c58;font-size:20px}
.ty-inspector-kpis small{color:#7a8ca2;font-size:11px;line-height:1.4}
.ty-variant-panel{overflow:hidden;border:1px solid #e2e8f1;border-radius:12px;background:#fff}
.ty-variant-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #e6ebf2;background:#f8fafc}
.ty-variant-panel>header h3{margin:0;color:#2d4764;font-size:15px}.ty-variant-panel>header p{margin:4px 0 0;color:#7a8ca2;font-size:11px}.ty-variant-panel>header>span{padding:5px 9px;border-radius:999px;background:#edf3ff;color:#3567bd;font-size:11px;font-weight:700;white-space:nowrap}
.ty-variant-actions{display:flex;align-items:center;gap:9px}.ty-variant-actions>span{padding:5px 9px;border-radius:999px;background:#edf3ff;color:#3567bd;font-size:11px;font-weight:700;white-space:nowrap}.ty-variant-actions>button{border:0;border-radius:7px;background:#f27a1a;padding:9px 13px;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}.ty-variant-actions>button:hover{background:#df6810}.ty-variant-actions>button:disabled{cursor:not-allowed;background:#d7dee8;color:#7f8da0}.ty-rule-dialog{width:min(620px,calc(100vw - 32px))}.ty-rule-target select{width:100%;height:42px;margin-top:7px;border:1px solid #ced9e7;border-radius:7px;background:#fff;padding:8px 10px;color:#304861}.ty-rule-price-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.ty-rule-price-summary>div{display:grid;gap:5px;border:1px solid #e2e8f1;border-radius:8px;background:#f8fafc;padding:12px}.ty-rule-price-summary span{color:#7a8ca2;font-size:11px}.ty-rule-price-summary strong{color:#29435f;font-size:16px}.ty-rule-dialog footer{gap:9px}.ty-rule-dialog footer button:first-child{border:1px solid #cbd8e6;background:#fff;color:#526b88}.ty-rule-dialog footer button:first-child:hover{background:#f4f7fa}@media(max-width:640px){.ty-variant-panel>header{align-items:flex-start;flex-direction:column}.ty-variant-actions{width:100%;justify-content:space-between}.ty-rule-price-summary{grid-template-columns:1fr}}
.ty-row-rule{display:block;margin-top:8px;border:1px solid #f2a464;border-radius:6px;background:#fff7ef;padding:6px 9px;color:#d8660d;font-size:10px;font-weight:700;white-space:nowrap}.ty-row-rule:hover{background:#f27a1a;color:#fff}.ty-row-rule:disabled{cursor:not-allowed;border-color:#dbe2eb;background:#f3f5f8;color:#98a5b5}.ty-variant-table td small.ty-rule-hint{margin-top:3px;color:#9aa6b5;font-size:9px}.ty-rule-selected{display:grid;gap:5px;border:1px solid #dce5f0;border-radius:8px;background:#f8fafc;padding:12px 14px}.ty-rule-selected span{color:#7a8ca2;font-size:11px}.ty-rule-selected strong{color:#29435f;font-size:13px;line-height:1.45}
.bb-rule-dialog{width:min(720px,calc(100vw - 32px))}.ty-strategy-fields{margin-top:14px;border:1px solid #dfe7f1;border-radius:9px;background:#fff;overflow:hidden}.ty-strategy-fields>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;background:#f7f9fc;padding:12px 14px}.ty-strategy-fields>header>div{display:grid;gap:3px}.ty-strategy-fields>header strong{color:#2d4764;font-size:12px}.ty-strategy-fields>header small{color:#7c8ea4;font-size:10px;line-height:1.4}.ty-strategy-switch{display:flex!important;align-items:center;gap:6px;white-space:nowrap;color:#168564!important;font-weight:700}.ty-strategy-switch input[type=checkbox]{width:16px;height:16px;margin:0}.ty-strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px 14px 5px}.ty-strategy-grid label{display:flex;min-width:0;margin:0!important;flex-direction:column;gap:6px;color:#657b95}.ty-strategy-grid input,.ty-strategy-grid select{box-sizing:border-box;width:100%;min-width:0;height:41px;border:1px solid #cfd9e6;border-radius:6px;background:#fff;padding:8px 11px;color:#304e70;font:inherit}.ty-strategy-grid input:focus,.ty-strategy-grid select:focus{border-color:#5c8ff0;outline:0;box-shadow:0 0 0 3px rgba(82,137,237,.07)}.ty-strategy-grid input:disabled{background:#f0f3f7;color:#7d8da1}.ty-strategy-fields>p{margin:6px 14px 13px;color:#7c8ea4;font-size:10px;line-height:1.5}.ty-strategy-fields.is-protection{border-color:#cfe9df}.ty-strategy-fields.is-protection>header{background:#f2fbf7}@media(max-width:640px){.ty-strategy-grid{grid-template-columns:1fr}.ty-strategy-fields>header{flex-direction:column}.bb-rule-dialog{width:calc(100vw - 24px)}}
.ty-variant-table-wrap{max-width:100%;overflow-x:auto}.ty-variant-table{width:100%;min-width:1050px;border-collapse:collapse}.ty-variant-table th{padding:11px 13px;border-bottom:1px solid #e6ebf2;background:#fbfcfe;color:#70839b;font-size:10px;text-align:left;text-transform:uppercase;white-space:nowrap}.ty-variant-table td{padding:13px;border-bottom:1px solid #edf0f5;color:#304861;font-size:12px;vertical-align:middle}.ty-variant-table tr:last-child td{border-bottom:0}.ty-variant-table tr.is-selected{background:#fffaf4}.ty-variant-table td:first-child strong,.ty-variant-table td:nth-child(2) strong{display:block}.ty-variant-table td small{display:block;margin-top:4px;color:#8696aa;font-size:10px}.ty-variant-table td em{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:999px;background:#fff0df;color:#ca6718;font-size:9px;font-style:normal;font-weight:700}.ty-variant-table td em.is-owned{background:#e8f8f1;color:#07865f}.ty-variant-table td em.is-competitor{background:#fff0f0;color:#c94f4f}.ty-bool{font-weight:750}.ty-bool.is-positive{color:#07865f}.ty-bool.is-negative{color:#c94f4f}
.ty-match-panel{overflow:hidden;border:1px solid #e2e8f1;border-radius:11px;background:#fff}
.ty-match-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #e6ebf2;background:#f8fafc}
.ty-match-panel>header h3{margin:0;color:#2d4764;font-size:15px}
.ty-match-panel>header p{margin:5px 0 0;color:#7a8ca2;font-size:11px}
.ty-match-panel>header>span{border-radius:999px;background:#edf3ff;padding:6px 10px;color:#3567bd;font-size:11px;font-weight:650;white-space:nowrap}
.ty-match-row{display:grid;grid-template-columns:minmax(240px,1fr) 130px 140px auto;align-items:center;gap:16px;padding:16px 19px;border-top:1px solid #edf0f5}
.ty-match-row:first-of-type{border-top:0}
.ty-match-row>div{display:grid;gap:4px}
.ty-match-product{position:relative;display:grid;justify-items:start;gap:4px;min-width:0;border:0;background:transparent;padding:4px 72px 4px 0;text-align:left;cursor:pointer}
.ty-match-product:hover strong,.ty-match-product:focus-visible strong{color:#2868cf;text-decoration:underline;text-underline-offset:3px}
.ty-match-product:focus-visible{border-radius:7px;outline:2px solid #8ab2f5;outline-offset:4px}
.ty-match-product em{position:absolute;top:50%;right:0;transform:translateY(-50%);border:1px solid #d8e4f3;border-radius:6px;background:#f7faff;padding:5px 7px;color:#4d75aa;font-size:9px;font-style:normal;font-weight:650;white-space:nowrap}
.ty-match-variant{border-radius:999px;background:#eef4ff;padding:4px 8px!important;color:#3268bd!important;font-size:10px!important;font-weight:700}
.ty-match-row strong,.ty-match-row b{color:#2a425d;font-size:13px}
.ty-match-row small,.ty-match-row span{color:#7a8ca2;font-size:11px}
.ty-match-row b.is-on{color:#07865f}
.ty-match-row>a{border:1px solid #cbd8ea;border-radius:7px;padding:8px 11px;color:#3567bd;font-size:11px;font-weight:650;white-space:nowrap}
.ty-product-editor-dialog{width:min(1480px,calc(100vw - 32px));height:calc(100dvh - 32px);max-width:none;max-height:none;border:0;border-radius:16px;background:#fff;padding:0;overflow:hidden;box-shadow:0 24px 80px rgba(26,45,73,.28)}
.ty-product-editor-dialog[open]{display:flex;flex-direction:column}
.ty-product-editor-dialog::backdrop{background:rgba(22,38,61,.58);backdrop-filter:blur(2px)}
.ty-product-editor-dialog>header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5ebf3;background:#fff;padding:15px 20px}
.ty-product-editor-dialog>header div{display:grid;gap:3px;min-width:0}.ty-product-editor-dialog>header small{color:#7c8fa8;font-size:9px;letter-spacing:.08em}.ty-product-editor-dialog>header h2{margin:0;overflow:hidden;color:#263f5c;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.ty-product-editor-dialog>header button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dbe4ef;border-radius:9px;background:#f7f9fc;color:#627b99;font-size:22px;line-height:1}
.ty-product-editor-dialog iframe{flex:1 1 auto;width:100%;min-height:0;border:0;background:#f5f7fa}.ty-product-editor-loading{display:grid;flex:1 1 auto;place-items:center;color:#71869f;font-size:13px}
body.product-editor-embedded{background:#fff}body.product-editor-embedded #main{padding:0}body.product-editor-embedded .management-page.product-editor{min-height:100dvh;border:0;border-radius:0;box-shadow:none}body.product-editor-embedded .editor-tabs{padding-top:16px}
.ty-match-empty{display:grid;justify-items:center;gap:8px;padding:30px 20px;text-align:center}
.ty-match-empty>strong{color:#304a67;font-size:14px}
.ty-match-empty>p{margin:0;color:#7a8ca2;font-size:12px}
.ty-match-empty-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:7px}
.ty-match-empty-actions a{color:#4774b7;font-size:12px;font-weight:600}
.ty-match-empty-actions a.is-primary{border-radius:7px;background:#f27a1a;padding:10px 15px;color:#fff}
.ty-match-empty-actions a.is-primary:hover{background:#df6810}
.ty-inspector-time{margin:0;color:#8998aa;font-size:11px;text-align:right}
@media(max-width:900px){.ty-inspector-kpis{grid-template-columns:1fr}.ty-match-row{grid-template-columns:1fr 1fr}.ty-match-row>a{justify-self:start}.ty-inspector-product{align-items:flex-start;flex-wrap:wrap}.ty-inspector-product>strong{flex-basis:calc(100% - 60px)}}
@media(max-width:760px){.ty-offer-columns{grid-template-columns:1fr;padding:14px}.ty-offer-versus{margin:9px 0}.ty-offer-comparison>header{align-items:flex-start}.ty-offer-comparison>header small{white-space:normal;text-align:right}}
@media(max-width:640px){.ty-inspector-heading,.ty-inspector-form{padding:17px}.ty-inspector-form>div{flex-direction:column}.ty-inspector-form button{height:42px}.ty-match-row{grid-template-columns:1fr}.ty-match-panel>header{align-items:flex-start}.ty-inspector-product{display:grid}.ty-inspector-product>strong{width:100%}.ty-inspector-product>small{white-space:normal}.ty-product-editor-dialog{width:100vw;height:100dvh;border-radius:0}.ty-product-editor-dialog>header{padding:12px 14px}}

.bb-price-decision{grid-column:1/-1;margin-top:2px;border:1px solid #dfe7f1;border-radius:9px;background:#fbfcfe}.bb-price-decision summary{cursor:pointer;padding:11px 14px;color:#3567bd;font-size:12px;font-weight:700}.bb-price-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-top:1px solid #e5ebf3;background:#e5ebf3}.bb-price-decision-grid span{display:grid;gap:5px;min-width:0;background:#fff;padding:11px 13px;color:#75879c;font-size:10px}.bb-price-decision-grid b{color:#29435f;font-size:12px;overflow-wrap:anywhere}.bb-price-decision-grid .is-final{background:#effaf6}.bb-price-decision-grid .is-final b{color:#07865f}.bb-price-decision>em{display:inline-block;margin:11px 14px 0;border-radius:999px;background:#fff0df;padding:5px 8px;color:#c96617;font-size:10px;font-style:normal;font-weight:700}.bb-price-decision>p{margin:10px 14px 13px;color:#6f8299;font-size:10px;line-height:1.5}@media(max-width:760px){.bb-price-decision-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.bb-price-decision-grid{grid-template-columns:1fr}}

.ty-row-rule-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px}.ty-row-rule-actions .ty-row-rule{display:inline-block;margin-top:0}.ty-row-rule.is-auto{border-color:#24a67e;background:#effaf6;color:#07865f}.ty-row-rule.is-auto:hover{background:#139a73;color:#fff}


/* Buybox pricing rules */
.buybox-rules-page .order-section-body{display:grid;gap:18px;background:#f5f7fb}
.bb-rules-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #dce6f3;border-radius:12px;background:linear-gradient(135deg,#f7faff 0%,#fff 75%);padding:20px 22px}
.bb-rules-intro>div{display:grid;gap:5px}.bb-rules-intro span{color:#f27a1a;font-size:10px;font-weight:750;letter-spacing:.08em}.bb-rules-intro h2{margin:0;color:#29445f;font-size:19px;font-weight:650}.bb-rules-intro p{max-width:850px;margin:0;color:#71849b;font-size:12px;line-height:1.55}.bb-rules-intro>button,.bb-rules-empty button{flex:0 0 auto;border:0;border-radius:8px;background:#356df3;padding:10px 15px;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.bb-rules-intro>button:hover,.bb-rules-empty button:hover{background:#285bd5}
.bb-rules-intro-actions{display:flex!important;grid-auto-flow:column;align-items:center;gap:8px!important;flex:none}.bb-rules-intro-actions form{margin:0}.bb-rules-intro-actions button{min-height:39px;border:0;border-radius:8px;background:#356df3;padding:10px 15px;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.bb-rules-intro-actions button.is-refresh{border:1px solid #a9c2ed;background:#fff;color:#3567bd}.bb-rules-intro-actions button:hover{background:#285bd5;color:#fff}.bb-rules-intro-actions button:disabled{cursor:wait;opacity:.65}
.bb-rule-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bb-rule-kpis article{display:grid;gap:5px;border:1px solid #dfe7f1;border-top:3px solid #8ea5bf;border-radius:10px;background:#fff;padding:15px 17px}.bb-rule-kpis article.is-green{border-top-color:#18a67e}.bb-rule-kpis article.is-blue{border-top-color:#356df3}.bb-rule-kpis article.is-red{border-top-color:#dc5c5c}.bb-rule-kpis span{color:#74879e;font-size:10px;font-weight:700;text-transform:uppercase}.bb-rule-kpis strong{color:#27415d;font-size:21px}.bb-rule-kpis small{color:#8494a8;font-size:10px}
.bb-rule-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(170px,1fr) minmax(150px,.8fr) auto auto;align-items:end;gap:10px;border:1px solid #dfe7f1;border-radius:10px;background:#fff;padding:14px 16px}.bb-rule-filters label{display:grid;gap:6px;color:#667c96;font-size:10px;font-weight:650}.bb-rule-filters input,.bb-rule-filters select{width:100%;height:39px;border:1px solid #ccd8e7;border-radius:7px;background:#fff;padding:0 10px;color:#304861;font-size:12px}.bb-rule-filters button{height:39px;border:0;border-radius:7px;background:#356df3;padding:0 15px;color:#fff;font-size:12px;font-weight:700}.bb-rule-filters>a{display:grid;height:39px;place-items:center;padding:0 8px;color:#607a99;font-size:11px}
.bb-rule-list{overflow:hidden;border:1px solid #dfe7f1;border-radius:11px;background:#fff}.bb-rule-list>header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5ebf3;background:#f8fafc;padding:15px 18px}.bb-rule-list>header h2{margin:0;color:#2d4764;font-size:15px}.bb-rule-list>header p{margin:4px 0 0;color:#7a8ca2;font-size:11px}.bb-rule-list>header>a{color:#356df3;font-size:11px;font-weight:650}
.bb-rule-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(520px,2fr);gap:16px;padding:18px;border-bottom:1px solid #e8edf4}.bb-rule-row:last-child{border-bottom:0}.bb-rule-product{display:flex;align-items:flex-start;align-content:flex-start;gap:7px;flex-wrap:wrap}.bb-rule-product>.member-status{flex:0 0 auto}.bb-rule-product>a{width:100%;color:#28425e;font-size:14px;font-weight:700;line-height:1.4}.bb-rule-product>small{color:#8192a6;font-size:10px;line-height:1.5}.bb-rule-row>dl{display:grid;grid-template-columns:repeat(5,minmax(95px,1fr));margin:0;border:1px solid #e5ebf2;border-radius:8px;overflow:hidden}.bb-rule-row>dl>div{display:grid;align-content:center;gap:5px;min-width:0;border-left:1px solid #e8edf4;padding:10px 12px}.bb-rule-row>dl>div:first-child{border-left:0}.bb-rule-row dt{color:#7a8ca2;font-size:9px;text-transform:uppercase}.bb-rule-row dd{margin:0;color:#29435f;font-size:12px;font-weight:700;overflow-wrap:anywhere}.bb-rule-row dd.is-winning{color:#07865f}.bb-rule-error{grid-column:1/-1;margin:0;border-radius:7px;background:#fff1f1;padding:9px 11px;color:#be4141;font-size:11px}.bb-rule-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.bb-rule-actions small{margin-right:auto;color:#8192a6;font-size:10px}.bb-rule-actions button{border:1px solid #ccd8e7;border-radius:6px;background:#fff;padding:8px 10px;color:#4f6c8e;font-size:10px;font-weight:650}.bb-rule-actions button.is-start{border-color:#9bd8c5;background:#effaf6;color:#07865f}.bb-rule-actions button.is-stop,.bb-rule-actions button.is-delete{border-color:#efcaca;background:#fff5f5;color:#c34b4b}.bb-rules-empty{display:grid;justify-items:center;gap:8px;padding:50px 20px;text-align:center}.bb-rules-empty strong{color:#304a67;font-size:15px}.bb-rules-empty p{margin:0 0 7px;color:#7c8ea4;font-size:12px}
@media(max-width:1050px){.bb-rule-kpis{grid-template-columns:1fr 1fr}.bb-rule-row{grid-template-columns:1fr}.bb-rule-row>dl{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.bb-rule-filters{grid-template-columns:1fr 1fr 1fr auto auto}}
@media(max-width:720px){.bb-rules-intro{align-items:flex-start;flex-direction:column}.bb-rules-intro-actions{grid-auto-flow:row;width:100%}.bb-rules-intro-actions form,.bb-rules-intro-actions button{width:100%}.bb-rule-kpis{grid-template-columns:1fr 1fr}.bb-rule-filters{grid-template-columns:1fr 1fr}.bb-rule-filters button,.bb-rule-filters>a{width:100%}.bb-rule-row{padding:14px}.bb-rule-row>dl{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.bb-rule-row>dl>div{border-top:1px solid #e8edf4}.bb-rule-row>dl>div:nth-child(odd){border-left:0}.bb-rule-actions{justify-content:flex-start}.bb-rule-actions small{width:100%;margin:0 0 3px}}
@media(max-width:460px){.bb-rule-kpis,.bb-rule-filters,.bb-rule-row>dl{grid-template-columns:1fr}.bb-rule-row>dl>div{border-left:0}.bb-rules-intro{padding:17px}}

.bb-products-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #dce6f3;border-radius:12px;background:linear-gradient(135deg,#f7faff 0%,#fff 75%);padding:20px 22px}.bb-products-intro>div{display:grid;gap:5px}.bb-products-intro span{color:#f27a1a;font-size:10px;font-weight:750;letter-spacing:.08em}.bb-products-intro h2{margin:0;color:#29445f;font-size:19px;font-weight:650}.bb-products-intro p{margin:0;color:#71849b;font-size:12px;line-height:1.55}.bb-products-intro>a{flex:none;border-radius:8px;background:#356df3;padding:10px 15px;color:#fff;font-size:12px;font-weight:700}.bb-products-error{margin:0;border-left:3px solid #dc5c5c;border-radius:8px;background:#fff1f1;padding:12px 15px;color:#b74444;font-size:11px}.bb-products-filters{display:grid;grid-template-columns:minmax(190px,1.5fr) minmax(160px,1fr) minmax(140px,.8fr) 110px auto auto;align-items:end;gap:10px;border:1px solid #dfe7f1;border-radius:10px;background:#fff;padding:14px 16px}.bb-products-filters label{display:grid;gap:6px;color:#667c96;font-size:10px;font-weight:650}.bb-products-filters input,.bb-products-filters select{box-sizing:border-box;width:100%;min-width:0;height:39px;border:1px solid #ccd8e7;border-radius:7px;background:#fff;padding:0 10px;color:#304861;font-size:12px}.bb-products-filters button{height:39px;border:0;border-radius:7px;background:#356df3;padding:0 15px;color:#fff;font-size:12px;font-weight:700}.bb-products-filters>a{display:grid;height:39px;place-items:center;padding:0 8px;color:#607a99;font-size:11px}.bb-products-list{border:1px solid #dfe7f1;border-radius:11px;background:#fff;overflow:hidden}.bb-products-list>header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5ebf3;background:#f8fafc;padding:15px 18px}.bb-products-list>header h2{margin:0;color:#2d4764;font-size:15px}.bb-products-list>header p{margin:4px 0 0;color:#7a8ca2;font-size:11px}.bb-products-list>header>span{white-space:nowrap;border-radius:999px;background:#edf3ff;padding:6px 10px;color:#3567bd;font-size:10px;font-weight:700}.bb-products-table-wrap{max-width:100%;overflow-x:auto}.bb-products-list table{width:100%;min-width:1040px;border-collapse:collapse}.bb-products-list th{background:#fbfcfe;padding:11px 13px;color:#70839b;text-align:left;text-transform:uppercase;white-space:nowrap;font-size:10px}.bb-products-list td{border-top:1px solid #edf0f5;padding:13px;color:#304861;vertical-align:middle;font-size:12px}.bb-products-list td>small{display:block;margin-top:4px;color:#8696aa;font-size:9px}.bb-product-identity{display:flex;align-items:center;gap:11px;min-width:300px}.bb-product-identity img,.bb-product-placeholder{width:46px;height:46px;flex:none;border:1px solid #e0e6ef;border-radius:8px;background:#f5f7fa;object-fit:cover}.bb-product-placeholder{display:grid;place-items:center;color:#9aa8b9;text-align:center;font-size:8px}.bb-product-identity>div{display:grid;gap:3px;min-width:0}.bb-product-identity strong{color:#29435f;font-size:12px}.bb-product-identity em{width:max-content;border-radius:999px;background:#eef4ff;padding:3px 7px;color:#3268bd;font-size:9px;font-style:normal;font-weight:700}.bb-product-identity small{color:#8394a8;font-size:9px}.bb-buybox-status,.bb-rule-state{display:inline-block;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750}.bb-buybox-status.is-ours,.bb-rule-state.is-on{background:#e8f8f1;color:#07865f}.bb-buybox-status.is-rival{background:#fff0f0;color:#c94f4f}.bb-rule-state{background:#f3f5f8;color:#7c8ca0}.bb-products-action{white-space:nowrap;border:1px solid #cbd8ea;border-radius:7px;padding:8px 10px;color:#3567bd;font-size:10px;font-weight:650}.bb-products-empty{text-align:center!important;padding:42px 20px!important}.bb-products-empty strong,.bb-products-empty span{display:block}.bb-products-empty strong{color:#304a67;font-size:13px}.bb-products-empty span{margin-top:5px;color:#8798ad;font-size:10px}.bb-products-list>footer{border-top:1px solid #e8edf4;padding:13px 16px}@media(max-width:900px){.bb-products-filters{grid-template-columns:1fr 1fr 1fr}.bb-products-filters button,.bb-products-filters>a{width:100%}}@media(max-width:640px){.bb-products-intro{align-items:flex-start;flex-direction:column}.bb-products-filters{grid-template-columns:1fr 1fr}.bb-products-intro>a{width:100%;text-align:center}}@media(max-width:440px){.bb-products-filters{grid-template-columns:1fr}}
.bb-product-group{border-bottom:1px solid #e5ebf3;background:#fff}.bb-product-group:last-of-type{border-bottom:0}.bb-product-group>summary{display:grid;grid-template-columns:24px minmax(300px,1.6fr) minmax(115px,.7fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(95px,.6fr) minmax(100px,.6fr);align-items:center;gap:12px;min-width:1040px;padding:14px 16px;cursor:pointer;list-style:none}.bb-product-group>summary::-webkit-details-marker{display:none}.bb-product-group>summary:hover{background:#f8faff}.bb-product-group[open]>summary{border-bottom:1px solid #dce5f1;background:#f5f8fc}.bb-group-chevron{display:grid;place-items:center;width:22px;height:22px;border:1px solid #d5dfeb;border-radius:6px;color:#ed7417;font-size:21px;line-height:1;transition:transform .16s ease}.bb-product-group[open] .bb-group-chevron{transform:rotate(90deg)}.bb-product-group>summary>div:not(.bb-product-identity){display:grid;gap:5px;min-width:0}.bb-product-group>summary>div>span{color:#8393a7;font-size:9px;text-transform:uppercase}.bb-product-group>summary>div>strong,.bb-product-group>summary>div>b{color:#29435f;font-size:11px;overflow-wrap:anywhere}.bb-product-group>summary .is-ours{color:#07865f}.bb-product-group>summary .is-rival{color:#c94f4f}.bb-product-group .bb-products-table-wrap{border-left:4px solid #9fb2ca;background:#fbfcfe}.bb-product-group table{min-width:900px}.bb-product-group th{background:#f3f6fa}.bb-product-group td:first-child{padding-left:58px}.bb-variant-identity{display:grid;gap:5px;min-width:220px}.bb-variant-identity em{width:max-content;border-radius:999px;background:#eef4ff;padding:4px 8px;color:#3268bd;font-size:10px;font-style:normal;font-weight:700}.bb-variant-identity small{color:#8394a8;font-size:9px}@media(max-width:720px){.bb-product-group>summary{grid-template-columns:24px minmax(270px,1fr) repeat(5,minmax(110px,.5fr));padding:12px}.bb-product-group td:first-child{padding-left:38px}}


.bb-product-identity strong{overflow-wrap:anywhere}
@media(max-width:720px){.bb-product-group>summary{grid-template-columns:24px minmax(0,1fr);min-width:0;gap:10px}.bb-product-group>summary>div:not(.bb-product-identity){display:none}.bb-product-group>summary .bb-product-identity{min-width:0}.bb-product-group>summary .bb-product-identity>div{min-width:0}.bb-product-group>summary .bb-product-identity strong{font-size:11px;line-height:1.35}}

/* Finance */
.fn-page{display:grid;gap:18px;width:100%;max-width:1440px;margin:0 auto;color:#263f5d}.fn-nav{display:flex;gap:3px;border-bottom:1px solid #dce4ee;overflow-x:auto}.fn-nav a{flex:none;border-bottom:3px solid transparent;padding:12px 14px;color:#687d96;font-size:12px;font-weight:600}.fn-nav a:hover{color:#2d65c8}.fn-nav a[aria-current=page]{border-bottom-color:#356df3;background:#edf3ff;color:#245bbd}.fn-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.fn-heading>div{display:grid;gap:4px}.fn-heading span{color:#3670d7;font-size:10px;font-weight:750;letter-spacing:.08em}.fn-heading h1{margin:0;color:#203d5d;font-size:27px;font-weight:650}.fn-heading p{margin:0;color:#71849c;font-size:12px}.fn-primary{border:0;border-radius:7px;background:#356df3;padding:11px 16px;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.fn-filters{display:flex;align-items:end;gap:12px;border:1px solid #dbe4ef;border-radius:11px;background:#fff;padding:14px 16px}.fn-filters label,.fn-analysis-filters label{display:grid;gap:6px;color:#657b95;font-size:10px;font-weight:650}.fn-filters select,.fn-filters input,.fn-analysis-filters select,.fn-analysis-filters input{box-sizing:border-box;min-width:150px;height:40px;border:1px solid #cad7e6;border-radius:7px;background:#fff;padding:0 11px;color:#28445f;font-size:12px}.fn-filters button,.fn-analysis-filters button{height:40px;border:0;border-radius:7px;background:#356df3;padding:0 16px;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.fn-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.fn-kpis-four{grid-template-columns:repeat(4,minmax(0,1fr))}.fn-kpi{display:grid;align-content:center;gap:7px;min-height:110px;border:1px solid #dce5ef;border-top:3px solid #8fa6c2;border-radius:10px;background:#fff;padding:14px 16px}.fn-kpi.fn-tone-danger{border-top-color:#df5b5b}.fn-kpi.fn-tone-info{border-top-color:#477af5}.fn-kpi.fn-tone-success{border-top-color:#18a67e}.fn-kpi>span{color:#71849b;font-size:9px;font-weight:750;text-transform:uppercase}.fn-kpi>strong{color:#203c59;font-size:20px;line-height:1.2;white-space:nowrap}.fn-kpi>small{color:#8797aa;font-size:9px;line-height:1.4}.fn-kpi>small.up{color:#168663}.fn-kpi>small.down{color:#c45151}.fn-warning{margin:0;border-left:3px solid #e9a11a;border-radius:7px;background:#fff8e7;padding:12px 15px;color:#895d0c;font-size:11px}.fn-grid-two{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,.95fr);gap:16px}.fn-card{min-width:0;border:1px solid #dce5ef;border-radius:11px;background:#fff;overflow:hidden}.fn-card>header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e3e9f1;padding:16px 18px}.fn-card>header h2{margin:0;color:#27435f;font-size:15px;font-weight:600}.fn-card>header p{margin:4px 0 0;color:#7d8fa5;font-size:10px}.fn-card>header a{color:#356df3;font-size:11px;font-weight:650}.fn-chart{height:300px;padding:20px}.fn-deduction{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(220px,1.1fr);align-items:center;gap:20px;min-height:300px;padding:18px}.fn-donut{height:220px;min-width:0}.fn-deduction dl{margin:0}.fn-deduction dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7ecf2;padding:10px 0}.fn-deduction dt{min-width:0;color:#607893;font-size:11px}.fn-deduction dd{margin:0;color:#203d5b;font-size:11px;font-weight:700;white-space:nowrap}.fn-deduction-name{display:flex;align-items:flex-start;gap:8px}.fn-deduction-name i{flex:0 0 9px;width:9px;height:9px;margin-top:3px;border-radius:3px;background:var(--fn-deduction-color)}.fn-deduction-name span{line-height:1.45}.fn-table-scroll{max-width:100%;overflow:auto}.fn-table{width:100%;border-collapse:collapse;min-width:700px}.fn-table th{border-bottom:1px solid #dfe6ef;background:#f4f7fb;padding:11px 13px;color:#6c8199;font-size:9px;text-align:left;text-transform:uppercase;white-space:nowrap}.fn-table td{border-bottom:1px solid #e8edf3;padding:13px;color:#304963;font-size:11px;vertical-align:middle}.fn-table tr:last-child td{border-bottom:0}.fn-table td strong,.fn-table td small{display:block}.fn-table td small{margin-top:4px;color:#8394a8;font-size:9px}.fn-positive{color:#07865f!important;font-weight:700}.fn-negative{color:#c94f4f!important;font-weight:700}.fn-attention{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e8edf3;padding:14px 18px}.fn-attention>div{display:grid;gap:4px}.fn-attention strong{color:#2b4561;font-size:12px}.fn-attention span{color:#8293a7;font-size:10px}.fn-attention b{color:#ca4f4f;text-align:right;font-size:12px}.fn-profit-badge,.fn-status{display:inline-block;border-radius:999px;background:#eaf8f3;padding:5px 8px;color:#07865f;font-size:9px;font-weight:700;white-space:nowrap}.fn-profit-badge.is-low,.fn-status.is-partial{background:#fff7df;color:#a46b00}.fn-profit-badge.is-loss{background:#fff0f0;color:#c94f4f}.fn-status.is-estimated{background:#eef3f8;color:#667d97}.fn-card-empty,.fn-table-empty{display:grid;place-items:center;gap:5px;min-height:160px;padding:28px;color:#7f91a7;text-align:center;font-size:11px}.fn-disclaimer{margin:0;border-left:3px solid #7ca3d5;border-radius:7px;background:#eff5fb;padding:12px 14px;color:#667f9c;font-size:10px;line-height:1.5}.fn-vat-source{display:flex;gap:18px;margin:0;border:1px solid #dfe7ef;border-radius:8px;background:#fff;padding:11px 15px;color:#73869d;font-size:10px}.fn-vat-calc{margin:12px 20px 18px}.fn-vat-calc>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e6ebf1;padding:13px 0}.fn-vat-calc dt{color:#334e69;font-size:12px}.fn-vat-calc dd{margin:0;color:#203d5b;font-size:12px;font-weight:700}.fn-vat-calc .subtotal{font-weight:700}.fn-vat-calc .total dt,.fn-vat-calc .total dd{color:#07865f}.fn-tabs{display:flex;gap:3px;border-bottom:1px solid #dae4ef;overflow-x:auto}.fn-tabs a{flex:none;border:1px solid transparent;border-bottom:0;border-radius:7px 7px 0 0;padding:10px 13px;color:#657b94;font-size:11px}.fn-tabs a[aria-current=page]{border-color:#dbe4ef;background:#fff;color:#3568c8;font-weight:700}.fn-analysis-filters{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:10px;border:1px solid #dce5ef;border-radius:10px;background:#fff;padding:14px}.fn-analysis-filters input,.fn-analysis-filters select{width:100%;min-width:0}.fn-wide{width:100%}.fn-profit-table{min-width:1250px}.fn-product-open{display:grid;gap:3px;border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer}.fn-product-open:hover strong{color:#356df3}.fn-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fn-report-grid a{display:grid;gap:8px;border:1px solid #dce5ef;border-radius:10px;background:#fff;padding:20px}.fn-report-grid a span{color:#6f8299;font-size:11px}.fn-report-grid a strong{color:#29445f;font-size:19px}.fn-report-grid a small{color:#356df3;font-size:10px}.fn-empty{display:grid;justify-items:center;gap:8px;border:1px solid #dce5ef;border-radius:12px;background:#fff;padding:55px 20px;text-align:center}.fn-empty strong{color:#29445f;font-size:15px}.fn-empty p{margin:0;color:#7b8da3;font-size:11px}.fn-empty a{margin-top:5px;border-radius:7px;background:#356df3;padding:10px 14px;color:#fff;font-size:11px;font-weight:700}.fn-dialog,.fn-drawer{width:min(650px,calc(100vw - 30px));max-height:calc(100dvh - 30px);border:0;border-radius:13px;padding:0;overflow:auto;box-shadow:0 24px 70px rgba(20,39,64,.3)}.fn-dialog::backdrop,.fn-drawer::backdrop{background:rgba(19,36,58,.55)}.fn-dialog>form>header,.fn-drawer>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e8f0;background:#f5f8fc;padding:15px 18px}.fn-dialog header span,.fn-drawer header span{color:#356df3;font-size:9px;text-transform:uppercase}.fn-dialog h2,.fn-drawer h2{margin:3px 0 0;color:#29445f;font-size:17px}.fn-dialog header button,.fn-drawer header button{border:0;background:transparent;color:#617995;font-size:24px;cursor:pointer}.fn-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px}.fn-dialog-grid label{display:grid;gap:6px;color:#617892;font-size:11px}.fn-dialog-grid input,.fn-dialog-grid select{height:40px;border:1px solid #ccd8e6;border-radius:7px;padding:0 10px}.fn-dialog-grid .wide{grid-column:1/-1}.fn-dialog-grid .fn-check{display:flex;align-items:center}.fn-dialog-grid .fn-check input{width:17px;height:17px}.fn-dialog-grid p{margin:0;color:#8393a7;font-size:10px}.fn-dialog footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e5ebf2;padding:13px 18px}.fn-dialog footer button{border:1px solid #cbd7e4;border-radius:7px;background:#fff;padding:9px 13px;color:#566f8c}.fn-delete{border:1px solid #efc7c7;border-radius:6px;background:#fff4f4;padding:6px 9px;color:#c34a4a;font-size:10px}.fn-drawer-body{display:grid}.fn-drawer-body>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ecf2;padding:12px 18px}.fn-drawer-body span{color:#6e8299;font-size:11px}.fn-drawer-body strong{color:#29445f;font-size:12px}.fn-drawer-state{margin:14px;border-radius:7px;background:#eef4fb;padding:11px;color:#607a98;font-size:10px}
@media(max-width:1100px){.fn-kpis{grid-template-columns:repeat(3,1fr)}.fn-grid-two{grid-template-columns:1fr}.fn-analysis-filters{grid-template-columns:repeat(3,1fr)}.fn-report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.fn-page{gap:14px}.fn-heading{align-items:flex-start;flex-direction:column}.fn-heading h1{font-size:23px}.fn-filters{display:grid;grid-template-columns:1fr 1fr}.fn-filters label,.fn-filters select,.fn-filters input,.fn-filters button{width:100%;min-width:0}.fn-kpis,.fn-kpis-four{grid-template-columns:1fr 1fr}.fn-kpi{min-height:96px}.fn-grid-two{grid-template-columns:minmax(0,1fr)}.fn-deduction{grid-template-columns:1fr}.fn-donut{height:190px}.fn-chart{height:250px;padding:12px}.fn-analysis-filters{grid-template-columns:1fr 1fr}.fn-report-grid{grid-template-columns:1fr}.fn-vat-source{flex-direction:column;gap:6px}.fn-dialog-grid{grid-template-columns:1fr}.fn-dialog-grid .wide{grid-column:auto}}
@media(max-width:440px){.fn-filters,.fn-kpis,.fn-kpis-four,.fn-analysis-filters{grid-template-columns:1fr}.fn-nav a{padding-inline:11px}.fn-kpi>strong{font-size:18px}}

/* Trendyol commission calculator */
.tc-page{max-width:1180px;margin:0 auto}.tc-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.tc-heading h1{margin:5px 0 7px;color:#0f2f58;font-size:28px;line-height:1.2}.tc-heading p,.tc-card-title p{margin:0;color:#7185a3;font-size:13px}.tc-eyebrow{color:#f27a1a;font-size:11px;font-weight:800;letter-spacing:.08em}.tc-badge{color:#a84e0b;background:#fff1e5;border:1px solid #ffd8b8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.tc-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:20px;align-items:start}.tc-card{background:#fff;border:1px solid #dbe5f2;border-radius:14px;box-shadow:0 10px 30px rgba(15,47,88,.04);overflow:hidden}.tc-card-title{padding:20px 22px;border-bottom:1px solid #e6edf6}.tc-card-title h2{margin:0 0 5px;color:#173c68;font-size:17px}.tc-form-card>label{display:grid;gap:7px;margin:20px 22px 16px;color:#496482;font-size:12px;font-weight:700}.tc-form-card select,.tc-fields input{width:100%;height:44px;border:1px solid #cbd9ea;border-radius:8px;background:#fff;color:#163658;padding:0 12px;font:inherit;outline:none}.tc-form-card select:focus,.tc-fields input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.tc-product-preview{display:flex;align-items:center;gap:12px;margin:0 22px 18px;padding:12px;background:#f7faff;border:1px solid #e3ebf5;border-radius:10px}.tc-product-preview img{width:52px;height:52px;object-fit:cover;border-radius:8px;background:#fff}.tc-product-preview div{display:grid;gap:4px;min-width:0}.tc-product-preview strong{color:#173c68;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-product-preview span{color:#7b8da6;font-size:11px}.tc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px}.tc-fields label{display:grid;gap:7px;color:#496482;font-size:12px;font-weight:700}.tc-source{margin:16px 22px 22px;padding:10px 12px;border-radius:8px;background:#fff8ed;color:#9b5a1a;font-size:11px}.tc-results{position:sticky;top:18px}.tc-primary{display:grid;gap:8px;margin:20px 22px;padding:20px;border-radius:11px;background:linear-gradient(135deg,#eef8f3,#e7f7ee);border:1px solid #ccebdd;color:#237552}.tc-primary span{font-size:12px}.tc-primary strong{font-size:27px}.tc-results dl{margin:0 22px}.tc-results dl div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #edf1f6}.tc-results dt{color:#7185a3;font-size:12px}.tc-results dd{margin:0;color:#163658;font-size:13px;font-weight:800}.tc-note{margin:18px 22px 22px;color:#7185a3;font-size:11px;line-height:1.55}
@media(max-width:800px){.tc-heading{align-items:flex-start;flex-direction:column}.tc-layout{grid-template-columns:1fr}.tc-results{position:static}.tc-fields{grid-template-columns:1fr}.tc-badge{align-self:flex-start}}
.tc-product-preview[hidden],.tc-product-preview img[hidden]{display:none}

.tc-product-preview[hidden],.tc-product-preview img[hidden]{display:none}

.tc-form-card select,.tc-fields input{box-sizing:border-box}.tc-layout,.tc-card,.tc-fields{min-width:0}

/* Extended Trendyol profitability calculator */
.tc-results-wrap{min-width:0}.tc-form-card{overflow:visible}.tc-product-select{margin-bottom:16px!important}.tc-section{border-top:1px solid #e6edf6;padding:18px 22px 21px}.tc-section h3{margin:0 0 14px;color:#294967;font-size:13px}.tc-section .tc-fields{padding:0}.tc-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-fields select{box-sizing:border-box;width:100%;height:44px;border:1px solid #cbd9ea;border-radius:8px;background:#fff;color:#163658;padding:0 12px;font:inherit;outline:none}.tc-section .tc-source{margin:15px 0 0}.tc-ratios{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 22px 12px}.tc-ratios>div{display:grid;gap:5px;border:1px solid #dfe7f1;border-radius:9px;background:#f8fafd;padding:13px}.tc-ratios span{color:#7185a3;font-size:10px}.tc-ratios strong{color:#173c68;font-size:17px}.tc-primary small{font-size:10px;font-weight:600}.tc-primary.is-loss{border-color:#f1cccc;background:linear-gradient(135deg,#fff3f3,#fff8f8);color:#bd4545}.tc-result-list{margin-bottom:16px!important}.tc-vat{margin:0 22px 18px;border:1px solid #dfe7f1;border-radius:9px;overflow:hidden}.tc-vat summary{cursor:pointer;background:#f5f8fc;padding:12px 14px;color:#3567bd;font-size:11px;font-weight:700}.tc-vat dl{margin:0}.tc-vat dl div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #edf1f6;padding:10px 13px}.tc-vat dt{color:#7185a3;font-size:10px}.tc-vat dd{margin:0;color:#29435f;font-size:11px;font-weight:700}.tc-vat .is-total{background:#effaf6}.tc-vat .is-total dt,.tc-vat .is-total dd{color:#07865f;font-weight:800}
@media(max-width:800px){.tc-fields-two{grid-template-columns:1fr}.tc-section{padding-inline:20px}.tc-ratios{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.tc-ratios{grid-template-columns:1fr}.tc-primary strong{font-size:23px}}

.tc-form-card{overflow:hidden}.tc-section{box-sizing:border-box;max-width:100%}.tc-section .tc-fields{width:100%}
.tc-page,.tc-product-select,.tc-fields label{min-width:0}.tc-form-card select,.tc-fields input,.tc-fields select{max-width:100%;min-width:0}
.tc-field-source{color:#8a9aae;font-size:9px;font-weight:500;line-height:1.35}

.order-section-page > nav > span[aria-disabled="true"] { white-space: nowrap; color: rgb(156, 170, 190); padding: 15px 12px; font-size: 12px; flex: none; }

.trendyol-commission-page .tc-page { width: 100%; max-width: none; }

/* Authentication pages */
.auth-page{min-height:100dvh;margin:0;color:#243b56;background:radial-gradient(circle at 14% 8%,#dfeaff 0,transparent 32%),radial-gradient(circle at 92% 92%,#e8f4ff 0,transparent 30%),#f5f8fc;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif}
.auth-shell{box-sizing:border-box;width:min(480px,100%);min-height:100dvh;margin:auto;padding:clamp(30px,7vh,72px) 20px 30px;display:flex;flex-direction:column;justify-content:center}
.auth-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 4px 22px;text-decoration:none}.auth-brand img{display:block;width:158px;height:auto}.auth-brand span{max-width:132px;color:#7890ad;font-size:11px;font-weight:700;line-height:1.35;text-align:right;letter-spacing:.04em;text-transform:uppercase}
.auth-card{position:relative;overflow:hidden;border:1px solid #e1e8f1;border-radius:22px;background:#fff;padding:clamp(25px,6vw,38px);box-shadow:0 22px 55px #27496f18}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#315f9b,#5b9bff)}
.auth-login header{margin-bottom:27px}.auth-kicker{display:block;margin-bottom:8px;color:#4f7cba;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-login h1{margin:0;color:#223a56;font-size:26px;line-height:1.25;letter-spacing:-.03em}.auth-login header p{margin:9px 0 0;color:#7b8da3;font-size:13px;line-height:1.55}
.auth-login form{margin:0}.auth-login form>label{display:block;margin:0 0 7px;color:#445b75;font-size:12px;font-weight:700}.auth-login input[type=email],.auth-login input[type=password]{box-sizing:border-box;width:100%;height:48px;margin:0 0 19px;border:1px solid #d3deeb;border-radius:10px;background:#fbfdff;padding:0 13px;color:#243b56;font:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.auth-login input[type=email]:focus,.auth-login input[type=password]:focus{outline:0;border-color:#6d9de1;background:#fff;box-shadow:0 0 0 3px #5b9bff1f}
.auth-form-row{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 24px}.auth-remember{display:flex!important;align-items:center;gap:8px;margin:0!important;color:#60758e!important;font-size:12px!important;font-weight:500!important;cursor:pointer}.auth-remember input{width:16px;height:16px;margin:0;accent-color:#315f9b}
.auth-login button{width:100%;height:48px;border:0;border-radius:10px;background:linear-gradient(135deg,#315f9b,#477cc1);color:#fff;font:inherit;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 9px 20px #315f9b2b;transition:transform .15s,box-shadow .15s}.auth-login button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #315f9b35}.auth-login button span{font-size:18px;line-height:1}
.auth-register{margin:24px 0 0;padding-top:20px;border-top:1px solid #edf1f6;color:#7b8da3;font-size:12px;text-align:center}.auth-register a{color:#315f9b;font-weight:800;text-decoration:none}.auth-register a:hover{text-decoration:underline}
@media(max-width:520px){.auth-shell{justify-content:flex-start;padding:26px 15px}.auth-brand{margin-inline:5px}.auth-brand img{width:144px}.auth-brand span{font-size:9px}.auth-card{border-radius:17px;padding:25px 21px}.auth-login h1{font-size:23px}}