:root {
    --saenea-prune: #4a2e3a;
    --saenea-nude: #f2e7e3;
    --saenea-terracotta: #c56a56;
    --saenea-sage: #a8b5a2;
    --saenea-ivory: #faf7f2;
    --saenea-ink: #2b2025;
    --saenea-muted: #7a6870;
    --saenea-line: rgba(74, 46, 58, 0.14);
    --saenea-shadow: 0 18px 55px rgba(74, 46, 58, 0.12);
    --saenea-focus: 0 0 0 3px rgba(197, 106, 86, 0.2);
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    min-width: 320px;
}

body {
    margin: 0;
    background: var(--saenea-ivory);
    color: var(--saenea-ink);
    font-size: 15px;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

.back-shell,
.back-auth {
    min-height: 100vh;
    background:
        linear-gradient(180deg, rgba(242, 231, 227, 0.72), rgba(250, 247, 242, 0) 360px),
        var(--saenea-ivory);
}

.back-shell--admin {
    overflow-x: clip;
}

.back-announcement {
    display: flex;
    justify-content: center;
    min-height: 40px;
    padding: 11px 20px;
    background: #1d1d1d;
    color: var(--saenea-ivory);
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.impersonation-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px clamp(18px, 4vw, 58px);
    border-bottom: 1px solid rgba(74, 46, 58, 0.14);
    background: rgba(168, 181, 162, 0.3);
    color: var(--saenea-prune);
}

.impersonation-banner__content {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.impersonation-banner span {
    color: #52624c;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.impersonation-banner strong {
    overflow-wrap: anywhere;
    font-size: 14px;
}

.impersonation-banner a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(74, 46, 58, 0.18);
    border-radius: 999px;
    background: rgba(255, 250, 246, 0.72);
    color: var(--saenea-prune);
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.impersonation-banner a:hover,
.impersonation-banner a:focus-visible {
    border-color: rgba(197, 106, 86, 0.38);
    box-shadow: var(--saenea-focus);
    outline: none;
}

.back-header {
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid var(--saenea-line);
    background: rgba(250, 247, 242, 0.96);
    backdrop-filter: blur(18px);
}

.back-header__inner,
.back-page,
.back-auth__inner {
    width: min(1440px, 100%);
    margin-inline: auto;
    padding-inline: clamp(18px, 4vw, 58px);
}

.back-header__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 22px;
    align-items: center;
    min-height: 82px;
}

.back-brand {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    width: fit-content;
}

.back-brand__name {
    color: var(--saenea-prune);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 36px;
    font-style: italic;
    line-height: 0.95;
}

.back-brand__baseline {
    color: var(--saenea-terracotta);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.back-nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

.back-nav > a,
.back-nav__link,
.back-menu__toggle {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.back-nav > a:hover,
.back-nav > a:focus-visible,
.back-nav > a.is-active,
.back-nav__link:hover,
.back-nav__link:focus-visible,
.back-nav__link.is-active,
.back-menu__toggle:hover,
.back-menu__toggle:focus-visible,
.back-menu__toggle.is-active,
.back-menu[open] .back-menu__toggle {
    border-color: rgba(74, 46, 58, 0.18);
    background: rgba(255, 255, 255, 0.52);
    color: var(--saenea-prune);
    outline: none;
}

.back-menu,
.back-user-menu,
.user-actions-menu {
    position: relative;
}

.back-menu__toggle,
.back-user-menu__toggle,
.user-actions-menu__toggle,
.technical-panel > summary {
    list-style: none;
    cursor: pointer;
}

.back-menu__toggle::-webkit-details-marker,
.back-user-menu__toggle::-webkit-details-marker,
.user-actions-menu__toggle::-webkit-details-marker,
.technical-panel > summary::-webkit-details-marker {
    display: none;
}

.back-menu__toggle::after {
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    content: "";
    opacity: 0.48;
    transform: rotate(45deg) translateY(-2px);
    transform-origin: center;
}

.back-menu[open] .back-menu__toggle::after {
    transform: rotate(225deg) translateY(-1px);
}

.back-menu__panel,
.back-user-menu__panel {
    position: absolute;
    top: calc(100% + 12px);
    z-index: 40;
    min-width: 260px;
    padding: 8px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.98);
    box-shadow: var(--saenea-shadow);
}

.back-menu__panel {
    left: 50%;
    transform: translateX(-50%);
}

.back-user-menu__panel {
    right: 0;
    min-width: 286px;
    padding: 12px;
}

.back-menu__item {
    display: grid;
    width: 100%;
    gap: 2px;
    padding: 11px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--saenea-prune);
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    text-align: left;
}

.back-menu__item span {
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 700;
}

.back-menu__item:hover,
.back-menu__item:focus-visible,
.back-menu__item.is-active {
    background: rgba(242, 231, 227, 0.58);
    outline: none;
}

.back-menu__item.is-muted {
    color: rgba(74, 46, 58, 0.48);
}

.back-user-menu__toggle {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 46px;
    padding: 5px 8px 5px 5px;
    border: 1px solid rgba(74, 46, 58, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.52);
}

.back-user-menu__toggle:hover,
.back-user-menu__toggle:focus-visible,
.back-user-menu[open] .back-user-menu__toggle {
    border-color: rgba(197, 106, 86, 0.38);
    box-shadow: var(--saenea-focus);
    outline: none;
}

.back-user-menu__avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--saenea-prune);
    color: var(--saenea-ivory);
    font-size: 13px;
    font-weight: 900;
}

