:root {
    --ce-dark: #0f172a;
    --ce-text: #0b1220;
    --ce-accent: #16a34a;
    --ce-gold: #969202;
    --ce-red: #ad0c0f;
    --ce-green: #34925b;
    --ce-bg: #f8f9fa;
    --ce-body-bg: #ffffff;
    --ce-surface: #ffffff;
    --ce-border: rgba(15, 23, 42, 0.08);
    --ce-muted: #64748b;
    --ce-navbar-bg: rgba(255, 255, 255, 0.88);
    --ce-shadow-soft: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.08);
    --ce-shadow-strong: 0 1.1rem 2.6rem rgba(15, 23, 42, 0.12);
    --ce-input-bg: #ffffff;
    --ce-warning-surface: #fff3cd;
    --ce-warning-text: #7a5b00;
    --ce-info-surface: #dbeafe;
    --ce-info-text: #0f4c81;
    --ce-danger-surface: #fee2e2;
    --ce-danger-text: #991b1b;
    --ce-success-surface: #dcfce7;
    --ce-success-text: #166534;
}

.creator-license-verification {
    max-width: 940px;
}

.creator-license-verification__shell {
    position: relative;
    overflow: hidden;
}

.creator-license-verification__shell::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #B5710B, rgba(181, 113, 11, 0.18));
}

.creator-license-verification__header {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.creator-license-verification__kicker {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #B5710B;
    font-weight: 800;
    font-size: 0.78rem;
}

.creator-license-verification__title {
    color: #0f172a;
    font-weight: 800;
}

.creator-license-verification__subtitle {
    max-width: 42rem;
    color: #475569;
}

.creator-license-verification__brand {
    padding: 0.7rem 1rem;
    border-radius: 999px;
    background: rgba(181, 113, 11, 0.08);
    color: #0f172a;
    font-weight: 700;
    white-space: nowrap;
}

.creator-license-verification__status {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    padding: 1.15rem 1.25rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    margin-bottom: 1.5rem;
}

.creator-license-verification__status--valid {
    background: linear-gradient(180deg, rgba(68, 171, 3, 0.08), rgba(255, 255, 255, 0.96));
    border-color: rgba(68, 171, 3, 0.24);
}

.creator-license-verification__status--invalid {
    background: linear-gradient(180deg, rgba(181, 39, 11, 0.08), rgba(255, 255, 255, 0.96));
    border-color: rgba(181, 39, 11, 0.22);
}

.creator-license-verification__status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.4rem;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.creator-license-verification__status--valid .creator-license-verification__status-badge {
    background: rgba(68, 171, 3, 0.14);
    color: #1d4d03;
}

.creator-license-verification__status--invalid .creator-license-verification__status-badge {
    background: rgba(181, 39, 11, 0.12);
    color: #8f220f;
}

.creator-license-verification__status-copy p,
.creator-license-verification__status-copy h2 {
    color: #0f172a;
}

.creator-license-verification__details {
    margin-bottom: 1.5rem;
}

.creator-license-verification__label {
    margin-bottom: 0.3rem;
    color: #64748b;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

.creator-license-verification__value {
    color: #0f172a;
    font-weight: 700;
    word-break: break-word;
}

.creator-license-verification__summary,
.creator-license-verification__support {
    padding: 1.15rem 1.2rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(248, 250, 252, 0.82);
}

.creator-license-verification__summary {
    margin-bottom: 1rem;
}

.creator-license-verification__support {
    border-color: rgba(181, 113, 11, 0.18);
    background: linear-gradient(180deg, rgba(181, 113, 11, 0.06), rgba(248, 250, 252, 0.9));
}

.creator-license-verification__support a {
    color: #B5270B;
    font-weight: 700;
}

.creator-license-verification__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    color: #64748b;
    font-size: 0.88rem;
}

@media (max-width: 767.98px) {
    .creator-license-verification__status {
        grid-template-columns: 1fr;
    }

    .creator-license-verification__brand,
    .creator-license-verification__status-badge {
        width: 100%;
        justify-content: center;
    }
}

html[data-theme="dark"] {
    --ce-text: #e5edf7;
    --ce-bg: #0b1120;
    --ce-body-bg: #0b1120;
    --ce-surface: #121a2b;
    --ce-border: rgba(148, 163, 184, 0.16);
    --ce-muted: #94a3b8;
    --ce-navbar-bg: rgba(11, 17, 32, 0.88);
    --ce-shadow-soft: 0 1rem 2rem rgba(0, 0, 0, 0.28);
    --ce-shadow-strong: 0 1.4rem 3rem rgba(0, 0, 0, 0.34);
    --ce-input-bg: #0f172a;
    --ce-warning-surface: rgba(250, 204, 21, 0.16);
    --ce-warning-text: #fde68a;
    --ce-info-surface: rgba(56, 189, 248, 0.14);
    --ce-info-text: #bae6fd;
    --ce-danger-surface: rgba(248, 113, 113, 0.16);
    --ce-danger-text: #fecaca;
    --ce-success-surface: rgba(74, 222, 128, 0.15);
    --ce-success-text: #bbf7d0;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--ce-text);
    background: var(--ce-body-bg);
    font-size: 0.94rem;
    line-height: 1.58;
    transition: background-color 0.2s ease, color 0.2s ease;
    overflow-wrap: break-word;
}

.admin-body {
    background: var(--ce-bg);
}

.text-muted,
.form-text,
.small.text-muted {
    color: var(--ce-muted) !important;
}

.navbar {
    background: var(--ce-navbar-bg) !important;
    border-color: var(--ce-border) !important;
    backdrop-filter: blur(14px);
    box-shadow: 0 0.35rem 1.2rem rgba(15, 23, 42, 0.06);
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

.site-navbar {
    position: sticky;
    top: 0.7rem;
    z-index: 1040;
    margin: 0.7rem auto 0;
    width: min(calc(100% - 1rem), 1280px);
    border-radius: 1rem;
    transition: transform 0.22s ease, opacity 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.site-navbar .container {
    padding-left: 1rem;
    padding-right: 1rem;
}

.site-navbar.site-navbar-scrolled {
    box-shadow: var(--ce-shadow-strong);
}

.site-navbar.site-navbar-hidden {
    transform: translateY(calc(-100% - 1rem));
    opacity: 0;
    pointer-events: none;
}

.navbar-brand {
    font-weight: 800;
    letter-spacing: 0.3px;
    color: var(--ce-text);
}

.nav-link {
    transition: color 0.2s ease;
    font-size: 0.8rem;
    font-weight: 700;
}

.navbar-toggler {
    min-width: 44px;
    min-height: 44px;
}

.nav-link:hover {
    color: var(--ce-green);
}

.section-title,
.page-title {
    font-weight: 800;
    letter-spacing: 0.3px;
    color: var(--ce-gold);
}

.homepage-cta-btn {
    min-width: min(100%, 240px);
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.01em;
    justify-content: center;
}

.card-clean,
.stat-card,
.quick-card,
.table-card,
.toolbar-card,
.editor-card {
    border: 0;
    border-radius: 1rem;
    box-shadow: var(--ce-shadow-soft);
    background: var(--ce-surface);
    border: 1px solid var(--ce-border);
}

.card-clean:hover,
.stat-card:hover,
.quick-card:hover,
.table-card:hover,
.toolbar-card:hover,
.editor-card:hover {
    box-shadow: var(--ce-shadow-strong);
}

.table-card,
.editor-card {
    padding: 1.5rem;
}

.admin-app {
    background:
        radial-gradient(circle at top, rgba(19, 31, 56, 0.12), transparent 36%),
        linear-gradient(180deg, color-mix(in srgb, var(--ce-bg) 92%, #020617 8%), var(--ce-bg));
}

.admin-page-shell,
.admin-shell {
    padding-top: 1.75rem;
    padding-bottom: 2.75rem;
}

body.login-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at top, rgba(19, 31, 56, 0.16), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--ce-bg) 94%, #020617 6%), var(--ce-bg));
}

.login-page .site-footer {
    margin-top: 0 !important;
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

.login-page .footer-social {
    row-gap: 0.65rem;
}

.login-shell {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    padding: 1.25rem 0 1rem;
}

.login-shell__container {
    width: 100%;
}

.login-shell__main {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.login-card {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 1.6rem;
}

.login-card__brand {
    margin-bottom: 0.75rem;
}

.login-card__eyebrow {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ce-gold);
}

.login-card__subtitle {
    max-width: 30ch;
}

.login-input {
    min-height: 48px;
    border-radius: 0.9rem;
}

.login-submit-btn {
    min-height: 50px;
    border: 1px solid color-mix(in srgb, var(--ce-gold) 28%, var(--ce-border));
    border-radius: 0.95rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--ce-gold) 22%, var(--ce-surface) 78%), color-mix(in srgb, var(--ce-green) 30%, var(--ce-surface) 70%));
    color: #f8fafc;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.28);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, filter 0.18s ease;
}

.login-submit-btn:hover,
.login-submit-btn:focus-visible {
    color: #fff;
    border-color: color-mix(in srgb, var(--ce-gold) 44%, var(--ce-border));
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.34);
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.login-submit-btn:focus-visible {
    outline: 0;
}

.login-secondary-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.login-secondary-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.9rem;
}

