:root {
    --ink: #102438;
    --muted: #63768a;
    --navy: #0b2940;
    --teal: #0aa99d;
    --teal-dark: #087f79;
    --line: #dce6ed;
    --canvas: #f3f7fa;
    --card: #ffffff;
    --shadow: 0 16px 44px rgba(15, 39, 58, .08);
    --radius: 20px;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 90% 0, #d8f7f2 0, transparent 30rem), var(--canvas); font: 15px/1.5 Inter, "Segoe UI", system-ui, sans-serif; }
a { color: inherit; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.app-header { min-height: 78px; padding: 12px clamp(18px, 4vw, 64px); display: flex; align-items: center; justify-content: space-between; gap: 24px; color: #fff; background: linear-gradient(110deg, #0a263d, #0d3b4c 60%, #075951); border-bottom: 3px solid rgba(14, 207, 190, .4); }
.brand { display: flex; align-items: center; gap: 13px; text-decoration: none; }
.brand-mark { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(145deg, #16c4b6, #079b92); box-shadow: 0 8px 24px rgba(6, 213, 195, .24); }
.brand strong { display: block; font-size: 19px; letter-spacing: -.2px; }
.brand small { display: block; color: #bfe2e3; font-size: 11px; }
.primary-nav { display: flex; align-items: center; gap: 8px; }
.primary-nav a, .nav-button { padding: 10px 13px; color: #e7f6f7; border: 0; border-radius: 10px; background: transparent; text-decoration: none; cursor: pointer; }
.primary-nav a:hover, .nav-button:hover { background: rgba(255,255,255,.1); }
.primary-nav form { margin: 0; }

.page-shell { width: min(1520px, calc(100% - clamp(24px, 4vw, 64px))); min-height: calc(100vh - 144px); margin: 0 auto; padding: clamp(26px, 4vw, 52px) 0; }
.site-footer { padding: 20px clamp(18px, 4vw, 64px); display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 13px; border-top: 1px solid var(--line); }
.site-footer a { color: var(--teal-dark); font-weight: 700; text-decoration: none; }
.policy-card { width: min(920px, 100%); margin: 0 auto; padding: clamp(28px, 5vw, 56px); }
.policy-card h1 { margin-bottom: 8px; font-size: clamp(36px, 5vw, 56px); }
.policy-card h2 { margin-top: 32px; font-size: 22px; letter-spacing: -.02em; }
.policy-card p, .policy-card li { color: var(--muted); }
.policy-card li + li { margin-top: 8px; }
.support-lead { max-width: 740px; font-size: 18px; line-height: 1.65; }
.support-jump-links { margin: 28px 0 10px; display: flex; flex-wrap: wrap; gap: 10px; }
.support-jump-links a { padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--teal-dark); background: #f7fbfb; font-weight: 750; text-decoration: none; }
.support-page section { scroll-margin-top: 24px; }
.support-steps { display: grid; gap: 12px; }
.support-steps > div { display: grid; grid-template-columns: 38px 1fr; gap: 14px; align-items: start; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #f8fbfc; }
.support-steps > div > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: var(--teal); font-weight: 850; }
.support-steps p { margin: 2px 0 0; }
.support-callout { margin-top: 20px; padding: 18px; display: grid; gap: 4px; border-left: 4px solid var(--teal); border-radius: 12px; color: var(--ink); background: #eaf8f6; }
.support-callout span { color: var(--muted); }
.support-faq { display: grid; gap: 10px; }
.support-faq details { padding: 0 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.support-faq summary { padding: 16px 0; cursor: pointer; color: var(--ink); font-weight: 800; }
.support-faq details p { margin-top: 0; padding-bottom: 16px; }
.support-contact { margin-top: 34px; padding: 4px 24px 24px; border-radius: 18px; background: #f0f8f8; }
.policy-updated { margin-top: 0; font-size: 13px; }
.reviewer-demo-grid { margin: 28px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.reviewer-demo-grid label { display: grid; gap: 6px; color: var(--ink); font-weight: 700; }
.reviewer-demo-grid .check-line { grid-column: 1 / -1; display: flex; }
.reviewer-demo-actions { display: flex; flex-wrap: wrap; gap: 10px; }

h1, h2 { margin: 0; line-height: 1.12; letter-spacing: -.035em; }
h1 { font-size: clamp(35px, 4vw, 62px); }
h2 { font-size: clamp(22px, 2vw, 31px); }
p { margin: 10px 0; }
.muted { color: var(--muted); }
.eyebrow { display: block; margin-bottom: 9px; color: var(--teal-dark); font-weight: 800; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.card { background: rgba(255,255,255,.96); border: 1px solid rgba(205, 220, 230, .9); border-radius: var(--radius); box-shadow: var(--shadow); }
.narrow-card { width: min(620px, 100%); margin: 8vh auto; padding: 40px; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

.button { min-height: 44px; padding: 11px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 12px; font-weight: 750; text-decoration: none; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: linear-gradient(135deg, #0db2a5, #078e86); box-shadow: 0 8px 22px rgba(10, 169, 157, .22); }
.button-primary:hover { box-shadow: 0 12px 28px rgba(10, 169, 157, .3); }
.button-secondary { color: var(--ink); background: #edf3f7; border-color: #d6e2e9; }
.button-danger { color: #fff; background: #b42318; }
.button-quiet { color: var(--muted); background: transparent; }
.button-wide { width: 100%; }
.button-large { min-height: 54px; padding-inline: 24px; }
.button.disabled { opacity: .45; pointer-events: none; }

.auth-grid { min-height: 66vh; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, 500px); align-items: center; gap: clamp(40px, 8vw, 130px); }
.auth-intro { padding: clamp(12px, 4vw, 54px); }
.auth-intro p { max-width: 680px; color: var(--muted); font-size: 18px; }
.trust-line { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }
.trust-line span { padding: 8px 12px; color: #076b66; background: #ddf7f3; border-radius: 999px; font-size: 13px; font-weight: 700; }
.auth-card { padding: clamp(26px, 4vw, 44px); }
.auth-card form { margin-top: 25px; display: grid; gap: 9px; }
.auth-card label:not(.check-line) { margin-top: 8px; font-weight: 750; }
input, select { width: 100%; min-height: 47px; padding: 11px 13px; color: var(--ink); background: #fbfdfe; border: 1px solid #cbd9e2; border-radius: 11px; outline: none; }
input:focus, select:focus { border-color: var(--teal); box-shadow: 0 0 0 4px rgba(10,169,157,.13); }
.check-line { margin: 8px 0 13px; display: flex; align-items: center; gap: 9px; color: var(--muted); }
.check-line input { width: 18px; min-height: 18px; }
.validation { color: #b42318; font-size: 13px; }
.success-banner { margin-bottom: 18px; padding: 12px 14px; color: #12613f; background: #dff5e8; border: 1px solid #b9e5cc; border-radius: 11px; font-weight: 750; }
.auth-switch { margin-top: 24px; text-align: center; color: var(--muted); }
.auth-switch a { color: var(--teal-dark); font-weight: 750; }

.hero-row { margin-bottom: 30px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.hero-row p { max-width: 760px; color: var(--muted); font-size: 17px; }
.compact-hero h1 { font-size: clamp(34px, 4vw, 50px); }
.stats-grid { margin-bottom: 24px; display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 14px; }
.stat-card { min-height: 112px; padding: 18px 20px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 7px 24px rgba(15,39,58,.055); text-decoration: none; }
.stat-card::after { content: ""; width: 52px; height: 52px; position: absolute; right: -14px; top: -14px; border-radius: 50%; background: var(--accent, #d8f4f0); }
.stat-card span { color: var(--muted); font-size: 13px; font-weight: 700; }
.stat-card strong { font-size: 32px; line-height: 1; }
.stat-card small { color: #8a9aaa; font-size: 11px; }
.stat-all { --accent: #dce8f2; }
.stat-new { --accent: #c9f3ee; }
.stat-closing { --accent: #ffd9d6; }
.stat-dated { --accent: #d9e6ff; }
.stat-skipped { --accent: #e4e9ee; }
.stat-saved { --accent: #fff0b8; }
.stat-entered { --accent: #ccefdc; }
.stat-ignored { --accent: #f5d6d6; }
.admin-statistics-grid { grid-template-columns: repeat(6, minmax(145px, 1fr)); }
.analytics-layout { margin: 18px 0; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .75fr); gap: 18px; }
.analytics-card { min-width: 0; padding: 24px; }
.analytics-card .section-heading p { max-width: 620px; margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.trend-chart { height: 270px; padding: 20px 4px 0; display: grid; grid-template-columns: repeat(14, minmax(22px, 1fr)); align-items: end; gap: 7px; border-bottom: 1px solid var(--line); }
.trend-column { height: 100%; min-width: 0; display: grid; grid-template-rows: 24px 1fr 34px; align-items: end; justify-items: center; }
.trend-column svg { width: min(32px, 74%); height: 100%; min-height: 3px; display: block; overflow: visible; filter: drop-shadow(0 7px 8px rgba(10,150,139,.12)); }
.trend-column rect { fill: #09998f; }
.trend-column small { padding-top: 8px; color: var(--muted); font-size: 9px; white-space: nowrap; transform: rotate(-35deg); transform-origin: center; }
.trend-value { color: #527082; font-size: 10px; font-weight: 800; }
.status-chart { margin-top: 28px; display: grid; gap: 18px; }
.status-chart-row { display: grid; grid-template-columns: 82px minmax(100px, 1fr) 44px; align-items: center; gap: 12px; }
.status-chart-row > div { height: 12px; overflow: hidden; background: #edf2f5; border-radius: 999px; }
.status-chart-fill { width: 100%; height: 100%; display: block; }
.status-chart-fill rect { fill: #7c94a5; }.status-chart-entered rect { fill: #28a66d; }.status-chart-saved rect { fill: #d4a72c; }.status-chart-ignored rect { fill: #d87570; }.status-chart-new rect { fill: #4b93b4; }
.status-chart-row strong { text-align: right; font-size: 13px; font-variant-numeric: tabular-nums; }
.operational-summary { margin-top: 18px; padding: 24px; }
.operational-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.operational-grid > * { min-height: 116px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; color: var(--ink); background: #f7fafb; border: 1px solid var(--line); border-radius: 14px; text-decoration: none; }
.operational-grid span { color: var(--muted); font-size: 12px; font-weight: 800; }.operational-grid strong { font-size: 29px; }.operational-grid small { color: #718595; font-size: 10px; }

.queue-card { padding: 20px; overflow: hidden; }
.section-heading { padding: 4px 4px 18px; display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.view-tabs { padding: 4px; display: flex; gap: 3px; background: #edf3f6; border-radius: 12px; }
.view-tabs a { padding: 8px 12px; color: var(--muted); border-radius: 9px; font-size: 13px; font-weight: 750; text-decoration: none; }
.view-tabs a.active { color: var(--ink); background: #fff; box-shadow: 0 3px 12px rgba(15,39,58,.1); }
.filter-bar { padding: 13px; display: grid; grid-template-columns: minmax(220px, 1fr) minmax(180px, 230px) auto; gap: 10px; background: #f4f8fa; border: 1px solid #e2eaf0; border-radius: 14px; }
.competition-list { margin-top: 15px; border: 1px solid #e0e8ed; border-radius: 14px; overflow: hidden; }
.competition-row { min-height: 79px; padding: 12px 14px; display: grid; grid-template-columns: minmax(250px, 1.6fr) minmax(160px, .8fr) minmax(125px, .5fr) 84px 74px; align-items: center; gap: 14px; border-bottom: 1px solid #e5ecef; }
.competition-row:last-child { border-bottom: 0; }
.competition-row:hover { background: #f8fbfc; }
.competition-main { min-width: 0; text-decoration: none; }
.competition-title { display: block; overflow: hidden; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.competition-meta { display: block; margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.competition-prize, .competition-close { min-width: 0; }
.competition-prize small, .competition-close small { display: block; color: var(--muted); font-size: 11px; text-transform: uppercase; }
.competition-prize span, .competition-close span { display: block; overflow: hidden; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.status-pill { width: max-content; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; }
.status-new { color: #27627a; background: #e4f0f7; }
.status-skipped { color: #596a79; background: #e9eef2; }
.status-saved { color: #7a5700; background: #fff1bd; }
.status-entered { color: #12613f; background: #d5f2e2; }
.status-ignored { color: #8b2c28; background: #f9dddd; }
.row-actions { display: flex; justify-content: end; gap: 5px; }
.icon-button { width: 32px; height: 32px; padding: 0; color: var(--muted); background: #fff; border: 1px solid #d8e2e8; border-radius: 9px; cursor: pointer; }
.icon-button:hover { color: var(--teal-dark); border-color: var(--teal); }
.empty-state { min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--muted); }
.empty-state strong { color: var(--ink); font-size: 18px; }
.pagination { margin-top: 18px; display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--muted); }

.dashboard-hero { margin-bottom: 22px; }
.dashboard-hero p { margin-bottom: 0; }
.dashboard-stats { margin-bottom: 18px; }
.desktop-dashboard-grid { display: grid; grid-template-columns: 220px minmax(540px, 1fr) 330px; align-items: start; gap: 16px; }
.dashboard-queue-rail { padding: 17px 12px 13px; position: sticky; top: 16px; overflow: hidden; color: #fff; background: linear-gradient(160deg, #0a2b42, #0b3d49 72%, #075b53); border-color: rgba(255,255,255,.1); box-shadow: 0 18px 40px rgba(8,36,55,.18); }
.queue-rail-heading { padding: 4px 8px 13px; }
.queue-rail-heading .eyebrow { margin-bottom: 4px; color: #67e4d8; }
.queue-rail-heading h2 { font-size: 21px; letter-spacing: -.02em; }
.queue-rail-nav { display: grid; gap: 3px; }
.queue-rail-nav a { min-height: 42px; padding: 9px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #d7eaee; border: 1px solid transparent; border-radius: 10px; text-decoration: none; font-size: 12px; font-weight: 750; }
.queue-rail-nav a:hover { color: #fff; background: rgba(255,255,255,.07); }
.queue-rail-nav a.active { color: #fff; background: rgba(20,199,184,.18); border-color: rgba(84,229,215,.34); box-shadow: inset 3px 0 0 #42dfd0; }
.queue-rail-nav strong { min-width: 25px; padding: 2px 6px; color: #c9faf5; background: rgba(255,255,255,.1); border-radius: 999px; text-align: center; font-size: 10px; }
.queue-filter-note { margin-top: 14px; padding: 13px 10px 4px; display: grid; gap: 4px; border-top: 1px solid rgba(255,255,255,.12); }
.queue-filter-note strong { color: #9bf4eb; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.queue-filter-note span { color: #bdd3d8; font-size: 10px; line-height: 1.5; }
.dashboard-table-card { min-width: 0; padding: 16px; overflow: hidden; }
.dashboard-table-title { padding: 1px 3px 13px; display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.dashboard-table-title .eyebrow { margin-bottom: 4px; }
.dashboard-table-title h2 { font-size: 24px; text-transform: capitalize; }
.results-count { padding: 6px 9px; color: var(--muted); background: #edf3f6; border-radius: 999px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.dashboard-filter-bar { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(140px, 180px) minmax(120px, 150px) auto; gap: 8px; }
.dashboard-filter-bar input, .dashboard-filter-bar select { min-height: 42px; padding: 9px 11px; border-radius: 10px; font-size: 12px; }
.dashboard-filter-bar .button { min-height: 42px; padding: 9px 13px; }
.dashboard-table { margin-top: 13px; overflow: hidden; border: 1px solid #dfe8ee; border-radius: 12px; }
.dashboard-table-head, .dashboard-table-row { display: grid; grid-template-columns: minmax(230px, 1.5fr) 112px 125px 75px; align-items: center; gap: 11px; }
.dashboard-table-head { min-height: 36px; padding: 7px 12px; color: var(--muted); background: #f1f5f8; border-bottom: 1px solid var(--line); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.dashboard-table-row { min-height: 61px; padding: 9px 12px; color: var(--ink); border-bottom: 1px solid #e6edf1; text-decoration: none; transition: background .13s ease, box-shadow .13s ease; }
.dashboard-table-row:last-child { border-bottom: 0; }
.dashboard-table-row:hover { background: #f6fbfb; }
.dashboard-table-row.selected { position: relative; background: #e9f8f6; box-shadow: inset 3px 0 0 var(--teal); }
.dashboard-table-row > span { min-width: 0; }
.dashboard-row-main strong, .dashboard-row-close strong, .dashboard-row-entry strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.dashboard-row-main strong { font-size: 12.5px; }
.dashboard-row-main small, .dashboard-row-close small, .dashboard-row-entry small { display: block; margin-top: 2px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.dashboard-table-row .status-pill { padding: 5px 8px; font-size: 10px; }
.dashboard-detail-card { padding: 21px; position: sticky; top: 16px; overflow: hidden; }
.dashboard-detail-card h2 { font-size: 24px; line-height: 1.2; }
.detail-promoter { color: var(--muted); font-size: 12px; }
.selected-prize { margin: 16px 0; padding: 14px; display: grid; gap: 3px; color: #075d58; background: linear-gradient(135deg, #e2f8f5, #f2fbf9); border: 1px solid #c8ebe7; border-radius: 13px; }
.selected-prize small { font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.selected-prize strong { font-size: 14px; line-height: 1.35; }
.detail-facts { margin: 0 0 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.detail-facts div { min-width: 0; padding: 10px; background: #f3f7f9; border-radius: 10px; }
.detail-facts dt { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.detail-facts dd { margin: 3px 0 0; overflow: hidden; font-size: 11px; font-weight: 750; text-overflow: ellipsis; }
.detail-facts .status-pill { padding: 4px 7px; font-size: 9px; }
.detail-description { max-height: 86px; margin: 13px 0; overflow: hidden; color: var(--muted); font-size: 11px; line-height: 1.55; }
.detail-note { margin: 13px 0; padding: 11px; display: grid; gap: 3px; background: #fff8dc; border: 1px solid #f2e3ad; border-radius: 10px; }
.detail-note strong { color: #725300; font-size: 10px; text-transform: uppercase; }
.detail-note span { overflow: hidden; color: #655a37; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.detail-action-grid { margin-top: 8px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.detail-action-grid form:first-child { grid-column: 1 / -1; }
.detail-action-grid .button { min-height: 38px; padding: 8px; font-size: 11px; }
.detail-empty { min-height: 330px; display: grid; place-content: center; justify-items: center; text-align: center; color: var(--muted); }
.detail-empty > span { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: var(--teal); border-radius: 15px; font-size: 22px; }
.detail-empty strong { margin-top: 12px; color: var(--ink); font-size: 16px; }
.detail-empty p { max-width: 230px; font-size: 11px; }

.entry-topbar { margin-bottom: 18px; display: flex; justify-content: space-between; align-items: center; }
.back-link { color: var(--muted); font-weight: 750; text-decoration: none; }
.entry-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(310px, .65fr); align-items: start; gap: 22px; }
.entry-card { padding: clamp(25px, 4vw, 48px); }
.entry-card h1 { max-width: 950px; font-size: clamp(34px, 4vw, 58px); }
.entry-description { max-width: 850px; color: var(--muted); font-size: 17px; }
.competition-summary { max-width: 880px; margin: 24px 0; padding: 20px 22px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(135deg, #f7fbfc, #f2f8f8); }
.competition-summary .summary-label { display: block; margin-bottom: 7px; color: var(--teal-dark); font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.competition-summary .entry-description { margin: 0; line-height: 1.65; }
.prize-panel { margin: 28px 0 22px; padding: 18px 20px; display: flex; flex-direction: column; color: #075d58; background: linear-gradient(135deg, #dff8f4, #f2fbf9); border: 1px solid #c2ebe5; border-radius: 15px; }
.prize-panel span { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.prize-panel strong { margin-top: 2px; font-size: 21px; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.detail-grid div { padding: 13px 15px; background: #f5f8fa; border-radius: 12px; }
.detail-grid dt { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.detail-grid dd { margin: 3px 0 0; font-weight: 750; }
.instruction-panel { margin: 20px 0; padding: 15px 17px; border-left: 3px solid var(--teal); background: #f2f9f8; border-radius: 0 11px 11px 0; }
.instruction-panel p { color: var(--muted); }
.known-answer-panel { margin: 22px 0; padding: 20px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; align-items: center; color: #0a4743; background: linear-gradient(135deg, #e3f8f4, #f6fcfb); border: 1px solid #b9e5de; border-radius: 16px; }
.known-answer-label { display: block; margin-bottom: 4px; color: #087f77; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.known-answer-panel h2 { margin: 0; font-size: 20px; }
.known-answer-panel p { margin: 4px 0 0; color: #456d69; }
.known-answer-value { min-width: 120px; padding: 13px 18px; color: #fff; background: linear-gradient(135deg, #0ca398, #087a73); border-radius: 12px; text-align: center; font-size: 21px; }
.known-answer-note { grid-column: 1 / -1; padding-top: 9px; border-top: 1px solid rgba(8,127,119,.16); font-size: 11px; }
.safe-note { max-width: 790px; margin-top: 15px; color: var(--muted); font-size: 12px; }
.entry-browser-shell { margin-top: 26px; overflow: hidden; border: 1px solid #ccdce5; border-radius: 18px; background: #eef4f7; box-shadow: 0 12px 32px rgba(15,39,58,.09); }
.entry-browser-toolbar { min-height: 74px; padding: 12px 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; background: #fff; border-bottom: 1px solid var(--line); }
.browser-address { min-width: 0; flex: 1 1 380px; display: flex; align-items: center; gap: 10px; }
.browser-address > div { min-width: 0; display: flex; flex-direction: column; }
.browser-address strong { font-size: 13px; }
.browser-address span:not(.browser-lock) { max-width: 620px; overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.browser-lock { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; color: #087f79; background: #e1f6f2; border-radius: 10px; }
.browser-toolbar-actions { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.assistant-state { padding: 7px 10px; color: #6b5a22; background: #fff3c9; border-radius: 999px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.assistant-state.ready { color: #12613f; background: #def3e6; }
.assistant-action { min-height: 39px; padding: 8px 11px; font-size: 11px; white-space: nowrap; }
.direct-device-pill { padding: 7px 10px; color: #12613f; background: #def3e6; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.entry-frame-wrap { min-height: 660px; background: #fff; }
.entry-frame { width: 100%; height: 660px; display: block; border: 0; background: #fff; }
.entry-browser-footer { padding: 10px 14px; display: flex; justify-content: space-between; gap: 18px; color: var(--muted); background: #f7fafb; border-top: 1px solid var(--line); font-size: 11px; }
.direct-entry-panel { min-height: 420px; padding: clamp(2rem, 6vw, 5rem); display: grid; place-content: center; justify-items: center; gap: 1.25rem; text-align: center; background: radial-gradient(circle at 50% 15%, rgba(15,170,154,.14), transparent 38%), linear-gradient(145deg,#f8fbfc,#eef6f6); }
.direct-entry-panel > div { max-width: 620px; }
.direct-entry-panel strong { display: block; color: var(--ink); font-size: clamp(1.35rem,2vw,1.8rem); }
.direct-entry-panel p { color: var(--muted); line-height: 1.65; }
.direct-entry-icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; background: linear-gradient(145deg,var(--accent),#087d73); color: #fff; font-size: 2rem; box-shadow: 0 16px 30px rgba(7,131,120,.22); }
.direct-entry-privacy { font-size: .86rem; }
.assistant-dialog { width: min(650px, calc(100% - 28px)); max-height: min(760px, calc(100vh - 40px)); padding: 24px; color: var(--ink); background: #fff; border: 1px solid #bfcfd9; border-radius: 20px; box-shadow: 0 30px 90px rgba(6,31,49,.3); }
.assistant-dialog::backdrop { background: rgba(6,25,39,.56); backdrop-filter: blur(3px); }
.assistant-dialog-head { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.assistant-dialog-head .eyebrow { margin-bottom: 4px; }
.assistant-dialog-status { margin: 14px 0; color: var(--muted); }
.assistant-guidance { padding: 12px 14px; color: #526577; background: #f1f6f8; border: 1px solid #dde8ed; border-radius: 11px; font-size: 12px; }
.assistant-question { padding: 13px 15px; color: #075d58; background: #e8f8f5; border-left: 3px solid var(--teal); border-radius: 0 11px 11px 0; font-weight: 750; }
.assistant-answer { margin: 13px 0; padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #c9e5df; border-radius: 13px; }
.assistant-answer strong { font-size: 18px; }
.email-prep-grid { display: grid; gap: 10px; margin-bottom: 12px; }
.email-prep-grid label { display: grid; gap: 5px; font-size: 11px; font-weight: 800; }
.email-prep-grid textarea { width: 100%; padding: 11px 13px; resize: vertical; color: var(--ink); background: #fbfdfe; border: 1px solid #cbd9e2; border-radius: 11px; font: inherit; }
.undo-panel { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 18px; padding: 10px 12px; border: 1px solid #b8ddd8; border-radius: 10px; background: #eaf7f4; color: #174a47; }
.undo-panel .button { margin: 0; white-space: nowrap; }
.success-note { padding: 10px 12px; border-radius: 10px; background: #eaf7f4; color: #174a47; }
.notes-form { display: grid; gap: 8px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.notes-form label { font-weight: 700; color: var(--ink); }
.notes-form textarea { width: 100%; resize: vertical; }
.notes-form small { color: var(--muted); }
.action-card { padding: 27px; position: sticky; top: 20px; }
.action-card form { margin-top: 18px; display: grid; gap: 9px; }
.control-note { margin-top: 22px; padding-top: 19px; display: flex; flex-direction: column; gap: 4px; color: var(--muted); font-size: 12px; border-top: 1px solid var(--line); }
.control-note strong { color: var(--ink); }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.settings-card { min-height: 220px; padding: 30px; }
.settings-card form { margin-top: 18px; display: grid; gap: 8px; }
.danger-card { border-color: #efc7c4; background: #fffafa; }
.setup-key, .setup-uri { display: block; margin: 14px 0; padding: 12px; overflow-wrap: anywhere; color: #075d58; background: #edf8f6; border-radius: 10px; }
.recovery-card { grid-column: 1 / -1; }
.recovery-codes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.recovery-codes code { padding: 10px; text-align: center; background: #f3f6f8; border-radius: 8px; }
.admin-alert { padding: 10px 14px; color: #8a3d00; background: #fff0d7; border: 1px solid #f2c98b; border-radius: 12px; font-weight: 800; }
.health-list { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.health-row { min-height: 76px; padding: 13px 15px; display: grid; grid-template-columns: minmax(220px, 1fr) 120px repeat(3, minmax(120px, .5fr)); align-items: center; gap: 14px; border-bottom: 1px solid var(--line); }
.health-row:last-child { border-bottom: 0; }
.health-row div { display: flex; flex-direction: column; min-width: 0; }
.health-row div > span { overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.health-row small { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.health-pill { width: max-content; padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; }
.health-healthy { color: #12613f; background: #d5f2e2; }
.health-delayed, .health-neverrun { color: #7a5700; background: #fff1bd; }
.health-requireslogin, .health-failed { color: #8b2c28; background: #f9dddd; }
.health-paused { color: #596a79; background: #e9eef2; }

@media (max-width: 1050px) {
    .stats-grid { grid-template-columns: repeat(3, 1fr); }
    .competition-row { grid-template-columns: minmax(250px, 1fr) 145px 84px 74px; }
    .competition-prize { display: none; }
    .entry-layout { grid-template-columns: 1fr; }
    .action-card { position: static; }
    .desktop-dashboard-grid { grid-template-columns: 205px minmax(0, 1fr); }
    .dashboard-detail-card { grid-column: 1 / -1; position: static; }
    .detail-empty { min-height: 180px; }
}

@media (max-width: 760px) {
    .app-header { align-items: flex-start; }
    .brand small { display: none; }
    .primary-nav a { display: none; }
    .page-shell { width: min(100% - 24px, 1520px); padding: 24px 0; }
    .auth-grid { grid-template-columns: 1fr; gap: 20px; }
    .auth-intro { padding: 8px; }
    .hero-row { align-items: stretch; flex-direction: column; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .desktop-dashboard-grid { grid-template-columns: 1fr; }
    .dashboard-queue-rail, .dashboard-detail-card { grid-column: auto; position: static; }
    .queue-rail-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-filter-bar { grid-template-columns: 1fr; }
    .dashboard-table { overflow-x: auto; }
    .dashboard-table-head, .dashboard-table-row { min-width: 650px; }
    .section-heading { align-items: stretch; flex-direction: column; }
    .view-tabs { overflow-x: auto; }
    .filter-bar { grid-template-columns: 1fr; }
    .competition-list { border: 0; overflow: visible; }
    .competition-row { margin-bottom: 10px; padding: 16px; grid-template-columns: 1fr auto; gap: 10px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
    .competition-main { grid-column: 1 / -1; }
    .competition-close { grid-column: 1; }
    .status-pill { grid-column: 2; grid-row: 2; }
    .row-actions { grid-column: 1 / -1; justify-content: start; }
    .detail-grid, .settings-grid { grid-template-columns: 1fr; }
    .reviewer-demo-grid { grid-template-columns: 1fr; }
    .entry-browser-toolbar, .entry-browser-footer { align-items: stretch; flex-direction: column; }
    .browser-toolbar-actions { align-items: stretch; flex-direction: column; }
    .assistant-state { width: max-content; }
    .direct-device-pill { width: max-content; }
    .known-answer-panel { grid-template-columns: 1fr; }
    .known-answer-value { width: 100%; }
    .known-answer-note { grid-column: auto; }
    .entry-frame-wrap, .entry-frame { min-height: 560px; height: 560px; }
    .health-row { grid-template-columns: 1fr auto; }
    .health-row > div:not(:first-child) { display: none; }
    .site-footer { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Product design refresh */
:root {
    --ink: #0c2538;
    --ink-soft: #2f4658;
    --muted: #66798a;
    --navy: #082b3d;
    --navy-2: #0a4050;
    --teal: #08a99b;
    --teal-bright: #18c7b7;
    --teal-dark: #05756f;
    --line: #dbe5eb;
    --line-strong: #c8d7e0;
    --canvas: #f4f7f9;
    --card: #fff;
    --shadow-sm: 0 2px 8px rgba(9, 39, 57, .045), 0 12px 30px rgba(9, 39, 57, .055);
    --shadow: 0 20px 55px rgba(9, 39, 57, .09);
    --radius: 18px;
}

html { scroll-behavior: smooth; }
body {
    background:
        radial-gradient(circle at 83% -5%, rgba(44, 211, 194, .16), transparent 31rem),
        linear-gradient(180deg, #f7fafb 0, var(--canvas) 26rem);
    font-family: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 15px;
    letter-spacing: -.006em;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: .22;
    pointer-events: none;
    background-image: linear-gradient(rgba(12, 61, 76, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(12, 61, 76, .035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, #000, transparent 72%);
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
    outline: 3px solid rgba(24, 199, 183, .4);
    outline-offset: 3px;
}

.app-header {
    min-height: 76px;
    padding: 10px clamp(20px, 4vw, 72px);
    position: relative;
    z-index: 20;
    color: #fff;
    background: linear-gradient(112deg, #06283b 0%, #0a3447 48%, #07584f 100%);
    border-bottom: 1px solid rgba(116, 233, 220, .24);
    box-shadow: 0 10px 30px rgba(5, 34, 49, .12);
}
.brand { gap: 12px; }
.brand-mark {
    width: 46px;
    height: 46px;
    position: relative;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 15px;
    background: linear-gradient(145deg, #20cfbd, #07988d);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 12px 28px rgba(7, 169, 156, .24);
}
.brand-mark::after { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(255,255,255,.22); border-radius: 10px; }
.brand-mark span { position: relative; z-index: 1; }
.brand-copy strong { font-size: 18px; font-weight: 760; letter-spacing: -.025em; }
.brand-copy small { margin-top: 1px; color: #b9dfe0; font-size: 10.5px; letter-spacing: .01em; }
.primary-nav, .public-nav { gap: 5px; }
.primary-nav a, .nav-button, .public-nav a {
    min-height: 40px;
    padding: 9px 12px;
    display: inline-flex;
    align-items: center;
    color: #d5eaed;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
}
.primary-nav a:hover, .primary-nav a.active, .nav-button:hover, .public-nav a:hover { color: #fff; background: rgba(255,255,255,.075); }
.primary-nav a.active { border-color: rgba(100, 231, 218, .18); box-shadow: inset 0 -2px 0 #47d8ca; }
.public-nav { display: flex; align-items: center; }
.public-nav .header-cta { margin-left: 4px; color: #062d38; background: #fff; box-shadow: 0 7px 20px rgba(0,0,0,.12); }
.public-nav .header-cta:hover { color: #062d38; background: #effffc; }
.mobile-nav { display: none; position: relative; }
.mobile-nav summary { padding: 9px 12px; list-style: none; cursor: pointer; color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; font-weight: 700; }
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav nav { width: 230px; padding: 8px; position: absolute; right: 0; top: calc(100% + 8px); display: grid; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }
.mobile-nav a, .mobile-nav button { width: 100%; padding: 11px 12px; color: var(--ink); background: transparent; border: 0; border-radius: 9px; text-align: left; text-decoration: none; }
.mobile-nav a:hover, .mobile-nav button:hover { background: #eff6f7; }
.mobile-nav form { margin: 0; }

.page-shell { width: min(1600px, calc(100% - clamp(28px, 5vw, 84px))); min-height: calc(100vh - 235px); padding: clamp(34px, 4vw, 58px) 0; }
.public-shell { width: min(1560px, calc(100% - clamp(28px, 6vw, 112px))); }
.card { border-color: rgba(199, 215, 224, .82); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.eyebrow { margin-bottom: 11px; color: var(--teal-dark); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
h1, h2, h3 { color: var(--ink); font-family: "Segoe UI Variable Display", "Segoe UI", sans-serif; }
h1 { font-weight: 760; letter-spacing: -.048em; }
h2 { font-weight: 730; }
h3 { margin: 0; font-size: 19px; letter-spacing: -.025em; }
.muted { color: var(--muted); }

.button { min-height: 46px; padding: 11px 18px; border-radius: 11px; font-weight: 720; letter-spacing: -.01em; }
.button-primary { background: linear-gradient(135deg, #11b8a8, #078d84); box-shadow: 0 9px 24px rgba(8, 151, 140, .23), inset 0 1px 0 rgba(255,255,255,.2); }
.button-primary:hover { background: linear-gradient(135deg, #0fc5b3, #07857d); }
.button-secondary { color: #153348; background: #f1f5f7; border-color: #d4e0e6; }
.button-secondary:hover { background: #e8f0f3; }
.button-ghost { color: var(--ink); background: #fff; border-color: var(--line-strong); box-shadow: var(--shadow-sm); }
.text-link { color: var(--teal-dark); font-weight: 750; text-decoration: none; }
.text-link span { display: inline-block; transition: transform .15s ease; }
.text-link:hover span { transform: translateX(4px); }

/* Public product page */
.landing-hero { min-height: min(760px, calc(100vh - 115px)); padding: clamp(20px, 4vw, 64px) 0 clamp(70px, 8vw, 120px); display: grid; grid-template-columns: minmax(390px, .82fr) minmax(560px, 1.18fr); align-items: center; gap: clamp(44px, 6vw, 100px); }
.landing-copy h1 { max-width: 750px; font-size: clamp(48px, 5.8vw, 82px); line-height: 1.01; }
.landing-copy h1 span { color: var(--teal-dark); }
.landing-copy > p { max-width: 680px; margin: 25px 0 0; color: var(--muted); font-size: clamp(17px, 1.4vw, 20px); line-height: 1.7; }
.landing-actions { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 11px; }
.hero-assurances { margin-top: 27px; display: flex; flex-wrap: wrap; gap: 10px 20px; color: var(--ink-soft); font-size: 12px; font-weight: 650; }
.hero-assurances span { display: flex; align-items: center; gap: 7px; }
.hero-assurances b { width: 20px; height: 20px; display: grid; place-items: center; color: #05766e; background: #d9f4ef; border-radius: 50%; font-size: 10px; }
.product-preview { overflow: hidden; transform: perspective(1200px) rotateY(-2.5deg) rotateX(1deg); background: #fff; border: 1px solid #ccdce3; border-radius: 24px; box-shadow: 0 35px 90px rgba(4, 45, 62, .18), 0 8px 22px rgba(4, 45, 62, .09); }
.preview-window-bar { height: 47px; padding: 0 16px; display: flex; align-items: center; gap: 7px; background: #f6f8f9; border-bottom: 1px solid #dce5e9; }
.preview-window-bar i { width: 9px; height: 9px; display: block; background: #c8d3d9; border-radius: 50%; }
.preview-window-bar i:first-child { background: #ff8e85; }.preview-window-bar i:nth-child(2) { background: #f2c45a; }.preview-window-bar i:nth-child(3) { background: #6ecb9b; }
.preview-window-bar span { margin-left: 10px; padding: 6px 14px; flex: 1; color: #82909a; background: #fff; border: 1px solid #e0e7ea; border-radius: 8px; font-size: 10px; }
.preview-body { min-height: 420px; display: grid; grid-template-columns: 180px 1fr; }
.preview-body aside { padding: 25px 16px; display: flex; flex-direction: column; gap: 8px; color: #d8ebed; background: linear-gradient(165deg, #082e43, #07574f); }
.preview-body aside > strong { margin: 0 7px 12px; color: #fff; font-size: 15px; }
.preview-body aside span { padding: 10px; display: flex; justify-content: space-between; gap: 10px; border-radius: 9px; font-size: 10px; }
.preview-body aside span.active { color: #fff; background: rgba(42, 211, 193, .18); box-shadow: inset 3px 0 0 #37d9c8; }
.preview-body aside b { color: #9ef0e7; }
.preview-content { padding: 28px; background: #f8fafb; }
.preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.preview-heading div { display: grid; }.preview-heading small, .preview-stats small { color: #0a877e; font-size: 8px; font-weight: 800; letter-spacing: .1em; }.preview-heading strong { margin-top: 4px; font-size: 20px; }
.preview-heading button { padding: 9px 13px; color: #fff; background: #09a597; border: 0; border-radius: 9px; font-size: 10px; font-weight: 800; }
.preview-stats { margin: 20px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.preview-stats span { padding: 13px; display: grid; background: #fff; border: 1px solid #e0e8ec; border-radius: 11px; box-shadow: 0 5px 16px rgba(15,49,66,.04); }.preview-stats b { margin-top: 5px; font-size: 21px; }
.preview-list { overflow: hidden; background: #fff; border: 1px solid #dce5e9; border-radius: 12px; }
.preview-list span { min-height: 64px; padding: 13px 15px; display: grid; border-bottom: 1px solid #e7edef; }.preview-list span:last-child { border-bottom: 0; }.preview-list b { font-size: 11px; }.preview-list small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.landing-section { padding: clamp(70px, 8vw, 120px) 0; }
.section-intro { max-width: 800px; margin-bottom: 45px; }
.section-intro h2, .trust-panel h2, .landing-cta h2 { font-size: clamp(34px, 4vw, 57px); line-height: 1.08; }
.section-intro p { max-width: 700px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.feature-grid article { min-height: 265px; padding: clamp(25px, 3vw, 38px); position: relative; overflow: hidden; background: rgba(255,255,255,.9); border: 1px solid var(--line); border-radius: 19px; box-shadow: var(--shadow-sm); }
.feature-grid article::after { content: ""; width: 110px; height: 110px; position: absolute; right: -45px; bottom: -45px; background: #d9f4f0; border-radius: 50%; }
.feature-number { width: 43px; height: 43px; margin-bottom: 45px; display: grid; place-items: center; color: #05776f; background: #e2f7f4; border-radius: 12px; font-size: 12px; font-weight: 850; }
.feature-grid p { max-width: 400px; color: var(--muted); line-height: 1.7; }
.trust-panel { padding: clamp(40px, 6vw, 80px); display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(40px, 8vw, 120px); color: #fff; background: linear-gradient(130deg, #072b40, #0a4250 62%, #08675b); border: 1px solid rgba(94, 227, 212, .22); border-radius: 27px; box-shadow: 0 30px 70px rgba(6,40,55,.18); }
.trust-panel .eyebrow { color: #6ee5da; }.trust-panel h2 { color: #fff; }.trust-copy p { color: #c9e0e3; font-size: 17px; line-height: 1.8; }.trust-panel .text-link { color: #72ece1; }
.landing-cta { margin: clamp(70px, 9vw, 130px) 0 45px; padding: clamp(50px, 7vw, 90px); text-align: center; background: linear-gradient(145deg, rgba(223,247,243,.88), rgba(255,255,255,.9)); border: 1px solid #cce7e3; border-radius: 27px; box-shadow: var(--shadow-sm); }
.landing-cta h2 { max-width: 900px; margin: 0 auto 30px; }

/* Signed-in workspace */
.dashboard-hero { margin-bottom: 28px; align-items: center; }
.dashboard-hero h1 { max-width: 980px; font-size: clamp(38px, 4.2vw, 60px); }
.dashboard-hero p { max-width: 820px; margin-top: 12px; font-size: 17px; line-height: 1.6; }
.stats-grid { gap: 12px; }
.stat-card { min-height: 128px; padding: 20px 21px; border-radius: 16px; box-shadow: var(--shadow-sm); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.stat-card:hover { transform: translateY(-2px); border-color: #b9d9d5; box-shadow: 0 14px 35px rgba(9, 51, 67, .1); }
.stat-card::after { width: 68px; height: 68px; right: -25px; top: -25px; }
.stat-card span { font-size: 12px; }.stat-card strong { margin: 7px 0; font-size: 34px; font-variant-numeric: tabular-nums; }.stat-card small { max-width: 160px; color: #718595; font-size: 10.5px; }
.desktop-dashboard-grid { grid-template-columns: 215px minmax(600px, 1fr) 340px; gap: 15px; }
.dashboard-queue-rail { padding: 19px 13px 15px; border-radius: 17px; }
.queue-rail-heading h2 { font-size: 24px; }
.dashboard-queue-rail h2 { color: #fff; }
.queue-rail-nav a { min-height: 45px; padding: 10px 11px; font-size: 12px; }
.queue-filter-note span { font-size: 10.5px; }
.dashboard-table-card { padding: 18px; }
.dashboard-table-title h2 { font-size: 27px; text-transform: none; }
.results-count { padding: 7px 10px; color: #476072; background: #edf3f6; font-size: 10.5px; }
.dashboard-filter-bar input, .dashboard-filter-bar select { font-size: 12.5px; }
.dashboard-table-head, .dashboard-table-row { grid-template-columns: minmax(250px, 1.55fr) 120px 125px 78px; }
.dashboard-table-head { min-height: 40px; padding-inline: 14px; }
.dashboard-table-row { min-height: 67px; padding: 10px 14px; }
.dashboard-row-main strong { font-size: 13px; }.dashboard-row-main small, .dashboard-row-close small, .dashboard-row-entry small { font-size: 10.5px; }.dashboard-row-close strong, .dashboard-row-entry strong { font-size: 12.5px; }
.dashboard-detail-card { padding: 24px; border-radius: 17px; }.dashboard-detail-card h2 { font-size: 25px; }.detail-description { max-height: 125px; font-size: 12px; }.detail-facts dd { font-size: 11.5px; }.detail-action-grid .button { min-height: 40px; }
.status-pill { letter-spacing: .01em; }
.status-new { color: #155c7b; background: #e0f0f7; }.status-entered { color: #0c6841; background: #d9f3e5; }.status-saved { color: #765500; background: #fff0b8; }.status-ignored { color: #8b2d2d; background: #f9dddd; }

.entry-card { border-radius: 21px; }.entry-card h1 { max-width: 980px; font-size: clamp(38px, 4vw, 62px); }.entry-description { line-height: 1.7; }.entry-browser-shell { border-radius: 17px; }.action-card { border-radius: 17px; }.safe-note strong { color: var(--ink); }
.policy-card { border-radius: 23px; }.policy-card > h1 { max-width: 820px; }.support-page section { margin-top: 42px; }.support-steps > div { padding: 19px; }.support-faq details { box-shadow: 0 3px 12px rgba(11,45,60,.025); }
.support-hero-actions { margin: 25px 0 8px; display: flex; flex-wrap: wrap; gap: 10px; }
.support-review-status { margin: 0 0 22px; color: var(--muted); font-size: 12px; }
.settings-card { border-radius: 17px; }.auth-card { border-radius: 21px; }.auth-intro h1 { font-size: clamp(44px, 5.5vw, 72px); }.auth-intro p { line-height: 1.7; }

.site-footer { padding: 38px clamp(20px, 5vw, 84px); display: grid; grid-template-columns: minmax(250px, 1fr) auto minmax(260px, .8fr); align-items: start; gap: 50px; color: #bcd1d5; background: #082c3d; border-top: 1px solid #18495a; }
.footer-brand { display: flex; align-items: center; gap: 12px; }.footer-mark { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: #0eb4a5; border-radius: 11px; }.footer-brand div { display: grid; }.footer-brand strong { color: #fff; }.footer-brand span { margin-top: 2px; font-size: 11px; }
.footer-links { display: flex; gap: clamp(35px, 5vw, 75px); }.footer-links div { display: grid; align-content: start; gap: 6px; }.footer-links strong { margin-bottom: 4px; color: #fff; font-size: 12px; }.footer-links a { color: #bcd1d5; font-size: 12px; font-weight: 500; text-decoration: none; }.footer-links a:hover { color: #6ce6da; }
.footer-disclaimer { max-width: 420px; margin: 0; color: #9bb8bd; font-size: 11px; line-height: 1.65; }

@media (max-width: 1200px) {
    .admin-statistics-grid { grid-template-columns: repeat(3, 1fr); }
    .analytics-layout { grid-template-columns: 1fr; }
    .operational-grid { grid-template-columns: repeat(2, 1fr); }
    .landing-hero { grid-template-columns: 1fr; }
    .landing-copy { max-width: 880px; }
    .product-preview { width: min(900px, 100%); transform: none; }
    .desktop-dashboard-grid { grid-template-columns: 205px minmax(0, 1fr); }
    .dashboard-detail-card { grid-column: 1 / -1; position: static; }
    .site-footer { grid-template-columns: 1fr 1fr; }.footer-disclaimer { grid-column: 1 / -1; }
}

@media (max-width: 850px) {
    .primary-nav { display: none; }.mobile-nav { display: block; }
    .public-nav a:first-child { display: none; }
    .feature-grid { grid-template-columns: 1fr; }.feature-grid article { min-height: 220px; }.feature-number { margin-bottom: 28px; }
    .trust-panel { grid-template-columns: 1fr; }
    .desktop-dashboard-grid { grid-template-columns: 1fr; }.dashboard-queue-rail { position: static; }.queue-rail-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .app-header { min-height: 68px; padding: 9px 14px; }.brand-mark { width: 42px; height: 42px; }.brand-copy strong { font-size: 15px; }.brand-copy small { display: none; }
    .public-nav > a:not(.header-cta) { display: none; }.public-nav .header-cta { min-height: 38px; padding: 8px 10px; font-size: 10.5px; white-space: nowrap; }
    .page-shell, .public-shell { width: min(100% - 22px, 1600px); padding: 28px 0; }
    .landing-hero { min-height: auto; padding: 35px 0 65px; grid-template-columns: minmax(0,1fr); gap: 50px; }.landing-copy h1 { font-size: clamp(42px, 13vw, 61px); }.landing-copy > p { font-size: 17px; }.landing-actions .button { width: 100%; }
    .product-preview { border-radius: 17px; }.preview-body { min-height: 340px; grid-template-columns: 1fr; }.preview-body aside { display: none; }.preview-content { padding: 19px; }.preview-stats { grid-template-columns: repeat(3, 1fr); }.preview-stats span { padding: 10px; }.preview-stats b { font-size: 17px; }
    .landing-section { padding: 60px 0; }.trust-panel, .landing-cta { padding: 34px 24px; border-radius: 20px; }
    .dashboard-hero h1 { font-size: 39px; }.stats-grid { grid-template-columns: 1fr 1fr; }.stat-card { min-height: 118px; padding: 16px; }.stat-card strong { font-size: 29px; }
    .admin-statistics-grid { grid-template-columns: 1fr 1fr; }.analytics-card, .operational-summary { padding: 16px; }.trend-chart { min-width: 620px; }.analytics-trend-card { overflow-x: auto; }.operational-grid { grid-template-columns: 1fr; }
    .queue-rail-nav { grid-template-columns: 1fr; }.dashboard-table-card { padding: 12px; }.dashboard-table-title { align-items: start; }.dashboard-filter-bar { grid-template-columns: 1fr; }
    .site-footer { padding: 32px 22px; grid-template-columns: 1fr; gap: 30px; }.footer-links { grid-column: auto; justify-content: space-between; }.footer-disclaimer { grid-column: auto; }
}