.back-user-menu__meta {
    display: grid;
    gap: 0;
    min-width: 0;
    color: var(--saenea-muted);
    font-size: 11px;
}

.back-user-menu__meta strong {
    max-width: 170px;
    overflow: hidden;
    color: var(--saenea-prune);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.back-user-menu__label {
    color: var(--saenea-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.back-user-menu__email {
    overflow: hidden;
    margin: 4px 0 12px;
    color: var(--saenea-prune);
    font-weight: 900;
    text-overflow: ellipsis;
}

.back-user-menu__action,
.back-user-menu__logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(74, 46, 58, 0.14);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

.back-user-menu__action {
    background: rgba(242, 231, 227, 0.54);
    color: var(--saenea-prune);
}

.back-user-menu__action + .back-user-menu__action,
.back-user-menu__action + .back-user-menu__logout {
    margin-top: 8px;
}

.back-user-menu__logout {
    border-color: var(--saenea-prune);
    background: var(--saenea-prune);
    color: var(--saenea-ivory);
}

.back-user-menu__action:hover,
.back-user-menu__action:focus-visible,
.back-user-menu__logout:hover,
.back-user-menu__logout:focus-visible {
    border-color: var(--saenea-terracotta);
    box-shadow: var(--saenea-focus);
    outline: none;
}

.back-page {
    padding-block: 34px 58px;
}

.back-page-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    margin-bottom: 24px;
}

.back-page-title h1,
.back-auth h1 {
    margin: 0;
    color: var(--saenea-prune);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.04;
}

.back-eyebrow,
.shop-eyebrow {
    margin: 0 0 8px;
    color: var(--saenea-terracotta);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    color: var(--saenea-muted);
    font-size: 13px;
    list-style: none;
}

.breadcrumb li:not(:last-child)::after {
    margin-left: 7px;
    color: rgba(74, 46, 58, 0.35);
    content: "/";
}

.breadcrumb a {
    color: var(--saenea-prune);
    font-weight: 800;
}

.card {
    overflow: hidden;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.88);
    box-shadow: 0 14px 40px rgba(74, 46, 58, 0.07);
}

.card + .card,
.row + .card,
.card + .row {
    margin-top: 20px;
}

.card-header,
.card-footer,
.card-body {
    padding: 22px;
}

.card-header,
.card-footer {
    border-color: var(--saenea-line);
    background: rgba(255, 255, 255, 0.36);
}

.card-title {
    margin: 0;
    color: var(--saenea-prune);
}

.row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}

.col-12 {
    grid-column: span 12;
}

.col-md-3 {
    grid-column: span 3;
}

.col-md-4,
.col-lg-4,
.col-xl-4 {
    grid-column: span 4;
}

.col-md-6,
.col-lg-5,
.col-lg-6 {
    grid-column: span 6;
}

.col-md-8,
.col-lg-7,
.col-xl-7,
.col-xl-8 {
    grid-column: span 8;
}

.col-lg-auto {
    grid-column: span 2;
}

.table-responsive {
    --back-table-header-height: 48px;
    --back-table-row-height: 64px;
    overflow-x: auto;
}

.back-shell--admin .card:has(.table-responsive) {
    overflow: visible;
}

.back-shell--admin .table-responsive {
    min-height: calc(var(--back-table-header-height) + (var(--back-table-row-height) * 10));
    overflow-y: visible;
}

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

.table th,
.table td {
    padding: 15px 18px;
    border-top: 1px solid var(--saenea-line);
    text-align: left;
    vertical-align: middle;
}

.table thead th {
    border-top: 0;
    background: rgba(242, 231, 227, 0.48);
    color: var(--saenea-prune);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.table-hover tbody tr:hover {
    background: rgba(242, 231, 227, 0.26);
}

.back-shell--admin .table tbody tr {
    height: var(--back-table-row-height);
}

.form-label {
    display: block;
    margin-bottom: 7px;
    color: var(--saenea-prune);
    font-size: 13px;
    font-weight: 900;
}

.form-control,
.form-select {
    width: 100%;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid rgba(74, 46, 58, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--saenea-ink);
}

textarea.form-control {
    min-height: 118px;
    resize: vertical;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--saenea-terracotta);
    box-shadow: var(--saenea-focus);
    outline: none;
}

.btn,
.shop-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid var(--saenea-prune);
    border-radius: 999px;
    background: var(--saenea-prune);
    color: var(--saenea-ivory);
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
}

.btn:hover,
.btn:focus-visible,
.shop-button:hover,
.shop-button:focus-visible {
    border-color: var(--saenea-terracotta);
    background: var(--saenea-terracotta);
    color: var(--saenea-ivory);
    outline: none;
}

.btn-light,
.btn-dark,
.btn-soft-primary,
.btn-outline-primary {
    border-color: rgba(74, 46, 58, 0.18);
    background: rgba(255, 255, 255, 0.62);
    color: var(--saenea-prune);
}

.btn-icon {
    width: 40px;
    min-width: 40px;
    padding: 0;
}

.user-actions-menu {
    display: inline-grid;
    justify-items: end;
    text-align: left;
}

.user-actions-menu[open] {
    z-index: 50;
}

.user-actions-menu__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(74, 46, 58, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    color: var(--saenea-prune);
}

.user-actions-menu__toggle:hover,
.user-actions-menu__toggle:focus-visible,
.user-actions-menu[open] .user-actions-menu__toggle {
    border-color: rgba(197, 106, 86, 0.38);
    box-shadow: var(--saenea-focus);
    outline: none;
}