.login-alert {
    border-radius: 0.9rem;
    border: 1px solid color-mix(in srgb, #ef4444 42%, var(--ce-border));
    background: color-mix(in srgb, #7f1d1d 26%, var(--ce-surface) 74%);
    color: #fecaca;
    padding: 0.8rem 0.95rem;
}

.login-shell__aux {
    margin-top: 0.85rem;
}

.login-shell__back-link {
    color: var(--ce-muted);
    font-size: 0.88rem;
    text-decoration: none;
}

.login-shell__back-link:hover,
.login-shell__back-link:focus-visible {
    color: var(--ce-text);
}

.admin-topbar {
    border-radius: 1.15rem;
}

.admin-topbar__inner {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.admin-topbar__brand {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    line-height: 1.05;
}

.admin-topbar__eyebrow {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.admin-topbar__title {
    font-size: 1rem;
    font-weight: 800;
    color: var(--ce-text);
}

.admin-topbar__actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.admin-page-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.admin-page-kicker {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ce-gold);
}

.admin-page-header .page-title,
.admin-page-header .h3,
.admin-page-header .h2 {
    color: var(--ce-text);
    font-weight: 800;
}

.admin-section-card,
.admin-toolbar {
    border-radius: 1.15rem;
}

.admin-section-header {
    align-items: flex-start;
}

.admin-section-title {
    font-size: 1.15rem;
    font-weight: 800;
    margin-bottom: 0.25rem;
    color: var(--ce-text);
}

.admin-actions,
.dashboard-actions {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.admin-action-group,
.action-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    width: 100%;
    min-width: 11rem;
}

.admin-actions form,
.admin-action-group form,
.action-group form {
    margin: 0;
}

.admin-actions .btn,
.admin-action-group .btn,
.action-group .btn,
.dashboard-actions .btn {
    border-radius: 0.85rem;
    font-weight: 700;
}

.admin-action-group .btn,
.admin-action-group form,
.admin-action-group form .btn,
.action-group .btn,
.action-group form,
.action-group form .btn {
    width: 100%;
    min-width: 0;
    justify-content: center;
}

.admin-action-group form,
.action-group form {
    display: grid;
}

.admin-data-table {
    table-layout: auto;
}

.admin-data-table thead th {
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-data-table td {
    vertical-align: top;
}

.admin-data-table th:last-child,
.admin-data-table td:last-child {
    width: 1%;
}

.admin-data-table .action-group,
.admin-data-table .admin-action-group,
.admin-data-table .admin-dashboard-table__action-stack,
.admin-data-table .admin-dashboard-post-actions {
    min-width: 11rem;
    max-width: 12.5rem;
}

.admin-data-table .badge,
.admin-badge,
.admin-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.38rem 0.62rem;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.admin-record-title {
    font-size: 0.96rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--ce-text);
}

.admin-record-title--sm {
    font-size: 0.88rem;
}

.admin-record-meta,
.mini-meta,
.post-meta {
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--ce-muted);
    overflow-wrap: anywhere;
}

.admin-description-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.admin-filter-bar .form-label,
.admin-toolbar .form-label {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.filter-chip {
    border-radius: 999px;
    font-weight: 700;
}

.results-meta {
    font-size: 0.88rem;
    color: var(--ce-muted);
}

.admin-dashboard-topbar .container {
    gap: 0.8rem;
}

.admin-dashboard-topbar__inner {
    justify-content: space-between;
}

.admin-dashboard-topbar__brand-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.admin-dashboard-topbar__toggle {
    border-radius: 0.95rem;
    border-color: var(--ce-border);
    background: color-mix(in srgb, var(--ce-surface) 90%, var(--ce-text) 10%);
}

.admin-dashboard-topbar__menu {
    width: 100%;
}

.admin-dashboard-topbar__menu-actions {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    width: 100%;
}

.admin-dashboard-topbar__menu-actions .btn {
    border-radius: 0.9rem;
    font-weight: 700;
}

.admin-dashboard-hero {
    padding: 1.45rem 1.5rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    border-radius: 1.3rem;
    background:
        radial-gradient(circle at top right, rgba(181, 113, 11, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(10, 15, 28, 0.98));
    box-shadow: 0 24px 56px rgba(2, 6, 23, 0.34);
}

.admin-dashboard-hero__header {
    margin-bottom: 0;
}

.admin-dashboard-hero__copy {
    max-width: 44rem;
}

.admin-dashboard-hero__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    width: min(100%, 420px);
}

.admin-dashboard-utility-btn {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    background: color-mix(in srgb, var(--ce-surface) 90%, #020617 10%);
    color: var(--ce-text);
    font-weight: 800;
}

.admin-dashboard-utility-btn:hover,
.admin-dashboard-utility-btn:focus-visible {
    color: #fff;
    background: color-mix(in srgb, var(--ce-surface) 72%, #B5710B 28%);
    border-color: color-mix(in srgb, var(--ce-border) 70%, #B5710B 30%);
}

.admin-dashboard-summary-card {
    border-color: color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    background: linear-gradient(180deg, rgba(19, 28, 46, 0.96), rgba(13, 19, 34, 0.98));
}

.admin-dashboard-panel {
    border-color: color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(10, 15, 28, 0.98));
}

.admin-dashboard-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.admin-dashboard-panel__title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
}

.admin-dashboard-panel__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--ce-surface) 75%, #B5710B 25%);
    color: #f0d27b;
    font-size: 1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.admin-dashboard-panel__eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.admin-dashboard-panel__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.admin-dashboard-create-btn {
    min-height: 42px;
    padding-inline: 1rem;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, color-mix(in srgb, #44AB03 76%, #6fd13d 24%), #44AB03);
    border-color: color-mix(in srgb, #44AB03 78%, #ffffff 22%);
    color: #f8fff2;
    font-weight: 800;
}

.admin-dashboard-create-btn:hover,
.admin-dashboard-create-btn:focus-visible {
    color: #fff;
    filter: brightness(1.04);
}

.admin-dashboard-badge {
    border-radius: 999px;
    padding: 0.42rem 0.72rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.admin-dashboard-badge--role {
    background: rgba(59, 130, 246, 0.16);
    color: #bfdbfe;
    border: 1px solid rgba(59, 130, 246, 0.34);
}

.admin-dashboard-badge--success {
    background: rgba(68, 171, 3, 0.16);
    color: #d8f5c2;
    border: 1px solid rgba(68, 171, 3, 0.34);
}

.admin-dashboard-badge--warning {
    background: rgba(181, 113, 11, 0.16);
    color: #f6d7a8;
    border: 1px solid rgba(181, 113, 11, 0.34);
}

.admin-dashboard-badge--info {
    background: rgba(56, 189, 248, 0.16);
    color: #bae6fd;
    border: 1px solid rgba(56, 189, 248, 0.34);
}

.admin-dashboard-badge--muted {
    background: rgba(148, 163, 184, 0.14);
    color: #cbd5e1;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

.admin-users-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.admin-user-overview-card {
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    border-radius: 1.1rem;
    background: color-mix(in srgb, var(--ce-surface) 88%, #020617 12%);
    box-shadow: 0 16px 34px rgba(2, 6, 23, 0.2);
}

.admin-user-overview-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.admin-user-overview-card__id {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--ce-muted);
}

.admin-user-overview-card__email {
    margin-top: 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--ce-text);
    word-break: break-word;
    overflow-wrap: break-word;
}

.admin-user-overview-card__badges {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.admin-user-overview-card__meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 0.9rem;
}

.admin-user-overview-card__meta-label,
.admin-release-mobile-card__label {
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ce-muted);
    margin-bottom: 0.2rem;
}

.admin-user-overview-card__meta-value,
.admin-release-mobile-card__value {
    display: block;
    font-size: 0.94rem;
    line-height: 1.4;
    color: var(--ce-text);
    word-break: break-word;
    overflow-wrap: break-word;
}

.admin-user-overview-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 1rem;
}

.admin-user-overview-card__actions .btn,
.admin-user-overview-card__actions form,
.admin-user-overview-card__actions form .btn {
    width: 100%;
}

.admin-user-overview-card__reassign {
    display: grid;
    grid-column: 1 / -1;
    gap: 0.55rem;
}

.admin-user-overview-card__reassign .form-select {
    min-width: 0;
}

.admin-discography-mobile-list {
    display: grid;
    gap: 0.95rem;
}

.admin-release-mobile-card {
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    border-radius: 1.15rem;
    background: color-mix(in srgb, var(--ce-surface) 88%, #020617 12%);
    box-shadow: 0 18px 36px rgba(2, 6, 23, 0.22);
}

.admin-release-mobile-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.admin-release-mobile-card__id {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--ce-muted);
}

.admin-release-mobile-card__description {
    margin-top: 0.4rem;
}

.admin-release-mobile-card__details {
    display: grid;
    gap: 0.8rem;
    margin-top: 0.95rem;
    padding-top: 0.95rem;
    border-top: 1px solid color-mix(in srgb, var(--ce-border) 82%, transparent);
}

.admin-release-mobile-card__link {
    color: #bfdbfe;
    text-decoration: none;
}

.admin-release-mobile-card__actions {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.admin-release-mobile-card__actions .btn,
.admin-release-mobile-card__actions form,
.admin-release-mobile-card__actions form .btn {
    width: 100%;
}

.admin-discography-table-wrap {
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    border-radius: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    background: color-mix(in srgb, var(--ce-surface) 92%, #020617 8%);
    -webkit-overflow-scrolling: touch;
}

.admin-discography-table-wrap .admin-dashboard-table {
    min-width: 980px;
}

.admin-responsive-table-wrap {
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    border-radius: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    background: color-mix(in srgb, var(--ce-surface) 92%, #020617 8%);
    -webkit-overflow-scrolling: touch;
}

.admin-responsive-table-wrap--posts .admin-dashboard-table {
    min-width: 1040px;
}

.admin-responsive-table-wrap--reach .admin-dashboard-table {
    min-width: 980px;
}

.admin-responsive-table-wrap--subscriptions .admin-dashboard-table {
    min-width: 1420px;
}

.admin-dashboard-table thead th {
    padding: 0.95rem 0.85rem;
    background: color-mix(in srgb, var(--ce-surface) 84%, #0f172a 16%);
}

.admin-dashboard-table td {
    padding: 1rem 0.85rem;
}

.admin-dashboard-table__release {
    min-width: 260px;
}

.admin-discography-table-wrap .admin-dashboard-table__release {
    min-width: 320px;
    max-width: 360px;
}

.admin-discography-table-wrap .admin-dashboard-table__release .admin-record-meta {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word;
}

.admin-dashboard-table__actions {
    width: 170px;
}

.admin-dashboard-table__actions--wide {
    width: 340px;
}

.admin-dashboard-table--subscriptions .creator-admin-member-cell--identity {
    min-width: 180px;
}

.admin-dashboard-table--subscriptions .creator-admin-member-cell--email {
    min-width: 220px;
    max-width: 260px;
}

.admin-dashboard-table--subscriptions .creator-admin-member-cell--plan {
    min-width: 120px;
}

.admin-dashboard-table--subscriptions .creator-admin-member-cell--started,
.admin-dashboard-table--subscriptions .creator-admin-member-cell--billing {
    min-width: 150px;
}

.admin-dashboard-table--subscriptions .creator-admin-member-cell--used,
.admin-dashboard-table--subscriptions .creator-admin-member-cell--remaining,
.admin-dashboard-table--subscriptions .creator-admin-member-cell--limit {
    min-width: 150px;
}

.admin-dashboard-table--subscriptions .creator-admin-member-cell--discount,
.admin-dashboard-table--subscriptions .creator-admin-member-cell--source {
    min-width: 180px;
}

.admin-dashboard-table--subscriptions .creator-admin-member-cell--actions {
    width: 150px;
}

.admin-dashboard-table__action-stack {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
}

.admin-dashboard-table__action-stack .btn,
.admin-dashboard-table__action-stack form,
.admin-dashboard-table__action-stack form .btn {
    width: 100%;
}

.admin-dashboard-post-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
}

.admin-dashboard-post-actions .btn,
.admin-dashboard-post-actions form,
.admin-dashboard-post-actions form .btn {
    width: 100%;
}

.admin-dashboard-post-actions__reject {
    display: grid;
    gap: 0.5rem;
}

.admin-dashboard-post-actions__reject textarea {
    min-width: 0;
    min-height: 76px;
    resize: vertical;
}

.admin-post-mobile-list,
.admin-reach-mobile-list,
.admin-subscriptions-mobile-list {
    display: grid;
    gap: 0.95rem;
}

.admin-post-mobile-card,
.admin-reach-mobile-card,
.admin-subscription-mobile-card {
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    border-radius: 1.15rem;
    background: color-mix(in srgb, var(--ce-surface) 88%, #020617 12%);
    box-shadow: 0 18px 36px rgba(2, 6, 23, 0.22);
}

.admin-post-mobile-card__top,
.admin-reach-mobile-card__top,
.admin-subscription-mobile-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.admin-post-mobile-card__id,
.admin-reach-mobile-card__id {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--ce-muted);
}

.admin-subscription-mobile-card__email {
    margin-top: 0.38rem;
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--ce-text);
    word-break: break-word;
    overflow-wrap: break-word;
}

.admin-post-mobile-card__details,
.admin-reach-mobile-card__details {
    display: grid;
    gap: 0.8rem;
    margin-top: 0.95rem;
    padding-top: 0.95rem;
    border-top: 1px solid color-mix(in srgb, var(--ce-border) 82%, transparent);
}

.admin-subscription-mobile-card__details {
    display: grid;
    gap: 0.8rem;
    margin-top: 0.95rem;
    padding-top: 0.95rem;
    border-top: 1px solid color-mix(in srgb, var(--ce-border) 82%, transparent);
}

.admin-post-mobile-card__actions {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.admin-post-mobile-card__actions .btn,
.admin-post-mobile-card__actions form,
.admin-post-mobile-card__actions form .btn {
    width: 100%;
}

.admin-post-mobile-card__reject {
    display: grid;
    gap: 0.55rem;
}

.admin-post-mobile-card__reject textarea {
    min-height: 82px;
    resize: vertical;
}

.hidden-row {
    display: none !important;
}

@media (min-width: 768px) {
    .admin-dashboard-topbar__brand-row {
        width: auto;
        min-width: 0;
    }

    .admin-dashboard-topbar__menu {
        width: auto;
        flex: 1 1 auto;
    }

    .admin-dashboard-topbar__menu-actions {
        justify-content: flex-end;
    }

    .admin-dashboard-hero__actions {
        width: 300px;
    }

    .admin-users-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.section-anchor-offset {
    scroll-margin-top: 110px;
}

.blog-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.92rem;
    line-height: 1.58;
}

.creator-landing {
    max-width: 1200px;
}

.creator-landing-dark {
    --creator-bg: radial-gradient(circle at top, rgba(24, 39, 71, 0.88), rgba(8, 12, 22, 0.98) 58%, rgba(4, 6, 12, 1) 100%);
    --creator-panel: rgba(14, 20, 33, 0.88);
    --creator-panel-strong: rgba(19, 28, 46, 0.96);
    --creator-panel-soft: rgba(255, 255, 255, 0.04);
    --creator-border: rgba(255, 255, 255, 0.1);
    --creator-border-strong: rgba(231, 201, 114, 0.34);
    --creator-text: #f4f6fb;
    --creator-muted: rgba(232, 238, 248, 0.7);
    --creator-accent: #f0d27b;
    --creator-accent-strong: #f8e4a3;
    position: relative;
    color: var(--creator-text);
    padding-top: 2rem;
    padding-bottom: 5rem;
}

.creator-landing-dark::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 2rem;
    background: var(--creator-bg);
    z-index: -1;
}

.creator-landing-dark .text-muted,
.creator-landing-dark .small.text-muted,
.creator-landing-dark .lead,
.creator-landing-dark .creator-section-copy,
.creator-landing-dark .creator-card-descriptor,
.creator-landing-dark .creator-pricing-note,
.creator-landing-dark .accordion-body {
    color: var(--creator-muted) !important;
}

.creator-landing-dark .alert {
    border-color: var(--creator-border);
}

.creator-landing-dark .creator-section {
    margin-bottom: 5rem;
}

.creator-landing-dark .creator-section:last-child {
    margin-bottom: 0;
}

.creator-landing-dark .creator-hero-card,
.creator-landing-dark .creator-license-card,
.creator-landing-dark .creator-bridge-card,
.creator-landing-dark .creator-section-intro {
    max-width: 700px;
}

.creator-landing-dark .creator-hero-card {
    padding: 3rem 2.75rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        linear-gradient(135deg, rgba(231, 201, 114, 0.12), rgba(92, 138, 255, 0.08));
    border: 1px solid var(--creator-border);
    border-radius: 1.5rem;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
}

.creator-landing-dark .creator-kicker {
    color: var(--creator-accent) !important;
    letter-spacing: 0.18em;
}

.creator-landing-dark .creator-hero-copy {
    color: var(--creator-muted) !important;
    max-width: 660px;
    margin-inline: auto;
    line-height: 1.65;
}

.creator-landing-dark .creator-hero-actions {
    gap: 1rem 1.5rem;
    margin-top: 1.5rem;
}

.creator-landing-dark .creator-btn-primary,
.creator-landing-dark .creator-btn-secondary {
    min-width: 180px;
    border-radius: 999px;
    padding-inline: 1.15rem;
}

.creator-landing-dark .creator-btn-primary {
    background: linear-gradient(135deg, var(--creator-accent-strong), var(--creator-accent));
    border-color: transparent;
    color: #111522;
    font-weight: 700;
}

.creator-landing-dark .creator-btn-primary:hover {
    color: #111522;
    filter: brightness(1.03);
}

.creator-landing-dark .creator-btn-secondary {
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--creator-text);
    background: rgba(255, 255, 255, 0.02);
}

.creator-landing-dark .creator-btn-secondary:hover {
    color: var(--creator-text);
    border-color: rgba(255, 255, 255, 0.38);
    background: rgba(255, 255, 255, 0.07);
}

.creator-landing-dark .creator-trustbar {
    padding-block: 1rem;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid var(--creator-border);
    border-radius: 999px;
    backdrop-filter: blur(12px);
}

.creator-landing-dark .creator-trust-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem 1.5rem;
    flex-wrap: wrap;
    font-size: 0.82rem;
    color: var(--creator-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.creator-landing-dark .creator-pricing-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    border: 1px solid var(--creator-border);
    border-radius: 1.4rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}

.creator-landing-dark .creator-pricing-card-featured {
    transform: scale(1.02);
    border-color: var(--creator-border-strong);
    box-shadow: 0 28px 52px rgba(0, 0, 0, 0.34);
    background:
        linear-gradient(180deg, rgba(240, 210, 123, 0.14), rgba(255, 255, 255, 0.03)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
}

.creator-landing-dark .creator-price {
    color: var(--creator-text);
}

.creator-landing-dark .creator-allowance {
    color: var(--creator-accent-strong);
}

.creator-landing-dark .creator-feature-list {
    color: var(--creator-muted);
}

.creator-landing-dark .creator-feature-list li + li {
    margin-top: 0.4rem;
}

.creator-landing-dark .creator-plan-badge {
    background: linear-gradient(135deg, rgba(240, 210, 123, 0.95), rgba(248, 228, 163, 0.92)) !important;
    color: #131927 !important;
    border-radius: 999px;
    padding: 0.45rem 0.7rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.creator-landing-dark .creator-step-card {
    padding: 1.75rem;
    border: 1px solid var(--creator-border);
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
}

.creator-landing-dark .creator-license-card,
.creator-landing-dark .creator-bridge-card {
    padding: 2rem 2.25rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
    border: 1px solid var(--creator-border);
    border-radius: 1.35rem;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.creator-landing-dark .creator-license-points {
    max-width: 420px;
    color: var(--creator-muted);
}

.creator-landing-dark .creator-faq-panel {
    border: 1px solid var(--creator-border);
    border-radius: 1.35rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.creator-track-card {
    padding: 1rem 1rem 0.95rem;
}

.creator-track-meta,
.creator-track-copy {
    line-height: 1.42;
    color: rgba(238, 243, 252, 0.82);
}

.creator-track-description {
    margin-top: 0.65rem;
    line-height: 1.45;
    font-size: 0.92rem;
    color: rgba(244, 247, 255, 0.9);
}

.creator-track-copy {
    font-size: 0.76rem;
    line-height: 1.35;
}

.creator-track-meta {
    margin-bottom: 0.2rem;
}

.creator-track-audio {
    height: 32px;
    max-width: 360px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.admin-audio-player {
    display: block;
    width: min(220px, 100%);
    max-width: 100%;
    height: 32px;
}

.table td .admin-audio-player,
.table th .admin-audio-player {
    min-width: 150px;
}

.admin-has-global-player {
    padding-bottom: 132px;
}

.creator-library-has-player {
    padding-bottom: 132px;
}

.creator-admin-table-shell {
    border-radius: 1rem;
}

.creator-admin-track-table tbody tr {
    transition: background-color 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.creator-admin-track-table tbody tr:hover {
    background: color-mix(in srgb, var(--ce-surface) 84%, var(--ce-text) 16%);
}

.creator-admin-track-table tbody tr.is-playing {
    background: color-mix(in srgb, var(--ce-surface) 72%, var(--ce-green) 28%);
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--ce-green) 70%, #fff 30%);
}

.creator-admin-track-title {
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--ce-text);
}

.creator-admin-track-subtitle {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--ce-muted);
    word-break: break-word;
}

.admin-mobile-kicker {
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ce-muted);
}

.admin-mobile-value,
.admin-mobile-wrap {
    color: var(--ce-text);
    font-weight: 600;
    overflow-wrap: break-word;
    word-break: normal;
}

.admin-header-actions__group,
.admin-filter-actions,
.admin-form-actions,
.admin-bulk-toolbar__actions,
.admin-mobile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.creator-admin-members-table .badge,
.creator-admin-track-table .badge,
.creator-admin-import-table .badge {
    border-radius: 999px;
    padding: 0.38rem 0.58rem;
    font-size: 0.7rem;
    font-weight: 700;
}

.creator-admin-members-table td,
.creator-admin-track-table td,
.creator-admin-import-table td {
    overflow-wrap: break-word;
    word-break: normal;
}

.creator-admin-play-button {
    min-width: 96px;
    border-radius: 999px;
    border-color: color-mix(in srgb, var(--ce-border) 70%, #fff 30%);
    white-space: nowrap;
}

.creator-admin-play-button.is-active,
.creator-admin-play-button:hover {
    background: color-mix(in srgb, var(--ce-green) 72%, #0f172a 28%);
    border-color: color-mix(in srgb, var(--ce-green) 72%, #fff 28%);
    color: #fff;
}

.creator-admin-track-table-shell {
    overflow-x: auto;
}

.creator-admin-track-table--listing {
    table-layout: fixed;
}

.creator-admin-track-table--listing th,
.creator-admin-track-table--listing td {
    white-space: normal;
    vertical-align: middle;
}

.creator-admin-track-col--select,
.creator-admin-track-cell--select {
    width: 52px;
    min-width: 52px;
}

.creator-admin-track-col--track,
.creator-admin-track-cell--title {
    width: 27%;
    min-width: 180px;
}

.creator-admin-track-col--controls,
.creator-admin-track-cell--controls {
    width: 47%;
    min-width: 320px;
}

.creator-admin-track-col--status,
.creator-admin-track-cell--status {
    width: 26%;
    min-width: 220px;
}

.creator-admin-track-table__empty {
    padding: 1rem !important;
}

.creator-admin-track-table-shell {
    overflow-x: clip;
}

.creator-admin-track-control-label {
    display: block;
    margin-bottom: 0.28rem;
    font-size: 0.64rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ce-muted);
}

.creator-admin-track-controls {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) minmax(0, 1fr) 48px;
    grid-template-areas:
        "preview genre mood bpm"
        "keywords keywords keywords keywords";
    gap: 0.45rem;
    align-items: end;
}

.creator-admin-track-control {
    min-width: 0;
}

.creator-admin-track-control--preview {
    grid-area: preview;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.creator-admin-track-control--genre {
    grid-area: genre;
}

.creator-admin-track-control--mood {
    grid-area: mood;
}

.creator-admin-track-control--keywords {
    grid-area: keywords;
}

.creator-admin-track-control--bpm {
    grid-area: bpm;
}

.creator-admin-track-control--preview .creator-admin-play-button {
    min-width: 84px;
}

.creator-admin-track-control .form-select {
    min-width: 0;
}

.creator-admin-track-bpm-value {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.35rem 0.5rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 84%, transparent);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--ce-surface) 90%, var(--ce-text) 10%);
    color: var(--ce-text);
    font-weight: 600;
}

.admin-bulk-toolbar__actions {
    align-items: stretch;
}

.creator-admin-track-inline-actions .btn,
.admin-bulk-toolbar__actions .btn {
    min-width: 0;
    white-space: nowrap;
}

.creator-admin-track-status-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
}

.creator-admin-track-footer {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    width: 100%;
}

.creator-admin-track-footer-block {
    min-width: 0;
}

.creator-admin-track-footer-label {
    display: none;
    margin-bottom: 0.35rem;
    font-size: 0.64rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ce-muted);
}

.creator-admin-track-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.creator-admin-track-inline-actions .btn {
    width: auto;
    justify-content: center;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
    font-size: 0.8rem;
}

.creator-admin-track-cell--status .badge {
    white-space: nowrap;
}

.creator-admin-import-toolbar {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 1.25rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 88%, transparent);
    border-radius: 1rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ce-surface) 94%, var(--ce-text) 6%), color-mix(in srgb, var(--ce-surface) 97%, var(--ce-text) 3%));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.creator-admin-import-toolbar__section {
    display: grid;
    gap: 0.9rem;
}

.creator-admin-import-toolbar__section--bulk {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.creator-admin-import-control-group {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.creator-admin-import-control-group__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
    align-items: end;
}

.creator-admin-import-control-group__row .btn,
.creator-admin-import-toolbar__actions .btn {
    white-space: nowrap;
    justify-content: center;
}

.creator-admin-import-toolbar__heading {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.creator-admin-import-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.creator-admin-import-toolbar__actions .btn {
    flex: 0 1 auto;
}

.creator-admin-import-toolbar__toggle {
    padding: 0.85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, transparent);
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--ce-surface) 95%, var(--ce-text) 5%);
}

