:root{--dark:#102a21;--surface:#fff;--header:#fbfcfa;--footer:#fff;--green-hover:#09694d;--button-text:#fff;--secondary-button:#fff;--success:#08704f;--warning:#85621d;--danger:#a94545;--hero-start:#fbfcfa;--hero-end:#f0f7f3}
body{background:var(--paper);color:var(--ink)}.topbar{background:color-mix(in srgb,var(--header) 92%,transparent)}footer{background:var(--footer)}.form-card,.panel,.survey-card,.question-card,.result-card,.review-card,.table-wrap,.chart-card,.detail-drawer{background:var(--surface)}.button{background:var(--green);color:var(--button-text)}.button:hover{background:var(--green-hover)}.button.secondary{background:var(--secondary-button);color:var(--green)}.button.danger{color:var(--danger)}.how,.insight,.admin-mark,.survey-banner{background:var(--dark)}.hero{background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--green2) 18%,transparent) 0,transparent 30%),linear-gradient(155deg,var(--hero-start),var(--hero-end))}.status.approved{color:var(--success)}.status.pending{color:var(--warning)}.status.rejected,.reset-warning h3{color:var(--danger)}
.theme-page{max-width:1160px}.appearance-form{display:grid;gap:20px}.appearance-preview{display:flex;align-items:center;gap:14px;padding:25px 28px;background:linear-gradient(135deg,var(--dark),var(--green));color:var(--button-text);border-radius:16px}.preview-logo{width:46px;height:46px;border-radius:14px;background:var(--green);display:grid;place-items:center;font:800 21px Manrope;box-shadow:0 8px 22px #0003}.appearance-preview strong{display:block;font:800 20px Manrope}.appearance-preview small{display:block;color:#ffffffb8}.preview-copy{margin-left:auto;display:grid}.preview-copy span{color:var(--muted);font-size:12px}.preview-button{border:0;border-radius:10px;background:var(--secondary-button);color:var(--green);padding:11px 16px;font-weight:800}.theme-group{padding:0;overflow:hidden}.theme-group-head{padding:19px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.theme-group-head h2{margin:0;font-size:18px}.theme-group-head span{color:var(--muted);font-size:11px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:8px 24px 16px}.color-field{display:flex!important;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);margin:0!important}.color-field>span:first-child{font-weight:800}.color-field small{display:block;font-weight:400;color:var(--muted);margin-top:3px}.color-control{display:flex;align-items:center;gap:8px}.color-picker{width:46px;height:40px;padding:3px;border-radius:8px;cursor:pointer}.color-code{width:92px;padding:10px;font:12px monospace;text-transform:lowercase}.appearance-actions{position:sticky;bottom:12px;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:16px 20px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.appearance-actions p{margin:0;color:var(--muted);font-size:13px}
.showcase-slider{position:relative;overflow:hidden;background:var(--dark);color:#fff}.showcase-track{display:flex;transition:transform .55s ease}.showcase-slide{min-width:100%;position:relative;min-height:480px;display:grid;align-items:center}.showcase-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.showcase-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--dark) 96%,transparent) 0%,color-mix(in srgb,var(--dark) 70%,transparent) 52%,transparent 100%)}.showcase-content{position:relative;z-index:2;padding:78px 0;max-width:700px}.showcase-content .pill{background:#ffffff22;color:#fff}.showcase-content h1{font-size:clamp(38px,5vw,66px);margin:17px 0;letter-spacing:-.04em}.showcase-content p{font-size:17px;color:#d5e2dc;max-width:620px}.showcase-meta{display:flex;gap:18px;color:#b9ccc4;font-size:12px;margin:18px 0 28px}.showcase-nav{position:absolute;z-index:3;right:max(24px,calc((100vw - 1160px)/2));bottom:34px;display:flex;gap:8px}.showcase-nav button{width:42px;height:42px;border:1px solid #ffffff45;background:#ffffff15;color:#fff;border-radius:50%;font-size:18px;cursor:pointer}.showcase-dots{position:absolute;z-index:3;left:max(24px,calc((100vw - 1160px)/2));bottom:30px;display:flex;gap:7px}.showcase-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ffffff55}.showcase-dots button.active{width:28px;border-radius:5px;background:var(--green2)}
.showcase-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.showcase-choice{display:block!important;margin:0!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);cursor:pointer}.showcase-choice>img,.showcase-choice .card-placeholder{height:140px}.showcase-choice>div:last-child{padding:16px}.showcase-choice input{width:auto}.showcase-choice:has(input:checked){border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 20%,transparent)}.showcase-choice b{display:block;margin:9px 0 4px}.showcase-choice small{color:var(--muted)}
.management-links{display:flex;flex-wrap:wrap;gap:10px}.review-card.archived{border-style:dashed;opacity:.88}.status.archived{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.card-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.archive-note{padding:14px;border-radius:10px;background:color-mix(in srgb,var(--warning) 9%,var(--surface));color:var(--warning);font-size:13px}.delete-survey-card{max-width:720px;margin:auto}.delete-summary{background:color-mix(in srgb,var(--danger) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 22%,var(--line));padding:22px;border-radius:14px;margin:22px 0}.delete-summary strong{display:block;font-size:20px}.confirm-code{font-weight:900;letter-spacing:.14em}.report-center-actions{display:flex;flex-wrap:wrap;gap:7px}.report-center-actions .button{padding:8px 12px;font-size:12px}
@media(max-width:900px){.showcase-picker{grid-template-columns:1fr 1fr}.showcase-slide{min-height:440px}.showcase-content{padding:62px 0 90px}.color-grid{grid-template-columns:1fr}.preview-copy{display:none}}
@media(max-width:760px){.appearance-preview{flex-wrap:wrap}.preview-button{margin-left:0}.appearance-actions{position:static;align-items:stretch;flex-direction:column}.page-head{align-items:flex-start;gap:18px}.page-head>.button{width:100%}.showcase-picker{grid-template-columns:1fr}.showcase-slide{min-height:510px}.showcase-content h1{font-size:38px}.showcase-slide:after{background:linear-gradient(0deg,var(--dark),color-mix(in srgb,var(--dark) 65%,transparent))}.showcase-nav{right:18px}.showcase-dots{left:18px}.card-admin-actions{grid-template-columns:1fr}.color-field{align-items:flex-start;flex-direction:column}.color-control{width:100%}.color-code{flex:1}}
.pdf-downloads{background:var(--dark)}.hbar>div:last-child i,.score-row>div i{background:linear-gradient(90deg,var(--green),var(--green2))}.report-insight{background:var(--dark)}input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}