:root{color-scheme:light dark}*{box-sizing:border-box}body{font-family:-apple-system,system-ui,sans-serif;margin:0;background:#f6f7f9;color:#1a1d21}.wrap{max-width:960px;margin:0 auto;padding:16px}header.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.badge{font-size:12px;padding:4px 10px;border-radius:20px;background:#e8eaf0}.badge.on{background:#d3f0dd}.tabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.tabs button{padding:8px 14px;border-radius:10px;border:1px solid #d5d9e0;background:#fff;cursor:pointer}.tabs button.active{background:#1a1d21;color:#fff;border-color:#1a1d21}.card{background:#fff;border:1px solid #e2e5ea;border-radius:12px;padding:14px;margin-bottom:12px}.row{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea{padding:8px 10px;border:1px solid #cfd4dc;border-radius:8px;font-size:14px}button.primary{background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer}button.ghost{background:transparent;border:1px solid #cfd4dc;padding:6px 10px;border-radius:8px;cursor:pointer}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 700px){.grid2{grid-template-columns:1fr}}.muted{color:#667;font-size:13px}.expired{color:#b42318;font-weight:600}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:6px 4px;border-bottom:1px solid #eee}.stat{font-size:22px;font-weight:700}