.user-actions-menu__dots {
    display: grid;
    gap: 3px;
}

.user-actions-menu__dots span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
}

.user-actions-menu__panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 60;
    display: grid;
    justify-self: end;
    min-width: 220px;
    padding: 8px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.98);
    box-shadow: var(--saenea-shadow);
}

.user-actions-menu__item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--saenea-prune);
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    text-align: left;
}

.user-actions-menu__item:hover,
.user-actions-menu__item:focus-visible {
    background: rgba(242, 231, 227, 0.58);
    outline: none;
}

.user-actions-menu__item.is-muted,
.user-actions-menu__item:disabled {
    color: rgba(74, 46, 58, 0.46);
    cursor: not-allowed;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(74, 46, 58, 0.12);
    border-radius: 999px;
    background: rgba(242, 231, 227, 0.5);
    color: var(--saenea-prune);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.alert {
    padding: 14px 16px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.66);
}

.flash-stack {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.alert-success,
.bg-success-subtle {
    background: rgba(168, 181, 162, 0.28);
    color: #52624c;
}

.alert-danger,
.bg-danger-subtle {
    background: rgba(197, 106, 86, 0.14);
    color: #8e3d2e;
}

.badge--approved {
    background: rgba(168, 181, 162, 0.32);
    color: #52624c;
}

.badge--pending {
    background: rgba(242, 231, 227, 0.72);
    color: var(--saenea-prune);
}

.badge--rejected {
    background: rgba(197, 106, 86, 0.16);
    color: #8e3d2e;
}

.moderation-filter {
    width: 180px;
}

.seller-search-input {
    width: min(320px, 100%);
}

.seller-submit-cell {
    min-width: 420px;
}

.seller-inline-form {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(130px, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.submission-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.48fr);
    gap: 20px;
    align-items: start;
}

.connector-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.48fr);
    gap: 20px;
    align-items: start;
}

.offer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.48fr);
    gap: 20px;
    align-items: start;
}

.logistics-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.48fr);
    gap: 20px;
    align-items: start;
}

.offer-metrics {
    display: grid;
    gap: 12px;
}

.metric-card {
    display: grid;
    gap: 4px;
    padding: 16px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.52);
}