.creator-admin-import-table--review {
    min-width: 1180px;
}

.creator-admin-import-table--review th:nth-child(1) {
    width: 58px;
}

.creator-admin-import-table--review th:nth-child(2) {
    min-width: 280px;
}

.creator-admin-import-table--review th:nth-child(3) {
    min-width: 260px;
}

.creator-admin-import-table--review th:nth-child(4) {
    min-width: 320px;
}

.creator-admin-import-table--review th:nth-child(5) {
    width: 124px;
}

@media (min-width: 768px) {
    .creator-admin-tracks-page .creator-admin-track-table thead {
        display: none;
    }

    .creator-admin-tracks-page .creator-admin-track-table,
    .creator-admin-tracks-page .creator-admin-track-table tbody,
    .creator-admin-tracks-page .creator-admin-track-table tr,
    .creator-admin-tracks-page .creator-admin-track-table td {
        display: block;
        width: 100%;
    }

    .creator-admin-tracks-page .creator-admin-track-table-shell {
        overflow-x: visible;
    }

    .creator-admin-tracks-page .creator-admin-track-table--listing {
        min-width: 0;
    }

    .creator-admin-tracks-page .creator-admin-track-table tbody tr {
        display: grid !important;
        grid-template-columns: 34px minmax(180px, 0.9fr) minmax(360px, 1.35fr) minmax(220px, 0.85fr);
        grid-template-areas: "select title controls status";
        align-items: start;
        gap: 0.8rem;
        margin-bottom: 0.85rem;
        padding: 1rem 1.1rem;
        border: 1px solid var(--ce-border);
        border-radius: 1rem;
        background: color-mix(in srgb, var(--ce-surface) 92%, var(--ce-text) 8%);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
    }

    .creator-admin-tracks-page .creator-admin-track-table > :not(caption) > * > * {
        border-bottom: 0;
    }

    .creator-admin-tracks-page .creator-admin-track-cell {
        border-bottom: 0 !important;
        min-width: 0;
        padding: 0 !important;
    }

    .creator-admin-tracks-page .creator-admin-track-cell::before {
        display: none;
    }

    .creator-admin-tracks-page .creator-admin-track-cell--select {
        grid-area: select;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0.2rem !important;
    }

    .creator-admin-tracks-page .creator-admin-track-cell--title {
        grid-area: title;
        min-width: 0;
        padding-top: 0.15rem !important;
    }

    .creator-admin-tracks-page .creator-admin-track-cell--controls {
        grid-area: controls;
        min-width: 0;
    }

    .creator-admin-tracks-page .creator-admin-track-cell--status {
        grid-area: status;
        min-width: 0;
        padding-top: 0.15rem !important;
    }

    .creator-admin-tracks-page .creator-admin-track-controls {
        grid-template-columns: 78px minmax(120px, 1fr) minmax(120px, 1fr) 44px;
        grid-template-areas:
            "preview genre mood bpm"
            "keywords keywords keywords keywords";
        gap: 0.45rem;
    }

    .creator-admin-tracks-page .creator-admin-track-control--preview .creator-admin-play-button {
        min-width: 78px;
    }

    .creator-admin-tracks-page .creator-admin-track-inline-actions {
        gap: 0.4rem;
    }

    .creator-admin-tracks-page .creator-admin-track-inline-actions .btn {
        flex: 0 0 auto;
    }

    .creator-admin-import-control-group__row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .creator-admin-import-control-group__row .btn {
        min-width: 9.75rem;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .creator-admin-tracks-page .creator-admin-track-table tbody tr {
        grid-template-columns: 34px minmax(160px, 0.95fr) minmax(0, 1.2fr) minmax(190px, 0.9fr);
        grid-template-areas:
            "select title title"
            "controls controls status";
        gap: 0.7rem;
    }

    .creator-admin-tracks-page .creator-admin-track-cell--status {
        align-self: stretch;
    }

    .creator-admin-tracks-page .creator-admin-track-controls {
        grid-template-columns: 76px minmax(110px, 1fr) minmax(110px, 1fr) 42px;
        grid-template-areas:
            "preview genre mood bpm"
            "keywords keywords keywords keywords";
        gap: 0.4rem;
    }

    .creator-admin-import-table--review {
        min-width: 1100px;
    }

    .admin-bulk-toolbar {
        align-items: flex-start !important;
    }

    .admin-bulk-toolbar__actions .btn {
        flex: 0 0 auto;
    }
}

@media (min-width: 1200px) {
    .creator-admin-track-table--listing {
        min-width: 100%;
    }
}

@media (max-width: 479.98px) {
    .creator-admin-track-inline-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .creator-admin-track-inline-actions .btn {
        width: 100%;
    }

    .creator-admin-import-toolbar__actions .btn {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .creator-admin-tracks-page .creator-admin-track-row {
        grid-template-columns: 36px minmax(0, 1fr) !important;
        grid-template-areas:
            "select title"
            "controls controls"
            "status status" !important;
    }

    .creator-admin-tracks-page .creator-admin-track-cell--status {
        grid-area: status !important;
        grid-column: 1 / -1 !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        justify-self: stretch !important;
        align-self: stretch !important;
    }

    .creator-admin-tracks-page .creator-admin-track-footer {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        gap: 0.8rem !important;
    }

    .creator-admin-tracks-page .creator-admin-track-footer-block {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    .creator-admin-tracks-page .creator-admin-track-status-panel {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .creator-admin-tracks-page .creator-admin-track-cell--status .badge,
    .creator-admin-tracks-page .creator-admin-track-status-panel .badge {
        display: inline-flex !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 6.75rem !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        writing-mode: horizontal-tb !important;
    }

    .creator-admin-tracks-page .creator-admin-track-inline-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        gap: 0.5rem !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .creator-admin-tracks-page .creator-admin-track-inline-actions .btn,
    .creator-admin-tracks-page .creator-admin-track-inline-actions > a.btn {
        flex: 0 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 5.5rem !important;
        white-space: nowrap !important;
        writing-mode: horizontal-tb !important;
    }
}

.creator-admin-edit-preview {
    padding: 1.2rem 1.25rem;
    border: 1px solid var(--ce-border);
    border-radius: 1rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ce-surface) 88%, var(--ce-text) 12%), color-mix(in srgb, var(--ce-surface) 95%, var(--ce-text) 5%));
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16);
}

