/* v8.1: nicer public summary (no icons), clean admin */
:root{
  --bg:#0b1020; --surface:#111a2e; --card:#0e1528; --muted:#a5b4d6; --text:#eaf0ff; --accent:#6aa0ff; --border:#1b2440;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);
  background: radial-gradient(1200px 600px at 10% 0%, #0d1633 0%, var(--bg) 60%) fixed;}
h1,h2{margin:0 0 .6rem}
h1{font-size:clamp(2rem, 7vw, 3.8rem); font-weight:900; letter-spacing:.2px}
h2{font-size:clamp(1.2rem, 2.8vw, 1.7rem); font-weight:800}
.container{max-width:1000px; margin:0 auto; padding:0 1rem}
.hero{padding:3.4rem 0 1.2rem; text-align:center}
.subtitle{color:var(--muted)}
.countdown{margin:1rem auto 0; display:inline-flex; flex-wrap:wrap; gap:.6rem; align-items:center; justify-content:center;
  padding:.9rem 1.1rem; background:rgba(17,24,42,.58); border:1px solid var(--border); border-radius:14px; backdrop-filter: blur(6px);}
.cd-item{display:flex; flex-direction:column; align-items:center; min-width:78px}
.cd-item span{font-size:clamp(1.7rem, 6vw, 2.6rem); font-weight:900}
.cd-item label{font-size:.78rem; color:var(--muted); text-transform:uppercase; letter-spacing:.08em}
.cd-sep{opacity:.5; font-size:1.4rem; padding:0 .2rem}

.card{background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:1.1rem; margin:1rem 0; box-shadow:0 10px 30px rgba(0,0,0,.2) inset}
.footer{color:var(--muted); text-align:center; padding:1rem 0 2rem}

/* Public summary */
.summary-wrap{display:grid; gap:1rem}
.summary-row{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:1rem}
.summary-card{background:var(--card); border:1px solid var(--border); border-radius:14px; padding:1rem}
.summary-card .label{color:var(--muted); font-size:.9rem; text-transform:uppercase; letter-spacing:.08em}
.summary-card .value{font-size:2rem; font-weight:900; margin-top:.25rem}
.summary-card .sub{margin-top:.5rem; display:flex; flex-wrap:wrap; gap:.45rem .8rem; color:var(--muted); font-size:.95rem}
.badge{display:inline-block; padding:.28rem .55rem; border-radius:999px; background:#0c1429; border:1px solid var(--border)}
.total-strip{display:flex; gap:.8rem; flex-wrap:wrap}
.total-pill{background:#0d162c; border:1px solid var(--border); border-radius:999px; padding:.5rem .8rem; display:flex; align-items:baseline; gap:.35rem}
.total-pill .t{color:var(--muted); font-size:.9rem}
.total-pill .v{font-weight:800}

.table-wrap{overflow:auto}
.data-table{width:100%; border-collapse:collapse; font-size:.95rem}
.data-table th,.data-table td{padding:.7rem .6rem; border-bottom:1px solid var(--border); text-align:left}
.data-table thead th{position:sticky; top:0; background:#101a31; z-index:1}
.data-table td.num{text-align:right; font-variant-numeric:tabular-nums}

.grid-form{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:1rem}
@media (max-width:640px){ .grid-form{grid-template-columns:1fr} }
.form-row{display:flex; flex-direction:column; gap:.35rem}
.form-row.full{grid-column:1/-1}
label{font-weight:700}
input, select, textarea, button{font-family:inherit}
input, select, textarea{background:#0d162c; color:var(--text); border:1px solid var(--border); border-radius:10px; padding:.65rem .8rem; outline:none; width:100%}
input:focus, select:focus, textarea:focus{border-color:var(--accent)}
textarea{resize:vertical}
button{border:0; border-radius:10px; padding:.7rem 1rem; background:linear-gradient(180deg, var(--accent), #3b79f0); color:#fff; font-weight:800; cursor:pointer}
button:hover{filter:brightness(1.05)}
.btn-link{color:var(--accent); text-decoration:none}
.btn-secondary{border:1px solid var(--border); color:var(--text); padding:.6rem .9rem; border-radius:10px; text-decoration:none; display:inline-flex; align-items:center}
.btn-text{background:none; border:0; color:var(--accent); cursor:pointer; padding:0}
.logout{color:var(--muted); text-decoration:none; border:1px solid var(--border); padding:.4rem .7rem; border-radius:999px}

.pill-list{list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.4rem}
.pill{background:#0d162c; border:1px solid var(--border); padding:.35rem .6rem; border-radius:999px; font-size:.9rem}
.chips{display:flex; flex-wrap:wrap; gap:.5rem}
.chip input{display:none}
.chip span{display:inline-block; padding:.45rem .7rem; border-radius:999px; font-size:.9rem; background:#0d162c; border:1px solid var(--border); color:var(--muted)}
.chip input:checked+span{border-color:var(--accent); color:#fff}