:root {
    --ink:#182b28;
    --muted:#75817b;
    --green:#286c51;
    --mint:#d8efe3;
    --line:#e9ece5;
    --paper:#f5f6f0;
    --lavender:#e7def8;
    --peach:#ffe1d4;
    --butter:#f8efc9
}
* {
    box-sizing:border-box
}
body {
    margin:0;
    font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--ink);
    background:var(--paper);
    font-size:14px;
    line-height:1.5
}
a {
    color:inherit;
    text-decoration:none
}
button,input,select {
    font:inherit
}
button,a,input,select {
    outline-offset:4px
}
button {
    cursor:pointer
}
h1,h2,h3,p {
    margin:0
}
h1 {
    font-size:38px;
    line-height:1.2;
    letter-spacing:-1.5px;
    font-weight:750
}
h2 {
    font-size:18px;
    font-weight:700;
    letter-spacing:-.4px
}
h3 {
    font-size:14px
}
p {
    color:var(--muted)
}
small {
    font-size:12px
}
.sidebar {
    width:242px;
    position:fixed;
    inset:0 auto 0 0;
    background:#152e26;
    color:#e1ede5;
    padding:35px 23px 22px;
    display:flex;
    flex-direction:column
}
.brand {
    display:block;
    background:#f6f8f1;
    border-radius:16px;
    padding:8px 15px;
    margin-bottom:26px
}
.brand img {
    width:100%;
    height:42px;
    object-fit:contain;
    display:block
}
.workspace-label {
    font-size:9px;
    letter-spacing:2px;
    color:#92aa9d;
    font-weight:700;
    margin:0 13px 24px
}
nav {
    display:grid;
    gap:9px
}
.nav-item {
    padding:13px 15px;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:14px;
    font-weight:600;
    color:#b9ccbf
}
.nav-item:hover {
    background:#233f33
}
.nav-item.selected {
    color:#182c24;
    background:#d7eedb
}
/* `is-open`, not `active`: `.active` is the green status label used in tables. */
#language-fields [hidden],#opens-at-field[hidden],#opens-after-field[hidden] {
    display:none
}
.nav-group.is-open>.nav-item:not(.selected) {
    color:#e1ede5
}
.nav-submenu {
    list-style:none;
    margin:4px 0 0 25px;
    padding:0 0 0 10px;
    border-left:1px solid #345040
}
.nav-subitem {
    padding:10px 12px;
    gap:10px;
    font-size:12px;
    border-radius:10px
}
.nav-subitem .icon {
    width:17px;
    height:17px
}
.icon {
    height:21px;
    width:21px;
    flex-shrink:0
}
.sidebar-note {
    margin-top:45px;
    border:1px solid #345040;
    border-radius:14px;
    padding:17px;
    font-size:12px
}
.status-dot {
    display:inline-block;
    width:7px;
    height:7px;
    background:#83c49a;
    border-radius:50%;
    margin-right:7px
}
.sidebar-note p {
    color:#93a99b;
    font-size:11px;
    margin-top:8px;
    line-height:1.8
}
.sidebar-bottom {
    margin-top:auto;
    padding:22px 12px 0
}
.sidebar-bottom span,.sidebar-bottom small {
    display:block
}
.sidebar-bottom small {
    color:#95a89b
}
.logout {
    background:none;
    border:0;
    color:#bacbbf;
    padding:15px 0 0;
    font-size:12px
}
.admin-main {
    margin-left:242px;
    min-height:100vh
}
.topbar {
    height:77px;
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 42px;
    background:#fafbf7;
    font-size:12px
}
.topbar>span {
    font-weight:700
}
.crumb {
    color:var(--muted);
    font-weight:400;
    margin-left:8px
}
.topbar>a {
    color:var(--muted)
}
.page-content {
    padding:36px 42px;
    max-width:1550px;
    margin:auto
}
.page-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px
}
.eyebrow {
    font-size:9px;
    letter-spacing:1.8px;
    font-weight:750;
    color:var(--green);
    display:block;
    margin-bottom:9px
}
.heading-dot {
    color:#77a987
}
.page-heading p {
    margin-top:9px;
    font-size:13px
}
.date-pill {
    font-size:11px;
    background:#fff;
    border:1px solid var(--line);
    padding:10px 15px;
    border-radius:9px;
    white-space:nowrap
}
.stat-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:17px;
    margin-bottom:23px
}
.stat-card {
    background:white;
    border:1px solid var(--line);
    border-radius:18px;
    padding:21px
}
.stat-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size:12px;
    color:#5d6b63
}
.icon-tile {
    height:37px;
    width:37px;
    border-radius:11px;
    display:grid;
    place-items:center;
    color:#47694f
}
.mint {
    background:var(--mint)
}
.lavender {
    background:var(--lavender);
    color:#807396
}
.peach {
    background:var(--peach);
    color:#b58469
}
.butter {
    background:var(--butter);
    color:#a18e47
}
.stat-card>strong {
    font-size:34px;
    display:block;
    letter-spacing:-1px;
    margin:10px 0 4px
}
.stat-card>small {
    color:var(--muted);
    font-size:10px
}
.panel {
    background:white;
    border:1px solid var(--line);
    border-radius:18px;
    padding:24px;
    margin-bottom:23px;
    overflow:hidden
}
.panel-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:20px
}
.panel-heading p {
    font-size:11px;
    margin-top:5px
}
.dashboard-middle {
    display:grid;
    grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);
    gap:22px
}
.legend {
    display:flex;
    gap:14px;
    color:var(--muted);
    font-size:10px
}
.legend span {
    white-space:nowrap
}
.legend i {
    display:inline-block;
    width:7px;
    height:7px;
    border-radius:3px;
    margin-right:5px
}
.human-key {
    background:#74b08b
}
.bot-key {
    background:#c2b0e4
}
.activity-chart {
    height:194px;
    display:flex;
    gap:10px;
    margin:20px 0 12px;
    background:repeating-linear-gradient(to top,transparent 0px,transparent 40px,#eef1ea 41px,transparent 42px)
}
.chart-day {
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end
}
.chart-bars {
    height:164px;
    display:flex;
    align-items:flex-end;
    gap:3px;
    width:100%;
    justify-content:center
}
.bar {
    width:12px;
    max-width:45%;
    border-radius:5px 5px 0 0;
    position:relative
}
.human-bar {
    background:#83b697
}
.bot-bar {
    background:#c6b9e1
}
.bar span {
    font-size:9px;
    position:absolute;
    bottom:calc(100% + 2px);
    left:50%;
    transform:translateX(-50%);
    color:#7d8c80
}
.chart-day>small {
    font-size:8px;
    color:#869083;
    margin-top:9px;
    white-space:nowrap
}
.chart-footnote {
    font-size:10px;
    line-height:1.7
}
.currency-row {
    display:flex;
    gap:15px;
    align-items:center;
    margin-bottom:18px
}
.currency-row img {
    width:52px;
    height:52px;
    object-fit:contain
}
.currency-row span {
    font-size:11px;
    color:var(--muted)
}
.currency-row strong {
    display:block;
    font-size:23px;
    line-height:1.2;
    letter-spacing:-.6px
}
.muted-callout {
    font-size:10px;
    color:#839081;
    background:#f5f7ef;
    border-radius:9px;
    padding:10px 13px;
    margin-top:20px
}
.table-scroll {
    overflow-x:auto
}
table {
    width:100%;
    border-collapse:collapse;
    white-space:nowrap;
    text-align:left
}
th {
    font-size:10px;
    color:#879183;
    font-weight:600;
    border-bottom:1px solid var(--line);
    padding:0 13px 14px
}
td {
    padding:16px 13px;
    border-bottom:1px solid #f0f2ec;
    font-size:12px
}
th:first-child,td:first-child {
    padding-left:0
}
th:last-child,td:last-child {
    padding-right:0
}
tr:last-child td {
    border-bottom:0
}
.strong {
    font-weight:650
}
.pill {
    background:#f2f5ed;
    border:1px solid #e6ecdf;
    padding:5px 10px;
    font-size:10px;
    border-radius:8px;
    color:#819172
}
.dashboard-bottom {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px
}
.text-link {
    font-size:11px;
    color:var(--green);
    font-weight:650
}
.text-link:hover {
    text-decoration:underline
}
.recent-user {
    display:flex;
    align-items:center;
    gap:13px;
    padding:11px 0;
    border-bottom:1px solid #f1f3ed
}
.recent-user:last-child {
    border-bottom:0
}
.recent-user img {
    width:43px;
    height:43px;
    object-fit:contain
}
.recent-user strong {
    font-size:12px
}
.recent-user small {
    display:block;
    color:var(--muted);
    font-size:10px
}
.recent-user>span {
    margin-left:auto;
    color:#8ea087
}
.compact-stats>div {
    display:flex;
    justify-content:space-between;
    margin:10px 0;
    font-size:12px
}
.compact-stats span {
    color:var(--muted)
}
.small-heading {
    margin-top:24px;
    padding-top:19px;
    border-top:1px solid var(--line)
}
.audit-row {
    padding:12px 0;
    border-bottom:1px solid #f1f3ed;
    font-size:11px
}
.audit-row:last-child {
    border-bottom:0
}
.audit-row small {
    display:block;
    color:var(--muted);
    font-size:10px;
    margin-top:3px
}
.admin-footer {
    max-width:1550px;
    margin:auto;
    padding:0 42px 27px;
    display:flex;
    justify-content:space-between;
    color:#98a193;
    font-size:10px
}
.empty-state {
    padding:35px 10px;
    text-align:center;
    color:var(--muted);
    font-size:12px
}
.filter-form {
    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:26px
}
.search-field {
    flex:1
}
.filter-form input {
    margin:0
}
.filter-form select {
    width:auto;
    margin:0
}
.button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:10px;
    padding:11px 16px;
    border:1px solid transparent;
    font-size:12px;
    font-weight:650;
    line-height:1.5
}
.primary {
    background:var(--green);
    color:white
}
.primary:hover {
    background:#1b573f
}
.secondary {
    background:#f2f6ee;
    border:1px solid #e1e9da;
    color:#42613e
}
.secondary:hover {
    background:#e8eee1
}
.small {
    padding:7px 10px;
    font-size:10px
}
.full {
    width:100%
}
.user-cell {
    display:flex;
    gap:12px;
    align-items:center
}
.user-cell img {
    width:43px;
    height:43px;
    object-fit:contain
}
.user-cell strong {
    display:block;
    font-size:12px
}
.user-cell small {
    display:block;
    font-size:10px;
    color:var(--muted)
}
.badge {
    display:inline-flex;
    align-items:center;
    padding:5px 10px;
    border-radius:7px;
    font-size:10px;
    font-weight:600
}
.badge.bot {
    color:#675686;
    background:var(--lavender)
}
.active {
    color:#37794f;
    background:#edf6e9
}
.blocked {
    color:#b67b3a;
    background:#fff2dc
}
.deleted {
    color:#888c86;
    background:#f1f2ed
}
.pagination {
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-top:20px;
    font-size:11px;
    color:var(--muted)
}
.pagination>div {
    display:flex;
    gap:22px
}
.pagination a {
    color:var(--green)
}
.admin-pagination {
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin:0 0 23px;
    padding:12px 18px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff
}
.panel>.admin-pagination {
    margin:18px 0 0;
    padding:16px 0 0;
    border:0;
    border-top:1px solid var(--line);
    border-radius:0;
    background:transparent
}
.admin-pagination .pagination-summary {
    white-space:nowrap
}
.admin-pagination .pagination-summary strong {
    color:var(--ink);
    font-weight:600
}
.admin-pagination .pagination-controls {
    align-items:center;
    flex-wrap:nowrap;
    gap:2px;
    padding:4px;
    border:1px solid var(--line);
    border-radius:11px;
    background:#f7f9f5
}
.admin-pagination .pagination-link {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
    height:32px;
    padding:0 9px;
    border-radius:7px;
    background:transparent;
    font-size:12px;
    font-weight:650
}
.admin-pagination svg {
    display:block;
    width:18px;
    height:18px;
    flex-shrink:0
}
.admin-pagination a:hover,.admin-pagination a:focus-visible,.admin-pagination .is-current {
    background:var(--mint);
    color:var(--green)
}
.admin-pagination .is-current {
    box-shadow:0 1px 2px #182b2810
}
.admin-pagination .is-disabled {
    color:#bac1b4;
    background:transparent
}
.admin-pagination .pagination-ellipsis {
    padding:0 4px
}
.admin-pagination .pagination-position {
    display:none;
    padding:0 9px;
    color:var(--ink);
    font-variant-numeric:tabular-nums;
    white-space:nowrap
}
@media(max-width:620px) {
    .pagination.admin-pagination {
        flex-direction:row;
        align-items:center
    }
    .admin-pagination .pagination-link {
        min-width:40px;
        height:40px
    }
    .admin-pagination .pagination-position {
        display:block
    }
    .admin-pagination .pagination-page,.admin-pagination .pagination-ellipsis {
        display:none
    }
}
.page-disabled {
    color:#bac1b4
}
.profile-heading {
    display:flex;
    align-items:center;
    gap:22px
}
.profile-heading img {
    width:87px;
    height:87px;
    object-fit:contain
}
.back-link {
    display:inline-block;
    margin-bottom:23px
}
.edit-grid {
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:23px
}
.edit-grid>.panel {
    height:fit-content
}
label {
    display:block;
    font-weight:650;
    font-size:11px;
    margin:15px 0 7px
}
input,select {
    width:100%;
    padding:12px 13px;
    background:#fafbf7;
    border:1px solid #e0e7da;
    border-radius:9px;
    color:var(--ink);
    margin-bottom:6px
}
input:focus,select:focus {
    border-color:#89b78e;
    outline:2px solid #d7ebd7
}
input::placeholder {
    color:#a1aa9a
}
.form-columns {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
.muted {
    font-size:11px;
    color:var(--muted);
    line-height:1.7
}
.profile-form>.muted {
    margin:18px 0
}
.avatar-fieldset {
    border:0;
    padding:0;
    margin:23px 0 0
}
.avatar-fieldset legend {
    font-size:11px;
    font-weight:650
}
.avatar-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:12px
}
.avatar-option {
    position:relative;
    margin:0;
    cursor:pointer;
    border-radius:13px;
    border:2px solid transparent;
    background:#f5f7f0;
    text-align:center;
    padding:5px
}
.avatar-option img {
    width:61px;
    height:61px;
    max-width:100%;
    object-fit:contain
}
.avatar-option:has(input:checked) {
    background:#e1efdb;
    border-color:#6f9f75
}
.avatar-option:has(input:focus-visible) {
    outline:2px solid var(--green)
}
.avatar-option input {
    position:absolute;
    opacity:0;
    width:1px;
    height:1px
}
.wallet-mini {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    text-align:center;
    background:#f8faf4;
    padding:17px 10px;
    border-radius:12px;
    gap:12px
}
.commerce-overview {
    display:grid;
    gap:16px;
    margin-bottom:24px
}
.commerce-ad-stats {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
}
.commerce-metric {
    padding:16px;
    background:#f8faf6
}
.commerce-metric .stat-top {
    min-height:37px;
    line-height:1.4
}
.commerce-metric .icon-tile {
    flex-shrink:0
}
.commerce-metric>strong {
    font-size:30px;
    line-height:1.2;
    margin:10px 0 5px;
    font-variant-numeric:tabular-nums;
    overflow-wrap:anywhere
}
.commerce-metric>small {
    font-size:11px
}
.commerce-metric img {
    object-fit:contain
}
.commerce-details {
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);
    gap:12px
}
.commerce-block {
    min-width:0;
    padding:17px;
    border:1px solid var(--line);
    border-radius:16px
}
.commerce-block h3 {
    font-size:13px
}
.commerce-balances {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:16px
}
.commerce-balance {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0
}
.commerce-balance img {
    flex-shrink:0;
    object-fit:contain
}
.commerce-balance span {
    display:block;
    color:var(--muted);
    font-size:11px
}
.commerce-balance strong {
    display:block;
    font-size:26px;
    line-height:1.3;
    font-variant-numeric:tabular-nums;
    overflow-wrap:anywhere
}
.commerce-spending-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px
}
.commerce-spending-amount {
    display:block;
    font-size:24px;
    line-height:1.4;
    overflow-wrap:anywhere
}
.commerce-empty {
    color:var(--ink);
    font-size:14px;
    font-weight:600;
    margin-bottom:5px
}
.commerce-spending>small,.commerce-note {
    color:var(--muted);
    font-size:11px;
    line-height:1.6
}
@media(max-width:950px) {
    .commerce-details {
        grid-template-columns:1fr
    }
}
@media(max-width:620px) {
    .commerce-ad-stats {
        grid-template-columns:1fr
    }
    .commerce-metric {
        display:grid;
        grid-template-columns:1fr auto;
        gap:4px 12px;
        align-items:center
    }
    .commerce-metric .stat-top {
        justify-content:flex-start
    }
    .commerce-metric .icon-tile {
        order:-1
    }
    .commerce-metric>strong {
        grid-column:2;
        grid-row:1 / span 2;
        margin:0
    }
    .commerce-metric>small {
        grid-column:1;
        padding-left:47px
    }
    .commerce-balance {
        gap:8px
    }
    .commerce-balance img {
        width:34px;
        height:34px
    }
}
.wallet-mini img {
    height:45px;
    width:45px;
    object-fit:contain
}
.wallet-mini strong {
    display:block;
    font-size:18px;
    letter-spacing:-.5px
}
.wallet-mini small {
    display:block;
    color:var(--muted);
    font-size:9px
}
.wallet-form .button {
    margin-top:18px
}
.danger-panel {
    border-color:#eddbd3;
    background:#fffcfa
}
.danger-panel h2 {
    color:#955143;
    font-size:16px
}
.danger-panel p {
    font-size:11px;
    line-height:1.8;
    margin-top:10px
}
.danger {
    color:#9d4f43;
    background:#f8eae4;
    border:1px solid #ecd2c8;
    margin-top:13px
}
.danger:hover {
    background:#f2d9ce
}
.positive {
    color:#44865a
}
.notice {
    padding:14px 17px;
    border-radius:12px;
    margin-bottom:24px;
    font-size:12px
}
.notice.success {
    background:#e3f0dc;
    border:1px solid #c9dfbe;
    color:#37692d
}
.notice.error {
    background:#fff0e7;
    border:1px solid #f0d0bb;
    color:#9d5335
}
.notice ul {
    padding-left:17px;
    margin:6px 0 0
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.login-body {
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:30px;
    background:radial-gradient(ellipse at 10% 10%,#e0ebd7,transparent 55%),radial-gradient(ellipse at 100% 100%,#eae1ee,transparent 55%),#f5f6ef
}
.login-card {
    width:420px;
    max-width:100%;
    padding:38px;
    background:#fff;
    border:1px solid #e4e9dc;
    border-radius:25px;
    box-shadow:0 20px 70px #304c3012
}
.login-logo {
    width:175px;
    height:50px;
    object-fit:contain;
    margin-bottom:29px
}
.login-card h1 {
    font-size:30px;
    margin-top:5px
}
.login-card>p {
    font-size:12px;
    margin-top:9px;
    margin-bottom:27px
}
.login-card .button {
    margin-top:17px
}
.login-footer {
    margin-top:25px;
    border-top:1px solid var(--line);
    padding-top:20px;
    color:#8b9787;
    font-size:10px
}
.login-card .notice {
    margin:0 0 16px
}
.user-table td {
    padding-top:13px;
    padding-bottom:13px
}
@media(min-width:1700px) {
    .page-content {
        padding-top:46px
    }
}
@media(max-width:1200px) {
    .sidebar {
        width:210px;
        padding-left:18px;
        padding-right:18px
    }
    .admin-main {
        margin-left:210px
    }
    .page-content {
        padding:28px
    }
    .topbar {
        padding:0 28px
    }
    .admin-footer {
        padding-left:28px;
        padding-right:28px
    }
    .stat-grid {
        gap:12px
    }
    .stat-card {
        padding:17px
    }
    .stat-card>strong {
        font-size:29px
    }
    .stat-top {
        font-size:11px
    }
    .stat-card>small {
        font-size:9px
    }
    .panel {
        padding:21px
    }
    .legend {
        gap:9px
    }
    .dashboard-middle {
        grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)
    }
    .activity-chart {
        gap:6px
    }
}
@media(max-width:950px) {
    .stat-grid {
        grid-template-columns:repeat(2,1fr)
    }
    .dashboard-middle,.dashboard-bottom,.edit-grid {
        grid-template-columns:1fr
    }
    .economy-panel {
        display:block
    }
    .filter-form {
        flex-wrap:wrap
    }
    .search-field {
        flex-basis:100%
    }
    .page-heading h1 {
        font-size:31px
    }
}
@media(max-width:650px) {
    .sidebar {
        position:static;
        width:100%;
        padding:15px 20px;
        display:block
    }
    .sidebar .brand {
        width:150px;
        display:inline-block;
        margin:0;
        padding:4px 9px
    }
    .brand img {
        height:34px
    }
    .workspace-label,.sidebar-note,.sidebar-bottom {
        display:none
    }
    .sidebar nav {
        display:flex;
        flex-wrap:wrap;
        align-items:flex-start;
        margin-top:12px;
        gap:8px
    }
    .sidebar nav>.nav-item,.sidebar nav>.nav-group {
        flex:1 1 140px
    }
    .nav-item {
        padding:10px 14px;
        font-size:12px;
        flex:1
    }
    .icon {
        height:17px;
        width:17px
    }
    .admin-main {
        margin-left:0
    }
    .topbar {
        height:55px;
        padding:0 20px
    }
    .page-content {
        padding:24px 18px
    }
    .page-heading {
        align-items:flex-start
    }
    .date-pill {
        font-size:9px;
        padding:8px
    }
    .page-heading p {
        font-size:11px
    }
    .page-heading h1 {
        font-size:29px
    }
    .eyebrow {
        font-size:8px
    }
    .panel {
        padding:18px
    }
    .stat-card {
        padding:15px
    }
    .stat-card>strong {
        font-size:29px
    }
    .icon-tile {
        width:31px;
        height:31px
    }
    .stat-top {
        font-size:10px
    }
    .stat-card>small {
        font-size:8px
    }
    .chart-day>small {
        font-size:7px
    }
    .bar {
        width:8px
    }
    .legend {
        font-size:8px
    }
    .panel-heading h2 {
        font-size:16px
    }
    .panel-heading p {
        font-size:10px
    }
    .panel-heading {
        gap:10px
    }
    .admin-footer {
        padding:0 18px 20px
    }
    .admin-footer span {
        display:none
    }
    .pagination {
        flex-direction:column
    }
    .profile-heading {
        gap:12px
    }
    .profile-heading img {
        width:55px;
        height:55px
    }
    .profile-heading h1 {
        font-size:25px
    }
    .avatar-grid {
        gap:8px
    }
    .filter-form select {
        flex:1
    }
    .form-columns {
        gap:10px
    }
    .login-card {
        padding:28px
    }
}

.table-note{display:block;color:var(--muted);margin-top:4px}.prize-form{max-width:960px}.prize-form h2{margin-top:16px}.prize-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;font:inherit;resize:vertical}.prize-form [hidden]{display:none}.prize-actions{display:flex;gap:10px;align-items:center}.prize-claim{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.prize-claim form{margin-top:16px}.contact-details{display:grid;gap:8px}.contact-details div{display:flex;gap:20px}.contact-details dt{color:var(--muted);min-width:100px}.contact-details dd{margin:0;overflow-wrap:anywhere}

.prize-image-preview{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:14px 0}.prize-image-preview img{width:160px;height:140px;object-fit:contain;border:1px solid var(--line);border-radius:16px;background:white;padding:8px}.prize-image-preview input[type=checkbox]{width:auto;margin-right:8px}

.prize-thumbnail{width:48px;height:48px;object-fit:contain;float:left;margin-right:12px;border-radius:10px;background:white}

.winner-delivery{border-top:1px solid var(--line);padding:20px 0}.winner-delivery:first-child{border-top:0}.winner-delivery form{margin-top:16px}.winner-delivery .user-cell small{overflow-wrap:anywhere}.filter-form input{min-width:140px;flex:1}.panel details{margin-top:20px}.panel summary{cursor:pointer;font-weight:600;color:var(--muted)}
.period-links{display:flex;flex-wrap:wrap;gap:6px}.period-links a{padding:5px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none}.period-links a[aria-current]{background:var(--mint);border-color:var(--mint);color:var(--green)}.panel-subtitle{margin:24px 0 10px;font-size:14px}
.compact-stats .table-note{overflow-wrap:anywhere}
.log-table td { vertical-align: top; }
.log-details { display: block; max-width: 460px; max-height: 180px; overflow: auto; padding: 8px 10px; border-radius: 8px; background: #f5f6f0; font-size: 11px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.badge.log-error { color: #a33b2b; background: #fde6e1; }
.badge.log-warning { color: #9a6a1f; background: #fff2dc; }
.badge.log-info { color: #556a5f; background: #eef1ea; }
.log-missing { margin: 8px 0 0; padding-left: 20px; display: grid; gap: 4px; }
.log-apple { margin: 4px 0 12px; }