.admin-track-edit-audio {
    display: block;
    width: min(560px, 100%);
    max-width: 100%;
    height: 42px;
}

.creator-admin-player {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 1080;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.2rem;
    background: rgba(10, 14, 24, 0.96);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(18px);
    transition: transform 180ms ease, box-shadow 180ms ease, padding 180ms ease, border-color 180ms ease;
}

.creator-admin-player__mini {
    display: none;
    flex-direction: column;
    gap: 0.65rem;
}

.creator-admin-player__mini-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.creator-admin-player__mini-pill {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    transition: transform 160ms ease;
}

.creator-admin-player__mini-icon {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(181, 39, 11, 0.18);
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.creator-admin-player__mini-copy {
    min-width: 0;
}

.creator-admin-player__mini-title,
.creator-admin-player__mini-subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.creator-admin-player__mini-title {
    font-size: 0.94rem;
    font-weight: 700;
    color: #f8fafc;
}

.creator-admin-player__mini-subtitle {
    font-size: 0.72rem;
    color: rgba(226, 232, 240, 0.68);
}

.creator-admin-player__mini-actions,
.creator-admin-player__chrome {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.creator-admin-player__mini-progress {
    position: relative;
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    overflow: visible;
    cursor: pointer;
    touch-action: none;
}

.creator-admin-player__mini-progress-fill {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(181, 39, 11, 0.94), rgba(181, 113, 11, 0.94));
}

.creator-admin-player__mini-progress-handle {
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #fff7ed;
    border: 2px solid rgba(181, 113, 11, 0.92);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.creator-admin-player__expanded {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.creator-admin-player__expanded-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.creator-admin-player__artwork {
    width: 68px;
    height: 68px;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(181, 39, 11, 0.24), rgba(181, 113, 11, 0.26));
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff7ed;
    font-size: 1.05rem;
    font-weight: 800;
    overflow: hidden;
}

.creator-admin-player__artwork.has-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.creator-admin-player__waveform-shell {
    padding: 0.75rem 0.85rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.82), rgba(9, 14, 26, 0.9));
}

.creator-admin-player__waveform {
    display: grid;
    grid-template-columns: repeat(56, minmax(0, 1fr));
    align-items: end;
    gap: 0.18rem;
    min-height: 76px;
    cursor: pointer;
    touch-action: none;
}

.creator-admin-player__waveform-bar {
    display: block;
    width: 100%;
    min-height: 18%;
    height: calc(var(--bar-height, 0.5) * 100%);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(148, 163, 184, 0.34), rgba(94, 124, 160, 0.62));
    transition: height 90ms linear, background-color 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
    opacity: 0.92;
    transform-origin: bottom center;
}

.creator-admin-player__waveform-bar.is-played {
    background: linear-gradient(180deg, rgba(181, 113, 11, 0.94), rgba(181, 39, 11, 0.96));
    box-shadow: 0 0 0.55rem rgba(181, 113, 11, 0.18);
}

