.admin-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 1rem;
    padding: 0 1rem 1rem;
}

.admin-result-card {
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: var(--admin-surface);
    overflow: hidden;
}

.admin-result-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--admin-line);
}

.admin-result-card header div,
.admin-result-card header span {
    display: block;
}

.admin-result-card header span,
.admin-result-card time {
    color: var(--admin-muted);
    font-size: .78rem;
}

.admin-result-card header strong {
    font-family: "Fraunces", serif;
    font-size: 1.2rem;
}

.draw-financials {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    padding: 0 1rem 1rem;
}
.draw-financials span {
    display: grid;
    gap: .2rem;
    color: var(--admin-muted);
    font-size: .62rem;
    font-weight: 800;
    text-transform: uppercase;
}
.draw-financials strong { color: var(--admin-ink); font-size: .72rem; }

.admin-result-numbers {
    display: grid;
    grid-template-columns: repeat(6, minmax(38px, 1fr));
    gap: .55rem;
    padding: 1rem;
}

.admin-result-numbers b {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    min-width: 0;
    border: 2px solid #17844b;
    border-radius: 50%;
    background: #fff;
    color: #17201d;
    font-size: .9rem;
}
.result-balls {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
    padding: 1rem;
}
.result-ball {
    display: grid;
    width: min(50px, 12vw);
    aspect-ratio: 1;
    place-items: center;
    flex: 0 0 auto;
    border: 2px solid rgba(255,255,255,.72);
    border-radius: 50%;
    color: #17201d;
    box-shadow: 0 5px 12px rgba(23,32,29,.16), inset 0 2px 0 rgba(255,255,255,.55);
    font-size: clamp(.72rem, 2vw, 1rem);
    font-weight: 800;
    line-height: 1;
}
.result-ball--1 { color: #6b4f00; background: linear-gradient(145deg, #fff3a6, #ffd43b 52%, #d9a900); }
.result-ball--2 { color: #06456e; background: linear-gradient(145deg, #d9f0ff, #74c0fc 52%, #3b8dcc); }
.result-ball--3 { color: #761f24; background: linear-gradient(145deg, #ffd0d0, #ff8787 52%, #d95862); }
.result-ball--4 { color: #145c2a; background: linear-gradient(145deg, #c9f7d2, #69db7c 52%, #35a854); }
.result-ball--5 { color: #5b216d; background: linear-gradient(145deg, #f3d4ff, #da77f2 52%, #a347bf); }
.result-ball--6 { color: #713a00; background: linear-gradient(145deg, #ffe0b2, #ffa94d 52%, #db7620); }
.result-ball--7 { color: #17446b; background: linear-gradient(145deg, #d8f5ff, #66d9e8 52%, #168aad); }
.result-ball--8 { color: #5b4010; background: linear-gradient(145deg, #fff0c2, #fcc419 52%, #e67700); }
.result-ball--9 { color: #5c1835; background: linear-gradient(145deg, #ffd6e7, #f783ac 52%, #c2255c); }
.result-ball--10 { color: #244c38; background: linear-gradient(145deg, #d3f9d8, #8ce99a 52%, #2f9e44); }
.result-ball--11 { color: #3e2768; background: linear-gradient(145deg, #e5dbff, #9775fa 52%, #6741d9); }
.result-ball--12 { color: #59320d; background: linear-gradient(145deg, #ffe8cc, #ffb366 52%, #d9480f); }
.result-ball--13 { color: #0b5360; background: linear-gradient(145deg, #c5f6fa, #3bc9db 52%, #1098ad); }
.result-ball--14 { color: #533b08; background: linear-gradient(145deg, #fff9db, #ffe066 52%, #fab005); }
.result-ball--15 { color: #631c36; background: linear-gradient(145deg, #ffe3ec, #faa2c1 52%, #e64980); }
.result-ball--16 { color: #1d5735; background: linear-gradient(145deg, #d8f5a2, #a9e34b 52%, #66a80f); }
.result-ball--17 { color: #3a286b; background: linear-gradient(145deg, #e5dbff, #b197fc 52%, #7950f2); }
.result-ball--18 { color: #65300b; background: linear-gradient(145deg, #fff4e6, #ffc078 52%, #f76707); }
.result-ball--19 { color: #155047; background: linear-gradient(145deg, #c3fae8, #63e6be 52%, #0ca678); }
.result-ball--20 { color: #714d0a; background: linear-gradient(145deg, #fff3bf, #ffd43b 52%, #f08c00); }
.result-ball--21 { color: #651d3d; background: linear-gradient(145deg, #ffdeeb, #ff8fab 52%, #d6336c); }
.result-ball--22 { color: #245c2b; background: linear-gradient(145deg, #e3f9e5, #8ce99a 52%, #37b24d); }
.result-ball--23 { color: #443276; background: linear-gradient(145deg, #f0e6ff, #c0aaff 52%, #845ef7); }
.result-ball--24 { color: #713b09; background: linear-gradient(145deg, #fff0db, #ffa94d 52%, #e8590c); }
.result-ball--25 { color: #14525b; background: linear-gradient(145deg, #d0f4f7, #66d9e8 52%, #0b7285); }
.result-ball--26 { color: #584305; background: linear-gradient(145deg, #fff9db, #ffe066 52%, #f59f00); }
.result-ball--27 { color: #761d46; background: linear-gradient(145deg, #ffe3ec, #f783ac 52%, #c2255c); }
.result-ball--28 { color: #1e5630; background: linear-gradient(145deg, #d3f9d8, #69db7c 52%, #2b8a3e); }
.result-ball--29 { color: #4c3270; background: linear-gradient(145deg, #e5dbff, #da77f2 52%, #9c36b5); }
.result-ball--30 { color: #703609; background: linear-gradient(145deg, #ffe8cc, #ffb366 52%, #d9480f); }
.result-ball--31 { color: #0f514b; background: linear-gradient(145deg, #c3fae8, #63e6be 52%, #099268); }
.result-ball--32 { color: #5d4308; background: linear-gradient(145deg, #fff3bf, #fcc419 52%, #e67700); }
.result-ball--33 { color: #6b1e3e; background: linear-gradient(145deg, #ffd6e7, #ff8787 52%, #d6336c); }
.result-ball--34 { color: #24552c; background: linear-gradient(145deg, #d8f5d0, #8ce99a 52%, #2f9e44); }
.result-ball--35 { color: #3e2b6d; background: linear-gradient(145deg, #e5dbff, #9775fa 52%, #6741d9); }
.result-ball--36 { color: #65320b; background: linear-gradient(145deg, #ffe8cc, #ffa94d 52%, #e8590c); }
.result-ball--37 { color: #075261; background: linear-gradient(145deg, #c5f6fa, #66d9e8 52%, #1098ad); }
.result-ball--38 { color: #594107; background: linear-gradient(145deg, #fff3bf, #ffd43b 52%, #f08c00); }
.result-ball--39 { color: #661d40; background: linear-gradient(145deg, #ffe3ec, #faa2c1 52%, #d6336c); }
.result-ball--40 { color: #1c5830; background: linear-gradient(145deg, #d3f9d8, #69db7c 52%, #2b8a3e); }
.result-ball--41 { color: #472c70; background: linear-gradient(145deg, #f0e6ff, #da77f2 52%, #9c36b5); }
.result-ball--42 { color: #71370a; background: linear-gradient(145deg, #ffe8cc, #ffa94d 52%, #d9480f); }
.result-balls--compact { min-width: 230px; gap: .25rem; padding: .25rem 0; }
.result-balls--compact .result-ball { width: 32px; font-size: .68rem; }
.winner-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem .5rem; padding: 0 1rem 1rem; color: var(--admin-muted); font-size: .68rem; }
.winner-summary span { padding: .35rem .45rem; background: var(--admin-surface-soft); border-radius: 5px; }
.winner-summary strong { color: var(--admin-ink); }
.winner-summary--admin { padding: 0 1rem 1rem; }

@media (max-width: 575.98px) {
    .admin-result-numbers {
        gap: .35rem;
        padding: .8rem;
    }
}
:root {
    color-scheme: light;
    --admin-ink: #17201d;
    --admin-fixed-ink: #17201d;
    --admin-muted: #68716c;
    --admin-paper: #f3f4ef;
    --admin-surface: #fff;
    --admin-surface-soft: #f5f6f2;
    --admin-field: #fff;
    --admin-sidebar: #17201d;
    --admin-green: #087f5b;
    --admin-green-dark: #055c43;
    --admin-yellow: #ffd43b;
    --admin-red: #d94841;
    --admin-line: #dfe2dc;
    --admin-shadow: 0 12px 32px rgba(23, 32, 29, .08);
    --admin-shadow-soft: 0 5px 16px rgba(23, 32, 29, .06);
}

[data-theme="dark"] {
    color-scheme: dark;
    --admin-ink: #edf4f0;
    --admin-muted: #aab7b0;
    --admin-paper: #101713;
    --admin-surface: #19231e;
    --admin-surface-soft: #222e28;
    --admin-field: #141d18;
    --admin-green: #2ab386;
    --admin-green-dark: #0c7657;
    --admin-line: #39483f;
    --admin-shadow: 0 14px 36px rgba(0, 0, 0, .28);
    --admin-shadow-soft: 0 6px 18px rgba(0, 0, 0, .2);
}

* { box-sizing: border-box; }
body { margin: 0; color: var(--admin-ink); font-family: "Archivo", sans-serif; letter-spacing: 0; }
.btn, .form-control, .form-select, .input-group-text, .alert { border-radius: 10px; }
.btn { min-height: 42px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.btn:hover:not(:disabled) { transform: translateY(-1px); }
.btn-success { --bs-btn-bg: var(--admin-green); --bs-btn-border-color: transparent; --bs-btn-hover-bg: var(--admin-green-dark); --bs-btn-hover-border-color: transparent; background-image: linear-gradient(135deg, var(--admin-green), var(--admin-green-dark)); box-shadow: 0 7px 18px rgba(8, 127, 91, .2); font-weight: 700; }
.btn-success:hover:not(:disabled) { box-shadow: 0 10px 24px rgba(8, 127, 91, .28); }
.form-control, .form-select, .input-group-text { color: var(--admin-ink); background-color: var(--admin-field); border-color: var(--admin-line); transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.form-control, .form-select { min-height: 50px; }
.form-control::placeholder { color: color-mix(in srgb, var(--admin-muted) 72%, transparent); }
.form-control:hover, .form-select:hover { border-color: color-mix(in srgb, var(--admin-green) 45%, var(--admin-line)); }
.form-control:focus, .form-select:focus { color: var(--admin-ink); background-color: var(--admin-field); border-color: var(--admin-green); box-shadow: 0 0 0 .22rem rgba(8, 127, 91, .14), 0 5px 14px rgba(8, 127, 91, .08); }
.form-label { margin-bottom: .4rem; font-size: .78rem; font-weight: 700; }
.form-text { color: var(--admin-muted); }

.admin-brand { display: flex; align-items: center; gap: .7rem; color: var(--admin-ink); text-decoration: none; }
.admin-brand--light { color: #fff; }
.admin-brand__mark { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; color: var(--admin-fixed-ink); background: linear-gradient(145deg, #ffe780, var(--admin-yellow)); border-radius: 12px; box-shadow: 0 7px 18px rgba(255, 212, 59, .2); }
.admin-brand__logo { width: 40px; height: 40px; flex: 0 0 40px; object-fit: contain; }
.theme-toggle { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; color: var(--admin-ink); background: linear-gradient(145deg, var(--admin-surface), var(--admin-surface-soft)); border: 1px solid var(--admin-line); border-radius: 12px; box-shadow: var(--admin-shadow-soft); transition: transform .18s ease, border-color .18s ease; }
.theme-toggle:hover, .theme-toggle:focus-visible { color: var(--admin-green); border-color: var(--admin-green); }
.auth-theme-toggle { position: fixed; top: 1.25rem; right: 1.25rem; z-index: 20; }

.admin-auth-body { min-height: 100vh; background-color: var(--admin-paper); background-image: linear-gradient(135deg, color-mix(in srgb, var(--admin-green) 6%, transparent), transparent 42%), linear-gradient(315deg, color-mix(in srgb, var(--admin-yellow) 8%, transparent), transparent 38%); }
.auth-shell { display: grid; min-height: 100vh; grid-template-columns: minmax(340px, 42%) 1fr; }
.auth-brand { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(2rem, 5vw, 4.5rem); color: #fff; background-color: var(--admin-sidebar); background-image: linear-gradient(145deg, rgba(8,127,91,.42), transparent 58%), linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: auto, 36px 36px, 36px 36px; }
.auth-brand__logo { display: block; width: min(100%, 280px); height: auto; padding: .35rem .6rem; background: #fff; border-radius: 8px; }
.auth-brand h1 { max-width: 520px; margin: .8rem 0 0; font-family: "Fraunces", serif; font-size: clamp(2.5rem, 5vw, 4.7rem); line-height: 1; }
.auth-brand__eyebrow, .auth-step, .admin-kicker { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.auth-brand__eyebrow { color: var(--admin-yellow); }
.auth-brand > p { margin: 0; color: rgba(255,255,255,.58); font-size: .78rem; }
.auth-form-area { display: grid; place-items: center; padding: 2rem; }
.auth-form-wrap { width: min(100%, 460px); padding: clamp(1.4rem, 3vw, 2.2rem); background: linear-gradient(145deg, var(--admin-surface), color-mix(in srgb, var(--admin-surface-soft) 45%, var(--admin-surface))); border: 1px solid color-mix(in srgb, var(--admin-line) 82%, transparent); border-radius: 8px; box-shadow: var(--admin-shadow); }
.auth-form-wrap h2 { margin: .45rem 0 .6rem; font-family: "Fraunces", serif; font-size: 2.3rem; }
.auth-step { color: var(--admin-green); }
.auth-lead { margin-bottom: 1.6rem; color: var(--admin-muted); }
.auth-form { display: grid; gap: 1rem; }
.password-field { position: relative; }
.password-field .form-control { padding-right: 3.25rem; }
.password-field [data-password-toggle] { position: absolute; top: 50%; right: .45rem; display: grid; width: 38px; height: 38px; padding: 0; place-items: center; color: var(--admin-muted); background: transparent; border: 0; border-radius: 8px; transform: translateY(-50%); }
.password-field [data-password-toggle]:hover, .password-field [data-password-toggle]:focus-visible { color: var(--admin-green); background: var(--admin-surface-soft); outline: none; }
.password-field [data-password-toggle] i { font-size: 1.05rem; }
.password-strength { display: grid; grid-template-columns: repeat(4, 1fr); gap: .3rem; margin-top: .65rem; }
.password-strength span { height: 5px; background: var(--admin-line); border-radius: 999px; }
.password-strength[data-strength="weak"] span:nth-child(1) { background: var(--admin-red); }
.password-strength[data-strength="medium"] span:nth-child(-n+2) { background: #c28a00; }
.password-strength[data-strength="strong"] span:nth-child(-n+3) { background: var(--admin-green); }
.password-strength[data-strength="very-strong"] span { background: var(--admin-green-dark); }
.password-strength__status { display: flex; justify-content: space-between; gap: 1rem; min-height: 22px; padding-top: .3rem; color: var(--admin-muted); font-size: .72rem; }
.password-strength__status strong { color: var(--admin-ink); }
.password-match-error { display: block; margin-top: .35rem; color: var(--admin-red); font-size: .72rem; }
.auth-public-link { display: inline-block; margin-top: 1.5rem; color: var(--admin-muted); font-size: .82rem; text-decoration: none; }
.auth-support-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: 1rem; }
.auth-support-links a { display: flex; min-height: 44px; align-items: center; justify-content: center; gap: .4rem; padding: .65rem; color: var(--admin-ink); background: var(--admin-surface-soft); border: 1px solid var(--admin-line); border-radius: 8px; font-size: .72rem; font-weight: 700; text-align: center; text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.auth-support-links a:hover { color: var(--admin-green); border-color: var(--admin-green); transform: translateY(-1px); }
.verification-code { height: 58px; text-align: center; font-size: 1.65rem; font-weight: 800; letter-spacing: .35em; }
.kyc-form-wrap { width: min(100%, 760px); }
.kyc-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kyc-field-wide { grid-column: 1 / -1; }

.admin-body { min-height: 100vh; background-color: var(--admin-paper); background-image: linear-gradient(135deg, color-mix(in srgb, var(--admin-green) 5%, transparent), transparent 36%); }
.admin-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; width: 248px; flex-direction: column; padding: 1.6rem 1.25rem; color: #fff; background-color: var(--admin-sidebar); background-image: linear-gradient(180deg, rgba(8,127,91,.25), transparent 42%); box-shadow: 10px 0 30px rgba(0,0,0,.08); transition: width .22s ease, padding .22s ease, transform .22s ease; }
.admin-sidebar-toggle { position: absolute; top: 1.8rem; right: -15px; display: grid; width: 30px; height: 30px; place-items: center; color: #fff; background: var(--admin-green); border: 2px solid var(--admin-paper); border-radius: 50%; box-shadow: var(--admin-shadow-soft); transition: transform .2s ease, background-color .2s ease; }
.admin-sidebar-toggle:hover, .admin-sidebar-toggle:focus-visible { background: var(--admin-green-dark); }
.admin-nav { display: grid; gap: .35rem; margin-top: 3.5rem; }
.admin-nav__label { margin: 0 .65rem .55rem; color: rgba(255,255,255,.38); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.admin-nav a, .admin-nav__item-disabled { display: flex; min-height: 44px; align-items: center; gap: .75rem; padding: .7rem .75rem; color: rgba(255,255,255,.62); border-radius: 10px; font-size: .84rem; text-decoration: none; transition: color .18s ease, background-color .18s ease, transform .18s ease; }
.admin-nav a:hover { color: #fff; background: rgba(255,255,255,.07); transform: translateX(2px); }
.admin-nav a.is-active { color: #fff; background: linear-gradient(90deg, rgba(42,179,134,.26), rgba(255,255,255,.08)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); }
.admin-nav a.is-active::before { width: 3px; height: 20px; margin-left: -.75rem; content: ""; background: var(--admin-yellow); }
.admin-nav__item-disabled small { margin-left: auto; color: rgba(255,255,255,.28); font-size: .56rem; text-transform: uppercase; }
.admin-nav-group summary { display: flex; min-height: 44px; align-items: center; gap: .75rem; padding: .7rem .75rem; color: rgba(255,255,255,.62); border-radius: 10px; font-size: .84rem; cursor: pointer; list-style: none; transition: color .18s ease, background-color .18s ease; }
.admin-nav-group summary::-webkit-details-marker { display: none; }
.admin-nav-group summary:hover, .admin-nav-group summary.is-active { color: #fff; background: rgba(255,255,255,.07); }
.admin-nav-group__chevron { margin-left: auto; font-size: .7rem; transition: transform .18s ease; }
.admin-nav-group[open] .admin-nav-group__chevron { transform: rotate(180deg); }
.admin-nav-submenu { display: grid; gap: .2rem; margin: .25rem 0 .45rem 1.45rem; padding-left: .65rem; border-left: 1px solid rgba(255,255,255,.14); }
.admin-nav .admin-nav-submenu a { min-height: 34px; padding: .45rem .55rem; font-size: .7rem; line-height: 1.2; }
.admin-nav-submenu a i { width: 1rem; color: var(--admin-yellow); text-align: center; }
.message-tray { position: relative; }
.message-tray__badge { display: grid; min-width: 18px; height: 18px; margin-left: auto; padding: 0 5px; place-items: center; color: #fff; background: var(--admin-red); border: 2px solid var(--admin-sidebar); border-radius: 999px; font-size: .58rem; font-weight: 800; line-height: 1; }
.message-tray__badge[hidden] { display: none; }
.admin-mobile-actions .message-tray__badge { position: absolute; top: -7px; right: -7px; margin: 0; border-color: var(--admin-surface); }
.admin-body.is-sidebar-collapsed .admin-nav .message-tray__badge { position: absolute; top: 2px; right: 2px; margin: 0; }
.admin-sidebar__footer { display: grid; gap: .35rem; margin-top: auto; border-top: 1px solid rgba(255,255,255,.12); padding-top: 1rem; }
.admin-sidebar__footer a, .admin-sidebar__footer button { display: flex; width: 100%; align-items: center; gap: .7rem; padding: .55rem 0; color: rgba(255,255,255,.62); background: none; border: 0; font-size: .78rem; text-decoration: none; }
.admin-page { min-height: 100vh; margin-left: 248px; transition: margin-left .22s ease; }
.admin-mobile-header { display: none; }
.admin-mobile-menu { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; color: var(--admin-ink); background: var(--admin-surface-soft); border: 1px solid var(--admin-line); border-radius: 8px; font-size: 1.25rem; }
.admin-sidebar-backdrop { position: fixed; inset: 0; z-index: 20; display: none; padding: 0; background: rgba(8, 15, 12, .54); border: 0; }
.admin-body.is-sidebar-collapsed .admin-sidebar { width: 76px; padding-inline: .75rem; }
.admin-body.is-sidebar-collapsed .admin-page { margin-left: 76px; }
.admin-body.is-sidebar-collapsed .admin-sidebar-toggle { transform: rotate(180deg); }
.admin-body.is-sidebar-collapsed .admin-brand { justify-content: center; }
.admin-body.is-sidebar-collapsed .admin-nav__text, .admin-body.is-sidebar-collapsed .admin-nav__label, .admin-body.is-sidebar-collapsed .admin-nav__item-disabled small, .admin-body.is-sidebar-collapsed .admin-nav-group__chevron, .admin-body.is-sidebar-collapsed .admin-nav-submenu { display: none; }
.admin-body.is-sidebar-collapsed .admin-nav a, .admin-body.is-sidebar-collapsed .admin-nav__item-disabled, .admin-body.is-sidebar-collapsed .admin-nav-group summary, .admin-body.is-sidebar-collapsed .admin-sidebar__footer a, .admin-body.is-sidebar-collapsed .admin-sidebar__footer button { justify-content: center; gap: 0; padding-inline: .5rem; }
.admin-body.is-sidebar-collapsed .admin-nav a.is-active::before { position: absolute; left: 0; margin-left: 0; }
.admin-body.is-sidebar-collapsed .admin-nav a, .admin-body.is-sidebar-collapsed .admin-nav-group summary { position: relative; }
.admin-body.is-sidebar-collapsed .admin-sidebar__footer form { display: grid; place-items: center; }
.admin-main { width: min(100%, 1500px); margin: 0 auto; padding: 2.25rem clamp(1.25rem, 3vw, 3rem) 4rem; }
.admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.admin-heading h1 { margin: .2rem 0; font-family: "Fraunces", serif; font-size: 2.2rem; }
.admin-heading p { margin: 0; color: var(--admin-muted); font-size: .78rem; }
.admin-kicker { color: var(--admin-green); }
.admin-user { display: flex; align-items: center; gap: .7rem; }
.admin-user > span { display: grid; width: 42px; height: 42px; place-items: center; color: #fff; background: linear-gradient(145deg, var(--admin-green), var(--admin-green-dark)); border-radius: 12px; box-shadow: 0 7px 16px rgba(8,127,91,.2); font-weight: 800; }
.admin-user strong, .admin-user small { display: block; }
.admin-user strong { font-size: .8rem; }
.admin-user small { color: var(--admin-muted); font-size: .67rem; }
.admin-alert { display: flex; align-items: center; gap: .6rem; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.metric-card { display: flex; min-height: 112px; align-items: center; gap: 1rem; padding: 1.15rem; background: linear-gradient(145deg, var(--admin-surface), color-mix(in srgb, var(--admin-surface-soft) 35%, var(--admin-surface))); border: 1px solid var(--admin-line); border-radius: 8px; box-shadow: var(--admin-shadow-soft); transition: transform .18s ease, box-shadow .18s ease; }
.metric-card:hover { transform: translateY(-2px); box-shadow: var(--admin-shadow); }
.metric-card__icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 50%; font-size: 1.15rem; }
.icon-green { color: var(--admin-green); background: #dff3ea; }
.icon-yellow { color: #7a6000; background: #fff3bd; }
.icon-red { color: var(--admin-red); background: #fae4e2; }
.icon-ink { color: #fff; background: var(--admin-sidebar); }
.metric-card small, .metric-card strong { display: block; }
.metric-card small { margin-bottom: .25rem; color: var(--admin-muted); font-size: .7rem; }
.metric-card strong { overflow-wrap: anywhere; font-family: "Fraunces", serif; font-size: 1.65rem; }

.admin-workspace { display: grid; grid-template-columns: minmax(290px, 350px) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.admin-workspace--single { grid-template-columns: minmax(0, 1fr); }
.admin-panel { overflow: hidden; background: linear-gradient(145deg, var(--admin-surface), color-mix(in srgb, var(--admin-surface-soft) 22%, var(--admin-surface))); border: 1px solid var(--admin-line); border-radius: 8px; box-shadow: var(--admin-shadow-soft); }
.admin-panel__heading { display: flex; min-height: 70px; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--admin-line); }
.admin-panel__heading > div { display: flex; align-items: center; gap: .7rem; }
.admin-panel h2 { margin: 0; font-size: 1rem; font-weight: 800; }
.admin-section-number { color: var(--admin-green); font-family: "Fraunces", serif; font-weight: 800; }
.record-count { color: var(--admin-muted); font-size: .68rem; }
.admin-form { display: grid; gap: 1rem; padding: 1.2rem; }
.draw-rule { display: flex; align-items: flex-start; gap: .55rem; padding: .8rem; color: var(--admin-muted); background: linear-gradient(90deg, color-mix(in srgb, var(--admin-yellow) 14%, var(--admin-surface-soft)), var(--admin-surface-soft)); border-left: 3px solid var(--admin-yellow); border-radius: 8px; font-size: .7rem; }
.admin-table { --bs-table-color: var(--admin-ink); --bs-table-bg: var(--admin-surface); --bs-table-border-color: var(--admin-line); font-size: .76rem; }
.admin-table th { padding: .85rem 1rem; color: var(--admin-muted); background: var(--admin-surface-soft); border-bottom-color: var(--admin-line); font-size: .65rem; text-transform: uppercase; }
.admin-table td { padding: 1rem; border-bottom-color: var(--admin-line); white-space: nowrap; transition: background-color .15s ease; }
.admin-table tbody tr:hover td { background: color-mix(in srgb, var(--admin-green) 6%, var(--admin-surface)); }
.status-badge { display: inline-flex; padding: .28rem .5rem; border-radius: 999px; font-size: .65rem; font-weight: 700; }
.status-scheduled { color: #076448; background: #dff3ea; }
.status-closed { color: #7a6000; background: #fff3bd; }
.status-drawn { color: #30517e; background: #e2ecf8; }
.status-postponed, .status-cancelled { color: #9c342f; background: #fae4e2; }
.admin-empty { display: grid; min-height: 300px; place-items: center; align-content: center; gap: .45rem; color: var(--admin-muted); text-align: center; }
.admin-empty i { color: var(--admin-green); font-size: 2rem; }
.admin-empty strong { color: var(--admin-ink); }
.admin-empty span { font-size: .75rem; }
.admin-prize-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; padding: 1rem 1rem .2rem; }
.admin-prize-card { --prize-accent: var(--admin-green); display: flex; min-height: 190px; flex-direction: column; padding: 1rem; background: linear-gradient(155deg, var(--admin-surface), color-mix(in srgb, var(--prize-accent) 8%, var(--admin-surface))); border: 1px solid var(--admin-line); border-top: 5px solid var(--prize-accent); border-radius: 8px; box-shadow: var(--admin-shadow-soft); }
.admin-prize-card--6 { --prize-accent: #d5a200; }
.admin-prize-card--5 { --prize-accent: #087f5b; }
.admin-prize-card--4 { --prize-accent: #d94841; }
.admin-prize-card--3 { --prize-accent: #356aa0; }
.admin-prize-card header { display: flex; align-items: center; justify-content: space-between; color: var(--admin-muted); font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.admin-prize-card header i { color: var(--prize-accent); font-size: .95rem; }
.admin-prize-card__hits { display: flex; flex: 1; align-items: baseline; gap: .45rem; padding-block: .9rem; }
.admin-prize-card__hits strong { color: var(--prize-accent); font-family: "Fraunces", serif; font-size: 3.2rem; line-height: .9; }
.admin-prize-card__hits span { color: var(--admin-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.admin-prize-card__amount { padding-top: .8rem; border-top: 1px solid var(--admin-line); }
.admin-prize-card__amount span,
.admin-prize-card__amount strong { display: block; }
.admin-prize-card__amount span { margin-bottom: .25rem; color: var(--admin-muted); font-size: .64rem; font-weight: 800; text-transform: uppercase; }
.admin-prize-card__amount strong { overflow-wrap: anywhere; font-family: "Fraunces", serif; font-size: 1.2rem; line-height: 1.1; }
.network-summary { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 1.25rem; overflow: hidden; background: linear-gradient(125deg, var(--admin-sidebar), #123f31); border-radius: 8px; box-shadow: var(--admin-shadow); }
.network-summary div { padding: 1.1rem 1.25rem; border-right: 1px solid rgba(255,255,255,.12); }
.network-summary div:last-child { border-right: 0; }
.network-summary small, .network-summary strong { display: block; }
.network-summary small { margin-bottom: .3rem; color: rgba(255,255,255,.5); font-size: .66rem; }
.network-summary strong { color: #fff; font-family: "Fraunces", serif; font-size: 1.25rem; }
.network-workspace { grid-template-columns: minmax(300px, 370px) minmax(0, 1fr); }
.network-workspace__column { display: grid; min-width: 0; gap: 1.25rem; align-content: start; }
.network-administrator-count { padding: 0 1.2rem 1.1rem; color: var(--admin-muted); }
.tools-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.tools-section { scroll-margin-top: 1.25rem; }
.tools-ajax-shell { min-height: 260px; }
.tools-loading, .tools-error { display: flex; min-height: 260px; align-items: center; justify-content: center; gap: .7rem; color: var(--admin-muted); background: var(--admin-surface); border: 1px solid var(--admin-line); border-radius: 8px; box-shadow: var(--admin-shadow-soft); font-size: .78rem; }
.tools-error { flex-direction: column; color: var(--admin-red); text-align: center; }
.tools-error i { font-size: 1.6rem; }
.admin-feedback-modal { width: min(calc(100% - 2rem), 390px); padding: 1.3rem; color: var(--admin-ink); background: var(--admin-surface); border: 1px solid var(--admin-line); border-radius: 8px; box-shadow: 0 24px 70px rgba(0, 0, 0, .28); }
.admin-feedback-modal[open] { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: .85rem; align-items: start; animation: feedback-in .18s ease-out; }
.admin-feedback-modal::backdrop { background: rgba(10, 18, 14, .46); backdrop-filter: blur(2px); }
.admin-feedback-modal__close { position: absolute; top: .65rem; right: .65rem; display: grid; width: 32px; height: 32px; place-items: center; color: var(--admin-muted); background: transparent; border: 0; border-radius: 6px; }
.admin-feedback-modal__close:hover { color: var(--admin-ink); background: var(--admin-surface-soft); }
.admin-feedback-modal__icon { display: grid; width: 44px; height: 44px; place-items: center; color: var(--admin-green); background: color-mix(in srgb, var(--admin-green) 12%, var(--admin-surface)); border-radius: 50%; font-size: 1.2rem; }
.admin-feedback-modal.is-error .admin-feedback-modal__icon { color: var(--admin-red); background: color-mix(in srgb, var(--admin-red) 12%, var(--admin-surface)); }
.admin-feedback-modal strong { display: block; padding-right: 1.6rem; font-size: .92rem; }
.admin-feedback-modal p { margin: .35rem 0 0; color: var(--admin-muted); font-size: .75rem; line-height: 1.5; }
.admin-feedback-modal > .btn { grid-column: 1 / -1; justify-self: end; min-height: 36px; margin-top: .25rem; }
.admin-confirm-modal__actions { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: .5rem; margin-top: .3rem; }
.admin-confirm-modal__actions .btn { min-height: 36px; }
@keyframes feedback-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.tool-actions { display: flex; align-items: center; gap: .8rem; }
.tool-actions form { margin: 0; }
.verification-notice { display: flex; align-items: flex-start; gap: .65rem; padding: .9rem 1.1rem; color: var(--admin-muted); background: color-mix(in srgb, var(--admin-yellow) 10%, var(--admin-surface)); border-bottom: 1px solid var(--admin-line); font-size: .7rem; line-height: 1.5; }
.verification-notice i { color: var(--admin-green); font-size: 1rem; }
.verification-serial { display: inline-flex; padding: .45rem .65rem; color: var(--admin-ink); background: var(--admin-surface-soft); border: 1px dashed var(--admin-green); border-radius: 6px; font-family: monospace; font-size: 1rem; font-weight: 800; letter-spacing: .14em; }
.verification-actions { display: flex; align-items: center; gap: .5rem; }
.verification-actions form { margin: 0; }
.verification-actions .btn { display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap; }
.datatable-toolbar { display: flex; min-height: 64px; align-items: end; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; background: var(--admin-surface); border-bottom: 1px solid var(--admin-line); }
.datatable-search { position: relative; width: min(100%, 340px); }
.datatable-search i { position: absolute; top: 50%; left: .85rem; color: var(--admin-muted); pointer-events: none; transform: translateY(-50%); }
.datatable-search input, .datatable-size select, .datatable-node-filters select { height: 38px; color: var(--admin-ink); background: var(--admin-field); border: 1px solid var(--admin-line); border-radius: 8px; outline: 0; }
.datatable-search input { width: 100%; padding: .5rem .8rem .5rem 2.4rem; font-size: .74rem; }
.datatable-search input:focus, .datatable-size select:focus, .datatable-node-filters select:focus { border-color: var(--admin-green); box-shadow: 0 0 0 .18rem rgba(8, 127, 91, .12); }
.datatable-size { display: flex; align-items: center; gap: .55rem; color: var(--admin-muted); font-size: .68rem; }
.datatable-size select, .datatable-node-filters select { min-width: 64px; padding: 0 .55rem; }
.datatable-node-filters { display: grid; flex: 1; grid-template-columns: repeat(5, minmax(120px, 1fr)); gap: .55rem; }
.datatable-node-filters label { display: grid; gap: .25rem; color: var(--admin-muted); font-size: .62rem; }
.datatable-node-filters select:disabled { cursor: not-allowed; opacity: .55; }
.datatable-node-drill { display: inline-grid; width: 30px; height: 30px; margin-left: .55rem; place-items: center; color: var(--admin-green); background: var(--admin-surface-soft); border: 1px solid var(--admin-line); border-radius: 6px; vertical-align: middle; }
.datatable-node-drill:hover { color: #fff; background: var(--admin-green); border-color: var(--admin-green); }
.datatable-footer { display: flex; min-height: 64px; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; background: var(--admin-surface); border-top: 1px solid var(--admin-line); }
.datatable-info { color: var(--admin-muted); font-size: .68rem; }
.datatable-pagination, .datatable-pages { display: flex; align-items: center; gap: .3rem; }
.datatable-nav, .datatable-page { display: grid; width: 34px; height: 34px; place-items: center; padding: 0; color: var(--admin-ink); background: var(--admin-field); border: 1px solid var(--admin-line); border-radius: 8px; font-size: .7rem; }
.datatable-nav:hover:not(:disabled), .datatable-page:hover, .datatable-page.is-active { color: #fff; background: var(--admin-green); border-color: var(--admin-green); }
.datatable-nav:disabled { cursor: not-allowed; opacity: .4; }
.datatable-pagination__ellipsis { display: grid; width: 24px; place-items: center; color: var(--admin-muted); }
.datatable-empty { padding: 2.5rem 1rem; color: var(--admin-muted); background: var(--admin-surface); text-align: center; font-size: .75rem; }
.datatable-empty i { display: block; margin-bottom: .4rem; color: var(--admin-green); font-size: 1.4rem; }
.messages-workspace { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.messages-compose { position: sticky; top: 1.25rem; }
.messages-compose textarea { min-height: 170px; resize: vertical; }
.message-delivery-mode { margin: 0; padding: 0; border: 0; }
.message-delivery-mode > div { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; padding: .3rem; background: var(--admin-surface-soft); border: 1px solid var(--admin-line); border-radius: 8px; }
.message-delivery-mode label { cursor: pointer; }
.message-delivery-mode input { position: absolute; opacity: 0; pointer-events: none; }
.message-delivery-mode span { display: flex; min-height: 38px; align-items: center; justify-content: center; gap: .4rem; color: var(--admin-muted); border-radius: 6px; font-size: .72rem; font-weight: 800; }
.message-delivery-mode input:checked + span { color: #fff; background: var(--admin-green); box-shadow: var(--admin-shadow-soft); }
.message-no-reply { display: flex; align-items: flex-start; gap: .7rem; padding: .85rem; cursor: pointer; background: color-mix(in srgb, var(--admin-yellow) 10%, var(--admin-surface)); border: 1px solid color-mix(in srgb, var(--admin-yellow) 35%, var(--admin-line)); border-radius: 8px; }
.message-no-reply input { margin-top: .15rem; }
.message-no-reply strong, .message-no-reply small { display: block; }
.message-no-reply strong { font-size: .74rem; }
.message-no-reply small { margin-top: .2rem; color: var(--admin-muted); font-size: .65rem; line-height: 1.4; }
.messages-boxes { display: grid; min-width: 0; gap: 1.25rem; }
.admin-empty--compact { min-height: 170px; }
.message-list { display: grid; }
.message-item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 1rem; padding: 1.2rem; border-bottom: 1px solid var(--admin-line); }
.message-item:last-child { border-bottom: 0; }
.message-item.is-unread { background: color-mix(in srgb, var(--admin-green) 6%, var(--admin-surface)); }
.message-item__icon { display: grid; width: 42px; height: 42px; place-items: center; color: var(--admin-green); background: var(--admin-surface-soft); border: 1px solid var(--admin-line); border-radius: 8px; }
.message-item__meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.message-item__meta > div { min-width: 0; }
.message-item__meta strong, .message-item__meta small { display: block; }
.message-item__meta small { margin-top: .2rem; overflow-wrap: anywhere; color: var(--admin-muted); font-size: .65rem; }
.message-item__meta time { color: var(--admin-muted); font-size: .68rem; white-space: nowrap; }
.message-item__content p { margin: .6rem 0; color: var(--admin-muted); font-size: .78rem; line-height: 1.6; }
.message-item__actions { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; }
.message-item__actions form { margin: 0; }
.message-info-badge { display: inline-flex; min-height: 30px; align-items: center; gap: .35rem; padding: .35rem .55rem; color: #785c00; background: color-mix(in srgb, var(--admin-yellow) 22%, var(--admin-surface)); border-radius: 6px; font-size: .64rem; font-weight: 800; }
.network-type { display: inline-flex; padding: .28rem .5rem; color: var(--admin-green-dark); background: #dff3ea; border-radius: 999px; font-size: .64rem; font-weight: 800; }
.percentage-form { display: flex; min-width: 125px; align-items: center; gap: .35rem; }
.percentage-form .form-control { width: 82px; min-height: 32px; }
.percentage-source { display: block; margin-top: .2rem; color: var(--admin-muted); font-size: .6rem; }
.admin-mobile-actions { display: flex; align-items: center; gap: .55rem; }
.admin-mobile-actions form { margin: 0; }

[data-theme="dark"] .btn-outline-dark { --bs-btn-color: var(--admin-ink); --bs-btn-border-color: var(--admin-line); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--admin-green); --bs-btn-hover-border-color: var(--admin-green); }
[data-theme="dark"] .text-dark { color: var(--admin-ink) !important; }
[data-theme="dark"] .icon-green { color: #63d5ab; background: #153c2e; }
[data-theme="dark"] .icon-yellow { color: #ffe27a; background: #443a16; }
[data-theme="dark"] .icon-red { color: #ff9b95; background: #442321; }
[data-theme="dark"] .status-scheduled, [data-theme="dark"] .network-type { color: #72ddb6; background: #153c2e; }
[data-theme="dark"] .status-closed { color: #ffe27a; background: #443a16; }
[data-theme="dark"] .status-drawn { color: #a9cbf4; background: #1d334b; }
[data-theme="dark"] .status-postponed, [data-theme="dark"] .status-cancelled { color: #ffaaa4; background: #442321; }

@media (max-width: 1199.98px) {
    .metric-grid { grid-template-columns: repeat(2, 1fr); }
    .admin-workspace { grid-template-columns: 1fr; }
    .network-workspace { grid-template-columns: 1fr; }
    .tools-grid { grid-template-columns: 1fr; }
    .messages-workspace { grid-template-columns: 1fr; }
    .messages-compose { position: static; }
    .admin-prize-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .auth-shell { grid-template-columns: 1fr; }
    .auth-brand { min-height: 260px; padding: 1.5rem; }
    .auth-brand h1 { font-size: 2.5rem; }
    .auth-brand > p { display: none; }
    .auth-form-area { padding: 2.5rem 1.25rem; }
    .admin-sidebar, .admin-body.is-sidebar-collapsed .admin-sidebar { width: min(84vw, 280px); padding: 1.4rem 1.25rem; transform: translateX(-105%); }
    .admin-sidebar .admin-sidebar-toggle { display: none; }
    .admin-sidebar .admin-brand, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-brand { justify-content: flex-start; }
    .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav__text, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav__label, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav__item-disabled small, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav-group__chevron, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav-submenu { display: initial; }
    .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav-submenu { display: grid; }
    .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav__label { display: block; }
    .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav a, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav__item-disabled, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-nav-group summary, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-sidebar__footer a, .admin-body.is-sidebar-collapsed .admin-sidebar .admin-sidebar__footer button { justify-content: flex-start; gap: .75rem; padding-inline: .75rem; }
    .admin-body.is-sidebar-open { overflow: hidden; }
    .admin-body.is-sidebar-open .admin-sidebar { transform: translateX(0); }
    .admin-body.is-sidebar-open .admin-sidebar-backdrop { display: block; }
    .admin-page { margin-left: 0; }
    .admin-body.is-sidebar-collapsed .admin-page { margin-left: 0; }
    .auth-support-links { grid-template-columns: 1fr; }
    .message-item__meta { display: grid; gap: .25rem; }
    .admin-mobile-header { display: flex; min-height: 68px; align-items: center; justify-content: space-between; padding: .8rem 1.1rem; background: var(--admin-surface); border-bottom: 1px solid var(--admin-line); }
    .admin-heading { align-items: flex-start; }
    .admin-user { display: none; }
    .metric-grid { grid-template-columns: 1fr 1fr; }
    .network-summary { grid-template-columns: 1fr; }
    .network-summary div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
    .kyc-form { grid-template-columns: 1fr; }
    .kyc-field-wide { grid-column: auto; }
    .datatable-toolbar, .datatable-footer { align-items: stretch; flex-direction: column; }
    .datatable-search { width: 100%; }
    .datatable-size, .datatable-footer { justify-content: space-between; }
    .datatable-node-filters { grid-template-columns: 1fr; }
    .datatable-pagination { justify-content: space-between; }
}

@media (max-width: 479.98px) {
    .metric-grid { grid-template-columns: 1fr; }
    .metric-card { min-height: 88px; }
    .admin-main { padding-inline: 1rem; }
    .admin-mobile-header > .admin-brand span { display: none; }
    .admin-prize-cards { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .admin-sidebar, .admin-page, .admin-sidebar-toggle { transition: none; }
}