.metric-card span {
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.metric-card strong {
    color: var(--saenea-prune);
    font-size: 24px;
}

.seller-detail-layout {
    display: grid;
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

.seller-detail-sidebar {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 14px;
}

.seller-profile-card {
    overflow: hidden;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.9);
    box-shadow: 0 14px 40px rgba(74, 46, 58, 0.07);
}

.seller-profile-card__avatar {
    display: grid;
    place-items: center;
    height: 92px;
    background:
        linear-gradient(135deg, rgba(197, 106, 86, 0.16), rgba(168, 181, 162, 0.2)),
        rgba(255, 255, 255, 0.48);
    color: var(--saenea-prune);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 44px;
    line-height: 1;
}

.seller-profile-card__body {
    display: grid;
    gap: 14px;
    padding: 20px;
}

.seller-profile-card__status {
    display: flex;
    justify-content: flex-start;
}

.seller-profile-card h2 {
    margin: 0;
    color: var(--saenea-prune);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.seller-profile-card p {
    margin: -8px 0 0;
    color: var(--saenea-muted);
    overflow-wrap: anywhere;
}

.seller-profile-card dl,
.seller-info-grid {
    margin: 0;
}

.seller-profile-card dl {
    display: grid;
    gap: 10px;
    padding-top: 4px;
}

.seller-profile-card dl div,
.seller-info-grid div,
.seller-review-grid div {
    min-width: 0;
}

.seller-profile-card dt,
.seller-info-grid dt,
.seller-review-grid span {
    color: var(--saenea-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.seller-profile-card dd,
.seller-info-grid dd {
    margin: 2px 0 0;
    color: var(--saenea-ink);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.seller-profile-card__edit {
    width: 100%;
}

.seller-side-nav {
    display: grid;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.74);
}

.seller-side-nav__link {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 48px;
    padding: 0 12px;
    border-radius: 8px;
    color: var(--saenea-prune);
    font-weight: 900;
}

.seller-side-nav__link:hover,
.seller-side-nav__link:focus-visible,
.seller-side-nav__link.is-active {
    background: rgba(242, 231, 227, 0.7);
    outline: none;
}

.seller-side-nav__link.is-active {
    box-shadow: inset 3px 0 0 var(--saenea-terracotta);
}

.seller-side-nav__icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.62);
    color: var(--saenea-terracotta);
}

.seller-detail-main {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.seller-page-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.seller-page-intro h2 {
    margin: 0;
    color: var(--saenea-prune);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 500;
    line-height: 1.04;
}

.seller-page-intro p:not(.back-eyebrow) {
    max-width: 720px;
    margin: 8px 0 0;
    color: var(--saenea-muted);
}

.seller-page-intro__action {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.seller-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.seller-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.seller-kpi {
    display: grid;
    gap: 7px;
    min-height: 148px;
    padding: 20px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.56);
}

.seller-kpi span {
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.seller-kpi strong {
    color: var(--saenea-prune);
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1;
}

.seller-kpi small {
    color: var(--saenea-muted);
    line-height: 1.35;
}

.seller-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
}

.seller-info-grid__wide {
    grid-column: 1 / -1;
}

.seller-summary-grid,
.seller-settings-grid,
.seller-platform-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.seller-score {
    display: grid;
    gap: 9px;
}

.seller-score span {
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.seller-score strong {
    color: var(--saenea-prune);
    font-size: 36px;
    line-height: 1;
}

.seller-score__bar {
    overflow: hidden;
    height: 10px;
    border-radius: 999px;
    background: rgba(74, 46, 58, 0.1);
}

.seller-score__bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--saenea-terracotta);
}

.seller-check-list,
.seller-timeline {
    display: grid;
    gap: 12px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.seller-check-list li,
.seller-timeline li {
    position: relative;
    padding-left: 28px;
    color: var(--saenea-muted);
}

.seller-check-list li::before,
.seller-timeline li::before {
    position: absolute;
    top: 3px;
    left: 0;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(74, 46, 58, 0.18);
    border-radius: 999px;
    color: var(--saenea-prune);
    content: "";
}

.seller-check-list li.is-complete {
    color: var(--saenea-prune);
    font-weight: 900;
}

.seller-check-list li.is-complete::before {
    border-color: rgba(168, 181, 162, 0.9);
    background: var(--saenea-sage);
    content: "";
}

.seller-timeline span {
    display: block;
    color: var(--saenea-terracotta);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.seller-timeline strong,
.seller-timeline small {
    display: block;
}

.seller-timeline strong {
    color: var(--saenea-prune);
}

.seller-shop-status {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 18px;
    padding: 16px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(242, 231, 227, 0.36);
}

.seller-shop-status.is-connected {
    background: rgba(168, 181, 162, 0.22);
}

.seller-shop-status__icon,
.seller-complete-card__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: var(--saenea-terracotta);
    font-size: 22px;
}

.seller-shop-status strong,
.seller-setting-placeholder strong {
    color: var(--saenea-prune);
    font-weight: 900;
}

.seller-shop-status p,
.seller-setting-placeholder p,
.seller-fake-validation p,
.seller-platform-card p,
.seller-complete-card p {
    margin: 4px 0 0;
    color: var(--saenea-muted);
}

.seller-setting-placeholder {
    min-height: 124px;
    padding: 16px;
    border: 1px dashed rgba(74, 46, 58, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.5);
}

.seller-platform-card h3 {
    margin: 14px 0 4px;
    color: var(--saenea-prune);
}

.seller-platform-card small {
    display: block;
    margin-top: 12px;
    color: var(--saenea-muted);
    font-weight: 900;
}

.seller-onboarding-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seller-onboarding-step {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.52);
    color: var(--saenea-muted);
}

.seller-onboarding-step span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(74, 46, 58, 0.08);
    color: var(--saenea-prune);
    font-size: 12px;
    font-weight: 900;
}

.seller-onboarding-step strong {
    font-size: 13px;
}

.seller-onboarding-step.is-active,
.seller-onboarding-step.is-complete {
    border-color: rgba(197, 106, 86, 0.28);
    background: rgba(242, 231, 227, 0.62);
    color: var(--saenea-prune);
}

.seller-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.seller-review-grid div {
    padding: 14px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.52);
}

.seller-review-grid strong {
    display: block;
    margin-top: 4px;
    color: var(--saenea-prune);
    overflow-wrap: anywhere;
}

.seller-fake-validation {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    margin: 18px 0;
    padding: 16px;
    border: 1px solid rgba(168, 181, 162, 0.48);
    border-radius: 8px;
    background: rgba(168, 181, 162, 0.2);
}

.seller-fake-validation i {
    color: #52624c;
    font-size: 30px;
}

.seller-complete-card .card-body {
    display: grid;
    justify-items: start;
    gap: 14px;
}

.seller-complete-card h2 {
    margin: 0;
    color: var(--saenea-prune);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.08;
}

.seller-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.decision-panel {
    display: grid;
    gap: 20px;
}

.meta-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
}

.meta-list dt {
    margin-bottom: 5px;
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.meta-list dd {
    margin: 0;
    color: var(--saenea-prune);
    font-weight: 800;
}

.form-check {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--saenea-prune);
    font-weight: 800;
}

.code-snapshot {
    overflow-x: auto;
    margin: 0;
    padding: 18px;
    border-radius: 8px;
    background: rgba(43, 32, 37, 0.95);
    color: var(--saenea-ivory);
    font-size: 13px;
    line-height: 1.55;
}

.dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr);
    gap: 18px;
    align-items: stretch;
    margin-bottom: 20px;
    padding: 30px;
    border: 1px solid rgba(74, 46, 58, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(74, 46, 58, 0.98), rgba(74, 46, 58, 0.86) 54%, rgba(142, 93, 80, 0.9)),
        var(--saenea-prune);
    color: var(--saenea-ivory);
    box-shadow: var(--saenea-shadow);
}

.dashboard-hero h2 {
    margin: 0 0 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 44px;
    font-weight: 500;
    line-height: 1.05;
}

.dashboard-hero p {
    max-width: 850px;
    margin: 0;
    color: rgba(250, 247, 242, 0.8);
}

.dashboard-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 14px;
    padding: 0 10px;
    border: 1px solid rgba(250, 247, 242, 0.24);
    border-radius: 8px;
    background: rgba(250, 247, 242, 0.08);
    color: rgba(250, 247, 242, 0.82);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-hero__status {
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 18px;
    border: 1px solid rgba(250, 247, 242, 0.2);
    border-radius: 8px;
    background: rgba(250, 247, 242, 0.09);
}

