:root{--font-body:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;--font-heading:Montserrat,"Be Vietnam Pro","Segoe UI",Arial,sans-serif}
.brandLogoFrame{align-items:center;display:flex}.brandLogoImage{height:72px!important;object-fit:contain;transform:translateY(-3px);width:auto!important}
.headerActions{align-items:center;display:flex;gap:7px;justify-self:end}.adminEntry{background:#fff;border:1px solid #c8dfe3;border-radius:999px;color:var(--navy-900);font-family:var(--font-heading);font-size:10px;font-weight:700;padding:12px 15px}.adminEntry:hover{background:var(--mist);border-color:#9dccd6}
.heroLibraryButton svg,.sectionLabel svg,.journeyIcon svg,.ecoTop svg,.orgCardTop svg,.valueIcon svg,.scenarioIcon svg,.panelHead svg,.libraryMainButton svg,.resourceCards svg{height:100%;width:100%}
.onboardingPass .brandLogoFrame,.commitmentMark .brandLogoFrame,.footerBrand .brandLogoFrame,.readerFooter .brandLogoFrame{background:white;border-radius:10px}
.mobileMenuPanel[hidden],.loginBackdrop[hidden]{display:none!important}
.loginBackdrop{align-items:center;background:rgba(3,39,53,.64);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:120}.loginModal{background:#fff;border:1px solid rgba(7,95,125,.12);border-radius:26px;box-shadow:0 30px 90px rgba(3,50,69,.28);max-width:480px;padding:42px;position:relative;width:100%}.loginModal .brandLogoFrame{height:78px;margin-bottom:15px;width:120px}.loginModal h2{color:var(--navy-950);font-family:var(--font-heading);font-size:31px;letter-spacing:-.04em;margin:13px 0}.loginModal>p{color:var(--muted);font-size:13px;line-height:1.65}.loginModal form{display:grid;gap:14px;margin-top:22px}.loginModal label{color:#58717a;display:grid;font-size:11px;font-weight:700;gap:7px}.loginModal input{background:#fff;border:1px solid #c9dde1;border-radius:12px;padding:13px}.modalClose{align-items:center;background:#eef6f7;border:0;border-radius:50%;color:var(--navy-950);display:flex;font-size:23px;height:38px;justify-content:center;position:absolute;right:17px;top:17px;width:38px}
.profileCard label{color:#4f6f78;display:grid;font-size:11px;font-weight:700;gap:7px}.profileCard input,.profileCard select{background:#fff;border:1px solid #cbdde0;border-radius:11px;color:var(--ink);padding:12px;width:100%}.profileCard .wide{grid-column:1/-1}.testAgreement{align-items:flex-start;background:#fff8e9;border:1px solid #f0ddb8;border-radius:13px;display:flex!important;flex-direction:row!important;font-size:11px!important;gap:9px!important;margin-top:16px;padding:13px}.testAgreement input{accent-color:var(--brand);margin-top:2px;width:auto}.testRules .startTestButton{width:100%}
.questionPanel,.resultPanel{background:white;border:1px solid var(--line);border-radius:25px;margin:20px auto 0;max-width:980px;padding:32px}.questionPanel[hidden],.resultPanel[hidden]{display:none!important}.answerButton{align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;color:var(--ink);display:flex;gap:13px;padding:14px;text-align:left;width:100%}.answerButton b{align-items:center;background:#e8f5f7;border-radius:50%;display:flex;flex:0 0 34px;height:34px;justify-content:center;width:34px}.answerButton.selected{background:#e8f7fb;border-color:var(--blue)}.answers{display:grid;gap:10px}.resultNotice{background:#f3f8f8;border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:13px}.resultPanel{text-align:center}.resultPanel .resultScore{margin:0 auto 20px}
.documentCard[hidden]{display:none!important}.emptyState{text-align:center;padding:55px 20px}
.adminQuickLink{align-items:center;background:var(--orange);border-radius:999px;color:var(--navy-950);display:inline-flex;font-family:var(--font-heading);font-size:11px;font-weight:700;padding:12px 16px}
@media(max-width:980px){.headerActions .navCta{display:none}.topbar{grid-template-columns:1fr auto auto}.headerActions{grid-column:auto}.adminEntry{padding:10px 12px}}
@media(max-width:760px){.headerActions{gap:5px}.adminEntry{font-size:9px;padding:9px 10px}.loginModal{padding:36px 22px}.profileCard .wide{grid-column:auto}}

/* Cài đặt và đăng nhập quản trị */
.authBody{align-items:center;background:radial-gradient(circle at 12% 12%,rgba(34,181,221,.16),transparent 30%),radial-gradient(circle at 90% 88%,rgba(145,200,62,.16),transparent 32%),#eef6f6;display:flex;justify-content:center;min-height:100vh;padding:24px}.loginCard,.installCard{background:#fff;border:1px solid rgba(6,77,103,.13);border-radius:30px;box-shadow:0 28px 85px rgba(5,72,94,.12);max-width:620px;padding:clamp(30px,5vw,56px);width:100%}.installCard{max-width:760px}.authLogo{height:96px;margin:0 0 18px;width:136px}.authLogo .brandLogoImage{height:92px!important;transform:none}.loginCard>.eyebrow,.installCard>.eyebrow{color:var(--blue);display:block;font-family:var(--font-heading);font-size:9px;font-weight:800;letter-spacing:.16em}.loginCard h1,.installCard h1{color:var(--navy-950);font-family:var(--font-heading);font-size:clamp(34px,5vw,52px);letter-spacing:-.05em;line-height:1.05;margin:14px 0}.loginCard>p,.installCard>p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 23px}.loginCard form,.installForm{display:grid;gap:15px}.loginCard label,.installCard label{color:#55717a;display:grid;font-size:10px;font-weight:800;gap:7px}.loginCard input,.installCard input{background:#fff;border:1px solid #cbdde1;border-radius:12px;color:var(--ink);font-family:inherit;font-size:12px;min-height:48px;outline:none;padding:0 14px;width:100%}.loginCard input:focus,.installCard input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,140,197,.1)}.primaryButton,.secondaryButton{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:10px;font-weight:800;justify-content:center;min-height:46px;padding:0 16px}.primaryButton{background:var(--orange);border:0;color:var(--navy-950)}.secondaryButton{background:#fff;border:1px solid #cadde1;color:var(--navy-800)}.loginCard>.secondaryButton{margin-top:12px;width:100%}.alert{border:1px solid transparent;border-radius:12px;font-size:10px;line-height:1.6;margin:13px 0;padding:11px 13px}.alert.success{background:#e8f6ec;border-color:#cce7d3;color:#337247}.alert.error{background:#fff0e8;border-color:#f0d4c5;color:#aa5a32}.installForm fieldset{border:1px solid #d3e3e6;border-radius:18px;margin:0;padding:18px}.installForm legend{color:var(--navy-900);font-family:var(--font-heading);font-size:10px;font-weight:800;padding:0 8px}.formGrid{display:grid;gap:13px;grid-template-columns:1fr 1fr}.formGrid .wide{grid-column:1/-1}
@media(max-width:620px){.authBody{padding:12px}.loginCard,.installCard{border-radius:24px;padding:30px 21px}.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}}