:root{ --bg:#f7f9fc; --card:#ffffff; --text:#1b1f23; --muted:#6a737d; --accent:#2563eb; --good:#10b981; --bad:#ef4444; }
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--text);margin:0;text-align:center}
.container{max-width:960px;margin:0 auto;padding:24px;text-align:inherit}
.card{background:var(--card);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:20px;margin:16px 0;text-align:inherit}
h1,h2{margin:0 0 12px 0}
button,.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border:none;border-radius:12px;font-weight:600;cursor:pointer;text-decoration:none}
input,select,textarea{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#000}
.ad{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed #e5e7eb}
.badge{padding:4px 10px;border-radius:999px;background:#eef2ff;color:#1d4ed8;font-size:12px}
.small{color:var(--muted);font-size:12px}
.flex{display:flex;gap:12px;align-items:center;justify-content:center}
.countdown{font-variant-numeric:tabular-nums}
.error{color:var(--bad);font-weight:600}
.success{color:var(--good);font-weight:600}
.adcol{display:flex;flex-direction:column;gap:12px;margin:8px 0 16px 0}
.adslot{min-height:90px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b}
body.admin{ text-align:start }