.dashboard-hero__status span,
.dashboard-hero__status small {
    color: rgba(250, 247, 242, 0.74);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-hero__status strong {
    overflow-wrap: anywhere;
    font-size: 22px;
}

.dashboard-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.dashboard-kpi {
    display: grid;
    gap: 7px;
    min-height: 148px;
    padding: 20px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.92);
    box-shadow: 0 14px 40px rgba(74, 46, 58, 0.07);
}

.dashboard-kpi--button {
    position: relative;
    width: 100%;
    color: inherit;
    text-align: left;
}

.dashboard-kpi--button::after {
    position: absolute;
    right: 18px;
    bottom: 17px;
    color: var(--saenea-terracotta);
    content: "Detail";
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-kpi--button:hover,
.dashboard-kpi--button:focus-visible {
    border-color: rgba(197, 106, 86, 0.5);
    box-shadow: var(--saenea-focus), 0 18px 50px rgba(74, 46, 58, 0.11);
    outline: none;
    transform: translateY(-1px);
}

.dashboard-kpi span,
.dashboard-bars span,
.dashboard-donut-legend span,
.order-status {
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-kpi strong {
    color: var(--saenea-prune);
    font-size: 30px;
    line-height: 1.1;
}

.dashboard-kpi small {
    color: #52624c;
    font-weight: 800;
}

.dashboard-analytics-grid,
.dashboard-orders-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.34fr) minmax(330px, 0.66fr);
    gap: 20px;
    margin-bottom: 20px;
}

