.brand__accent {
    margin-left: 3px;
    color: var(--green);
}

.brand__word {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    font-size: .94rem;
    line-height: 1;
}

.brand__word small {
    grid-column: 1 / -1;
    margin-top: 4px;
    color: var(--muted);
    font-size: .45rem;
    font-weight: 850;
    letter-spacing: .24em;
}

.brand__mark > i { display: none; }

.header-actions,
.section-heading--split,
.ad-top-rail__inner,
.account-hero,
.admin-page-heading,
.admin-topbar {
    display: flex;
    align-items: center;
}

.header-actions {
    gap: 14px;
}

.header-link {
    color: var(--muted);
    font-size: 0.9rem;
    font-weight: 750;
}

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

.button--compact {
    min-height: 40px;
    padding-inline: 15px;
    border-radius: 12px;
    font-size: 0.88rem;
}

.button--danger {
    border-color: rgba(255, 72, 88, 0.35);
    color: white;
    background: linear-gradient(110deg, #ff4858, #bd2031);
    box-shadow: 0 14px 35px rgba(255, 72, 88, 0.18);
}

.ad-top-rail {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(90deg, rgba(114, 255, 143, 0.07), rgba(255, 72, 88, 0.08));
}

.ad-top-rail__inner {
    min-height: 64px;
    gap: 16px;
}

.ad-label {
    padding: 5px 8px;
    border: 1px solid rgba(255, 72, 88, 0.28);
    border-radius: 7px;
    color: var(--red);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.ad-top-copy {
    display: flex;
    min-width: 0;
    flex: 1;
    gap: 12px;
    align-items: baseline;
}

.ad-top-copy strong {
    font-size: 0.9rem;
}

.ad-top-copy span {
    overflow: hidden;
    color: var(--muted);
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ad-top-rail__inner > a {
    color: var(--green);
    font-size: 0.82rem;
    font-weight: 850;
}

.home-hero {
    position: relative;
    overflow: hidden;
    padding: 84px 0 70px;
}

.home-hero::after {
    position: absolute;
    z-index: -1;
    top: 8%;
    right: -12%;
    width: 48vw;
    height: 48vw;
    border: 1px solid rgba(114, 255, 143, 0.08);
    border-radius: 50%;
    box-shadow: inset 0 0 90px rgba(114, 255, 143, 0.04);
    content: "";
}

.home-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
    gap: clamp(38px, 6vw, 90px);
    align-items: center;
}

.home-hero__copy h1 {
    max-width: 830px;
    margin: 22px 0;
    font-size: clamp(3rem, 7vw, 6.3rem);
    line-height: 0.97;
    letter-spacing: -0.065em;
}

.home-hero__copy h1 span {
    color: transparent;
    background: linear-gradient(105deg, var(--green), #d5ffde 52%, var(--red));
    background-clip: text;
    -webkit-background-clip: text;
}

.hero-kicker,
.section-tag {
    margin: 26px 0 -10px;
    color: var(--red);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.reading-meta {
    align-self: center;
    color: var(--muted);
    font-size: 0.88rem;
}

.signal-card {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    padding: 34px;
    border: 1px solid rgba(114, 255, 143, 0.18);
    border-radius: 30px;
    background:
        linear-gradient(160deg, rgba(22, 36, 28, 0.98), rgba(7, 17, 13, 0.88)),
        var(--surface);
    box-shadow: var(--shadow);
}

.signal-card::before {
    position: absolute;
    inset: 0;
    opacity: 0.28;
    background-image: linear-gradient(rgba(114, 255, 143, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(114, 255, 143, 0.08) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(to bottom, black, transparent 70%);
    content: "";
}

.signal-card__orb {
    position: relative;
    width: 148px;
    height: 148px;
    margin: 24px auto 50px;
    border: 1px solid rgba(114, 255, 143, 0.4);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #c7ffd3, var(--green) 12%, rgba(36, 201, 104, 0.18) 42%, transparent 66%);
    box-shadow: 0 0 80px rgba(114, 255, 143, 0.24), inset 0 0 40px rgba(114, 255, 143, 0.15);
}

.signal-card__orb::before,
.signal-card__orb::after {
    position: absolute;
    border: 1px solid rgba(114, 255, 143, 0.18);
    border-radius: 50%;
    content: "";
}

.signal-card__orb::before { inset: -22px; }
.signal-card__orb::after { inset: -48px; border-color: rgba(255, 72, 88, 0.12); }

.signal-card__tag {
    position: relative;
    color: var(--green);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.signal-card h2 {
    position: relative;
    margin: 10px 0 8px;
    font-size: 1.65rem;
    line-height: 1.15;
}

.signal-card p {
    position: relative;
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.signal-card__stats {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 26px;
}

.signal-card__stats div {
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(7, 17, 13, 0.62);
}

.signal-card__stats strong,
.signal-card__stats span {
    display: block;
}

.signal-card__stats strong { color: var(--green); font-size: 1.35rem; }
.signal-card__stats span { color: var(--muted); font-size: 0.7rem; }

.category-strip {
    border-block: 1px solid var(--border);
    background: rgba(16, 28, 22, 0.5);
}

.category-strip__inner {
    display: flex;
    min-height: 74px;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
}

.category-strip__inner::-webkit-scrollbar { display: none; }
.category-strip__inner > strong { margin-right: 10px; color: var(--muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.12em; }
.category-strip__inner > span { display: inline-flex; flex: 0 0 auto; gap: 8px; padding: 8px 13px; border: 1px solid var(--border); border-radius: 999px; background: rgba(7, 17, 13, 0.7); font-size: 0.83rem; font-weight: 700; }
.category-strip__inner small { color: var(--green); }

.content-section {
    padding: 94px 0;
}

.section-heading--split {
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 36px;
}

.section-heading--split .section-tag { margin: 0 0 6px; }
.section-heading--split h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -0.045em; }
.section-heading--split > p { max-width: 480px; margin: 0; color: var(--muted); }

.home-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 24px;
    align-items: start;
}

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

.post-card {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: rgba(16, 28, 22, 0.72);
    transition: transform 180ms ease, border-color 180ms ease;
}

.post-card:hover {
    transform: translateY(-4px);
    border-color: rgba(114, 255, 143, 0.32);
}

.post-card__visual {
    display: flex;
    min-height: 190px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
    background: radial-gradient(circle at 72% 34%, rgba(114, 255, 143, 0.4), transparent 11%), linear-gradient(145deg, #122a1d, #08100c);
}

.post-card__visual--2 { background: radial-gradient(circle at 30% 60%, rgba(255, 72, 88, 0.38), transparent 16%), linear-gradient(145deg, #2a1217, #0d0809); }
.post-card__visual--3 { background: radial-gradient(circle at 70% 65%, rgba(91, 116, 255, 0.4), transparent 16%), linear-gradient(145deg, #13162a, #08090d); }
.post-card__visual--4 { background: radial-gradient(circle at 38% 42%, rgba(255, 202, 72, 0.36), transparent 16%), linear-gradient(145deg, #292313, #0e0c08); }
.post-card__visual span { padding: 5px 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(0,0,0,.24); font-size: .68rem; font-weight: 850; text-transform: uppercase; }
.post-card__visual b { color: rgba(255,255,255,.18); font-size: 3rem; line-height: 1; }
.post-card__body { padding: 22px; }
.post-card__meta { color: var(--green); font-size: .68rem; font-weight: 850; letter-spacing: .08em; }
.post-card h3 { margin: 9px 0; font-size: 1.35rem; line-height: 1.2; letter-spacing: -.025em; }
.post-card h3 a:hover { color: var(--green); }
.post-card p { display: -webkit-box; overflow: hidden; margin: 0 0 16px; color: var(--muted); font-size: .9rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.post-card__link { color: var(--text); font-size: .8rem; font-weight: 800; }
.post-card--empty:hover { transform: none; }

.home-sidebar {
    display: grid;
    gap: 18px;
}

.sidebar-panel,
.sidebar-ad {
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: rgba(16, 28, 22, 0.72);
}

.sidebar-panel__heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.sidebar-panel__heading span { color: var(--red); font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
.sidebar-panel__heading strong { font-size: 1rem; }
.popular-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: popular; }
.popular-list li { position: relative; padding: 15px 0 15px 34px; border-top: 1px solid rgba(255,255,255,.06); counter-increment: popular; }
.popular-list li::before { position: absolute; left: 0; color: var(--red); font-weight: 900; content: "0" counter(popular); }
.popular-list a { display: block; font-size: .88rem; font-weight: 750; line-height: 1.35; }
.popular-list small { display: block; margin-top: 5px; color: var(--muted); font-size: .68rem; }
.sidebar-empty { padding: 16px 0; color: var(--muted); font-size: .86rem; }

.sidebar-ad {
    position: sticky;
    top: 92px;
    display: flex;
    min-height: 470px;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(165deg, rgba(255,72,88,.18), transparent 42%), radial-gradient(circle at 50% 25%, rgba(114,255,143,.24), transparent 23%), #0c1711;
}

.sidebar-ad > span { color: var(--red); font-size: .65rem; font-weight: 900; letter-spacing: .13em; }
.sidebar-ad strong { margin-top: 5px; font-size: 2rem; }
.sidebar-ad p { color: var(--muted); }
.sidebar-ad a { color: var(--green); font-weight: 850; }

.advertise-cta {
    padding: 28px 0 120px;
}

.advertise-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: clamp(30px, 5vw, 58px);
    border: 1px solid rgba(255,72,88,.22);
    border-radius: 30px;
    background: radial-gradient(circle at 80% 50%, rgba(255,72,88,.2), transparent 26%), linear-gradient(120deg, rgba(18,38,26,.98), rgba(19,12,14,.98));
}
.advertise-cta h2 { margin: 6px 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.05em; }
.advertise-cta p { max-width: 740px; margin: 0; color: var(--muted); }
.advertise-cta .section-tag { margin: 0; }
.advertise-cta .button { flex: 0 0 auto; }

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 50px;
}
.footer-grid p { max-width: 420px; }
.footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.footer-grid > div > strong { margin-bottom: 4px; color: var(--text); }
.footer-grid > div > a:not(.brand) { font-size: .84rem; }

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: .68rem;
}

.mobile-dock { display: none; }
.mobile-dock svg { display: block; }

/* Authentication */
.auth-page {
    min-height: calc(100vh - 73px);
    padding: 76px 0 110px;
}
.auth-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 500px); gap: clamp(44px, 8vw, 110px); align-items: center; }
.auth-story h1 { max-width: 650px; margin: 24px 0 18px; font-size: clamp(3rem, 6vw, 5.7rem); line-height: .98; letter-spacing: -.06em; }
.auth-story > p { max-width: 580px; color: var(--muted); font-size: 1.1rem; }
.auth-story__signal { display: inline-flex; align-items: center; gap: 10px; margin-top: 34px; color: var(--muted); font-size: .78rem; }
.auth-story__signal span { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px var(--green); }
.auth-benefits { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; }
.auth-benefits li { padding: 8px 12px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: .78rem; }
.auth-card { padding: clamp(26px, 4vw, 42px); border: 1px solid var(--border); border-radius: 28px; background: rgba(16,28,22,.92); box-shadow: var(--shadow); }
.auth-card__heading > span { color: var(--green); font-size: .68rem; font-weight: 900; letter-spacing: .14em; }
.auth-card__heading h2 { margin: 8px 0 2px; font-size: 2rem; letter-spacing: -.04em; }
.auth-card__heading p { margin: 0 0 24px; color: var(--muted); font-size: .9rem; }
.auth-form { display: grid; gap: 17px; }
.auth-form label { display: grid; gap: 7px; color: var(--muted); font-size: .78rem; font-weight: 750; }
.auth-form input[type="text"], .auth-form input[type="email"], .auth-form input[type="password"] { width: 100%; min-height: 51px; padding: 0 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; outline: 0; color: var(--text); background: rgba(7,17,13,.7); font: inherit; }
.auth-form input:focus { border-color: rgba(114,255,143,.55); box-shadow: 0 0 0 3px rgba(114,255,143,.08); }
.password-field { position: relative; }
.password-field input { padding-right: 70px !important; }
.password-field button { position: absolute; top: 50%; right: 9px; padding: 6px; border: 0; transform: translateY(-50%); color: var(--green); background: transparent; cursor: pointer; font-size: .7rem; font-weight: 800; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.auth-submit { width: 100%; border: 0; cursor: pointer; font-size: .9rem; }
.auth-switch { margin: 22px 0 0; color: var(--muted); text-align: center; font-size: .82rem; }
.auth-switch a { color: var(--green); font-weight: 800; }
.field-error { color: #ff8b96; font-size: .7rem; font-weight: 650; }
.check-field { display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; }
.check-field input { margin-top: 4px; accent-color: var(--green); }
.alert { margin-bottom: 18px; padding: 12px 14px; border: 1px solid; border-radius: 12px; font-size: .82rem; }
.alert--error { border-color: rgba(255,72,88,.28); color: #ffb5bd; background: rgba(255,72,88,.09); }
.alert--success { border-color: rgba(114,255,143,.25); color: #bcffc9; background: rgba(114,255,143,.08); }

/* Account */
.account-page { padding: 70px 0 130px; }
.account-alert { margin-bottom: 18px; }
.account-hero { gap: 20px; padding: 30px; border: 1px solid var(--border); border-radius: 25px; background: linear-gradient(120deg, rgba(22,36,28,.96), rgba(10,20,14,.88)); }
.account-avatar { display: grid; width: 74px; height: 74px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(114,255,143,.35); border-radius: 22px; color: #041008; background: linear-gradient(145deg, var(--green), #c7ffd3); font-size: 1.8rem; font-weight: 900; }
.account-hero > div:nth-child(2) { flex: 1; }
.account-hero span { color: var(--green); font-size: .68rem; font-weight: 900; letter-spacing: .13em; }
.account-hero h1 { margin: 3px 0; font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.045em; }
.account-hero p { margin: 0; color: var(--muted); }
.account-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 20px 0; }
.account-stats article { padding: 21px; border: 1px solid var(--border); border-radius: 18px; background: rgba(16,28,22,.72); }
.account-stats span, .account-stats strong, .account-stats small { display: block; }
.account-stats span { color: var(--muted); font-size: .75rem; }
.account-stats strong { margin: 7px 0; font-size: 2rem; }
.account-stats small { color: var(--muted); font-size: .68rem; }
.account-stats .status-word { color: var(--green); font-size: 1.25rem; }
.account-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.account-panel { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 27px; border: 1px solid var(--border); border-radius: 20px; background: rgba(16,28,22,.64); }
.account-panel--accent { border-color: rgba(255,72,88,.22); background: linear-gradient(120deg, rgba(255,72,88,.08), rgba(16,28,22,.75)); }
.account-panel__icon { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--border); border-radius: 15px; color: var(--green); background: rgba(7,17,13,.7); }
.account-panel span { color: var(--green); font-size: .65rem; font-weight: 900; letter-spacing: .12em; }
.account-panel h2 { margin: 3px 0; font-size: 1.1rem; }
.account-panel p { margin: 0; color: var(--muted); font-size: .8rem; }
.account-panel em { padding: 5px 8px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.05); font-size: .65rem; font-style: normal; white-space: nowrap; }
.account-logout { margin-top: 24px; text-align: center; }
.account-logout button { border: 0; color: var(--muted); background: transparent; cursor: pointer; font-size: .75rem; }

/* Complete member control center · v0.3.3 */
.account-page--complete { background: radial-gradient(circle at 5% 8%,rgba(114,255,143,.045),transparent 30rem),radial-gradient(circle at 95% 35%,rgba(255,72,88,.035),transparent 26rem); }
.account-dashboard { margin-top: 16px; }
.account-quick-nav { position: sticky; z-index: 15; top: 78px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 7px; margin: 0 0 20px; padding: 8px; border: 1px solid var(--border); border-radius: 16px; background: rgba(7,17,13,.94); box-shadow: 0 18px 45px rgba(0,0,0,.18); backdrop-filter: blur(16px); scrollbar-width: none; }
.account-quick-nav::-webkit-scrollbar { display: none; }
.account-quick-nav a { display: grid; min-width: 0; min-height: 72px; grid-template-columns: auto minmax(0,1fr); grid-template-rows: auto auto; column-gap: 9px; align-content: center; padding: 10px 11px; border: 1px solid transparent; border-radius: 11px; color: var(--muted); font-weight: 800; transition: color 160ms ease,border-color 160ms ease,background 160ms ease,transform 160ms ease; }
.account-quick-nav a > span { display: grid; width: 34px; height: 34px; grid-row: 1/3; place-items: center; align-self: center; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; color: #a9baae; background: rgba(255,255,255,.025); font-size: .88rem; }
.account-quick-nav strong, .account-quick-nav small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-quick-nav strong { align-self: end; color: #dce8df; font-size: .76rem; }
.account-quick-nav small { align-self: start; margin-top: 2px; color: #728378; font-size: .61rem; font-weight: 650; }
.account-quick-nav a:hover { border-color: rgba(114,255,143,.18); color: var(--green); background: rgba(114,255,143,.045); transform: translateY(-1px); }
.account-quick-nav a.is-active { border-color: rgba(114,255,143,.3); color: #07120a; background: linear-gradient(135deg,rgba(114,255,143,.96),rgba(196,255,208,.9)); box-shadow: 0 10px 28px rgba(114,255,143,.12); }
.account-quick-nav a.is-active > span { border-color: rgba(4,16,8,.12); color: #06120a; background: rgba(4,16,8,.08); }
.account-quick-nav a.is-active strong { color: #06120a; }
.account-quick-nav a.is-active small { color: rgba(4,16,8,.64); }
.account-tab-panel[hidden] { display: none !important; }
.account-tab-panel.is-active { animation: accountPanelIn 190ms ease both; scroll-margin-top: 175px; }
.account-tab-panel > .account-section:first-child { margin-top: 0; }
.account-panel-heading { padding: 25px 27px; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(135deg,rgba(114,255,143,.055),rgba(13,25,18,.82)); }
.account-panel-heading span { color: var(--green); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.account-panel-heading h2 { margin: 5px 0 6px; font-size: clamp(1.35rem,2.4vw,2rem); letter-spacing: -.035em; }
.account-panel-heading p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.account-overview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.account-overview-grid > a { display: grid; min-height: 118px; grid-template-columns: auto minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 20px; border: 1px solid var(--border); border-radius: 17px; color: var(--text); background: rgba(13,25,18,.76); transition: border-color 160ms ease,background 160ms ease,transform 160ms ease; }
.account-overview-grid > a:hover { border-color: rgba(114,255,143,.25); background: rgba(114,255,143,.045); transform: translateY(-2px); }
.account-overview-grid > a > span { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(114,255,143,.17); border-radius: 12px; color: var(--green); background: rgba(114,255,143,.035); font-size: .72rem; font-weight: 900; }
.account-overview-grid strong, .account-overview-grid p { display: block; }
.account-overview-grid strong { font-size: .9rem; }
.account-overview-grid p { margin: 5px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.5; }
.account-overview-grid b { color: var(--green); font-size: 1.2rem; }
@keyframes accountPanelIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.account-section { margin-top: 18px; overflow: hidden; border: 1px solid var(--border); border-radius: 20px; background: rgba(13,25,18,.78); box-shadow: 0 18px 50px rgba(0,0,0,.1); scroll-margin-top: 145px; }
.account-section--accent { border-color: rgba(255,72,88,.18); background: linear-gradient(145deg,rgba(255,72,88,.035),rgba(13,25,18,.82) 38%); }
.account-section__heading { display: flex; min-height: 88px; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 24px; border-bottom: 1px solid rgba(255,255,255,.06); }
.account-section__heading > div:first-child > span { color: var(--green); font-size: .7rem; font-weight: 900; letter-spacing: .11em; }
.account-section--accent .account-section__heading > div:first-child > span { color: #ff7885; }
.account-section__heading h2 { margin: 3px 0 4px; font-size: 1.35rem; letter-spacing: -.02em; }
.account-section__heading p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.account-control-note { flex: 0 0 auto; padding: 8px 11px; border: 1px solid rgba(255,197,91,.17); border-radius: 999px; color: #ffdda1; background: rgba(255,197,91,.05); font-size: .7rem; font-weight: 800; white-space: nowrap; }
.account-two-column { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(330px,.95fr); }
.account-two-column > * + * { border-left: 1px solid rgba(255,255,255,.06); }
.account-form { display: grid; gap: 14px; padding: 24px; }
.account-form__title strong, .account-form__title small { display: block; }
.account-form__title strong { font-size: 1rem; }
.account-form__title small { margin-top: 3px; color: var(--muted); font-size: .75rem; }
.account-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.account-form-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.account-form-grid--budget { grid-template-columns: minmax(0,1fr) 140px; }
.account-form label { display: grid; gap: 7px; min-width: 0; color: #d9e6dc; font-size: .76rem; font-weight: 800; }
.account-form label > span { color: #b9c9bd; font-size: .73rem; }
.account-form input, .account-form select, .account-form textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: rgba(5,14,9,.78); font: inherit; font-size: .86rem; font-weight: 500; outline: none; transition: border-color 160ms ease,box-shadow 160ms ease; }
.account-form textarea { resize: vertical; line-height: 1.6; }
.account-form input:focus, .account-form select:focus, .account-form textarea:focus { border-color: rgba(114,255,143,.4); box-shadow: 0 0 0 3px rgba(114,255,143,.05); }
.account-primary-button { min-height: 46px; border: 0; border-radius: 11px; color: #06130a; background: linear-gradient(135deg,var(--green),#c5ffd1); font: inherit; font-size: .84rem; font-weight: 900; cursor: pointer; box-shadow: 0 11px 28px rgba(114,255,143,.1); }
.account-primary-button:hover { filter: brightness(1.05); transform: translateY(-1px); }
.account-process-list { display: grid; align-content: start; gap: 11px; max-height: 760px; overflow-y: auto; padding: 24px; }
.account-process-list > article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; padding: 15px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: rgba(0,0,0,.13); }
.account-process-list article strong, .account-process-list article small { display: block; }
.account-process-list article strong { font-size: .86rem; }
.account-process-list article small { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.account-process-list article > p { grid-column: 1/-1; margin: 2px 0; color: #b6c6ba; font-size: .77rem; line-height: 1.55; }
.account-process-list footer { grid-column: 1/-1; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.045); color: var(--muted); font-size: .7rem; }
.account-status { display: inline-flex; width: fit-content; min-height: 24px; align-items: center; padding: 0 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.035); font-size: .65rem; font-weight: 900; font-style: normal; white-space: nowrap; }
.account-status.is-success { border-color: rgba(114,255,143,.22); color: var(--green); background: rgba(114,255,143,.055); }
.account-status.is-danger { border-color: rgba(255,72,88,.23); color: #ff7f8a; background: rgba(255,72,88,.055); }
.account-status.is-warning { border-color: rgba(255,197,91,.2); color: #ffd992; background: rgba(255,197,91,.05); }
.account-admin-note { grid-column: 1/-1; padding: 10px; border-left: 2px solid #ffc55b; color: #dac9a8; background: rgba(255,197,91,.035); font-size: .73rem; line-height: 1.55; }
.account-admin-note b { display: block; margin-bottom: 3px; color: #ffe2aa; }
.account-file-drop { position: relative; min-height: 142px; place-items: center; align-content: center; padding: 24px; border: 1px dashed rgba(114,255,143,.32); border-radius: 14px; color: var(--green) !important; background: rgba(114,255,143,.025); text-align: center; cursor: pointer; }
.account-file-drop input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.account-file-drop strong, .account-file-drop small { display: block; }
.account-file-drop strong { font-size: .9rem; }
.account-file-drop small { margin-top: 5px; color: var(--muted); font-size: .7rem; font-weight: 500; }
.account-material-history { padding: 0 24px 24px; }
.account-material-history > strong { display: block; margin-bottom: 9px; font-size: .82rem; }
.account-material-history > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.account-material-history article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; padding: 13px; border: 1px solid rgba(255,255,255,.06); border-radius: 11px; background: rgba(0,0,0,.11); }
.account-material-history span, .account-material-history b, .account-material-history small { display: block; }
.account-material-history span { color: var(--green); font-size: .63rem; font-weight: 850; }
.account-material-history b { margin: 3px 0; font-size: .79rem; }
.account-material-history small { color: var(--muted); font-size: .66rem; }
.account-material-history article > p { grid-column: 1/-1; margin: 0; color: #cfb983; font-size: .7rem; }
.account-empty { padding: 18px; border: 1px dashed rgba(255,255,255,.09); border-radius: 12px; color: var(--muted); font-size: .8rem; line-height: 1.6; text-align: center; }
.account-empty--large { margin: 24px; padding: 32px; }
.account-campaign-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 20px; }
.account-campaign-card { overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: linear-gradient(150deg,rgba(114,255,143,.03),rgba(0,0,0,.17)); }
.account-campaign-card > header { display: flex; justify-content: space-between; gap: 12px; padding: 17px; }
.account-campaign-card header > div > span { color: var(--green); font-size: .65rem; font-weight: 900; letter-spacing: .07em; }
.account-campaign-card h3 { margin: 3px 0; font-size: .96rem; }
.account-campaign-card header small { color: var(--muted); font-size: .68rem; }
.account-campaign-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,.055); }
.account-campaign-metrics > div { padding: 13px 15px; background: #0c1a12; }
.account-campaign-metrics span, .account-campaign-metrics strong { display: block; }
.account-campaign-metrics span { color: var(--muted); font-size: .65rem; }
.account-campaign-metrics strong { margin-top: 4px; font-size: 1.1rem; }
.account-mini-chart { display: flex; height: 110px; align-items: end; gap: 5px; padding: 17px 17px 10px; }
.account-mini-chart i { display: flex; height: 100%; flex: 1; align-items: end; }
.account-mini-chart i span { width: 100%; min-height: 5px; border-radius: 4px 4px 2px 2px; background: linear-gradient(to top,rgba(114,255,143,.32),var(--green)); box-shadow: 0 0 12px rgba(114,255,143,.07); }
.account-mini-chart .bar-height-5 span { height: 5%; }
.account-mini-chart .bar-height-10 span { height: 10%; }
.account-mini-chart .bar-height-15 span { height: 15%; }
.account-mini-chart .bar-height-20 span { height: 20%; }
.account-mini-chart .bar-height-25 span { height: 25%; }
.account-mini-chart .bar-height-30 span { height: 30%; }
.account-mini-chart .bar-height-35 span { height: 35%; }
.account-mini-chart .bar-height-40 span { height: 40%; }
.account-mini-chart .bar-height-45 span { height: 45%; }
.account-mini-chart .bar-height-50 span { height: 50%; }
.account-mini-chart .bar-height-55 span { height: 55%; }
.account-mini-chart .bar-height-60 span { height: 60%; }
.account-mini-chart .bar-height-65 span { height: 65%; }
.account-mini-chart .bar-height-70 span { height: 70%; }
.account-mini-chart .bar-height-75 span { height: 75%; }
.account-mini-chart .bar-height-80 span { height: 80%; }
.account-mini-chart .bar-height-85 span { height: 85%; }
.account-mini-chart .bar-height-90 span { height: 90%; }
.account-mini-chart .bar-height-95 span { height: 95%; }
.account-mini-chart .bar-height-100 span { height: 100%; }
.account-mini-chart i.is-empty span { height: 5px; background: rgba(255,255,255,.07); box-shadow: none; }
.account-campaign-card > footer { display: flex; justify-content: space-between; gap: 10px; padding: 0 17px 15px; color: var(--muted); font-size: .65rem; }
.account-campaign-card > footer span { color: #8ca294; text-align: right; }
.account-section--prices { border-color: rgba(114,255,143,.16); }
.account-rate-card { margin: 20px; overflow: hidden; border: 1px solid rgba(114,255,143,.1); border-radius: 15px; background: rgba(0,0,0,.12); }
.account-rate-card > header { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; padding: 17px; border-bottom: 1px solid rgba(255,255,255,.06); }
.account-rate-card h3 { margin: 0 0 4px; font-size: 1rem; }
.account-rate-card header p { margin: 0; color: var(--muted); font-size: .75rem; }
.account-rate-card header > span { color: var(--green); font-size: .7rem; font-weight: 900; }
.account-rate-items { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.account-rate-items article { padding: 17px; border-right: 1px solid rgba(255,255,255,.055); border-bottom: 1px solid rgba(255,255,255,.055); }
.account-rate-items span, .account-rate-items strong, .account-rate-items small { display: block; }
.account-rate-items span { color: var(--muted); font-size: .67rem; }
.account-rate-items strong { margin: 6px 0 2px; color: var(--green); font-size: 1.15rem; }
.account-rate-items small { color: #c8d6cb; font-size: .7rem; }
.account-rate-items p { margin: 8px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.account-rate-card details { padding: 14px 17px; }
.account-rate-card summary { color: #cbd8ce; font-size: .76rem; font-weight: 800; cursor: pointer; }
.account-rate-card details p { color: var(--muted); font-size: .74rem; line-height: 1.65; }
.account-content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.account-list, .account-notification-list { display: grid; max-height: 700px; overflow-y: auto; }
.account-list > article, .account-notification-list > article { padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.055); }
.account-list > article:last-child, .account-notification-list > article:last-child { border-bottom: 0; }
.account-list__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.account-list__top a { color: var(--text); font-size: .82rem; font-weight: 850; }
.account-list > article > p { margin: 9px 0; color: #b9c8bc; font-size: .78rem; line-height: 1.6; }
.account-list footer { display: flex; justify-content: space-between; color: var(--muted); font-size: .67rem; }
.account-moderation-note { display: block; margin-top: 9px; padding: 8px 10px; border-radius: 8px; color: #ffd79a; background: rgba(255,197,91,.045); font-size: .68rem; }
.account-notification-list > article { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; align-items: start; }
.account-notification-list article > i { width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: rgba(255,255,255,.16); }
.account-notification-list article.is-unread > i { background: var(--red); box-shadow: 0 0 0 5px rgba(255,72,88,.06); }
.account-notification-list strong { display: block; font-size: .82rem; }
.account-notification-list p { margin: 5px 0; color: var(--muted); font-size: .75rem; line-height: 1.55; }
.account-notification-list small { color: #809186; font-size: .66rem; }
.account-notification-list a { color: var(--green); font-size: .7rem; font-weight: 900; }
.account-text-button { min-height: 35px; padding: 0 10px; border: 1px solid rgba(114,255,143,.18); border-radius: 9px; color: var(--green); background: rgba(114,255,143,.04); font: inherit; font-size: .7rem; font-weight: 850; cursor: pointer; }

/* Article */
.article-header { padding: 80px 0 60px; border-bottom: 1px solid var(--border); background: radial-gradient(circle at 70% 10%, rgba(114,255,143,.1), transparent 30%); }
.article-header__inner { max-width: 930px; }
.article-categories { display: flex; gap: 8px; }
.article-categories span { padding: 5px 9px; border: 1px solid var(--border); border-radius: 999px; color: var(--green); font-size: .68rem; font-weight: 850; }
.article-header h1 { margin: 20px 0; font-size: clamp(2.8rem, 7vw, 6rem); line-height: 1; letter-spacing: -.06em; }
.article-header > div > p { max-width: 760px; color: var(--muted); font-size: 1.15rem; }
.article-byline { display: flex; flex-wrap: wrap; gap: 13px; color: var(--muted); font-size: .78rem; }
.article-byline strong { color: var(--text); }
.article-layout { display: grid; grid-template-columns: minmax(0, 760px) 280px; gap: 60px; align-items: start; padding-block: 70px 120px; }
.article-body { white-space: normal; color: #dce9df; font-size: 1.06rem; line-height: 1.9; }
.article-aside { position: sticky; top: 95px; min-height: 360px; padding: 24px; border: 1px solid rgba(255,72,88,.2); border-radius: 20px; background: linear-gradient(160deg, rgba(255,72,88,.15), transparent 45%), var(--surface); }
.article-aside span, .article-aside strong, .article-aside a { display: block; }
.article-aside span { color: var(--red); font-size: .65rem; font-weight: 900; letter-spacing: .13em; }
.article-aside strong { margin-top: 190px; font-size: 1.4rem; }
.article-aside p { color: var(--muted); font-size: .82rem; }
.article-aside a { color: var(--green); font-weight: 850; }

/* Admin authentication and setup */
.admin-auth-body { min-height: 100vh; background: radial-gradient(circle at 18% 26%, rgba(255,72,88,.13), transparent 30rem), radial-gradient(circle at 85% 80%, rgba(114,255,143,.1), transparent 30rem), var(--bg); }
.admin-auth-page, .setup-page { position: relative; display: grid; min-height: 100vh; align-items: center; padding: 80px max(24px, 5vw); }
.admin-auth-brand, .setup-brand { position: absolute; top: 28px; left: max(24px, 5vw); }
.admin-auth-brand small { color: var(--red); font-size: .55rem; letter-spacing: .12em; }
.admin-auth-grid { display: grid; width: min(1150px, 100%); margin: auto; grid-template-columns: minmax(0, 1fr) minmax(390px, 470px); gap: 80px; align-items: center; }
.admin-auth-visual__code { color: var(--red); font-size: .7rem; font-weight: 900; letter-spacing: .15em; }
.admin-auth-visual h1 { max-width: 660px; margin: 18px 0; font-size: clamp(3rem, 6vw, 5.8rem); line-height: .96; letter-spacing: -.065em; }
.admin-auth-visual > p { color: var(--muted); font-size: 1rem; }
.security-line { display: flex; align-items: center; gap: 10px; margin-top: 32px; color: var(--muted); font-size: .75rem; }
.security-line i, .admin-live i, .admin-finance-strip__signal i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 17px var(--green); }
.admin-login-card { border-color: rgba(255,72,88,.18); }
.admin-login-card .auth-card__heading > span { color: var(--red); }
.admin-back-link { display: block; margin-top: 22px; color: var(--muted); text-align: center; font-size: .75rem; }
.setup-card { width: min(760px, 100%); margin: auto; padding: clamp(28px, 5vw, 52px); border: 1px solid var(--border); border-radius: 28px; background: rgba(16,28,22,.94); box-shadow: var(--shadow); }
.setup-card__status { display: flex; align-items: center; gap: 9px; color: var(--green); font-size: .67rem; font-weight: 900; letter-spacing: .13em; }
.setup-card__status span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 15px var(--green); }
.setup-card h1 { margin: 13px 0 6px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -.05em; }
.setup-card > p { color: var(--muted); }
.setup-form { margin-top: 28px; }
.setup-result { margin-top: 28px; padding: 24px; border: 1px solid; border-radius: 18px; }
.setup-result strong { font-size: 1.2rem; }
.setup-result p { color: var(--muted); }
.setup-result code { display: block; overflow-x: auto; padding: 14px; border-radius: 10px; color: var(--green); background: #050c08; }
.setup-result--success { border-color: rgba(114,255,143,.32); background: rgba(114,255,143,.07); }
.setup-result--locked, .setup-result--warning { border-color: rgba(255,72,88,.25); background: rgba(255,72,88,.07); }
.demo-setup-card { width: min(820px, 100%); }
.demo-content-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin: 28px 0 20px; }
.demo-content-summary > div { padding: 15px; border: 1px solid var(--border); border-radius: 13px; background: rgba(7,17,13,.58); }
.demo-content-summary strong, .demo-content-summary span { display: block; }
.demo-content-summary strong { color: var(--green); font-size: 1.5rem; }
.demo-content-summary span { color: var(--muted); font-size: .62rem; }
.demo-content-list { display: grid; gap: 7px; margin: 0 0 25px; padding: 0; color: var(--muted); font-size: .76rem; list-style: none; }
.demo-content-list li::before { margin-right: 9px; color: var(--red); content: "◆"; }
.demo-setup-note { margin: 14px 0 0; color: var(--muted); text-align: center; font-size: .68rem; }
.demo-setup-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.demo-setup-page .setup-result code { display: inline; padding: 2px 5px; }

/* Admin dashboard */
.admin-body { background: #07100c; }
.admin-shell { display: grid; min-height: 100vh; grid-template-columns: 260px minmax(0, 1fr); }
.admin-sidebar { position: sticky; z-index: 40; top: 0; display: flex; height: 100vh; flex-direction: column; padding: 24px 16px; border-right: 1px solid var(--border); background: #09140e; }
.admin-brand { padding: 0 10px 22px; }
.admin-brand small { color: var(--red); font-size: .52rem; letter-spacing: .12em; }
.admin-nav { display: grid; gap: 4px; overflow-y: auto; }
.admin-nav a { display: grid; min-height: 42px; grid-template-columns: 24px 1fr auto; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid transparent; border-radius: 11px; color: var(--muted); font-size: .8rem; }
.admin-nav a.is-active { border-color: var(--border); color: var(--text); background: rgba(114,255,143,.08); }
.admin-nav a.is-active span { color: var(--green); }
.admin-nav em { color: rgba(156,180,165,.5); font-size: .55rem; font-style: normal; }
.admin-nav__section { margin: 17px 11px 6px; color: rgba(156,180,165,.54); font-size: .58rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.admin-sidebar__logout { margin-top: auto; padding-top: 18px; }
.admin-sidebar__logout button { width: 100%; min-height: 40px; border: 1px solid rgba(255,72,88,.18); border-radius: 10px; color: #ff9fa8; background: rgba(255,72,88,.06); cursor: pointer; }
.admin-main { min-width: 0; }
.admin-topbar { position: sticky; z-index: 30; top: 0; min-height: 70px; justify-content: space-between; padding: 0 30px; border-bottom: 1px solid var(--border); background: rgba(7,16,12,.88); backdrop-filter: blur(18px); }
.admin-topbar > div { display: flex; flex-direction: column; }
.admin-topbar span { color: var(--muted); font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; }
.admin-topbar strong { font-size: .9rem; }
.admin-site-link { color: var(--green); font-size: .75rem; font-weight: 800; }
.admin-menu-button { display: none; border: 0; color: var(--text); background: transparent; font-size: 1.3rem; }
.admin-content { padding: 34px; }
.admin-page-heading { justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.admin-page-heading > div:first-child > span { color: var(--green); font-size: .65rem; font-weight: 900; letter-spacing: .13em; }
.admin-page-heading h1 { margin: 4px 0 0; font-size: clamp(2.2rem, 5vw, 4rem); letter-spacing: -.055em; }
.admin-page-heading p { margin: 0; color: var(--muted); }
.admin-live { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: .7rem; }
.admin-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 13px; }
.admin-stat-grid article { padding: 21px; border: 1px solid var(--border); border-radius: 16px; background: rgba(16,28,22,.74); }
.admin-stat-grid article.is-warning { border-color: rgba(255,190,72,.18); }
.admin-stat-grid article.is-accent { border-color: rgba(255,72,88,.2); }
.admin-stat-grid span, .admin-stat-grid strong, .admin-stat-grid small { display: block; }
.admin-stat-grid span { color: var(--muted); font-size: .68rem; }
.admin-stat-grid strong { margin: 8px 0; font-size: 2rem; }
.admin-stat-grid small { color: var(--muted); font-size: .66rem; }
.admin-finance-strip { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.4fr; gap: 1px; margin: 14px 0; overflow: hidden; border: 1px solid var(--border); border-radius: 16px; background: var(--border); }
.admin-finance-strip > div { padding: 18px 20px; background: #0d1a13; }
.admin-finance-strip span, .admin-finance-strip strong { display: block; }
.admin-finance-strip span { color: var(--muted); font-size: .65rem; }
.admin-finance-strip strong { margin-top: 4px; font-size: 1.15rem; }
.admin-finance-strip strong small { color: var(--green); font-size: .6rem; }
.admin-finance-strip__signal { display: flex !important; flex-direction: row; align-items: center; gap: 10px; }
.admin-dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.admin-table-card, .admin-module-roadmap { overflow: hidden; border: 1px solid var(--border); border-radius: 17px; background: rgba(16,28,22,.68); }
.admin-table-card > header, .admin-module-roadmap > header { display: flex; align-items: center; justify-content: space-between; padding: 19px 21px; border-bottom: 1px solid rgba(255,255,255,.06); }
.admin-table-card header span, .admin-module-roadmap header span { color: var(--green); font-size: .6rem; font-weight: 900; letter-spacing: .12em; }
.admin-table-card header h2, .admin-module-roadmap header h2 { margin: 2px 0 0; font-size: 1.1rem; }
.admin-table-card header em { padding: 4px 7px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.05); font-size: .58rem; font-style: normal; }
.admin-table > div { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 13px 20px; border-bottom: 1px solid rgba(255,255,255,.05); }
.mini-avatar { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #041008; background: var(--green); font-size: .8rem; font-weight: 900; }
.mini-avatar--red { color: white; background: var(--red); }
.admin-table p { margin: 0; }
.admin-table p strong, .admin-table p small { display: block; }
.admin-table p strong { font-size: .77rem; }
.admin-table p small, .admin-table time { color: var(--muted); font-size: .62rem; }
.admin-empty { padding: 36px 20px; color: var(--muted); text-align: center; font-size: .75rem; }
.admin-module-roadmap { margin-top: 14px; }
.admin-module-roadmap > div { display: grid; grid-template-columns: repeat(3,1fr); }
.admin-module-roadmap article { padding: 22px; border-right: 1px solid rgba(255,255,255,.05); }
.admin-module-roadmap b { color: var(--red); font-size: .68rem; }
.admin-module-roadmap strong { display: block; margin: 6px 0; }
.admin-module-roadmap p { margin: 0; color: var(--muted); font-size: .73rem; }
.admin-module-roadmap article a { display: inline-flex; margin-top: 13px; color: var(--green); font-size: .62rem; font-weight: 900; }

@media (max-width: 1050px) {
    .home-hero__grid { grid-template-columns: 1fr; }
    .signal-card { min-height: 340px; }
    .signal-card__orb { float: right; margin: 30px 40px 20px; }
    .home-content-grid { grid-template-columns: 1fr; }
    .home-sidebar { grid-template-columns: 1fr 1fr; }
    .sidebar-ad { position: relative; top: auto; min-height: 320px; }
    .admin-stat-grid { grid-template-columns: 1fr 1fr; }
    .admin-finance-strip { grid-template-columns: 1fr 1fr; }
    .account-quick-nav { position: relative; top: auto; grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 850px) {
    .auth-grid, .admin-auth-grid { grid-template-columns: 1fr; }
    .auth-story, .admin-auth-visual { text-align: center; }
    .auth-story h1, .auth-story > p { margin-inline: auto; }
    .auth-story__signal, .auth-benefits { justify-content: center; }
    .admin-auth-visual h1 { margin-inline: auto; }
    .security-line { justify-content: center; }
    .account-stats { grid-template-columns: 1fr 1fr; }
    .account-grid { grid-template-columns: 1fr; }
    .account-two-column, .account-content-grid { grid-template-columns: 1fr; }
    .account-two-column > * + * { border-top: 1px solid rgba(255,255,255,.06); border-left: 0; }
    .account-campaign-grid { grid-template-columns: 1fr; }
    .account-rate-items { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .account-overview-grid { grid-template-columns: 1fr; }
    .admin-shell { grid-template-columns: 1fr; }
    .admin-sidebar { position: fixed; left: 0; width: 260px; transform: translateX(-105%); transition: transform 180ms ease; box-shadow: 30px 0 80px rgba(0,0,0,.45); }
    .admin-sidebar.is-open { transform: translateX(0); }
    .admin-menu-button { display: block; }
}

@media (max-width: 680px) {
    body { padding-bottom: 70px; }
    .site-header { position: relative; }
    .nav--desktop, .header-link { display: none; }
    .header-actions .button { max-width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .ad-top-copy span { display: none; }
    .ad-top-rail__inner { gap: 9px; }
    .home-hero { padding: 58px 0 54px; }
    .home-hero__copy h1 { font-size: clamp(2.7rem, 13vw, 4.6rem); }
    .signal-card { min-height: 390px; padding: 25px; }
    .signal-card__orb { float: none; width: 120px; height: 120px; margin: 22px auto 45px; }
    .section-heading--split, .advertise-cta__inner { flex-direction: column; align-items: flex-start; }
    .post-grid, .home-sidebar, .footer-grid { grid-template-columns: 1fr; }
    .content-section { padding: 70px 0; }
    .mobile-dock { position: fixed; z-index: 100; right: 9px; bottom: 8px; left: 9px; display: grid; min-height: 62px; grid-template-columns: repeat(5, 1fr); align-items: center; padding: 5px; border: 1px solid rgba(114,255,143,.16); border-radius: 19px; background: rgba(8,18,12,.94); box-shadow: 0 18px 50px rgba(0,0,0,.5); backdrop-filter: blur(18px); }
    .mobile-dock a { display: grid; gap: 1px; place-items: center; color: var(--muted); }
    .mobile-dock span { font-size: 1rem; }
    .mobile-dock small { font-size: .53rem; }
    .mobile-dock__main { width: 52px; height: 52px; justify-self: center; margin-top: -23px; border: 1px solid rgba(114,255,143,.4); border-radius: 17px; color: #041008 !important; background: linear-gradient(145deg, var(--green), #c7ffd3); box-shadow: 0 8px 25px rgba(114,255,143,.25); }
    .footer-bottom { align-items: flex-start; flex-direction: column; }
    .auth-page { padding: 50px 0 85px; }
    .auth-story h1 { font-size: 3rem; }
    .form-row { grid-template-columns: 1fr; }
    .account-hero { align-items: flex-start; flex-wrap: wrap; }
    .account-hero .button { width: 100%; }
    .account-stats { grid-template-columns: 1fr 1fr; }
    .account-panel { grid-template-columns: auto 1fr; }
    .account-panel em { display: none; }
    .account-page { padding-top: 30px; }
    .account-dashboard { margin-top: 13px; }
    .account-quick-nav { position: sticky; top: 8px; display: flex; gap: 6px; overflow-x: auto; margin-bottom: 15px; border-radius: 14px; }
    .account-quick-nav a { min-width: 146px; min-height: 64px; padding: 8px 10px; }
    .account-quick-nav a > span { width: 31px; height: 31px; }
    .account-panel-heading { padding: 20px; border-radius: 16px; }
    .account-overview-grid { gap: 10px; }
    .account-overview-grid > a { min-height: 104px; gap: 12px; padding: 16px; }
    .account-tab-panel.is-active { scroll-margin-top: 90px; }
    .account-section { border-radius: 16px; scroll-margin-top: 125px; }
    .account-section__heading { min-height: 0; align-items: flex-start; flex-direction: column; padding: 17px; }
    .account-section__heading h2 { font-size: 1.2rem; }
    .account-section__heading p { font-size: .8rem; }
    .account-control-note { white-space: normal; }
    .account-form { padding: 17px; }
    .account-form-grid, .account-form-grid--3, .account-form-grid--budget { grid-template-columns: 1fr; }
    .account-material-history { padding: 0 17px 17px; }
    .account-material-history > div { grid-template-columns: 1fr; }
    .account-process-list { max-height: none; padding: 17px; }
    .account-campaign-grid { padding: 14px; }
    .account-campaign-card > header { align-items: flex-start; }
    .account-campaign-metrics > div { padding: 11px; }
    .account-campaign-metrics strong { font-size: .95rem; }
    .account-mini-chart { gap: 3px; }
    .account-rate-card { margin: 14px; }
    .account-rate-items { grid-template-columns: 1fr; }
    .account-rate-items article { border-right: 0; }
    .account-list > article, .account-notification-list > article { padding: 14px 16px; }
    .article-header { padding: 58px 0 44px; }
    .article-layout { grid-template-columns: 1fr; padding-block: 48px 90px; }
    .article-aside { position: relative; top: auto; min-height: 260px; }
    .article-aside strong { margin-top: 100px; }
    .admin-auth-page, .setup-page { padding: 100px 16px 40px; }
    .admin-auth-brand, .setup-brand { left: 18px; }
    .admin-auth-visual h1 { font-size: 3rem; }
    .admin-content { padding: 20px 14px 80px; }
    .admin-topbar { padding: 0 15px; }
    .admin-site-link { display: none; }
    .admin-page-heading { align-items: flex-start; flex-direction: column; }
    .admin-stat-grid, .admin-dashboard-grid { grid-template-columns: 1fr; }
    .admin-finance-strip { grid-template-columns: 1fr 1fr; }
    .admin-module-roadmap > div { grid-template-columns: 1fr; }
    .admin-module-roadmap article { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.05); }
    .demo-content-summary { grid-template-columns: 1fr 1fr; }
}

/* Admin management modules · v0.3 */
.admin-sidebar__version { padding: 13px 11px 0; color: rgba(156,180,165,.38); font-size: .52rem; font-weight: 800; letter-spacing: .09em; }
.admin-page-heading--action, .admin-heading-actions { display: flex; align-items: center; }
.admin-heading-actions { gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.admin-primary-button, .admin-secondary-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid transparent; border-radius: 11px; font-size: .74rem; font-weight: 900; cursor: pointer; }
.admin-primary-button { color: #031008; background: linear-gradient(135deg, var(--green), #c2ffcf); box-shadow: 0 10px 28px rgba(114,255,143,.13); }
.admin-secondary-button { border-color: var(--border); color: var(--text); background: rgba(255,255,255,.035); }
.admin-primary-button--full { width: 100%; }
.admin-section-gap { margin-top: 15px; }

.admin-mini-stats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-bottom: 15px; }
.admin-mini-stats article { min-width: 0; padding: 17px 18px; border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(145deg,rgba(17,31,23,.9),rgba(10,21,15,.85)); }
.admin-mini-stats span, .admin-mini-stats strong { display: block; }
.admin-mini-stats span { overflow: hidden; color: var(--muted); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-mini-stats strong { margin-top: 7px; font-size: clamp(1rem,2vw,1.45rem); letter-spacing: -.03em; }

.admin-filter-bar { display: grid; grid-template-columns: minmax(220px,1fr) minmax(150px,220px) auto auto; gap: 9px; align-items: end; margin-bottom: 14px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: rgba(11,24,16,.72); }
.admin-filter-bar label, .admin-inline-action label { display: grid; gap: 5px; }
.admin-filter-bar label > span, .admin-inline-action label > span { color: var(--muted); font-size: .58rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.admin-filter-bar input, .admin-filter-bar select, .admin-inline-action input, .admin-inline-action select, .admin-compact-form select, .admin-data-card header select { width: 100%; min-height: 38px; padding: 0 11px; border: 1px solid var(--border); border-radius: 9px; color: var(--text); background: #0a1710; font: inherit; font-size: .72rem; outline: none; }
.admin-filter-bar button, .admin-inline-action button, .admin-compact-form button { min-height: 38px; padding: 0 14px; border: 0; border-radius: 9px; color: #041008; background: var(--green); font-size: .7rem; font-weight: 900; cursor: pointer; }
.admin-filter-bar > a { display: grid; min-height: 38px; place-items: center; padding: 0 9px; color: var(--muted); font-size: .68rem; }
.admin-header-filter { display: flex; gap: 5px; }
.admin-header-filter button { min-height: 38px; padding: 0 10px; border: 1px solid var(--border); border-radius: 9px; color: var(--text); background: rgba(255,255,255,.035); font-size: .61rem; cursor: pointer; }

.admin-data-card, .admin-form-card, .admin-info-banner { overflow: hidden; border: 1px solid var(--border); border-radius: 17px; background: rgba(16,28,22,.68); }
.admin-data-card > header, .admin-form-card > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 69px; padding: 17px 20px; border-bottom: 1px solid rgba(255,255,255,.06); }
.admin-data-card header span, .admin-form-card header span { color: var(--green); font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
.admin-data-card header h2, .admin-form-card header h2 { margin: 2px 0 0; font-size: 1.05rem; }
.admin-data-card header em { flex: none; color: var(--muted); font-size: .58rem; font-style: normal; }
.admin-table-scroll { overflow-x: auto; }
.admin-data-table { width: 100%; min-width: 800px; border-collapse: collapse; }
.admin-data-table th { padding: 11px 15px; color: rgba(156,180,165,.62); background: rgba(255,255,255,.018); font-size: .56rem; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.admin-data-table td { padding: 14px 15px; border-top: 1px solid rgba(255,255,255,.05); color: var(--muted); font-size: .68rem; vertical-align: middle; }
.admin-data-table td > strong, .admin-data-table td > time { color: var(--text); font-size: .71rem; }
.admin-title-cell { display: flex; min-width: 220px; align-items: center; gap: 10px; }
.admin-title-cell > div { min-width: 0; }
.admin-title-cell strong, .admin-title-cell small { display: block; }
.admin-title-cell strong { overflow: hidden; max-width: 320px; color: var(--text); font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-title-cell small, .admin-cell-note { display: block; margin-top: 4px; color: var(--muted); font-size: .59rem; }
.admin-cell-note--green { color: var(--green); }
.admin-row-icon { display: grid; flex: 0 0 auto; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: var(--green); background: rgba(114,255,143,.09); font-style: normal; }
.admin-row-icon--red { color: var(--red); background: rgba(255,72,88,.09); }
.admin-badge { display: inline-flex; align-items: center; padding: 4px 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.035); font-size: .56rem; font-weight: 900; white-space: nowrap; }
.admin-badge.is-success { border-color: rgba(114,255,143,.18); color: #9fffb3; background: rgba(114,255,143,.07); }
.admin-badge.is-warning { border-color: rgba(255,197,91,.2); color: #ffd88e; background: rgba(255,197,91,.07); }
.admin-badge.is-danger { border-color: rgba(255,72,88,.2); color: #ff9ca5; background: rgba(255,72,88,.07); }
.admin-actions { display: flex; gap: 6px; justify-content: flex-end; }
.admin-actions a { padding: 6px 8px; border: 1px solid var(--border); border-radius: 7px; color: var(--text); font-size: .6rem; white-space: nowrap; }

.admin-editor { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 15px; align-items: start; }
.admin-editor__main { display: grid; gap: 15px; min-width: 0; }
.admin-editor__side { min-width: 0; }
.admin-form-card--sticky { position: sticky; top: 86px; }
.admin-form-body { display: grid; gap: 14px; padding: 20px; }
.admin-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.admin-field { display: grid; gap: 6px; min-width: 0; }
.admin-field > span { color: var(--muted); font-size: .61rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.admin-field > small, .admin-save-note { color: rgba(156,180,165,.65); font-size: .58rem; line-height: 1.5; }
.admin-field input, .admin-field select, .admin-field textarea { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: #09160f; font: inherit; font-size: .73rem; outline: none; resize: vertical; }
.admin-field input:focus, .admin-field select:focus, .admin-field textarea:focus { border-color: rgba(114,255,143,.38); box-shadow: 0 0 0 3px rgba(114,255,143,.055); }
.admin-field input[type="color"] { padding: 5px; }
.admin-content-editor { min-height: 460px; font-family: ui-monospace,SFMono-Regular,Consolas,monospace !important; line-height: 1.7; }
.admin-cover-preview { overflow: hidden; aspect-ratio: 16/7; border: 1px solid var(--border); border-radius: 12px; background: #07110c; }
.admin-cover-preview img { width: 100%; height: 100%; object-fit: cover; }
.admin-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.admin-check-list { display: grid; gap: 7px; }
.admin-check-grid label, .admin-check-list label, .admin-check-card { display: flex; gap: 9px; align-items: center; min-height: 42px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.018); font-size: .66rem; }
.admin-check-grid input, .admin-check-list input, .admin-check-card input { width: 15px; height: 15px; accent-color: var(--green); }
.admin-check-card span { display: grid; gap: 2px; }
.admin-check-card strong { color: var(--text); font-size: .68rem; }
.admin-check-card small { color: var(--muted); font-size: .57rem; }
.admin-field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }

.admin-split-layout { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.35fr); gap: 15px; align-items: start; }
.admin-category-list, .admin-accordion-list { display: grid; }
.admin-category-row, .admin-accordion-row { border-bottom: 1px solid rgba(255,255,255,.055); }
.admin-category-row:last-child, .admin-accordion-row:last-child { border-bottom: 0; }
.admin-category-row summary, .admin-accordion-row summary { display: grid; min-height: 67px; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 11px; align-items: center; padding: 12px 18px; cursor: pointer; list-style: none; }
.admin-category-row summary::-webkit-details-marker, .admin-accordion-row summary::-webkit-details-marker { display: none; }
.admin-category-row summary > i { width: 11px; height: 36px; border-radius: 5px; background: var(--green); box-shadow: 0 0 15px rgba(114,255,143,.25); }
.admin-category-row summary strong, .admin-category-row summary small, .admin-accordion-row summary strong, .admin-accordion-row summary small { display: block; }
.admin-category-row summary strong, .admin-accordion-row summary strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-category-row summary small, .admin-accordion-row summary small { margin-top: 3px; color: var(--muted); font-size: .58rem; }
.admin-category-row summary > b, .admin-accordion-row summary > b { color: var(--muted); transition: transform 160ms ease; }
.admin-category-row[open] summary > b, .admin-accordion-row[open] summary > b { transform: rotate(180deg); }
.admin-category-edit, .admin-action-panel { display: grid; gap: 12px; padding: 17px 20px 20px; border-top: 1px solid rgba(255,255,255,.05); background: rgba(0,0,0,.11); }

.admin-review-list { display: grid; }
.admin-review-item { padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,.055); }
.admin-review-item:last-child { border-bottom: 0; }
.admin-review-item__meta { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; }
.admin-review-item__meta strong, .admin-review-item__meta small { display: block; }
.admin-review-item__meta strong { font-size: .73rem; }
.admin-review-item__meta small { color: var(--muted); font-size: .59rem; }
.admin-review-item blockquote { margin: 14px 0; padding: 0 0 0 14px; border-left: 2px solid rgba(114,255,143,.25); color: #d8e5dc; font-size: .75rem; line-height: 1.7; }
.admin-review-item__context { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.admin-review-item__context a { color: var(--green); font-size: .63rem; }
.admin-review-item__context b { color: #ff9ca5; font-size: .61rem; }
.admin-inline-action { display: grid; grid-template-columns: 170px 1fr auto; gap: 8px; align-items: end; }
.admin-inline-action__grow { min-width: 0; }

.admin-tabs { display: flex; gap: 6px; margin: 0 0 14px; overflow-x: auto; }
.admin-tabs a { flex: none; padding: 8px 11px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.025); font-size: .62rem; font-weight: 800; }
.admin-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); background: rgba(255,255,255,.05); }
.admin-detail-grid > div { padding: 14px 18px; background: #0d1b13; }
.admin-detail-grid span, .admin-detail-grid strong, .admin-detail-grid small { display: block; }
.admin-detail-grid span { color: var(--muted); font-size: .56rem; }
.admin-detail-grid strong { margin: 4px 0; font-size: .72rem; }
.admin-detail-grid small { color: var(--muted); font-size: .58rem; }
.admin-detail-note { padding: 15px 20px 0; }
.admin-detail-note span { color: var(--green); font-size: .57rem; font-weight: 900; letter-spacing: .08em; }
.admin-detail-note p { margin: 6px 0 0; color: var(--muted); font-size: .68rem; line-height: 1.6; }
.admin-zone-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 14px; }
.admin-zone-grid article { display: grid; gap: 14px; padding: 17px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: rgba(255,255,255,.018); }
.admin-zone-grid article > div > span { color: var(--green); font-size: .54rem; font-weight: 900; text-transform: uppercase; }
.admin-zone-grid h3 { margin: 4px 0; font-size: .88rem; }
.admin-zone-grid p { margin: 0; color: var(--muted); font-size: .62rem; line-height: 1.5; }
.admin-zone-grid dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; margin: 0; }
.admin-zone-grid dl div { padding: 8px; border-radius: 8px; background: rgba(0,0,0,.15); }
.admin-zone-grid dt { color: var(--muted); font-size: .52rem; }
.admin-zone-grid dd { margin: 3px 0 0; font-size: .65rem; font-weight: 800; }
.admin-zone-grid button { width: 100%; min-height: 35px; border: 1px solid rgba(114,255,143,.16); border-radius: 8px; color: var(--green); background: rgba(114,255,143,.05); font-size: .62rem; cursor: pointer; }
.admin-zone-grid button.is-danger { border-color: rgba(255,72,88,.18); color: #ff9ca5; background: rgba(255,72,88,.05); }

.admin-compact-form { display: flex; min-width: 210px; gap: 5px; }
.admin-compact-form select { min-height: 34px; }
.admin-compact-form button { min-height: 34px; }
.admin-simple-list { display: grid; }
.admin-simple-list article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 13px; align-items: center; padding: 13px 18px; border-bottom: 1px solid rgba(255,255,255,.05); }
.admin-simple-list article:last-child { border-bottom: 0; }
.admin-simple-list article > div:last-child { text-align: right; }
.admin-simple-list strong, .admin-simple-list small, .admin-simple-list span { display: block; }
.admin-simple-list strong { font-size: .69rem; }
.admin-simple-list small { margin-top: 3px; color: var(--muted); font-size: .57rem; }
.admin-simple-list .admin-badge { display: inline-flex; margin-top: 4px; }
.admin-info-banner { padding: 24px; background: radial-gradient(circle at 90% 20%,rgba(114,255,143,.08),transparent 25rem),rgba(16,28,22,.68); }
.admin-info-banner > span { color: var(--green); font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
.admin-info-banner h2 { margin: 6px 0; font-size: 1.2rem; }
.admin-info-banner p { max-width: 900px; margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.65; }

.admin-media-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 14px; }
.admin-media-grid article { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 16px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: rgba(255,255,255,.018); }
.admin-media-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: var(--green); background: rgba(114,255,143,.08); }
.admin-media-grid article > div:nth-child(2) { min-width: 0; }
.admin-media-grid article > div:nth-child(2) > span { color: var(--green); font-size: .52rem; text-transform: uppercase; }
.admin-media-grid h3 { overflow: hidden; margin: 4px 0; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-media-grid p { overflow: hidden; margin: 0; color: var(--muted); font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-media-grid dl { display: grid; grid-column: 1/-1; grid-template-columns: repeat(3,1fr); gap: 5px; margin: 0; }
.admin-media-grid dl div { padding: 7px; border-radius: 7px; background: rgba(0,0,0,.13); }
.admin-media-grid dt { color: var(--muted); font-size: .5rem; }
.admin-media-grid dd { overflow: hidden; margin: 3px 0 0; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-media-grid footer { display: flex; grid-column: 1/-1; align-items: center; justify-content: space-between; }
.admin-media-grid time { color: var(--muted); font-size: .53rem; }

@media (max-width: 1180px) {
    .admin-mini-stats { grid-template-columns: repeat(3,1fr); }
    .admin-editor { grid-template-columns: minmax(0,1fr) 290px; }
    .admin-zone-grid, .admin-media-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
    .admin-editor, .admin-split-layout { grid-template-columns: 1fr; }
    .admin-form-card--sticky { position: relative; top: auto; }
    .admin-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .admin-body { padding-bottom: 0; }
    .admin-page-heading--action, .admin-heading-actions { width: 100%; align-items: stretch; flex-direction: column; }
    .admin-heading-actions > *, .admin-page-heading--action > .admin-primary-button { width: 100%; }
    .admin-mini-stats { grid-template-columns: 1fr 1fr; }
    .admin-mini-stats article { padding: 14px; }
    .admin-filter-bar { grid-template-columns: 1fr; }
    .admin-filter-bar > a { min-height: 30px; }
    .admin-form-grid, .admin-check-grid { grid-template-columns: 1fr; }
    .admin-form-body { padding: 15px; }
    .admin-data-card > header, .admin-form-card > header { padding: 15px; }
    .admin-content-editor { min-height: 360px; }
    .admin-category-row summary, .admin-accordion-row summary { grid-template-columns: auto minmax(0,1fr) auto; padding: 11px 13px; }
    .admin-category-row summary .admin-badge, .admin-accordion-row summary .admin-badge { display: none; }
    .admin-category-edit, .admin-action-panel { padding: 14px; }
    .admin-review-item { padding: 15px; }
    .admin-inline-action { grid-template-columns: 1fr; }
    .admin-review-item__context { align-items: flex-start; flex-direction: column; }
    .admin-zone-grid, .admin-media-grid { grid-template-columns: 1fr; padding: 10px; }
    .admin-compact-form { min-width: 190px; }
    .admin-simple-list article { align-items: flex-start; grid-template-columns: 1fr; }
    .admin-simple-list article > div:last-child { text-align: left; }
}

/* Admin usability, editor, SEO, media and advertising · v0.3.2 */
.admin-nav a { min-height: 46px; font-size: .9rem; }
.admin-nav em, .admin-nav__section, .admin-sidebar__version { font-size: .66rem; }
.admin-topbar span { font-size: .75rem; }
.admin-topbar strong { font-size: 1rem; }
.admin-page-heading > div:first-child > span { font-size: .74rem; }
.admin-page-heading p { font-size: 1rem; line-height: 1.65; }
.admin-live { font-size: .82rem; }
.admin-mini-stats span { font-size: .76rem; }
.admin-stat-grid span { font-size: .8rem; }
.admin-stat-grid small { font-size: .76rem; }
.admin-finance-strip span { font-size: .76rem; }
.admin-table p strong { font-size: .88rem; }
.admin-table p small, .admin-table time { font-size: .72rem; }
.admin-table-card header em { font-size: .69rem; }
.admin-table-card header span, .admin-module-roadmap header span,
.admin-data-card header span, .admin-form-card header span { font-size: .68rem; }
.admin-table-card td, .admin-data-table td { font-size: .8rem; line-height: 1.5; }
.admin-data-table th { font-size: .66rem; }
.admin-data-table td > strong, .admin-data-table td > time { font-size: .84rem; }
.admin-title-cell strong { font-size: .86rem; }
.admin-title-cell small, .admin-cell-note { font-size: .7rem; }
.admin-badge { font-size: .66rem; }
.admin-empty { font-size: .88rem; }
.admin-module-roadmap p { font-size: .86rem; line-height: 1.6; }
.admin-module-roadmap article a { font-size: .74rem; }
.admin-primary-button, .admin-secondary-button { min-height: 44px; font-size: .84rem; }
.admin-filter-bar label > span, .admin-inline-action label > span { font-size: .68rem; }
.admin-filter-bar input, .admin-filter-bar select, .admin-inline-action input,
.admin-inline-action select, .admin-compact-form select, .admin-data-card header select { font-size: .82rem; }
.admin-filter-bar button, .admin-inline-action button, .admin-compact-form button,
.admin-header-filter button { font-size: .78rem; }
.admin-filter-bar > a { font-size: .78rem; }
.admin-field > span { font-size: .72rem; }
.admin-field > small, .admin-save-note { font-size: .7rem; }
.admin-field input, .admin-field select, .admin-field textarea { min-height: 46px; font-size: .86rem; line-height: 1.55; }
.admin-check-grid label, .admin-check-list label, .admin-check-card { font-size: .79rem; }
.admin-check-card strong { font-size: .8rem; }
.admin-check-card small { font-size: .7rem; }
.admin-category-row summary strong, .admin-accordion-row summary strong { font-size: .84rem; }
.admin-category-row summary small, .admin-accordion-row summary small { font-size: .7rem; }
.admin-review-item__meta strong { font-size: .84rem; }
.admin-review-item__meta small { font-size: .7rem; }
.admin-review-item blockquote { font-size: .88rem; }
.admin-review-item__context a, .admin-review-item__context b { font-size: .74rem; }
.admin-tabs a { min-height: 38px; padding: 9px 14px; font-size: .76rem; }
.admin-detail-grid span { font-size: .68rem; }
.admin-detail-grid strong { font-size: .84rem; }
.admin-detail-grid small { font-size: .7rem; }
.admin-detail-note span { font-size: .69rem; }
.admin-detail-note p { font-size: .81rem; }
.admin-zone-grid article > div > span { font-size: .66rem; }
.admin-zone-grid p { font-size: .76rem; }
.admin-zone-grid dt { font-size: .64rem; }
.admin-zone-grid dd, .admin-zone-grid button { font-size: .76rem; }
.admin-simple-list strong { font-size: .82rem; }
.admin-simple-list small { font-size: .69rem; }
.admin-info-banner > span { font-size: .69rem; }
.admin-info-banner p { font-size: .84rem; }

.admin-actions { min-width: 164px; }
.admin-actions a.admin-action-button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 0 12px; border-radius: 9px; font-size: .76rem; font-weight: 900; box-shadow: 0 8px 20px rgba(0,0,0,.12); transition: transform 160ms ease, border-color 160ms ease, filter 160ms ease; }
.admin-actions a.admin-action-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.admin-action-button--edit { border-color: rgba(114,255,143,.3) !important; color: #06130a !important; background: linear-gradient(135deg,var(--green),#c7ffd3); }
.admin-action-button--view { border-color: rgba(255,72,88,.38) !important; color: #fff !important; background: linear-gradient(135deg,#ff5968,#bd2031); }

.admin-rich-editor { overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: #09160f; }
.admin-rich-editor:focus-within { border-color: rgba(114,255,143,.4); box-shadow: 0 0 0 3px rgba(114,255,143,.055); }
.admin-rich-editor__toolbar { display: flex; flex-wrap: wrap; gap: 5px; padding: 9px; border-bottom: 1px solid rgba(255,255,255,.07); background: #0d1d14; }
.admin-rich-editor__toolbar button { min-width: 36px; min-height: 34px; padding: 0 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; color: #dce9df; background: rgba(255,255,255,.025); font: inherit; font-size: .76rem; font-weight: 800; cursor: pointer; }
.admin-rich-editor__toolbar button:hover, .admin-rich-editor__toolbar button:focus-visible { border-color: rgba(114,255,143,.36); color: var(--green); background: rgba(114,255,143,.07); outline: none; }
.admin-rich-editor__surface { min-height: 520px; padding: 28px; color: #e4eee7; background: radial-gradient(circle at 100% 0,rgba(114,255,143,.035),transparent 25rem),#09160f; font-size: 1rem; line-height: 1.85; outline: none; }
.admin-rich-editor__surface:empty::before { color: rgba(156,180,165,.48); content: "Makalenizi buraya yazmaya başlayın…"; }
.admin-rich-editor__surface h2 { margin: 1.5em 0 .55em; font-size: 1.75rem; line-height: 1.2; }
.admin-rich-editor__surface h3 { margin: 1.35em 0 .5em; font-size: 1.35rem; line-height: 1.25; }
.admin-rich-editor__surface p { margin: 0 0 1.15em; }
.admin-rich-editor__surface blockquote { margin: 1.4em 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--green); color: #bed0c3; }
.admin-rich-editor__surface a { color: var(--green); text-decoration: underline; }
.admin-rich-editor__surface ul, .admin-rich-editor__surface ol { padding-left: 1.5em; }
.admin-rich-editor__input { display: none; }
.admin-rich-editor__status { display: flex; justify-content: space-between; gap: 12px; padding: 8px 12px; border-top: 1px solid rgba(255,255,255,.06); color: var(--muted); background: #0d1d14; font-size: .7rem; }
.admin-rich-editor__status span:first-child { color: var(--green); font-weight: 850; }

.admin-seo-settings { margin-bottom: 15px; }
.admin-settings-block { display: grid; gap: 14px; padding: 20px; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; background: rgba(0,0,0,.12); }
.admin-settings-block__heading { display: flex; align-items: flex-start; gap: 13px; }
.admin-settings-block__heading > span { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(114,255,143,.2); border-radius: 10px; color: var(--green); background: rgba(114,255,143,.06); font-size: .72rem; font-weight: 900; }
.admin-settings-block__heading h3 { margin: 0 0 3px; font-size: 1rem; }
.admin-settings-block__heading p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.admin-code-textarea, .admin-robots-preview pre { font-family: ui-monospace,SFMono-Regular,Consolas,monospace !important; }
.admin-robots-preview { overflow: hidden; border: 1px solid rgba(114,255,143,.12); border-radius: 11px; background: #07110c; }
.admin-robots-preview > span { display: block; padding: 8px 11px; border-bottom: 1px solid rgba(255,255,255,.05); color: var(--green); font-size: .66rem; font-weight: 900; letter-spacing: .08em; }
.admin-robots-preview pre { overflow-x: auto; margin: 0; padding: 13px; color: #b9cabd; font-size: .75rem; line-height: 1.65; }

.admin-media-tools { grid-template-columns: minmax(340px,1fr) minmax(300px,.75fr); }
.admin-upload-drop { position: relative; display: grid; min-height: 150px; place-items: center; align-content: center; gap: 7px; padding: 22px; border: 1px dashed rgba(114,255,143,.32); border-radius: 14px; color: var(--green); background: rgba(114,255,143,.035); text-align: center; cursor: pointer; }
.admin-upload-drop:hover { border-color: rgba(114,255,143,.65); background: rgba(114,255,143,.06); }
.admin-upload-drop input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.admin-upload-drop span { font-size: .93rem; font-weight: 900; }
.admin-upload-drop small { color: var(--muted); font-size: .72rem; }
.admin-upload-feedback { display: inline-flex; min-height: 29px; align-items: center; margin-top: 5px; padding: 0 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; color: #a8b9ac; background: rgba(0,0,0,.16); font-size: .68rem; font-weight: 800; }
.admin-upload-feedback.has-files { border-color: rgba(114,255,143,.28); color: #06130a; background: var(--green); }
.admin-media-grid--library article { display: grid; grid-template-columns: 1fr; gap: 10px; padding: 12px; }
.admin-media-preview { overflow: hidden; aspect-ratio: 16/9; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; background: #06100a; }
.admin-media-preview img, .admin-media-preview video { width: 100%; height: 100%; object-fit: cover; }
.admin-media-preview > a { display: grid; height: 100%; place-items: center; align-content: center; gap: 6px; color: var(--green); font-size: .8rem; }
.admin-media-preview > a span { font-size: 2rem; }
.admin-media-copy > span { color: var(--green); font-size: .66rem; font-weight: 900; letter-spacing: .06em; }
.admin-media-grid--library h3 { font-size: .9rem; }
.admin-media-grid--library p { font-size: .72rem; }
.admin-media-grid--library dt { font-size: .63rem; }
.admin-media-grid--library dd { font-size: .7rem; }
.admin-media-grid footer a { color: var(--green); font-size: .72rem; font-weight: 850; }
.admin-media-edit { grid-column: 1/-1; border-top: 1px solid rgba(255,255,255,.06); }
.admin-media-edit summary { display: flex; justify-content: space-between; gap: 10px; padding: 11px 2px 2px; color: #cddbd0; font-size: .76rem; font-weight: 800; cursor: pointer; list-style: none; }
.admin-media-edit summary::-webkit-details-marker { display: none; }
.admin-media-edit[open] summary b { transform: rotate(180deg); }
.admin-media-edit form { display: grid; gap: 10px; margin-top: 11px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.05); }

.admin-media-selector-field { align-content: start; }
.admin-media-selector-field > .admin-secondary-button { width: fit-content; min-height: 38px; margin-top: 2px; }
.admin-media-field-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-media-clear-button { min-height: 40px; padding: 0 12px; border: 1px solid rgba(255,72,88,.18); border-radius: 10px; color: #ff8d97; background: rgba(255,72,88,.045); font: inherit; font-size: .74rem; font-weight: 850; cursor: pointer; }
.admin-selected-media-preview { display: grid; min-height: 230px; overflow: hidden; place-items: center; border: 1px solid rgba(114,255,143,.14); border-radius: 14px; background: #06100a; }
.admin-selected-media-preview--compact { min-height: 130px; margin-top: 3px; }
.admin-selected-media-preview img, .admin-selected-media-preview video { width: 100%; height: 100%; max-height: 360px; object-fit: cover; }
.admin-selected-media-preview--compact img, .admin-selected-media-preview--compact video { max-height: 180px; }
.admin-selected-media-preview > span { padding: 24px; color: var(--muted); font-size: .75rem; text-align: center; }
.admin-selected-media-preview.is-empty { border-style: dashed; background: rgba(114,255,143,.018); }

body.has-media-picker { overflow: hidden; }
.admin-media-picker[hidden] { display: none !important; }
.admin-media-picker { position: fixed; z-index: 500; inset: 0; display: grid; place-items: center; padding: 28px; }
.admin-media-picker__backdrop { position: absolute; inset: 0; background: rgba(1,7,4,.78); backdrop-filter: blur(9px); }
.admin-media-picker__dialog { position: relative; display: grid; width: min(1060px,100%); max-height: min(820px,calc(100vh - 56px)); overflow: hidden; grid-template-rows: auto auto minmax(0,1fr); border: 1px solid rgba(114,255,143,.2); border-radius: 20px; background: #0a1710; box-shadow: 0 35px 100px rgba(0,0,0,.58); }
.admin-media-picker__dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 22px; border-bottom: 1px solid rgba(255,255,255,.065); background: linear-gradient(135deg,rgba(114,255,143,.06),transparent); }
.admin-media-picker__dialog > header span { color: var(--green); font-size: .66rem; font-weight: 900; letter-spacing: .1em; }
.admin-media-picker__dialog > header h2 { margin: 3px 0 4px; font-size: 1.35rem; }
.admin-media-picker__dialog > header p { margin: 0; color: var(--muted); font-size: .78rem; }
.admin-media-picker__dialog > header button { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; color: var(--text); background: rgba(255,255,255,.03); font-size: 1.25rem; cursor: pointer; }
.admin-media-picker__tools { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 13px 22px; border-bottom: 1px solid rgba(255,255,255,.055); background: rgba(0,0,0,.1); }
.admin-media-picker__tools label { display: grid; width: min(520px,100%); gap: 5px; }
.admin-media-picker__tools label span { color: var(--muted); font-size: .64rem; font-weight: 850; }
.admin-media-picker__tools input { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: #07120c; font: inherit; font-size: .8rem; outline: none; }
.admin-media-picker__tools input:focus { border-color: rgba(114,255,143,.38); box-shadow: 0 0 0 3px rgba(114,255,143,.05); }
.admin-media-picker__tools > small { color: var(--muted); font-size: .7rem; white-space: nowrap; }
.admin-media-picker__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; overflow-y: auto; padding: 16px; }
.admin-media-picker__grid > button { display: grid; min-width: 0; overflow: hidden; grid-template-columns: minmax(0,1fr) auto; padding: 0; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; color: var(--text); background: rgba(255,255,255,.018); font: inherit; text-align: left; cursor: pointer; transition: border-color 150ms ease,transform 150ms ease,background 150ms ease; }
.admin-media-picker__grid > button:hover, .admin-media-picker__grid > button.is-selected { border-color: rgba(114,255,143,.36); background: rgba(114,255,143,.045); transform: translateY(-2px); }
.admin-media-picker__thumb { display: block; grid-column: 1/-1; overflow: hidden; aspect-ratio: 16/10; background: #051009; }
.admin-media-picker__thumb img, .admin-media-picker__thumb video { width: 100%; height: 100%; object-fit: cover; }
.admin-media-picker__copy { display: block; min-width: 0; padding: 10px 4px 10px 11px; }
.admin-media-picker__copy strong, .admin-media-picker__copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-media-picker__copy strong { font-size: .76rem; }
.admin-media-picker__copy small { margin-top: 4px; color: var(--muted); font-size: .6rem; }
.admin-media-picker__grid > button > b { align-self: center; margin-right: 9px; padding: 5px 7px; border-radius: 7px; color: #06130a; background: var(--green); font-size: .62rem; }
.admin-media-picker__empty { margin: 18px; padding: 35px 20px; border: 1px dashed rgba(255,255,255,.1); border-radius: 13px; color: var(--muted); font-size: .8rem; text-align: center; }

.admin-manager-intro { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.055); }
.admin-manager-intro > div { display: flex; align-items: center; gap: 11px; padding: 14px 18px; color: var(--muted); background: #0d1b13; font-size: .78rem; line-height: 1.5; }
.admin-manager-intro strong { display: grid; width: 29px; height: 29px; flex: 0 0 auto; place-items: center; border-radius: 8px; color: #06130a; background: var(--green); font-size: .7rem; }
.admin-ad-zone-setup { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 16px; align-items: center; margin-bottom: 15px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: linear-gradient(135deg,rgba(114,255,143,.07),rgba(0,0,0,.13)); box-shadow: 0 16px 42px rgba(0,0,0,.12); }
.admin-ad-zone-setup.is-missing { border-color: rgba(255,197,91,.28); background: linear-gradient(135deg,rgba(255,197,91,.08),rgba(255,72,88,.035)); }
.admin-ad-zone-setup__icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 13px; color: #06130a; background: var(--green); font-size: 1.25rem; font-weight: 950; box-shadow: 0 8px 24px rgba(114,255,143,.15); }
.admin-ad-zone-setup.is-missing .admin-ad-zone-setup__icon { background: #ffc55b; }
.admin-ad-zone-setup span, .admin-ad-zone-setup strong { display: block; }
.admin-ad-zone-setup > div:nth-child(2) > span { margin-bottom: 3px; color: var(--green); font-size: .68rem; font-weight: 900; letter-spacing: .09em; }
.admin-ad-zone-setup.is-missing > div:nth-child(2) > span { color: #ffc55b; }
.admin-ad-zone-setup strong { font-size: 1rem; }
.admin-ad-zone-setup p { margin: 6px 0 0; color: var(--muted); font-size: .79rem; line-height: 1.55; }
.admin-ad-zone-setup code { padding: 2px 5px; border-radius: 5px; color: #d7ffe0; background: rgba(0,0,0,.28); font-size: .7rem; }
.admin-zone-ready-link { display: inline-flex; min-height: 42px; align-items: center; padding: 0 14px; border: 1px solid rgba(114,255,143,.24); border-radius: 10px; color: var(--green); background: rgba(114,255,143,.05); font-size: .78rem; font-weight: 900; white-space: nowrap; }
.admin-inline-warning { margin: 14px 18px 0; padding: 12px 14px; border: 1px solid rgba(255,197,91,.22); border-radius: 10px; color: #ffe3ad; background: rgba(255,197,91,.06); font-size: .8rem; }
.admin-inline-warning a { color: var(--green); font-weight: 900; }
.admin-manager-form { display: grid; gap: 16px; padding: 20px; }
.admin-manager-form fieldset { display: grid; gap: 13px; margin: 0; padding: 17px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: rgba(0,0,0,.1); }
.admin-manager-form legend { padding: 0 8px; color: var(--green); font-size: .73rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.admin-ad-display-modes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.admin-ad-display-modes label { position: relative; cursor: pointer; }
.admin-ad-display-modes input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.admin-ad-display-modes label > span { display: grid; min-height: 92px; grid-template-columns: auto minmax(0,1fr); grid-template-rows: auto auto; column-gap: 11px; align-content: center; padding: 14px; border: 1px solid rgba(255,255,255,.075); border-radius: 12px; color: var(--muted); background: rgba(255,255,255,.018); transition: border-color 150ms ease,background 150ms ease,box-shadow 150ms ease; }
.admin-ad-display-modes label > span > b { display: grid; width: 38px; height: 38px; grid-row: 1/3; place-items: center; align-self: center; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; color: var(--green); background: rgba(114,255,143,.04); }
.admin-ad-display-modes strong, .admin-ad-display-modes small { display: block; }
.admin-ad-display-modes strong { color: var(--text); font-size: .82rem; }
.admin-ad-display-modes small { margin-top: 4px; font-size: .68rem; line-height: 1.45; }
.admin-ad-display-modes input:checked + span { border-color: rgba(114,255,143,.34); background: rgba(114,255,143,.055); box-shadow: 0 0 0 3px rgba(114,255,143,.035); }
.admin-ad-display-modes input:checked + span > b { color: #06130a; background: var(--green); }
.admin-ad-display-modes input:focus-visible + span { outline: 2px solid var(--green); outline-offset: 2px; }
.admin-form-grid--2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.admin-form-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.admin-primary-button:disabled { opacity: .45; cursor: not-allowed; filter: grayscale(.5); }
.admin-media-choice-preview { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }
.admin-media-choice-preview a { position: relative; width: 98px; aspect-ratio: 16/10; flex: 0 0 auto; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: #07110c; }
.admin-media-choice-preview img { width: 100%; height: 100%; object-fit: cover; }
.admin-media-choice-preview a > span { display: grid; height: 100%; place-items: center; color: var(--red); font-size: .66rem; font-weight: 900; }
.admin-media-choice-preview small { position: absolute; right: 4px; bottom: 4px; padding: 2px 4px; border-radius: 4px; color: white; background: rgba(0,0,0,.7); font-size: .52rem; font-weight: 900; }
.admin-table-link { display: inline-flex; min-height: 32px; align-items: center; padding: 0 10px; border: 1px solid rgba(114,255,143,.2); border-radius: 8px; color: var(--green); background: rgba(114,255,143,.05); font-size: .72rem; font-weight: 850; white-space: nowrap; }
.admin-campaign-status { display: grid; min-width: 140px; gap: 6px; }
.admin-campaign-status .admin-badge { width: fit-content; }
.admin-campaign-status select { min-height: 34px; padding: 0 8px; border: 1px solid var(--border); border-radius: 8px; color: var(--text); background: #09160f; font: inherit; font-size: .72rem; }
.admin-campaign-status button { min-height: 32px; border: 0; border-radius: 8px; color: #06130a; background: var(--green); font-size: .7rem; font-weight: 900; cursor: pointer; }
.admin-campaign-list { display: grid; }
.admin-campaign-editor { border-bottom: 1px solid rgba(255,255,255,.06); }
.admin-campaign-editor:last-child { border-bottom: 0; }
.admin-campaign-editor > summary { display: grid; min-height: 82px; grid-template-columns: auto minmax(190px,1fr) auto auto auto; gap: 14px; align-items: center; padding: 14px 18px; cursor: pointer; list-style: none; transition: background 150ms ease; }
.admin-campaign-editor > summary:hover, .admin-campaign-editor[open] > summary { background: rgba(114,255,143,.025); }
.admin-campaign-editor > summary::-webkit-details-marker { display: none; }
.admin-campaign-editor__identity strong, .admin-campaign-editor__identity small { display: block; }
.admin-campaign-editor__identity strong { overflow: hidden; font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-campaign-editor__identity small { margin-top: 4px; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.admin-campaign-editor__metrics { display: flex; gap: 15px; color: var(--muted); font-size: .66rem; white-space: nowrap; }
.admin-campaign-editor__metrics span, .admin-campaign-editor__metrics b { display: block; }
.admin-campaign-editor__metrics b { margin-bottom: 2px; color: var(--text); font-size: .8rem; }
.admin-campaign-editor__chevron { color: var(--muted); transition: transform 160ms ease; }
.admin-campaign-editor[open] .admin-campaign-editor__chevron { transform: rotate(180deg); }
.admin-campaign-edit-form { border-top: 1px solid rgba(255,255,255,.06); background: rgba(0,0,0,.095); }
.admin-campaign-edit-note { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid rgba(114,255,143,.11); border-radius: 11px; color: var(--muted); background: rgba(114,255,143,.025); font-size: .74rem; line-height: 1.45; }
.admin-campaign-edit-note strong { color: var(--text); }
.admin-campaign-edit-note span { flex: 1; }
.admin-campaign-edit-note a { color: var(--green); font-weight: 900; white-space: nowrap; }
.admin-material-submissions { display: grid; gap: 8px; margin: 0 18px 14px; }
.admin-material-submissions article { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(180px,240px); gap: 14px; align-items: center; padding: 13px; border: 1px solid rgba(114,255,143,.09); border-radius: 11px; background: rgba(114,255,143,.02); }
.admin-material-submissions article > div > span { color: var(--green); font-size: .65rem; font-weight: 850; }
.admin-material-submissions article > div > strong { display: block; margin-top: 3px; font-size: .82rem; }
.admin-material-submissions article p { margin: 4px 0; color: var(--muted); font-size: .74rem; line-height: 1.5; }
.admin-material-submissions article > div > small { color: #aebfb2; font-size: .68rem; }
.admin-material-submissions article > a { display: grid; min-width: 170px; gap: 2px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; color: var(--text); background: rgba(0,0,0,.16); }
.admin-material-submissions article > a b { color: var(--red); font-size: .62rem; }
.admin-material-submissions article > a span { overflow: hidden; max-width: 210px; font-size: .74rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.admin-material-submissions article > a small { color: var(--muted); font-size: .62rem; }
.admin-material-review { display: grid; gap: 5px; }
.admin-material-review select, .admin-material-review input { min-height: 32px; padding: 0 8px; border: 1px solid var(--border); border-radius: 7px; color: var(--text); background: #08130d; font: inherit; font-size: .67rem; }
.admin-material-review button { min-height: 31px; border: 0; border-radius: 7px; color: #06130a; background: var(--green); font-size: .67rem; font-weight: 900; cursor: pointer; }
.admin-zone-grid code { display: inline-flex; margin-top: 8px; padding: 3px 6px; border-radius: 5px; color: #b7c9bb; background: rgba(0,0,0,.22); font-size: .66rem; }
.admin-creation-drawer { margin: 14px; overflow: hidden; border: 1px solid rgba(114,255,143,.13); border-radius: 13px; background: rgba(0,0,0,.1); }
.admin-creation-drawer > summary { display: grid; min-height: 66px; grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px 16px; cursor: pointer; list-style: none; }
.admin-creation-drawer > summary::-webkit-details-marker { display: none; }
.admin-creation-drawer > summary > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: #06130a; background: var(--green); font-size: 1.2rem; }
.admin-creation-drawer > summary strong, .admin-creation-drawer > summary small { display: block; }
.admin-creation-drawer > summary strong { font-size: .87rem; }
.admin-creation-drawer > summary small { margin-top: 3px; color: var(--muted); font-size: .72rem; }
.admin-creation-drawer[open] > summary { border-bottom: 1px solid rgba(255,255,255,.06); }
.admin-creation-drawer[open] > summary > b { transform: rotate(180deg); }

@media (max-width: 1000px) {
    .admin-manager-intro { grid-template-columns: 1fr; }
    .admin-form-grid--3 { grid-template-columns: 1fr 1fr; }
    .admin-media-tools { grid-template-columns: 1fr; }
    .admin-campaign-editor > summary { grid-template-columns: auto minmax(0,1fr) auto auto; }
    .admin-campaign-editor__metrics { display: none; }
    .admin-media-picker__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 680px) {
    .admin-content { font-size: 1rem; }
    .admin-page-heading p { font-size: .94rem; }
    .admin-data-card > header, .admin-form-card > header { align-items: flex-start; flex-direction: column; }
    .admin-form-grid--2, .admin-form-grid--3 { grid-template-columns: 1fr; }
    .admin-rich-editor__surface { min-height: 420px; padding: 20px 16px; font-size: .98rem; }
    .admin-rich-editor__status { align-items: flex-start; flex-direction: column; }
    .admin-settings-block, .admin-manager-form { padding: 14px; }
    .admin-manager-form fieldset { padding: 13px; }
    .admin-manager-intro > div { font-size: .8rem; }
    .admin-actions { min-width: 0; justify-content: flex-start; }
    .admin-ad-zone-setup { grid-template-columns: auto minmax(0,1fr); padding: 15px; }
    .admin-ad-zone-setup form, .admin-ad-zone-setup .admin-zone-ready-link { grid-column: 1/-1; width: 100%; justify-content: center; }
    .admin-campaign-editor > summary { grid-template-columns: auto minmax(0,1fr) auto; padding: 12px 13px; }
    .admin-campaign-editor > summary .admin-badge { display: none; }
    .admin-campaign-edit-note { align-items: flex-start; flex-direction: column; }
    .admin-material-submissions article { grid-template-columns: 1fr; }
    .admin-material-submissions article > a { min-width: 0; }
    .admin-media-picker { padding: 8px; }
    .admin-media-picker__dialog { max-height: calc(100vh - 16px); border-radius: 16px; }
    .admin-media-picker__dialog > header { padding: 16px; }
    .admin-media-picker__dialog > header p { font-size: .72rem; }
    .admin-media-picker__tools { align-items: stretch; flex-direction: column; gap: 8px; padding: 11px 16px; }
    .admin-media-picker__tools > small { white-space: normal; }
    .admin-media-picker__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; padding: 10px; }
    .admin-media-picker__copy { padding: 8px 3px 8px 8px; }
    .admin-selected-media-preview { min-height: 180px; }
    .admin-ad-display-modes { grid-template-columns: 1fr; }
}