:root { --ink:#080a0f; --panel:#fff; --bg:#f2f4f7; --line:#dde1e7; --red:#e9162b; --blue:#1687d9; --muted:#66707e; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Be Vietnam Pro", sans-serif; color: var(--ink); background: var(--bg); font-size: 15px; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.admin-body { min-height: 100vh; }
.admin-topbar { min-height: 78px; display: flex; align-items: center; gap: 34px; padding: 0 28px; color: white; background: #080a0f; border-bottom: 3px solid var(--red); }
.admin-brand { display: flex; align-items: center; gap: 10px; }
.admin-brand img { width: 48px; height: 48px; object-fit: contain; background: white; }
.admin-brand span { display: grid; line-height: 1.05; }
.admin-brand strong { font-family: Oswald, sans-serif; letter-spacing: .07em; }
.admin-brand small { margin-top: 5px; color: var(--red); font-size: .58rem; font-weight: 800; letter-spacing: .17em; }
.admin-topbar nav { display: flex; gap: 24px; margin-left: 10px; }
.admin-topbar nav a { color: rgba(255,255,255,.68); font-size: .82rem; font-weight: 700; }
.admin-topbar nav a:hover { color: white; }
.admin-account { display: flex; align-items: center; gap: 15px; margin-left: auto; }
.admin-account > span { display: grid; text-align: right; line-height: 1.25; }
.admin-account small { color: rgba(255,255,255,.45); font-size: .68rem; }
.admin-account button { padding: 8px 12px; color: white; background: transparent; border: 1px solid rgba(255,255,255,.22); border-radius: 5px; font-size: .72rem; }
.admin-notifications { position: relative; }
.admin-notifications > summary { position: relative; width: 38px; height: 38px; display: grid; place-items: center; color: white; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; cursor: pointer; list-style: none; }
.admin-notifications > summary::-webkit-details-marker { display: none; }
.admin-notifications svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.admin-notifications i { position: absolute; top: -7px; right: -7px; min-width: 19px; height: 19px; display: grid; place-items: center; padding: 0 4px; color: white; background: var(--red); border-radius: 999px; font-size: .55rem; font-style: normal; font-weight: 900; }
.admin-notifications__panel { position: absolute; z-index: 30; top: calc(100% + 12px); right: -54px; width: min(360px, calc(100vw - 24px)); color: var(--ink); background: white; border-top: 4px solid var(--red); box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.admin-notifications__panel > strong { display: block; padding: 14px 16px; font-family: Oswald,sans-serif; text-transform: uppercase; border-bottom: 1px solid var(--line); }
.admin-notifications__panel > a { position: relative; display: grid; gap: 3px; padding: 13px 16px 13px 27px; border-bottom: 1px solid var(--line); }
.admin-notifications__panel > a::before { content: ""; position: absolute; left: 12px; top: 19px; width: 7px; height: 7px; background: #aeb5be; border-radius: 50%; }
.admin-notifications__panel > a.is-unread { background: #f3f8fc; }
.admin-notifications__panel > a.is-unread::before { background: var(--red); }
.admin-notifications__panel b { font-size: .73rem; }
.admin-notifications__panel span { color: var(--muted); font-size: .66rem; line-height: 1.45; }
.admin-notifications__panel p { margin: 0; padding: 24px 16px; color: var(--muted); font-size: .72rem; text-align: center; }
.admin-menu { display: none; }
.admin-main { width: min(1160px, calc(100% - 40px)); margin: 42px auto 80px; }
.page-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 26px; }
.page-head p { margin: 0 0 4px; color: var(--red); font-size: .72rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.page-head h1 { margin: 0; font-family: Oswald, sans-serif; font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1; text-transform: uppercase; }
.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; color: white; background: var(--red); border: 1px solid var(--red); border-radius: 5px; font-weight: 800; }
.button--secondary { color: var(--ink); background: white; border-color: var(--line); }
.button--danger { background: #9f1421; border-color: #9f1421; }
.button--small { min-height: 34px; padding-inline: 11px; font-size: .75rem; }
.notice { margin-bottom: 22px; padding: 14px 17px; background: white; border-left: 4px solid var(--blue); }
.notice--success { border-color: #198754; }
.notice--error { border-color: var(--red); }
.stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.stat-card { padding: 24px; background: var(--panel); border: 1px solid var(--line); }
.stat-card span { color: var(--muted); font-size: .75rem; font-weight: 700; }
.stat-card strong { display: block; margin-top: 10px; font-family: Oswald, sans-serif; font-size: 2.6rem; line-height: 1; }
.stat-card--attention { border-top: 4px solid var(--red); }
.admin-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 18px; margin-top: 18px; }
.panel { background: var(--panel); border: 1px solid var(--line); }
.panel__head { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 66px; padding: 0 22px; border-bottom: 1px solid var(--line); }
.panel__head h2 { margin: 0; font-size: 1rem; }
.panel__body { padding: 22px; }
.quick-list { display: grid; gap: 11px; }
.quick-list a { display: flex; align-items: center; justify-content: space-between; padding: 15px; background: var(--bg); font-weight: 700; }
.quick-list small { color: var(--muted); }
.permission-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.permission-list li { padding-left: 16px; border-left: 3px solid var(--line); }
.permission-list b { display: block; }
.permission-list span { color: var(--muted); font-size: .82rem; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th, .data-table td { padding: 14px 16px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.data-table th { color: var(--muted); background: #fafbfc; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.data-table tr:last-child td { border-bottom: 0; }
.data-table td strong { display: block; }
.data-table td small { color: var(--muted); }
.row-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.row-actions form { margin: 0; }
.row-actions .button:disabled { opacity: .4; cursor: not-allowed; }
.status { display: inline-flex; padding: 4px 8px; border-radius: 999px; color: #5f4800; background: #fff3c4; font-size: .68rem; font-weight: 800; }
.status--published { color: #08723d; background: #dff8eb; }
.status--pending { color: #075c9e; background: #e0f1ff; }
.form-panel { max-width: 900px; padding: 28px; background: white; border: 1px solid var(--line); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.field { display: grid; gap: 7px; }
.field--full { grid-column: 1 / -1; }
.field label { font-weight: 700; }
.field small { color: var(--muted); }
.field input, .field textarea, .field select { width: 100%; padding: 12px 13px; color: var(--ink); background: white; border: 1px solid #cbd1d9; border-radius: 4px; outline: 0; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(22,135,217,.12); }
.password-field { position: relative; }
.field .password-field input { padding-right: 48px; }
.password-toggle { position: absolute; top: 50%; right: 6px; width: 36px; height: 36px; display: grid; place-items: center; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 4px; cursor: pointer; transform: translateY(-50%); }
.password-toggle:hover, .password-toggle:focus-visible { color: var(--blue); background: rgba(22,135,217,.08); outline: 0; }
.password-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.password-toggle__hide, .password-toggle[aria-pressed="true"] .password-toggle__show { display: none; }
.password-toggle[aria-pressed="true"] .password-toggle__hide { display: block; }
.field textarea { min-height: 240px; resize: vertical; }
.form-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.article-editor { overflow: hidden; border: 1px solid #cbd1d9; background: #f7f8fa; }
.article-editor__toolbar { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; padding: 13px; background: #0d1724; }
.article-editor__toolbar button { min-height: 36px; padding: 0 13px; color: white; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.2); border-radius: 4px; font-size: .73rem; font-weight: 800; }
.article-editor__toolbar button:hover { background: var(--red); border-color: var(--red); }
.article-editor__hint { margin: 0; padding: 13px 16px; color: var(--muted); background: white; border-bottom: 1px solid var(--line); font-size: .76rem; }
.article-editor__blocks { display: grid; gap: 11px; padding: 14px; }
.editor-block { padding: 16px; background: white; border: 1px solid var(--line); border-left: 4px solid #94a0ae; }
.editor-block--heading { border-left-color: var(--red); }
.editor-block--image { border-left-color: var(--blue); }
.editor-block--video { border-left-color: #6a43b8; }
.editor-block__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.editor-block__head strong { font-size: .77rem; letter-spacing: .05em; text-transform: uppercase; }
.editor-block__head > div { display: flex; flex-wrap: wrap; gap: 5px; }
.editor-block__head button { min-height: 30px; padding: 0 9px; color: var(--muted); background: #f5f6f8; border: 1px solid var(--line); border-radius: 4px; font-size: .67rem; font-weight: 800; }
.editor-block__head button[data-remove-block] { color: #9f1421; }
.editor-block textarea, .editor-block > input:not([type="hidden"]), .editor-block__url input { width: 100%; padding: 12px 13px; color: var(--ink); background: white; border: 1px solid #cbd1d9; border-radius: 4px; outline: 0; }
.editor-block textarea { resize: vertical; }
.editor-block--heading textarea { font-size: 1.08rem; font-weight: 800; }
.editor-block__current { display: flex; gap: 10px; margin-bottom: 10px; padding: 9px 11px; background: #edf5fb; font-size: .72rem; }
.editor-block__current span { color: var(--muted); font-weight: 800; }
.editor-block__current a { min-width: 0; overflow: hidden; color: #075c9e; text-overflow: ellipsis; white-space: nowrap; }
.editor-block__file, .editor-block__url { display: grid; gap: 6px; margin-bottom: 10px; color: var(--muted); font-size: .72rem; font-weight: 700; }
.youtube-preview { margin: 4px 0 10px; }
.youtube-preview[hidden] { display: none; }
.youtube-preview img { display: block; width: 100%; max-width: 320px; aspect-ratio: 16/9; object-fit: cover; background: #0b0f15; border: 1px solid var(--line); border-radius: 4px; }
.editor-block__file input { width: 100%; padding: 10px; background: #fafbfc; border: 1px dashed #b7bec8; }
.login-page { min-height: 100vh; display: grid; grid-template-columns: 1.16fr .84fr; background: #080a0f; }
.login-art { position: relative; min-height: 720px; padding: 48px 54px; color: white; background: radial-gradient(circle at 78% 40%, rgba(22,135,217,.28), transparent 31%), linear-gradient(140deg,#070a10 12%,#10243a 100%); overflow: hidden; isolation: isolate; }
.login-art::before { content:""; position:absolute; inset:0; z-index:-3; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(135deg,#000,transparent 72%); }
.login-art::after { content:""; position:absolute; z-index:-1; width:72%; height:34%; right:-12%; bottom:-18%; background:linear-gradient(135deg,#f31b35,#b80d21); border-radius:50% 46% 0 0; transform:rotate(-7deg); box-shadow:0 -1px 0 rgba(255,255,255,.2); }
.login-art__copy { position:absolute; z-index:3; top:22%; left:54px; width:min(500px,55%); }
.login-art__eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 18px; color:#80caff; font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.login-art__eyebrow::before { content:""; width:38px; height:4px; background:var(--red); }
.login-art h1 { max-width:500px; margin:0 0 22px; font-family:Oswald,sans-serif; font-size:clamp(4rem,4.5vw,5.25rem); line-height:.9; letter-spacing:-.025em; text-transform:uppercase; text-wrap:balance; }
.login-art h1 span { color:var(--red); }
.login-art__lead { max-width:470px; margin:0; color:rgba(255,255,255,.76); font-size:.92rem; line-height:1.8; }
.login-art__rhythm { display:flex; align-items:center; gap:11px; margin:22px 0 0; color:white; font-size:.72rem; font-weight:800; letter-spacing:.055em; text-transform:uppercase; }
.login-art__rhythm span { position:relative; width:42px; height:2px; background:var(--red); }
.login-art__rhythm span::after { content:""; position:absolute; top:50%; left:50%; width:9px; height:9px; background:var(--red); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 0 rgba(233,22,43,.5); animation:loginPulse 1.8s ease-out infinite; }
.login-art__team { position:absolute; z-index:1; right:-2%; bottom:0; width:min(48%,510px); max-height:75%; object-fit:contain; object-position:right bottom; filter:drop-shadow(0 22px 30px rgba(0,0,0,.35)); }
.login-art__copy::after { content:""; position:absolute; z-index:-1; inset:-34px -56px -38px -30px; background:linear-gradient(90deg,rgba(7,10,16,.96) 45%,rgba(7,10,16,.48) 78%,transparent); filter:blur(7px); }
.login-form-wrap { display:grid; place-items:center; padding:38px 42px; background:white; }
.login-form-shell { width:min(520px,100%); }
.login-form-brand { display:flex; align-items:center; justify-content:center; gap:22px; width:min(100%,520px); margin:0 auto 58px; perspective:900px; }
.login-form-brand__symbol { flex:0 0 112px; display:grid; place-items:center; width:112px; height:112px; perspective:260px; transform-origin:center center; will-change:transform; animation:loginSymbolTurn 5s cubic-bezier(.56,.04,.3,1) infinite; }
.login-form-brand__symbol img { display:block; width:100%; height:100%; object-fit:contain; }
.login-form-brand__name { position:relative; min-width:0; display:grid; overflow:hidden; line-height:1; }
.login-form-brand__name::after { content:""; position:absolute; z-index:2; top:-20%; bottom:-20%; left:-52%; width:34%; pointer-events:none; background:linear-gradient(100deg,transparent,rgba(255,255,255,.15) 22%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.2) 78%,transparent); transform:skewX(-16deg); mix-blend-mode:screen; will-change:left,opacity; animation:loginBrandShine 5s linear infinite; }
.login-form-brand__name strong { justify-self:start; color:#0b477f; font-family:Oswald,sans-serif; font-size:2.85rem; letter-spacing:.045em; white-space:nowrap; }
.login-form-brand__name small { display:block; justify-self:start; width:max-content; margin-top:11px; color:var(--red); font-size:.69rem; font-weight:800; letter-spacing:.14em; white-space:nowrap; transform:scaleX(1.232); transform-origin:left center; }
.login-form { width: min(440px,100%); }
.login-form-shell .login-form { margin-inline:auto; }
.login-form h2 { margin: 0; font-size: 1.8rem; }
.login-form > p { margin: 8px 0 28px; color: var(--muted); }
.login-form .field { margin-bottom: 16px; }
.login-form .button { width: 100%; margin-top: 6px; }
.login-help { margin-top: 22px; padding: 14px; color: var(--muted); background: var(--bg); font-size: .78rem; }
.login-back { display: inline-block; margin-top: 20px; color: var(--red); font-weight: 700; }
@keyframes loginPulse { 70%,100% { box-shadow:0 0 0 12px rgba(233,22,43,0); } }
@keyframes loginSymbolTurn { 0%,4% { transform:rotateY(0deg); } 17% { transform:rotateY(360deg); } 100% { transform:rotateY(360deg); } }
@keyframes loginBrandShine { 0%,18% { left:-52%; opacity:0; } 20% { opacity:1; } 54% { left:118%; opacity:.95; } 57%,100% { left:118%; opacity:0; } }
@media (prefers-reduced-motion:reduce) {
  .login-art__rhythm span::after, .login-form-brand__symbol, .login-form-brand__name::after { animation:none; }
}
.empty-state { padding: 50px 20px; text-align: center; color: var(--muted); }
.highlight-admin-list { display: grid; gap: 16px; }
.highlight-admin-card { position: relative; display: grid; grid-template-columns: 72px 1fr auto; gap: 22px; padding: 24px; background: white; border: 1px solid var(--line); scroll-margin-top: 24px; }
.highlight-admin-card:target { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(22,135,217,.12); }
.highlight-admin-card__number { color: #d9dde3; font-family: Oswald,sans-serif; font-size: 2.7rem; font-weight: 700; line-height: 1; }
.content-page-head span { display:block; max-width:720px; margin-top:10px; color:var(--muted); font-size:.82rem; }
.content-tabs { display:flex; gap:8px; margin-bottom:22px; padding:7px; overflow-x:auto; background:white; border:1px solid var(--line); }
.content-tabs a { flex:0 0 auto; padding:10px 13px; color:var(--muted); border-radius:4px; font-size:.72rem; font-weight:800; }
.content-tabs a:hover,.content-tabs a.is-active { color:white; background:var(--blue); }
.site-content-form { display:grid; gap:18px; padding-bottom:90px; }
.site-content-form__intro { padding:20px 22px; color:white; background:linear-gradient(120deg,#08111d,#123655); border-left:5px solid var(--red); }
.site-content-form__intro strong { font-family:Oswald,sans-serif; font-size:1.45rem; text-transform:uppercase; }
.site-content-form__intro p { max-width:800px; margin:6px 0 0; color:rgba(255,255,255,.65); font-size:.76rem; }
.content-group,.content-collection { padding:22px; background:white; border:1px solid var(--line); box-shadow:0 8px 24px rgba(10,22,36,.035); }
.content-group h3 { margin:0 0 16px; font-size:.84rem; letter-spacing:.05em; text-transform:uppercase; }
.content-depth-1.content-group,.content-depth-2.content-group,.content-depth-3.content-group { grid-column:1/-1; padding:16px; background:#f7f9fb; box-shadow:none; }
.content-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.content-field { min-width:0; display:grid; align-content:start; gap:6px; }
.content-field--full { grid-column:1/-1; }
.content-field > span { color:#4d5663; font-size:.7rem; font-weight:800; }
.content-field input,.content-field textarea,.content-field select { width:100%; padding:10px 11px; color:var(--ink); background:white; border:1px solid #cbd1d9; border-radius:4px; font:inherit; font-size:.76rem; line-height:1.55; }
.content-field textarea { resize:vertical; }
.content-field input:focus,.content-field textarea:focus,.content-field select:focus { outline:0; border-color:var(--blue); box-shadow:0 0 0 3px rgba(22,135,217,.12); }
.content-field small { color:var(--muted); font-size:.64rem; }
.content-image-preview { width:100%; max-width:240px; max-height:170px; padding:7px; background:#f4f6f8; border:1px solid var(--line); object-fit:contain; }
.content-collection__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.content-collection__head > div { display:grid; }
.content-collection__head strong { font-size:.88rem; }
.content-collection__head small { color:var(--muted); font-size:.66rem; }
.content-item { margin-top:10px; background:white; border:1px solid var(--line); }
.site-content-form [id^="content-"] { scroll-margin-top:24px; }
.site-content-form [id^="content-"]:target { outline:3px solid var(--blue); outline-offset:4px; animation:contentTargetFlash 2.4s ease-out; }
@keyframes contentTargetFlash { from { box-shadow:0 0 0 12px rgba(22,135,217,.28); } to { box-shadow:0 0 0 0 rgba(22,135,217,0); } }
.content-item > summary { display:flex; align-items:center; gap:12px; padding:13px 15px; cursor:pointer; list-style:none; }
.content-item > summary::-webkit-details-marker { display:none; }
.content-item > summary span { color:var(--red); font-family:Oswald,sans-serif; font-size:1.25rem; }
.content-item > summary strong { font-size:.77rem; }
.content-item__body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:17px; border-top:1px solid var(--line); }
.content-item__body > .content-group,.content-item__body > .content-collection { grid-column:1/-1; }
.content-item__actions { grid-column:1/-1; display:flex; justify-content:flex-end; gap:7px; padding-top:10px; border-top:1px solid var(--line); }
.content-item__actions button { padding:7px 10px; color:var(--blue-deep); background:white; border:1px solid #cbd1d9; border-radius:4px; font-size:.65rem; font-weight:800; }
.content-item__actions button.is-danger { color:#a10d20; border-color:#efb7bf; }
.content-item__actions button:disabled { opacity:.35; }
.sticky-save { position:sticky; z-index:15; bottom:14px; display:flex; align-items:center; justify-content:flex-end; gap:20px; padding:14px 16px; background:rgba(255,255,255,.94); border:1px solid var(--line); box-shadow:0 16px 38px rgba(7,18,31,.16); backdrop-filter:blur(9px); }
.sticky-save span { margin-right:auto; color:var(--muted); font-size:.72rem; }
.highlight-admin-card__form { min-width: 0; }
.highlight-admin-card__form .form-actions { margin-top: 16px; padding-top: 16px; }
.highlight-admin-card__actions { display: flex; align-items: flex-start; gap: 7px; }
.highlight-admin-card__actions form { margin: 0; }
.lead-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.lead-filters a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; color: var(--muted); background: white; border: 1px solid var(--line); font-size: .76rem; font-weight: 700; }
.lead-filters a.is-active { color: white; background: #0b2744; border-color: #0b2744; }
.lead-filters b { min-width: 23px; padding: 1px 5px; text-align: center; background: rgba(128,128,128,.15); border-radius: 999px; }
.lead-list { display: grid; gap: 14px; }
.lead-card { display: grid; grid-template-columns: .65fr 1.2fr .85fr; background: white; border: 1px solid var(--line); border-left: 5px solid #aeb5bf; }
.lead-card--new { border-left-color: var(--red); }
.lead-card--contacted { border-left-color: var(--blue); }
.lead-card--scheduled { border-left-color: #d99a00; }
.lead-card--enrolled { border-left-color: #17864d; }
.lead-card__identity, .lead-card__details, .lead-card__form { padding: 22px; }
.lead-card__identity, .lead-card__details { border-right: 1px solid var(--line); }
.lead-card__identity > span { color: var(--muted); font-size: .68rem; }
.lead-card__identity h2 { margin: 8px 0 4px; font-size: 1.15rem; }
.lead-card__identity > a { display: table; color: #075c9e; border-bottom: 1px solid currentColor; font-weight: 800; }
.lead-card__identity > b { display: table; margin-top: 17px; padding: 4px 8px; color: #5f4800; background: #fff3c4; font-size: .68rem; }
.lead-card__details { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 0; }
.lead-card__details div { min-width: 0; }
.lead-card__details dt { color: var(--muted); font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.lead-card__details dd { margin: 4px 0 0; overflow-wrap: anywhere; font-size: .8rem; }
.lead-card__form { display: grid; gap: 12px; align-content: start; }
.lead-card__form label { display: grid; gap: 5px; font-size: .7rem; font-weight: 800; }
.lead-card__form select, .lead-card__form textarea { width: 100%; padding: 9px; border: 1px solid #cbd1d9; border-radius: 4px; font-size: .76rem; }
.lead-card__form textarea { resize: vertical; }

@media (max-width: 900px) {
  .admin-topbar { gap: 14px; }
  .admin-menu { display: block; margin-left: auto; padding: 7px 11px; color: white; background: transparent; border: 1px solid rgba(255,255,255,.25); }
  .admin-topbar nav { position: absolute; display: none; flex-direction: column; top: 78px; left: 0; right: 0; margin: 0; padding: 18px 28px; background: #12151c; z-index: 10; }
  .admin-topbar nav.is-open { display: flex; }
  .admin-account { margin-left: 0; }
  .admin-account > span { display: none; }
  .admin-notifications__panel { right: -74px; }
  .stat-grid { grid-template-columns: repeat(2,1fr); }
  .admin-grid { grid-template-columns: 1fr; }
  .login-page { grid-template-columns: 1fr; }
  .login-art { min-height: 590px; padding: 36px 38px; }
  .login-art__copy { top:23%; left:38px; width:min(500px,64%); }
  .login-art__team { right:-2%; width:min(46%,410px); max-height:70%; opacity:.88; }
  .login-form-brand { width:min(100%,480px); margin-bottom:42px; }
  .login-form-brand__symbol { flex-basis:96px; width:96px; height:96px; }
  .login-form-brand__name strong { font-size:2.5rem; }
  .login-form-brand__name small { font-size:.61rem; }
  .login-form-brand__name small { transform:scaleX(1.222); }
  .lead-card { grid-template-columns: 1fr 1fr; }
  .lead-card__details { border-right: 0; }
  .lead-card__form { grid-column: 1 / -1; border-top: 1px solid var(--line); }
  .highlight-admin-card { grid-template-columns: 56px 1fr; }
  .highlight-admin-card__actions { grid-column: 2; }
}
@media (max-width: 620px) {
  .admin-topbar { padding: 0 14px; }
  .admin-brand span { display: none; }
  .admin-account button { font-size: 0; }
  .admin-account button::after { content: "Thoát"; font-size: .72rem; }
  .admin-main { width: min(100% - 24px, 1160px); margin-top: 26px; }
  .page-head { align-items: stretch; flex-direction: column; }
  .stat-grid, .form-grid { grid-template-columns: 1fr; }
  .field--full { grid-column: auto; }
  .panel { overflow-x: auto; }
  .data-table { min-width: 720px; }
  .login-art { min-height: 650px; padding: 24px 22px; }
  .login-art__copy { top:auto; left:22px; right:22px; bottom:28px; width:auto; }
  .login-art h1 { margin-bottom:15px; font-size:clamp(3.1rem,15vw,4.35rem); line-height:.88; }
  .login-art__lead { max-width:94%; font-size:.82rem; line-height:1.64; }
  .login-art__rhythm { max-width:88%; margin-top:15px; font-size:.58rem; line-height:1.55; }
  .login-art__team { right:-18%; bottom:0; width:80%; max-height:70%; opacity:.42; }
  .login-art__copy::after { inset:-28px -22px -28px -20px; background:linear-gradient(90deg,rgba(7,10,16,.96) 45%,rgba(7,10,16,.65) 76%,transparent); }
  .login-form-wrap { padding:32px 20px; }
  .login-form-brand { width:min(100%,380px); gap:13px; margin-bottom:34px; }
  .login-form-brand__symbol { flex-basis:75px; width:75px; height:75px; }
  .login-form-brand__name strong { font-size:2rem; }
  .login-form-brand__name small { margin-top:8px; font-size:.48rem; letter-spacing:.1em; transform:scaleX(1.311); }
  .lead-card { grid-template-columns: 1fr; }
  .lead-card__identity, .lead-card__details { border-right: 0; border-bottom: 1px solid var(--line); }
  .lead-card__details { grid-template-columns: 1fr; }
  .lead-card__form { grid-column: auto; }
  .highlight-admin-card { grid-template-columns: 1fr; padding: 18px; }
  .highlight-admin-card__number { font-size: 2rem; }
  .highlight-admin-card__actions { grid-column: auto; flex-wrap: wrap; }
  .content-fields,.content-item__body { grid-template-columns:1fr; }
  .content-tabs { margin-inline:-12px; }
  .content-group,.content-collection { padding:16px; }
  .sticky-save span { display:none; }
  .sticky-save .button { width:100%; }
}