.dashboard-analytics-grid--balanced {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-card__header {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.dashboard-card__header p {
    margin-top: 5px;
}

.dashboard-chip-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid rgba(74, 46, 58, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.62);
    color: var(--saenea-prune);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.dashboard-chip-button:hover,
.dashboard-chip-button:focus-visible {
    border-color: rgba(197, 106, 86, 0.42);
    box-shadow: var(--saenea-focus);
    outline: none;
}

.dashboard-revenue-chart {
    display: grid;
    gap: 16px;
}

.dashboard-revenue-chart__plot {
    display: grid;
    grid-template-columns: repeat(12, minmax(44px, 1fr));
    gap: 8px;
    min-height: 310px;
    padding: 20px 10px 14px;
    border: 1px solid rgba(74, 46, 58, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(rgba(74, 46, 58, 0.07) 1px, transparent 1px) 0 42px / 100% 52px,
        rgba(250, 247, 242, 0.68);
}

.dashboard-revenue-chart__plot span {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 270px;
    padding-top: 28px;
}

.dashboard-revenue-chart__plot span::before,
.dashboard-revenue-chart__plot span::after {
    position: absolute;
    right: 14%;
    bottom: 46px;
    left: 14%;
    border-radius: 8px 8px 3px 3px;
    content: "";
}

.dashboard-revenue-chart__plot span::before {
    height: var(--value);
    background: linear-gradient(180deg, rgba(74, 46, 58, 0.94), rgba(74, 46, 58, 0.64));
}

.dashboard-revenue-chart__plot span::after {
    right: 30%;
    left: 30%;
    height: var(--commission);
    background: var(--saenea-terracotta);
}

.dashboard-revenue-chart__plot b,
.dashboard-revenue-chart__plot strong {
    position: relative;
    z-index: 1;
}

.dashboard-revenue-chart__plot b,
.dashboard-customer-chart b {
    margin-top: 10px;
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 900;
}

.dashboard-revenue-chart__plot strong,
.dashboard-customer-chart strong {
    color: var(--saenea-prune);
    font-size: 13px;
}

.dashboard-revenue-chart__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    color: var(--saenea-muted);
    font-size: 13px;
    font-weight: 800;
}

.legend-dot,
.dashboard-donut-legend i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 50%;
}

.legend-dot--revenue {
    background: var(--saenea-prune);
}

.legend-dot--commission {
    background: var(--saenea-terracotta);
}

.dashboard-donut-layout {
    display: grid;
    gap: 18px;
    justify-items: center;
}

.dashboard-donut {
    position: relative;
    display: block;
    width: min(250px, 100%);
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        conic-gradient(
            #4a2e3a 0 54%,
            #a8b5a2 54% 77%,
            #c56a56 77% 85%,
            #8e5d50 85% 91%,
            #d7c4bd 91% 100%
        );
}

.dashboard-donut::after {
    position: absolute;
    inset: 20%;
    border-radius: 50%;
    background: var(--saenea-ivory);
    content: "";
}

.dashboard-donut__center {
    position: absolute;
    inset: 26%;
    z-index: 1;
    display: grid;
    place-content: center;
    text-align: center;
}

.dashboard-donut__center span,
.dashboard-donut__center small {
    position: relative;
}

.dashboard-donut__center span {
    color: var(--saenea-prune);
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.dashboard-donut__center small {
    margin-top: 5px;
    color: var(--saenea-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-donut-legend,
.timeline-list {
    display: grid;
    gap: 12px;
}

.dashboard-donut-legend {
    width: min(100%, 420px);
}

.dashboard-donut-legend span {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
}

.dashboard-donut-legend i {
    background: var(--dot);
}

.dashboard-donut-legend strong {
    color: var(--saenea-prune);
}

.dashboard-bars {
    display: grid;
    gap: 14px;
}

.dashboard-bars--monthly div {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 46px;
    gap: 12px;
    align-items: center;
}

.dashboard-bars--monthly i {
    overflow: hidden;
    height: 11px;
    border-radius: 8px;
    background: rgba(74, 46, 58, 0.11);
}

.dashboard-bars--monthly i::before {
    display: block;
    width: var(--value);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--saenea-terracotta), #8e5d50);
    content: "";
}

.dashboard-bars--monthly strong {
    color: var(--saenea-prune);
    font-size: 13px;
    text-align: right;
}

.dashboard-customer-chart {
    display: grid;
    grid-template-columns: repeat(6, minmax(42px, 1fr));
    gap: 12px;
    min-height: 238px;
    padding: 16px 14px 10px;
    align-items: end;
    border: 1px solid rgba(74, 46, 58, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(rgba(74, 46, 58, 0.06) 1px, transparent 1px) 0 38px / 100% 44px,
        rgba(250, 247, 242, 0.68);
}

.dashboard-customer-chart span {
    display: grid;
    gap: 5px;
    justify-items: center;
}

.dashboard-customer-chart i {
    width: min(52px, 100%);
    height: var(--value);
    min-height: 54px;
    border-radius: 8px 8px 3px 3px;
    background: linear-gradient(180deg, rgba(168, 181, 162, 0.94), rgba(82, 98, 76, 0.86));
}

.dashboard-orders-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.34fr);
}

.dashboard-orders-grid--full,
.dashboard-activity-section {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
}

.dashboard-orders-table {
    min-height: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.back-shell--admin .dashboard-orders-table {
    min-height: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.dashboard-orders-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.dashboard-orders-table td:nth-child(1),
.dashboard-orders-table td:nth-child(5),
.dashboard-orders-table td:nth-child(6),
.dashboard-orders-table td:nth-child(7) {
    color: var(--saenea-prune);
    font-weight: 900;
    white-space: nowrap;
}

.order-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 8px;
}

.order-status--accepted {
    background: rgba(168, 181, 162, 0.28);
    color: #52624c;
}

.order-status--shipping {
    background: rgba(74, 46, 58, 0.1);
    color: var(--saenea-prune);
}

.order-status--pending {
    background: rgba(242, 231, 227, 0.8);
    color: #8e5d50;
}

.order-status--refund {
    background: rgba(197, 106, 86, 0.18);
    color: #8e3f33;
}

.order-status--rejected {
    background: rgba(43, 32, 37, 0.09);
    color: var(--saenea-ink);
}

.timeline-list div {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 12px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--saenea-line);
}

.timeline-list div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.timeline-list span {
    color: var(--saenea-terracotta);
    font-weight: 900;
}

.timeline-list p {
    margin: 0;
    color: var(--saenea-prune);
    font-weight: 700;
}

.timeline-list--rich strong {
    display: block;
    margin-bottom: 2px;
    font-weight: 900;
}

.dashboard-card--activity .timeline-list--rich {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
}

.dashboard-card--activity .timeline-list--rich div {
    grid-template-columns: 1fr;
    align-content: start;
    min-height: 150px;
    padding: 0 18px;
    border-bottom: 0;
    border-left: 1px solid var(--saenea-line);
}

.dashboard-card--activity .timeline-list--rich div:first-child {
    padding-left: 0;
    border-left: 0;
}

.dashboard-modal {
    width: min(1040px, calc(100vw - 34px));
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--saenea-ink);
}

.dashboard-modal::backdrop {
    background: rgba(43, 32, 37, 0.5);
    backdrop-filter: blur(8px);
}

.dashboard-modal__panel {
    overflow: hidden;
    border: 1px solid rgba(74, 46, 58, 0.14);
    border-radius: 8px;
    background: var(--saenea-ivory);
    box-shadow: 0 28px 90px rgba(43, 32, 37, 0.28);
}

.dashboard-modal__header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background:
        linear-gradient(135deg, rgba(74, 46, 58, 0.98), rgba(74, 46, 58, 0.82)),
        var(--saenea-prune);
    color: var(--saenea-ivory);
}

.dashboard-modal__header h2 {
    margin: 0 0 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    font-weight: 500;
}

.dashboard-modal__header p {
    max-width: 720px;
    margin: 0;
    color: rgba(250, 247, 242, 0.78);
}

.dashboard-modal__close {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(250, 247, 242, 0.24);
    border-radius: 50%;
    background: rgba(250, 247, 242, 0.1);
    color: var(--saenea-ivory);
    font-size: 18px;
    font-weight: 900;
}

.dashboard-modal__close:hover,
.dashboard-modal__close:focus-visible {
    box-shadow: 0 0 0 3px rgba(250, 247, 242, 0.16);
    outline: none;
}

.dashboard-modal__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 18px 24px;
    background: rgba(242, 231, 227, 0.58);
}

.dashboard-modal__summary span {
    display: grid;
    gap: 2px;
}

.dashboard-modal__summary strong {
    color: var(--saenea-prune);
    font-size: 22px;
}

