:root{color-scheme:dark;--bg:#071018;--card:#101c27;--ink:#f4f7fb;--muted:#9fb0bf;--line:#253746;--accent:#4ee1a0;--danger:#ff6b74}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#12324a 0,transparent 40%),var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif;min-height:100vh}header,footer{max-width:1180px;margin:auto;padding:24px;display:flex;justify-content:space-between;color:var(--muted)}header a{color:var(--ink);font-weight:800;text-decoration:none;font-size:20px}main{max-width:1180px;margin:5vh auto;padding:20px}.card{background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,48px);margin:20px auto;box-shadow:0 24px 80px #0005}.narrow{max-width:560px}.wide{max-width:1180px}h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:8px 0 18px}h2{font-size:28px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px}.muted,small{display:block;color:var(--muted)}form{display:grid;gap:18px;margin-top:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}label{display:grid;gap:8px;font-weight:700}input,select{width:100%;background:#08121b;color:var(--ink);border:1px solid #385064;border-radius:12px;padding:14px;font:inherit}button,.button{border:0;border-radius:12px;padding:14px 20px;background:var(--accent);color:#062016;font:inherit;font-weight:850;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.secondary{background:#263847;color:var(--ink)}.danger{background:var(--danger);color:#280609}.notice,.status{padding:12px 16px;border-radius:10px;background:#263847}.status.active{background:#123d2d;color:#8fffc4}.status.pending{background:#493c18;color:#ffe18a}.qr{background:white;padding:14px;border-radius:16px;max-width:320px;margin:22px 0}.qr img{display:block;width:100%}.row{display:flex;justify-content:space-between;gap:20px;align-items:center}.row form,.action{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.action{display:flex;grid-template-columns:130px auto;gap:6px;margin-bottom:7px}.action input,.action button{padding:8px;font-size:13px}footer{font-size:13px}@media(max-width:640px){header span{display:none}.row{align-items:flex-start}th:nth-child(3),td:nth-child(3),th:nth-child(5),td:nth-child(5){display:none}.card{padding:24px}.action{display:grid}}
