:root { --ink:#10231d; --green:#143f32; --cream:#f4f0e6; --paper:#fbfaf5; --gold:#d8ad57; --rust:#b5522e; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:var(--cream); font-family:"DM Sans",sans-serif; }
button,input { font:inherit; }
button { cursor:pointer; }
header { height:78px; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; color:white; background:var(--ink); }
.admin-brand { display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none; }
.admin-brand > span:last-child { display:grid; }
.admin-brand strong { font:700 14px "Manrope"; }
.admin-brand small { opacity:.55; font-size:9px; text-transform:uppercase; letter-spacing:.15em; }
.admin-logo { width:42px; height:42px; border-radius:50%; overflow:hidden; }
.admin-logo img { width:100%; height:100%; object-fit:cover; transform:scale(2.55); }
.outline { padding:9px 18px; color:white; background:transparent; border:1px solid rgba(255,255,255,.4); }
main { width:min(1180px,90vw); margin:0 auto; padding:70px 0; }
.login-card { width:min(560px,100%); margin:3vh auto; padding:50px; background:var(--paper); box-shadow:0 18px 60px rgba(16,35,29,.08); }
.kicker { margin:0 0 18px; color:var(--rust); font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
h1 { margin:0; font:500 clamp(37px,5vw,62px)/1.05 "Manrope"; letter-spacing:-.05em; }
h1 em { color:var(--rust); font-family:Georgia,serif; font-weight:400; }
.login-card > p:not(.kicker) { margin:22px 0 30px; color:#6b756f; line-height:1.6; }
form { display:grid; gap:22px; }
label { display:grid; gap:8px; color:#657069; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
input { width:100%; padding:13px 0; background:transparent; border:0; border-bottom:1px solid rgba(16,35,29,.25); outline:none; }
input:focus { border-color:var(--rust); }
form button { padding:16px 20px; display:flex; justify-content:space-between; border:0; color:white; background:var(--green); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.status { min-height:18px; margin:0; color:var(--rust); font-size:12px; }
.hidden { display:none !important; }
.dashboard-head { display:flex; justify-content:space-between; align-items:end; }
.dashboard-head h1 { font-size:clamp(38px,5vw,64px); }
.stats { display:grid; text-align:right; }
.stats strong { font:600 42px "Manrope"; }
.stats span { color:#6b756f; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.filters { display:flex; gap:8px; margin:38px 0 24px; overflow-x:auto; }
.filters button { padding:10px 16px; border:1px solid rgba(16,35,29,.18); background:transparent; white-space:nowrap; }
.filters button.active { color:white; background:var(--green); border-color:var(--green); }
.questions { display:grid; gap:12px; }
.question { padding:28px; background:var(--paper); border-left:3px solid transparent; }
.question[data-status="nova"] { border-left-color:var(--gold); }
.question-top { display:flex; justify-content:space-between; gap:20px; }
.question-meta { color:#768078; font-size:11px; }
.question-meta strong { color:var(--ink); }
.question-text { margin:22px 0; font:500 19px/1.55 "Manrope"; white-space:pre-wrap; }
.question-actions { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.question-actions a { color:var(--rust); font-size:11px; font-weight:700; }
.question-actions select { padding:8px; border:1px solid rgba(16,35,29,.2); background:transparent; }
.badge { padding:5px 9px; color:var(--rust); background:rgba(181,82,46,.08); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.empty { padding:60px; text-align:center; color:#778079; background:var(--paper); }
@media(max-width:650px){ main{padding-top:40px}.login-card{padding:30px}.dashboard-head,.question-top,.question-actions{align-items:flex-start;flex-direction:column}.stats{text-align:left}.question{padding:22px} }