.dashboard-modal__summary small {
    color: var(--saenea-muted);
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-modal__table {
    min-height: 0;
    overflow: visible;
}

.back-shell--admin .dashboard-modal__table {
    min-height: 0;
    overflow: visible;
}

.dashboard-modal__table .table {
    table-layout: fixed;
}

.dashboard-modal__table .table th,
.dashboard-modal__table .table td {
    padding-inline: 14px;
}

.technical-panel > summary.card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.technical-panel > summary.card-header::after {
    color: var(--saenea-terracotta);
    content: "Ouvrir";
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.technical-panel[open] > summary.card-header::after {
    content: "Fermer";
}

.resource-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr);
    gap: 20px;
    align-items: stretch;
    margin-bottom: 20px;
    padding: 30px;
    border: 1px solid rgba(74, 46, 58, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(74, 46, 58, 0.98), rgba(74, 46, 58, 0.86) 58%, rgba(82, 98, 76, 0.82)),
        var(--saenea-prune);
    color: var(--saenea-ivory);
    box-shadow: var(--saenea-shadow);
}

.resource-hero h2,
.resource-section__intro h2 {
    margin: 0;
    color: inherit;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.06;
}

.resource-hero p {
    max-width: 900px;
    margin: 12px 0 0;
    color: rgba(250, 247, 242, 0.78);
}

.resource-hero__note {
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 18px;
    border: 1px solid rgba(250, 247, 242, 0.2);
    border-radius: 8px;
    background: rgba(250, 247, 242, 0.1);
}

.resource-hero__note strong {
    font-size: 18px;
}

.resource-hero__note p {
    margin: 0;
}

.resource-section {
    margin-top: 24px;
}

.resource-section__intro {
    display: grid;
    gap: 10px;
    max-width: 940px;
    margin-bottom: 16px;
}

.resource-section__intro h2 {
    color: var(--saenea-prune);
}

.resource-section__intro p {
    margin: 0;
    color: var(--saenea-muted);
}

.resource-grid {
    display: grid;
    gap: 16px;
}

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

.resource-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.resource-card,
.resource-panel {
    min-width: 0;
    padding: 22px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.9);
    box-shadow: 0 14px 40px rgba(74, 46, 58, 0.07);
}

.resource-card {
    display: grid;
    align-content: start;
    gap: 8px;
}

.resource-card span {
    color: var(--saenea-terracotta);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.resource-card h3,
.resource-panel h3 {
    margin: 0;
    color: var(--saenea-prune);
    font-size: 18px;
}

.resource-card p,
.resource-panel p {
    margin: 0;
    color: var(--saenea-muted);
}

.resource-list {
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.resource-list li {
    position: relative;
    padding-left: 24px;
    color: var(--saenea-muted);
}

.resource-list li::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--saenea-sage);
    content: "";
}

.resource-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.resource-flow div {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(74, 46, 58, 0.14);
    border-radius: 8px;
    background: rgba(242, 231, 227, 0.48);
}

.resource-flow span {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--saenea-prune);
    color: var(--saenea-ivory);
    font-weight: 900;
}

.resource-flow strong {
    color: var(--saenea-prune);
}

.resource-flow p {
    margin: 0;
    color: var(--saenea-muted);
}

.resource-warning-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.resource-warning-grid div {
    padding: 16px;
    border: 1px solid rgba(197, 106, 86, 0.28);
    border-radius: 8px;
    background: rgba(197, 106, 86, 0.1);
    color: #8e3d2e;
    font-weight: 900;
}

.resource-source-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.resource-source-list a {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 0 16px;
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.9);
    color: var(--saenea-prune);
    font-weight: 900;
}

.resource-source-list a:hover,
.resource-source-list a:focus-visible {
    border-color: rgba(197, 106, 86, 0.42);
    box-shadow: var(--saenea-focus);
    outline: none;
}

.text-muted {
    color: var(--saenea-muted);
}

.text-primary,
.text-info,
.text-success,
.text-warning,
.text-dark {
    color: var(--saenea-prune);
}

.fw-semibold,
.fw-bold {
    font-weight: 900;
}