.creator-admin-player__time-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: center;
}

.creator-admin-player__meta {
    min-width: 0;
}

.creator-admin-player__eyebrow {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(226, 232, 240, 0.62);
}

.creator-admin-player__title {
    font-size: 1.18rem;
    font-weight: 700;
    color: #f8fafc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.creator-admin-player__subtitle {
    font-size: 0.75rem;
    color: rgba(226, 232, 240, 0.72);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.creator-admin-player__transport {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    justify-content: center;
}

.creator-admin-player__button {
    border-radius: 999px;
    min-width: 74px;
    min-height: 40px;
}

.creator-admin-player__button--mini {
    min-width: 68px;
}

.creator-admin-player__button--primary {
    min-width: 96px;
    min-height: 46px;
    font-weight: 800;
}

.creator-admin-player__transport-button,
.creator-admin-player__secondary-button,
.creator-admin-player__icon-button {
    min-height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.creator-admin-player__secondary-button.is-active,
.creator-admin-player__secondary-button[aria-pressed="true"] {
    background: rgba(181, 113, 11, 0.18);
    border-color: rgba(181, 113, 11, 0.55);
    color: #fff;
}

.creator-admin-player__secondary-button.is-disabled,
.creator-admin-player__secondary-button[aria-disabled="true"] {
    pointer-events: none;
    opacity: 0.45;
}

.creator-admin-player__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.creator-admin-player__actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.creator-admin-player__time,
.creator-admin-player__time-label {
    font-size: 0.8rem;
    color: rgba(226, 232, 240, 0.76);
}

.creator-admin-player__time-label:last-child {
    text-align: right;
}

.creator-admin-player__audio {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.creator-admin-player__icon-button {
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
}

.creator-admin-player__icon-button--restore,
.creator-admin-player__mini-actions {
    display: none;
}

.creator-admin-player.is-minimized {
    padding: 0.78rem 0.9rem;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.32);
}

.creator-admin-player:not(.is-minimized) .creator-admin-player__mini {
    display: none;
}

.creator-admin-player.is-minimized .creator-admin-player__expanded {
    display: none;
}

.creator-admin-player.is-minimized .creator-admin-player__mini-actions,
.creator-admin-player.is-minimized .creator-admin-player__icon-button--restore {
    display: inline-flex;
}

.creator-admin-player.is-minimized .creator-admin-player__mini {
    display: flex;
}

.creator-admin-player.is-minimized .creator-admin-player__mini-head {
    justify-content: space-between;
}

.creator-admin-player .btn:hover,
.creator-admin-player .btn:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.22);
}

.creator-dashboard-shell {
    max-width: 980px;
    margin: 0 auto;
}

.creator-dashboard-hero {
    background:
        radial-gradient(circle at top right, rgba(181, 39, 11, 0.12), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--ce-surface) 94%, #020617 6%), color-mix(in srgb, var(--ce-bg) 90%, #020617 10%));
    border-color: color-mix(in srgb, var(--ce-border) 78%, #B5710B 22%);
}

.creator-dashboard-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.creator-dashboard-header__copy {
    flex: 1 1 320px;
    min-width: 0;
}

.creator-dashboard-kicker {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #B5710B;
}

.creator-dashboard-header__copy .h3 {
    font-size: clamp(1.8rem, 3vw, 2rem);
    line-height: 1.08;
}

.creator-dashboard-header__copy .text-muted {
    font-size: 0.92rem;
}

.creator-dashboard-primary-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    width: 100%;
}

.creator-dashboard-primary-btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.95rem;
    font-weight: 800;
    border: 1px solid var(--ce-border);
    color: var(--ce-text);
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.creator-dashboard-primary-btn--ghost {
    background: color-mix(in srgb, var(--ce-surface) 86%, #ffffff 14%);
    border-color: color-mix(in srgb, var(--ce-border) 70%, #B5710B 30%);
}

.creator-dashboard-primary-btn--ghost:hover,
.creator-dashboard-primary-btn--ghost:focus-visible {
    background: color-mix(in srgb, var(--ce-surface) 75%, #B5710B 25%);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(181, 113, 11, 0.18);
}

.creator-dashboard-primary-btn--outline {
    background: transparent;
    border-color: color-mix(in srgb, var(--ce-border) 74%, #B5270B 26%);
}

.creator-dashboard-primary-btn--outline:hover,
.creator-dashboard-primary-btn--outline:focus-visible {
    background: color-mix(in srgb, #B5270B 18%, transparent);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(181, 39, 11, 0.16);
}

.creator-subscription-card {
    margin-top: 1.25rem;
    border-radius: 1.4rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 78%, #ffffff 22%);
    background: linear-gradient(180deg, rgba(18, 24, 39, 0.96), rgba(10, 15, 28, 0.98));
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.34);
    overflow: hidden;
}

.creator-subscription-card__intro,
.creator-subscription-card__section {
    padding: 1.05rem 1.15rem;
}

.creator-subscription-card__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
}

.creator-subscription-card__eyebrow,
.creator-subscription-card__label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.creator-subscription-card__email,
.creator-subscription-card__value {
    min-width: 0;
    max-width: 100%;
    line-height: 1.2;
    color: #f8fafc;
    word-break: break-word;
    overflow-wrap: break-word;
}

.creator-subscription-card__email {
    font-size: clamp(1.18rem, 3vw, 1.5rem);
    font-weight: 800;
}

.creator-subscription-card__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background: color-mix(in srgb, #44AB03 22%, transparent);
    border: 1px solid color-mix(in srgb, #44AB03 70%, transparent);
    color: #d8f5c2;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.creator-subscription-card__status--pending {
    background: color-mix(in srgb, #B5710B 22%, transparent);
    border-color: color-mix(in srgb, #B5710B 74%, transparent);
    color: #f5dfb4;
}

.creator-subscription-card__status-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.creator-subscription-card__account-actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.creator-subscription-card__action {
    min-height: 34px;
    border-radius: 999px;
    font-weight: 700;
}

.creator-subscription-card__section {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
    border-top: 1px solid color-mix(in srgb, var(--ce-border) 78%, #ffffff 22%);
}

.creator-subscription-card__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--ce-surface) 78%, #B5710B 22%);
    color: #f0d27b;
    font-size: 1rem;
}

.creator-subscription-card__content {
    flex: 1 1 auto;
    min-width: 0;
}

.creator-subscription-card__value {
    font-size: 1rem;
    font-weight: 700;
}

.creator-subscription-card__value--plan {
    font-size: 1.02rem;
}

.creator-subscription-card__meta {
    margin-top: 0.22rem;
    font-size: 0.78rem;
    color: var(--ce-muted);
    line-height: 1.4;
    word-break: normal;
    overflow-wrap: break-word;
}

.creator-account-dialog {
    width: min(520px, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--ce-border) 78%, #ffffff 22%);
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(18, 24, 39, 0.98), rgba(10, 15, 28, 0.99));
    box-shadow: 0 26px 60px rgba(2, 6, 23, 0.5);
    color: var(--ce-text);
}

.creator-account-dialog::backdrop {
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(5px);
}

.creator-account-dialog__surface {
    display: grid;
    gap: 0.9rem;
    padding: 1.2rem;
}

.creator-account-dialog__eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.creator-account-dialog__title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    color: #f8fafc;
}

.creator-account-dialog__copy {
    margin: 0;
    color: rgba(214, 222, 237, 0.8);
    line-height: 1.55;
}

.creator-account-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.creator-account-dialog--danger .creator-account-dialog__title {
    color: #ffe0dc;
}

.creator-dashboard-secondary-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.65rem;
    margin-top: 1rem;
}

.creator-dashboard-secondary-actions .btn {
    width: 100%;
    min-height: 44px;
    border-radius: 0.9rem;
    font-weight: 700;
    justify-content: center;
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.creator-dashboard-secondary-actions .btn:hover,
.creator-dashboard-secondary-actions .btn:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.22);
}

.creator-dashboard-secondary-actions__form {
    margin: 0;
    width: 100%;
}

.creator-dashboard-plan-note {
    margin-top: 0.95rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 78%, #B5710B 22%);
    background: color-mix(in srgb, var(--ce-surface) 86%, #020617 14%);
    color: rgba(226, 232, 240, 0.84);
    line-height: 1.45;
    font-size: 0.88rem;
}

.creator-dashboard-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

.creator-dashboard-stat {
    min-width: 0;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    background: color-mix(in srgb, var(--ce-surface) 86%, #020617 14%);
}

.creator-dashboard-stat__label {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.creator-dashboard-stat__value {
    margin-top: 0.35rem;
    font-size: 1rem;
    font-weight: 800;
    color: var(--ce-text);
    line-height: 1.28;
    word-break: normal;
    overflow-wrap: break-word;
}

.creator-dashboard-stat__value--compact {
    font-size: 0.9rem;
}

.creator-dashboard-filters {
    padding: 1.2rem !important;
}

.creator-dashboard-filters .form-label {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.creator-dashboard-filters .btn {
    min-height: 44px;
}

.creator-license-panel {
    padding: 1.2rem !important;
    background: linear-gradient(180deg, rgba(16, 22, 34, 0.96), rgba(10, 15, 28, 0.98));
}

.creator-license-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.creator-license-panel__eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #B5710B;
}

.creator-license-panel__title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #f8fafc;
}

.creator-license-panel__copy,
.creator-license-panel__empty-copy {
    font-size: 0.88rem;
    line-height: 1.45;
    color: rgba(214, 222, 237, 0.78);
}

.creator-license-panel__meta {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #f8fafc;
    font-size: 0.8rem;
    font-weight: 700;
}

.creator-license-panel__actions,
.creator-license-panel__empty {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.65rem;
    margin-top: 1rem;
    align-items: center;
}

.creator-license-panel__actions .btn,
.creator-license-panel__empty .btn {
    min-height: 44px;
}

.creator-license-panel__empty {
    padding: 0.95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--ce-surface) 90%, #020617 10%);
}

.creator-license-panel__empty-title {
    font-size: 1rem;
    font-weight: 800;
    color: #f8fafc;
}

@media (min-width: 768px) {
    .creator-dashboard-primary-actions {
        width: auto;
        min-width: 300px;
    }

    .creator-dashboard-secondary-actions {
        justify-content: flex-start;
    }

    .creator-dashboard-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.creator-playlist-shell {
    padding: 1.2rem 1.2rem 1rem;
}

.creator-playlist-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
}

.creator-playlist-modes {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.32rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 78%, #ffffff 22%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--ce-surface) 90%, #020617 10%);
    flex-wrap: wrap;
}

.creator-playlist-mode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0.58rem 0.88rem;
    border-radius: 999px;
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.creator-playlist-mode:hover,
.creator-playlist-mode:focus-visible {
    color: #fff;
    background: color-mix(in srgb, var(--ce-surface) 66%, #B5710B 34%);
    transform: translateY(-1px);
}

.creator-playlist-mode.is-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(181, 39, 11, 0.92), rgba(181, 113, 11, 0.88));
    box-shadow: 0 12px 28px rgba(181, 39, 11, 0.24);
}

.creator-playlist-count {
    justify-self: end;
}

.creator-playlist {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.creator-playlist-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--ce-border);
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--ce-surface) 88%, var(--ce-text) 12%);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.creator-playlist-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(2, 6, 23, 0.18);
}

.creator-playlist-row.is-playing {
    border-color: color-mix(in srgb, #B5710B 72%, var(--ce-border) 28%);
    box-shadow: 0 16px 36px rgba(181, 113, 11, 0.14);
}

.creator-playlist-main {
    min-width: 0;
}

.creator-playlist-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.32rem;
}

.creator-playlist-flags {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.creator-playlist-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 0.35rem;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.creator-track-side-copy {
    line-height: 1.28;
}

.creator-track-label,
.creator-track-side-label {
    color: rgba(255, 255, 255, 0.96);
}

.creator-track-side-copy {
    color: rgba(231, 236, 245, 0.88);
}

.creator-playlist-shell .badge.text-bg-dark {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

.creator-playlist-shell .badge {
    padding: 0.32rem 0.55rem;
    font-size: 0.68rem;
    font-weight: 700;
}

.creator-playlist-shell .text-muted,
.creator-playlist-shell .small.text-muted {
    color: rgba(214, 222, 237, 0.76) !important;
}

.creator-playlist-inline-actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.creator-admin-play-button {
    min-height: 40px;
    font-weight: 700;
}

.creator-track-favorite {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 36px;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(226, 232, 240, 0.88);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.creator-track-favorite:hover,
.creator-track-favorite:focus-visible {
    color: #fff;
    border-color: rgba(181, 113, 11, 0.55);
    background: rgba(181, 113, 11, 0.16);
}

.creator-track-favorite.is-active {
    color: #ffe5df;
    border-color: rgba(181, 39, 11, 0.55);
    background: rgba(181, 39, 11, 0.18);
}

.creator-track-favorite .bi {
    font-size: 0.88rem;
}

.creator-track-rating {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.creator-track-rating__label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(214, 222, 237, 0.6);
}

.creator-track-rating__stars {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    flex-wrap: wrap;
}

.creator-track-rating__value {
    margin-left: 0.35rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: rgba(214, 222, 237, 0.72);
    transition: color 160ms ease;
}

.creator-track-rating__value.is-preview {
    color: #B5710B;
}

.creator-track-rating__star,
.creator-track-rating__clear {
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8d98ab;
    transition: color 160ms ease, background-color 160ms ease, transform 160ms ease, opacity 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.creator-track-rating__star {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.08rem;
    padding: 0;
    border: 1px solid rgba(141, 152, 171, 0.22);
    background: rgba(141, 152, 171, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.creator-track-rating__star .bi {
    display: block;
}

.creator-track-rating__star:hover,
.creator-track-rating__star:focus-visible {
    color: #e59d2b;
    border-color: rgba(181, 113, 11, 0.45);
    background: rgba(181, 113, 11, 0.14);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(8, 15, 28, 0.18);
}

.creator-track-rating__star.is-active {
    color: #B5710B;
    border-color: rgba(181, 113, 11, 0.42);
    background: rgba(181, 113, 11, 0.14);
}

.creator-track-rating__star.is-preview {
    color: #e59d2b;
    border-color: rgba(229, 157, 43, 0.45);
    background: rgba(229, 157, 43, 0.14);
}

.creator-track-rating__clear {
    min-height: 2rem;
    padding: 0.18rem 0.65rem;
    font-size: 0.74rem;
    font-weight: 700;
    opacity: 0;
    pointer-events: none;
}

.creator-track-rating__clear.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.creator-track-rating__clear:hover,
.creator-track-rating__clear:focus-visible {
    color: #f8fafc;
    background: rgba(148, 163, 184, 0.14);
}

.creator-track-rating.is-saving {
    opacity: 0.72;
}

.creator-track-rating-summary {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    margin-top: 0.35rem;
    font-size: 0.76rem;
    color: rgba(214, 222, 237, 0.66);
}

.creator-track-rating-summary__stars {
    display: inline-flex;
    align-items: center;
    gap: 0.12rem;
    color: #B5710B;
    font-size: 0.72rem;
}

.creator-track-rating-summary__value {
    font-weight: 700;
    color: rgba(248, 250, 252, 0.88);
}

.creator-track-rating-summary__count {
    color: rgba(214, 222, 237, 0.56);
}

.creator-top-rated-panel__head {
    margin-bottom: 0.95rem;
}

.creator-top-rated-panel__eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(181, 113, 11, 0.92);
}

.creator-top-rated-panel__title {
    font-size: 1.15rem;
}

.creator-top-rated-panel__copy {
    color: rgba(214, 222, 237, 0.72);
}

.creator-top-rated-panel__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.8rem;
}

.creator-top-rated-panel__item {
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.creator-top-rated-panel__item-title {
    font-size: 0.92rem;
    font-weight: 700;
    color: #f8fafc;
}

.creator-top-rated-panel__item-meta {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.35rem;
    font-size: 0.76rem;
    color: rgba(214, 222, 237, 0.62);
}

.creator-playlist-actions {
    width: 100%;
}

.creator-playlist-actions .btn {
    width: 100%;
    min-height: 42px;
}

.creator-library-empty-state {
    padding: 1.15rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--ce-border) 82%, #ffffff 18%);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(18, 24, 39, 0.9), rgba(10, 15, 28, 0.92));
}

.creator-library-empty-state__title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #f8fafc;
}

.creator-library-empty-state__copy {
    margin-top: 0.45rem;
    font-size: 0.88rem;
    color: rgba(214, 222, 237, 0.78);
    line-height: 1.55;
}

.creator-landing-dark .accordion-item {
    background: transparent;
    border-color: var(--creator-border);
}

.creator-landing-dark .accordion-button {
    font-size: 0.94rem;
    font-weight: 600;
    background: transparent;
    color: var(--creator-text);
    box-shadow: none !important;
}

.creator-landing-dark .accordion-button:not(.collapsed) {
    background: rgba(255, 255, 255, 0.04);
    color: var(--creator-text);
}

.creator-landing-dark .accordion-button::after {
    filter: invert(1) brightness(1.3);
}

.creator-landing-dark .accordion-body {
    padding-top: 0.75rem;
    padding-bottom: 1.25rem;
}

.preview-thumb {
    max-width: 220px;
    border-radius: 0.75rem;
    display: block;
    margin-top: 0.75rem;
}

.post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
}

.post-content iframe {
    max-width: 100%;
}

footer a {
    text-decoration: none;
}

.table,
.table > :not(caption) > * > * {
    color: var(--ce-text);
    border-color: var(--ce-border);
    background-color: transparent;
    font-size: 0.86rem;
    line-height: 1.36;
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
}

.table thead th {
    background: color-mix(in srgb, var(--ce-surface) 88%, var(--ce-text) 12%);
    color: var(--ce-text);
    font-size: 0.78rem;
    letter-spacing: 0.01em;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.form-control,
.form-select {
    background-color: var(--ce-input-bg);
    color: var(--ce-text);
    border-color: var(--ce-border);
}

.form-select {
    background-image:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23334155' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.5 6l4.5 4 4.5-4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.85rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}

html[data-theme="dark"] .form-select {
    background-image:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.5 6l4.5 4 4.5-4'/%3e%3c/svg%3e");
}

.btn-outline-secondary,
.btn-outline-dark,
.btn-outline-primary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning {
    background: transparent;
    color: var(--ce-text);
    border-color: var(--ce-border);
}

.btn-outline-secondary:hover,
.btn-outline-dark:hover,
.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover {
    color: #fff;
}

.form-control:focus,
.form-select:focus {
    background-color: var(--ce-input-bg);
    color: var(--ce-text);
    border-color: color-mix(in srgb, var(--ce-green) 55%, var(--ce-border));
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--ce-green) 18%, transparent);
}

.form-control::placeholder {
    color: var(--ce-muted);
}

textarea.form-control {
    min-height: 140px;
}

.dashboard-navbar .container {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.stats-card {
    border-radius: 1rem;
    border: 1px solid var(--ce-border);
    box-shadow: var(--ce-shadow-soft);
    background: var(--ce-surface);
}

.stats-label {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ce-muted);
}

.stats-value {
    font-size: clamp(2rem, 5vw, 2.8rem);
    font-weight: 800;
    line-height: 1;
    margin-top: 0.5rem;
}

.post-thumb {
    width: 64px;
    height: 64px;
    border-radius: 0.8rem;
    object-fit: cover;
    display: block;
    border: 1px solid var(--ce-border);
    background: var(--ce-bg);
}

.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid var(--ce-border);
}

.status-published {
    background: var(--ce-success-surface);
    color: var(--ce-success-text);
}

.status-draft {
    background: var(--ce-warning-surface);
    color: var(--ce-warning-text);
}

.status-rejected {
    background: #fbe4e6;
    color: #9f1239;
    border-color: #f2b8c0;
}

.card,
.card-header,
.card-footer {
    background: var(--ce-surface);
    color: var(--ce-text);
    border-color: var(--ce-border);
}

.card {
    box-shadow: var(--ce-shadow-soft);
}

.shadow-sm {
    box-shadow: var(--ce-shadow-soft) !important;
}

.shadow {
    box-shadow: var(--ce-shadow-strong) !important;
}

.theme-switcher {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1080;
    display: grid;
    justify-items: end;
}

.theme-switcher-toggle,
.theme-switcher-inner {
    background: var(--ce-navbar-bg);
    border: 1px solid var(--ce-border);
    box-shadow: var(--ce-shadow-soft);
    backdrop-filter: blur(16px);
}

.theme-switcher-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 999px;
    padding: 0.5rem 0.8rem;
    color: var(--ce-text);
    font-size: 0.8rem;
    font-weight: 700;
}

.theme-switcher-toggle-label {
    color: var(--ce-muted);
}

.theme-switcher-toggle-icon {
    line-height: 1;
    font-size: 0.95rem;
}

.theme-switcher-inner {
    border-radius: 1rem;
    padding: 0.85rem;
    margin-top: 0.55rem;
    min-width: 220px;
}

.theme-switcher:not(.is-open) .theme-switcher-toggle-label {
    display: none;
}

.theme-switcher-label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ce-muted);
    margin-bottom: 0.55rem;
}

.theme-switcher-options {
    display: flex;
    gap: 0.4rem;
}