.font-monospace {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.small {
    font-size: 13px;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.text-end {
    text-align: right;
}

.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

.d-grid {
    display: grid;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: flex-start;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.gap-1 {
    gap: 6px;
}

.gap-2 {
    gap: 10px;
}

.gap-3 {
    gap: 16px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 4px;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-3 {
    margin-bottom: 14px;
}

.mb-4 {
    margin-bottom: 20px;
}

.mt-3 {
    margin-top: 14px;
}

.mt-4 {
    margin-top: 20px;
}

.me-1 {
    margin-right: 4px;
}

.me-2 {
    margin-right: 8px;
}

.p-0 {
    padding: 0;
}

.p-4 {
    padding: 22px;
}

.py-4 {
    padding-block: 22px;
}

.pt-2 {
    padding-top: 10px;
}

.pt-3 {
    padding-top: 14px;
}

.border-top {
    border-top: 1px solid var(--saenea-line);
}

.border-bottom,
.border-light {
    border-color: var(--saenea-line);
}

.rounded-circle {
    border-radius: 50%;
}

.avatar,
.avatar-sm,
.avatar-xl {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(242, 231, 227, 0.66);
    color: var(--saenea-prune);
    font-weight: 900;
}

.avatar-sm {
    width: 38px;
    height: 38px;
}

.avatar-xl {
    width: 76px;
    height: 76px;
}

.back-auth {
    display: flex;
    align-items: center;
    padding-block: 32px;
}

.back-auth--single {
    justify-content: center;
}

.back-auth__inner {
    display: grid;
    grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.22fr);
    gap: 22px;
    align-items: stretch;
}

.back-auth__inner--single {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.back-auth__panel,
.back-auth__form {
    border: 1px solid var(--saenea-line);
    border-radius: 8px;
    background: rgba(255, 250, 246, 0.88);
    box-shadow: var(--saenea-shadow);
}

.back-auth__panel {
    display: grid;
    align-content: space-between;
    gap: 28px;
    padding: 34px;
}

.back-auth__form {
    padding: 34px;
}

.back-auth__brand {
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
}

.back-auth__brand strong {
    color: var(--saenea-prune);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 48px;
    font-style: italic;
    line-height: 0.95;
}

.back-auth__brand span {
    color: var(--saenea-terracotta);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.back-auth__proofs {
    display: grid;
    gap: 14px;
}

.back-auth__proof {
    display: flex;
    gap: 12px;
}

.back-auth__proof span {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--saenea-prune);
    color: var(--saenea-ivory);
    font-weight: 900;
    text-align: center;
    line-height: 34px;
}

.back-auth__form--narrow {
    max-width: 520px;
    margin-inline: auto;
}

.back-auth__form--single {
    width: min(620px, 100%);
    margin-inline: auto;
    padding: clamp(28px, 4vw, 48px);
}

.back-auth__form--register {
    width: min(820px, 100%);
}

.back-auth__intro {
    display: grid;
    justify-items: center;
    gap: 14px;
    margin-bottom: 28px;
    text-align: center;
}

.back-auth__intro h1 {
    margin-top: 4px;
}

.back-auth__intro p {
    max-width: 430px;
    margin: 0;
}

.back-auth__brand--center {
    align-items: center;
    margin-bottom: 4px;
    text-align: center;
}

.back-auth__actions {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.back-auth__footer {
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--saenea-line);
    text-align: center;
}

.back-auth__shop-return {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-top: 20px;
    padding: 0 18px;
    border: 1px solid rgba(74, 46, 58, 0.12);
    border-radius: 999px;
    background: rgba(255, 250, 246, 0.54);
    color: var(--saenea-prune);
    font-size: 13px;
    font-weight: 900;
}

.back-auth__shop-return:hover,
.back-auth__shop-return:focus-visible {
    border-color: rgba(197, 106, 86, 0.34);
    box-shadow: var(--saenea-focus);
    outline: none;
}

@media (max-width: 980px) {
    .back-header__inner,
    .back-page-title,
    .back-auth__inner {
        grid-template-columns: 1fr;
    }

    .back-nav {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .back-menu__panel,
    .back-user-menu__panel {
        left: 0;
        right: auto;
        transform: none;
    }

    .back-user-menu {
        width: fit-content;
    }

    .impersonation-banner {
        align-items: flex-start;
        flex-direction: column;
    }

    .breadcrumb {
        justify-content: flex-start;
    }

    .col-md-3,
    .col-md-4,
    .col-md-6,
    .col-md-8,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-auto,
    .col-xl-4,
    .col-xl-7,
    .col-xl-8,
    .submission-grid,
    .connector-grid,
    .offer-grid,
    .logistics-grid,
    .meta-list,
    .seller-detail-layout {
        grid-column: span 12;
    }

    .submission-grid,
    .connector-grid,
    .offer-grid,
    .logistics-grid,
    .resource-hero,
    .resource-grid--two,
    .resource-grid--three,
    .resource-flow,
    .resource-warning-grid,
    .resource-source-list,
    .dashboard-hero,
    .dashboard-analytics-grid,
    .dashboard-analytics-grid--balanced,
    .dashboard-orders-grid,
    .dashboard-donut-layout,
    .meta-list,
    .seller-inline-form,
    .seller-detail-layout,
    .seller-summary-grid,
    .seller-settings-grid,
    .seller-platform-grid,
    .seller-review-grid {
        grid-template-columns: 1fr;
    }

    .seller-detail-sidebar {
        position: static;
    }

    .dashboard-kpis,
    .seller-kpi-grid,
    .seller-onboarding-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seller-submit-cell {
        min-width: 260px;
    }
}

@media (max-width: 640px) {
    .back-page-title h1,
    .back-auth h1 {
        font-size: 36px;
    }

    .back-brand__name,
    .back-auth__brand strong {
        font-size: 34px;
    }

    .dashboard-kpis,
    .dashboard-modal__summary,
    .seller-kpi-grid,
    .seller-onboarding-steps,
    .seller-info-grid {
        grid-template-columns: 1fr;
    }

    .seller-page-intro,
    .seller-card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-hero {
        padding: 22px;
    }

    .dashboard-hero h2,
    .resource-hero h2,
    .resource-section__intro h2 {
        font-size: 34px;
    }

    .dashboard-card__header,
    .dashboard-modal__header {
        flex-direction: column;
    }

    .dashboard-revenue-chart__plot,
    .dashboard-customer-chart {
        overflow-x: auto;
    }

    .dashboard-revenue-chart__plot {
        grid-template-columns: repeat(12, minmax(56px, 1fr));
    }

    .dashboard-card--activity .timeline-list--rich {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .dashboard-card--activity .timeline-list--rich div {
        min-height: 0;
        padding: 0 0 14px;
        border-bottom: 1px solid var(--saenea-line);
        border-left: 0;
    }

    .dashboard-card--activity .timeline-list--rich div:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .dashboard-modal {
        width: calc(100vw - 22px);
    }

    .dashboard-modal__header h2 {
        font-size: 30px;
    }

    .dashboard-modal__table .table th,
    .dashboard-modal__table .table td {
        padding: 8px 6px;
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .card-header,
    .card-footer,
    .card-body,
    .back-auth__panel,
    .back-auth__form {
        padding: 18px;
    }
}