.theme-switcher-btn {
    border: 1px solid var(--ce-border);
    background: var(--ce-surface);
    color: var(--ce-text);
    border-radius: 999px;
    padding: 0.45rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.theme-switcher-btn.active {
    background: var(--ce-dark);
    color: #fff;
    border-color: var(--ce-dark);
}

@media (max-width: 767.98px) {
    .theme-switcher {
        right: 12px;
        bottom: 12px;
    }

    .theme-switcher-toggle {
        padding: 0.48rem 0.72rem;
    }

    .theme-switcher-inner {
        min-width: 200px;
    }
}

.bg-light,
.bg-white {
    background-color: var(--ce-bg) !important;
}

.text-dark,
.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link {
    color: var(--ce-text) !important;
}

.border,
.border-top,
.border-bottom,
.border-start,
.border-end {
    border-color: var(--ce-border) !important;
}

.btn-light,
.btn-outline-light {
    background: var(--ce-surface);
    color: var(--ce-text);
    border-color: var(--ce-border);
}

.btn-light:hover,
.btn-outline-light:hover {
    background: color-mix(in srgb, var(--ce-surface) 82%, var(--ce-text) 18%);
    color: var(--ce-text);
}

.alert-light {
    background: var(--ce-surface);
    color: var(--ce-text);
}

.alert-success {
    background: color-mix(in srgb, var(--ce-success-surface) 82%, var(--ce-surface) 18%);
    color: var(--ce-success-text);
    border-color: color-mix(in srgb, var(--ce-success-surface) 60%, var(--ce-border));
}

.alert-danger {
    background: color-mix(in srgb, var(--ce-danger-surface) 82%, var(--ce-surface) 18%);
    color: var(--ce-danger-text);
    border-color: color-mix(in srgb, var(--ce-danger-surface) 60%, var(--ce-border));
}

.alert-warning {
    background: color-mix(in srgb, var(--ce-warning-surface) 82%, var(--ce-surface) 18%);
    color: var(--ce-warning-text);
    border-color: color-mix(in srgb, var(--ce-warning-surface) 60%, var(--ce-border));
}

.alert-info {
    background: color-mix(in srgb, var(--ce-info-surface) 82%, var(--ce-surface) 18%);
    color: var(--ce-info-text);
    border-color: color-mix(in srgb, var(--ce-info-surface) 60%, var(--ce-border));
}

.editor-note {
    background: color-mix(in srgb, var(--ce-surface) 92%, var(--ce-bg) 8%);
    color: var(--ce-text);
    border: 1px solid var(--ce-border);
    border-radius: 1rem;
    padding: 1rem 1.15rem;
}

.editor-note strong {
    color: var(--ce-text);
}

.editor-note .small {
    color: var(--ce-muted);
}

.badge.text-bg-light,
.text-bg-light {
    background: color-mix(in srgb, var(--ce-surface) 88%, var(--ce-text) 12%) !important;
    color: var(--ce-text) !important;
    border-color: var(--ce-border) !important;
}

.badge.bg-warning,
.text-bg-warning {
    background: var(--ce-warning-surface) !important;
    color: var(--ce-warning-text) !important;
}

.badge.bg-info,
.text-bg-info {
    background: var(--ce-info-surface) !important;
    color: var(--ce-info-text) !important;
}

.badge.bg-success,
.text-bg-success {
    background: var(--ce-success-surface) !important;
    color: var(--ce-success-text) !important;
}

.badge.bg-danger,
.text-bg-danger {
    background: var(--ce-danger-surface) !important;
    color: var(--ce-danger-text) !important;
}

.navbar-toggler {
    border-color: var(--ce-border);
}

html[data-theme="dark"] .navbar-toggler-icon {
    filter: invert(1) opacity(0.85);
}

@media (max-width: 767.98px) {
    body {
        font-size: 0.98rem;
        line-height: 1.65;
    }

    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .site-navbar {
        width: calc(100% - 0.75rem);
        top: 0.4rem;
        margin-top: 0.4rem;
        border-radius: 0.85rem;
    }

    .site-navbar .container {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    .site-navbar .navbar-collapse {
        margin-top: 0.7rem;
        padding: 0.5rem 0.35rem 0.15rem;
        border-top: 1px solid var(--ce-border);
    }

    .site-navbar .navbar-nav {
        align-items: stretch !important;
        gap: 0.25rem;
    }

    .site-navbar .nav-link {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 0.7rem 0.85rem !important;
        border-radius: 0.85rem;
        background: color-mix(in srgb, var(--ce-surface) 90%, var(--ce-text) 10%);
    }

    .page-title,
    .section-title {
        line-height: 1.15;
    }

    .table-card,
    .editor-card {
        padding: 0.85rem;
        border-radius: 1rem;
    }

    .navbar-toggler {
        min-width: 40px;
        min-height: 40px;
        padding: 0.35rem 0.55rem;
    }

    .admin-page-shell,
    .admin-shell {
        padding-top: 1.1rem;
        padding-bottom: 1.8rem;
    }

    .admin-topbar__inner {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .admin-topbar__brand {
        width: 100%;
    }

    .admin-topbar__actions {
        width: 100%;
    }

    .creator-admin-page {
        padding-top: 1.15rem;
        padding-bottom: 1.15rem;
    }

    .login-shell {
        align-items: flex-start;
        padding-top: 1rem;
        padding-bottom: 0.75rem;
    }

    .login-card {
        padding: 1.15rem;
    }

    .login-secondary-actions {
        grid-template-columns: 1fr 1fr;
    }

    .login-page .site-footer {
        padding-top: 1.25rem !important;
        padding-bottom: 1.35rem !important;
    }

    .admin-dashboard-hero {
        padding: 1rem;
        border-radius: 1.1rem;
    }

    .admin-dashboard-hero__actions {
        width: 100%;
    }

    .admin-dashboard-panel__title-wrap {
        gap: 0.7rem;
    }

    .admin-dashboard-panel__controls {
        width: 100%;
        justify-content: flex-start;
    }

    .admin-dashboard-create-btn {
        width: 100%;
    }

    .admin-user-overview-card,
    .admin-release-mobile-card {
        padding: 0.95rem;
    }

    .admin-post-mobile-card,
    .admin-reach-mobile-card {
        padding: 0.95rem;
    }

    .admin-user-overview-card__meta-grid {
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .admin-user-overview-card__actions {
        grid-template-columns: 1fr;
    }

    .admin-dashboard-topbar__menu-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .admin-dashboard-utility-btn {
        min-height: 46px;
    }

    .creator-admin-page .h3,
    .creator-admin-page .h4 {
        line-height: 1.15;
    }

    .creator-admin-page .h3 {
        font-size: 1.28rem;
    }

    .creator-admin-page .h4 {
        font-size: 1.12rem;
    }

    .admin-header-actions {
        gap: 0.75rem !important;
    }

    .admin-page-header {
        gap: 0.75rem;
    }

    .admin-header-actions__group,
    .admin-topbar__actions,
    .admin-filter-actions,
    .admin-form-actions,
    .admin-bulk-toolbar__actions,
    .admin-mobile-actions {
        width: 100%;
        gap: 0.45rem;
    }

    .admin-header-actions__group .btn,
    .admin-topbar__actions .btn,
    .admin-filter-actions .btn,
    .admin-form-actions .btn,
    .admin-bulk-toolbar__actions .btn,
    .admin-mobile-actions .btn,
    .admin-mobile-actions form,
    .admin-mobile-actions form .btn {
        flex: 1 1 calc(50% - 0.225rem);
    }

    .admin-bulk-toolbar {
        align-items: flex-start !important;
        gap: 0.75rem !important;
        margin-bottom: 0.85rem !important;
    }

    .admin-compact-form .row {
        --bs-gutter-x: 0.65rem;
        --bs-gutter-y: 0.65rem;
    }

    .creator-admin-import-toolbar {
        padding: 0.9rem;
        gap: 0.85rem;
    }

    .creator-admin-import-toolbar__section--bulk {
        grid-template-columns: 1fr;
    }

    .creator-admin-import-control-group__row,
    .creator-admin-import-toolbar__actions {
        width: 100%;
    }

    .creator-admin-import-toolbar__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .creator-admin-import-control-group__row .btn,
    .creator-admin-import-toolbar__actions .btn {
        width: 100%;
        min-height: 2.7rem;
    }

    .creator-admin-import-toolbar__toggle {
        padding: 0.8rem 0.9rem;
    }

    .admin-section-card .card-body,
    .admin-toolbar .card-body {
        padding: 0.95rem;
    }

    .creator-admin-page .form-label {
        margin-bottom: 0.32rem;
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.02em;
    }

    .creator-admin-page .form-text {
        margin-top: 0.28rem;
        font-size: 0.72rem;
        line-height: 1.35;
    }

    .creator-admin-page .btn,
    .creator-admin-page .form-control,
    .creator-admin-page .form-select {
        min-height: 41px;
    }

    .creator-admin-page textarea.form-control {
        min-height: 96px;
    }

    .creator-admin-edit-page textarea.form-control {
        min-height: 88px;
    }

    .creator-admin-edit-page .admin-track-edit-audio {
        width: 100%;
        height: 36px;
    }

    .creator-admin-edit-page .creator-admin-edit-preview {
        padding: 0.9rem;
        margin-bottom: 1rem !important;
    }

    .creator-admin-edit-page .creator-admin-track-subtitle {
        margin-top: 0.14rem;
    }

    .creator-admin-edit-page .form-label .btn,
    .creator-admin-import-page .batch-detect-bpm-btn {
        min-height: 32px;
        padding-top: 0.22rem;
        padding-bottom: 0.22rem;
    }

    .creator-landing-dark .creator-section {
        margin-bottom: 3.75rem;
    }

    .creator-landing-dark .creator-hero-card,
    .creator-landing-dark .creator-license-card,
    .creator-landing-dark .creator-bridge-card {
        padding: 1.5rem;
    }

    .creator-landing-dark .creator-trustbar {
        border-radius: 1rem;
    }

    .creator-landing-dark .creator-btn-primary,
    .creator-landing-dark .creator-btn-secondary {
        width: 100%;
        min-width: 0;
    }

    .creator-landing-dark .creator-pricing-card-featured {
        transform: none;
    }

    .creator-track-card {
        padding: 0.9rem;
    }

    .creator-playlist-row {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        padding: 0.85rem;
    }

    .creator-playlist-toolbar {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .creator-playlist-modes {
        width: 100%;
        border-radius: 1rem;
    }

    .creator-playlist-mode {
        flex: 1 1 140px;
    }

    .creator-playlist-count {
        justify-self: start;
    }

    .creator-playlist-head {
        flex-direction: column;
    }

    .creator-playlist-flags {
        justify-content: flex-start;
    }

    .creator-playlist-side {
        gap: 0.75rem;
        padding-left: 0;
        border-left: 0;
    }

    .creator-playlist-inline-actions {
        align-items: stretch;
    }

    .creator-track-favorite {
        width: 100%;
    }

    .creator-track-rating {
        align-items: flex-start;
    }

    .creator-track-rating__stars {
        width: 100%;
    }

    .creator-dashboard-header {
        gap: 0.85rem;
    }

    .creator-dashboard-primary-actions {
        grid-template-columns: 1fr 1fr;
    }

    .creator-subscription-card__intro,
    .creator-subscription-card__section {
        padding: 1rem;
    }

    .creator-subscription-card__account-actions,
    .creator-account-dialog__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .creator-subscription-card__action,
    .creator-account-dialog__actions .btn {
        width: 100%;
    }

    .creator-dashboard-secondary-actions {
        grid-template-columns: 1fr;
    }

    .creator-dashboard-secondary-actions .btn {
        width: 100%;
    }

    .creator-dashboard-secondary-actions__form {
        width: 100%;
    }

    .creator-dashboard-stats {
        grid-template-columns: 1fr;
    }

    .creator-license-panel__head,
    .creator-license-panel__actions,
    .creator-license-panel__empty {
        grid-template-columns: 1fr;
    }

    .table-responsive {
        margin-inline: -1rem;
        padding-inline: 1rem;
    }

    .table {
        font-size: 0.92rem;
    }

    .table > :not(caption) > * > * {
        padding: 0.7rem 0.55rem;
        vertical-align: top;
    }

    .admin-audio-player {
        width: 100%;
        min-width: 0;
    }

    .admin-has-global-player {
        padding-bottom: 164px;
    }

    .creator-library-has-player {
        padding-bottom: 164px;
    }

    .creator-admin-player {
        left: 0.75rem;
        right: 0.75rem;
        bottom: 0.75rem;
        gap: 0.75rem;
        padding: 0.9rem;
    }

    .creator-admin-player__expanded {
        gap: 0.85rem;
    }

    .creator-admin-player__expanded-head,
    .creator-admin-player__controls {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .creator-admin-player__expanded-head {
        justify-items: start;
    }

    .creator-admin-player__artwork {
        width: 60px;
        height: 60px;
    }

    .creator-admin-player__waveform {
        min-height: 64px;
    }

    .creator-admin-player__transport {
        justify-content: space-between;
        width: 100%;
    }

    .creator-admin-player__actions,
    .creator-admin-player__mini-actions {
        width: 100%;
        justify-content: space-between;
    }

    .creator-admin-player__actions .creator-admin-player__secondary-button {
        flex: 1 1 calc(50% - 0.375rem);
        justify-content: center;
    }

    .creator-admin-player__time-label {
        min-width: 0;
        text-align: left;
    }

    .creator-admin-player__mini-head {
        width: 100%;
        align-items: flex-start;
        gap: 0.65rem;
    }

    .creator-admin-player__mini-progress {
        height: 5px;
    }

    .creator-admin-player__mini-progress-handle {
        width: 11px;
        height: 11px;
    }

    .creator-admin-player.is-minimized .creator-admin-player__mini-head {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .creator-dashboard-primary-actions {
        max-width: 420px;
    }

    .admin-mobile-table thead {
        display: none;
    }

    .admin-mobile-table,
    .admin-mobile-table tbody,
    .admin-mobile-table tr,
    .admin-mobile-table td {
        display: block;
        width: 100%;
    }

    .admin-mobile-table tbody tr {
        margin-bottom: 0.8rem;
        border: 1px solid var(--ce-border);
        border-radius: 0.95rem;
        overflow: hidden;
        background: color-mix(in srgb, var(--ce-surface) 94%, var(--ce-text) 6%);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    }

    .admin-mobile-table > :not(caption) > * > * {
        border-bottom: 1px solid color-mix(in srgb, var(--ce-border) 82%, transparent);
    }

    .admin-mobile-table tbody tr td:last-child {
        border-bottom: 0;
    }

    .admin-mobile-table td {
        padding: 0.62rem 0.78rem !important;
    }

    .admin-mobile-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.18rem;
        font-size: 0.64rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ce-muted);
    }

    .admin-mobile-table .admin-actions,
    .admin-mobile-table .admin-action-group,
    .admin-mobile-table .dashboard-actions {
        width: 100%;
        align-items: stretch;
        gap: 0.45rem;
    }

    .admin-mobile-table .admin-actions .btn,
    .admin-mobile-table .admin-action-group .btn,
    .admin-mobile-table .dashboard-actions .btn,
    .admin-mobile-table .admin-action-group form,
    .admin-mobile-table .admin-action-group form .btn {
        flex: 1 1 calc(50% - 0.225rem);
    }

    .admin-mobile-table .admin-action-group .form-select {
        min-width: 0;
        width: 100%;
    }

    .admin-mobile-table .admin-record-title {
        font-size: 1rem;
    }

    .admin-mobile-table--rich td[data-label="Description"] .admin-record-meta,
    .admin-mobile-table--rich td[data-label="Release"] .admin-record-meta {
        -webkit-line-clamp: 3;
    }

    .creator-admin-members-table thead,
    .creator-admin-track-table thead {
        display: none;
    }

    .creator-admin-members-table,
    .creator-admin-track-table,
    .creator-admin-members-table tbody,
    .creator-admin-track-table tbody,
    .creator-admin-members-table tr,
    .creator-admin-track-table tr,
    .creator-admin-members-table td,
    .creator-admin-track-table td {
        display: block;
        width: 100%;
    }

    .creator-admin-members-table tbody tr,
    .creator-admin-track-table tbody tr {
        margin-bottom: 0.7rem;
        border: 1px solid var(--ce-border);
        border-radius: 0.9rem;
        overflow: hidden;
        background: color-mix(in srgb, var(--ce-surface) 92%, var(--ce-text) 8%);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
    }

    .creator-admin-members-table > :not(caption) > * > *,
    .creator-admin-track-table > :not(caption) > * > * {
        border-bottom: 1px solid color-mix(in srgb, var(--ce-border) 84%, transparent);
    }

    .creator-admin-members-table tbody tr td:last-child,
    .creator-admin-track-table tbody tr td:last-child {
        border-bottom: 0;
    }

    .creator-admin-members-table td,
    .creator-admin-track-table td {
        padding: 0.55rem 0.7rem !important;
    }

    .creator-admin-members-table td::before,
    .creator-admin-track-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.18rem;
        font-size: 0.64rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--ce-muted);
    }

    .creator-admin-members-page .stat-card .card-body,
    .creator-admin-members-page .card-body,
    .creator-admin-tracks-page .card-body,
    .creator-admin-import-page .card-body {
        padding: 0.9rem;
    }

    .creator-admin-members-table tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(96px, auto);
        gap: 0;
    }

    .creator-admin-members-table td::before {
        display: none;
    }

    .creator-admin-member-cell {
        border-bottom: 0 !important;
    }

    .creator-admin-member-cell--identity {
        grid-column: 1;
        padding-bottom: 0.3rem !important;
    }

    .creator-admin-member-cell--email {
        display: none;
    }

    .creator-admin-member-cell--status {
        grid-column: 2;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        padding-top: 0.7rem !important;
    }

    .creator-admin-member-cell--plan,
    .creator-admin-member-cell--started,
    .creator-admin-member-cell--used,
    .creator-admin-member-cell--remaining,
    .creator-admin-member-cell--actions {
        display: flex;
        flex-direction: column;
        gap: 0.14rem;
    }

    .creator-admin-member-cell--billing,
    .creator-admin-member-cell--limit,
    .creator-admin-member-cell--price,
    .creator-admin-member-cell--discount,
    .creator-admin-member-cell--payment,
    .creator-admin-member-cell--source {
        display: none;
    }

    .creator-admin-member-cell--actions {
        grid-column: 1 / -1;
        padding-top: 0.25rem !important;
    }

    .creator-admin-tracks-page .creator-admin-track-table td::before {
        display: none;
    }

    .creator-admin-track-row {
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr);
        grid-template-areas:
            "select title"
            "controls controls"
            "status status";
        gap: 0.65rem;
        padding: 0.8rem;
    }

    .creator-admin-track-cell {
        border-bottom: 0 !important;
        min-width: 0;
        padding: 0 !important;
    }

    .creator-admin-track-cell--select {
        grid-area: select;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0.25rem !important;
    }

    .creator-admin-track-cell--title {
        grid-area: title;
        padding-top: 0.1rem !important;
    }

    .creator-admin-tracks-page .creator-admin-track-cell--title .creator-admin-track-subtitle {
        display: block;
    }

    .creator-admin-track-cell--controls,
    .creator-admin-track-cell--status {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .creator-admin-track-cell--controls {
        grid-area: controls;
        padding-top: 0.1rem !important;
    }

    .creator-admin-track-cell--status {
        grid-area: status;
        grid-column: 1 / -1;
        width: 100%;
        max-width: none;
        min-width: 0;
        justify-self: stretch;
        align-self: stretch;
        padding-top: 0.15rem !important;
        border-top: 1px solid color-mix(in srgb, var(--ce-border) 84%, transparent);
        padding-top: 0.8rem !important;
    }

    .creator-admin-track-controls {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "preview"
            "genre"
            "mood"
            "keywords"
            "bpm";
        gap: 0.75rem;
    }

    .creator-admin-track-control--preview {
        grid-column: auto;
    }

    .creator-admin-track-control--genre,
    .creator-admin-track-control--mood {
        grid-column: auto;
    }

    .creator-admin-track-control--bpm {
        grid-column: auto;
    }

    .creator-admin-track-control-label,
    .admin-mobile-kicker {
        margin-bottom: 0.32rem;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
    }

    .creator-admin-track-control--preview .creator-admin-play-button {
        width: 100%;
        min-width: 0;
    }

    .creator-admin-track-footer {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
        width: 100%;
        min-width: 0;
    }

    .creator-admin-track-footer-block {
        width: 100%;
        min-width: 0;
    }

    .creator-admin-track-footer-label {
        display: block;
    }

    .creator-admin-track-status-panel {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: none;
        align-items: flex-start;
        gap: 0.4rem;
        min-width: 0;
    }

    .creator-admin-track-cell--status .badge,
    .creator-admin-track-status-panel .badge {
        display: inline-flex;
        align-self: flex-start;
        width: auto;
        min-width: 6.75rem;
        max-width: 100%;
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
        writing-mode: horizontal-tb;
    }

    .creator-admin-track-inline-actions {
        width: 100%;
        max-width: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
        justify-content: flex-start;
    }

    .creator-admin-track-inline-actions .btn,
    .admin-bulk-toolbar__actions .btn {
        min-height: 2.5rem;
        flex: 0 1 auto;
        max-width: none;
        min-width: 5.5rem;
        width: auto;
        white-space: nowrap;
        writing-mode: horizontal-tb;
    }

    .admin-bulk-toolbar {
        align-items: stretch !important;
    }

    .admin-bulk-toolbar__actions {
        width: 100%;
    }

    .admin-bulk-toolbar__actions .btn {
        flex: 1 1 100%;
        justify-content: center;
    }

    .creator-admin-import-page .creator-admin-track-table td::before {
        display: none;
    }

    .creator-admin-import-page .creator-admin-import-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-admin-import-cell {
        border-bottom: 0 !important;
        padding: 0.65rem 0.75rem !important;
    }

    .creator-admin-import-cell--select {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.85rem;
        padding-bottom: 0.3rem !important;
    }

    .creator-admin-import-cell--track {
        padding-top: 0.25rem !important;
    }

    .creator-admin-import-cell--metadata .row {
        --bs-gutter-x: 0.55rem;
        --bs-gutter-y: 0.5rem;
    }

    .creator-admin-import-cell--notes textarea.form-control {
        min-height: 82px;
    }

    .creator-admin-import-page .creator-admin-play-button {
        min-width: 112px;
    }

    .creator-admin-import-page .form-check {
        margin-bottom: 0;
    }

    .admin-track-edit-audio {
        height: 38px;
    }

    .post-thumb {
        width: 56px;
        height: 56px;
    }

    .dashboard-navbar .container {
        align-items: stretch;
    }

    .dashboard-navbar .ms-auto {
        width: 100%;
        justify-content: stretch;
    }

    .dashboard-navbar .ms-auto .btn {
        flex: 1 1 calc(50% - 0.35rem);
    }

    .site-navbar .container > .ms-auto,
    .admin-topbar .container > .ms-auto {
        width: 100%;
        justify-content: stretch;
        flex-wrap: wrap;
        margin-top: 0.6rem;
    }

    .site-navbar .container > .ms-auto .btn,
    .admin-topbar .container > .ms-auto .btn {
        flex: 1 1 calc(50% - 0.25rem);
    }

    .btn,
    .form-control,
    .form-select {
        min-height: 44px;
    }
}