:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#14212b;background:#f4f7f5}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.mode-banner{background:#14212b;color:#d9e9ca;padding:.55rem 1rem;text-align:center;font-size:.75rem;letter-spacing:.04em}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:white;border-bottom:1px solid #dde6e8;padding:1rem clamp(1rem,4vw,4rem)}.brand{font-size:1.2rem;font-weight:800;letter-spacing:-.04em}.brand span{color:#88ad35}.brand small{font-size:.65rem;color:#6a7880;margin-left:.3rem}.top-note{color:#687781;font-size:.85rem}.top nav{display:flex;gap:1rem;align-items:center}.shell{max-width:1180px;margin:auto;padding:clamp(1.2rem,4vw,3rem) clamp(1rem,3vw,2rem) 5rem}h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.06em;line-height:1.05;margin:.35rem 0 1rem}h2{font-size:1.4rem;letter-spacing:-.035em;margin:.2rem 0 .8rem}h3{margin:.2rem 0 .7rem}p{line-height:1.55}.muted{color:#687781}.eyebrow{color:#729127;font-size:.75rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.card{background:white;border:1px solid #dde6e8;border-radius:20px;padding:clamp(1rem,3vw,1.7rem);box-shadow:0 15px 35px rgba(20,33,43,.04)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:1.3rem;align-items:stretch;margin-bottom:1.2rem}.hero-copy{background:#14212b;color:white;padding:clamp(1.4rem,4vw,2.5rem);border-radius:24px}.hero-copy .eyebrow{color:#c7f36b}.hero-copy p{color:#c0d0d1}.product-image{width:100%;height:100%;max-height:350px;min-height:240px;object-fit:cover;border-radius:24px;background:#e3eadf}.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#d9ebcd,#b8d2cc);border-radius:24px;min-height:240px;color:#426b5a;font-size:4rem;font-weight:800}.organizer{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.avatar{width:52px;height:52px;object-fit:cover;border-radius:12px;background:#eaf0df}.avatar-placeholder{display:grid;place-items:center;font-size:1.4rem;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.campaign-card{display:block;overflow:hidden}.campaign-card img,.campaign-card .placeholder{width:100%;height:180px;min-height:180px;object-fit:cover;border-radius:14px}.campaign-card h2{margin:1rem 0 .2rem}.pill{display:inline-flex;background:#e9f5dd;color:#446b19;border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:700}.pill.closed{background:#eff0f0;color:#566068}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.75fr);gap:1rem}.tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.5rem;margin:1rem 0}.ticket{padding:.65rem .1rem;border-radius:9px;border:1px solid #c9d7d6;background:#f8fbf7;font-weight:700}.ticket.selected{background:#c7f36b;border-color:#7a9e2a}.ticket.reserved{background:#fff0c9;color:#8b5a13}.ticket.paid{background:#dcece9;color:#53716d}.ticket:disabled{cursor:not-allowed}.legend{display:flex;flex-wrap:wrap;gap:.7rem;color:#687781;font-size:.8rem}.legend span:before{content:"";display:inline-block;width:.7rem;height:.7rem;border-radius:3px;background:#f8fbf7;border:1px solid #c9d7d6;margin-right:.3rem}.legend .l-reserved:before{background:#fff0c9}.legend .l-paid:before{background:#dcece9}.legend .l-selected:before{background:#c7f36b}.button{border:0;border-radius:11px;background:#c7f36b;color:#14212b;font-weight:800;padding:.85rem 1rem}.button:hover{background:#b5e758}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{background:#eef2f1}.button.danger{background:#ffe1df;color:#7a2525}.text-button{border:0;background:none;color:#426c16;font-weight:700}.field{display:grid;gap:.35rem;font-size:.9rem;font-weight:650;margin:.8rem 0}.field input,.field textarea{border:1px solid #cbd8d9;border-radius:10px;padding:.7rem .8rem;width:100%;background:white;color:#14212b}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:1rem}.modal-wrap{position:fixed;inset:0;z-index:20;background:#101d27b8;display:grid;place-items:center;padding:1rem}.modal{background:white;border-radius:20px;padding:1.5rem;max-width:650px;max-height:90vh;overflow:auto;width:100%}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.notice{background:#eaf4ed;border:1px solid #cae3d4;border-radius:12px;padding:.8rem 1rem;color:#416051;margin:1rem 0}.notice.warn{background:#fff4d9;border-color:#f4dd9f;color:#765310}.notice.error{background:#ffe5e2;border-color:#edc7c1;color:#8b2e27}.qr{width:min(240px,100%);display:block;margin:1rem auto}.code{display:block;width:100%;overflow-wrap:anywhere;background:#f5f7f8;border:1px solid #dae2e3;border-radius:10px;padding:.8rem;font-size:.8rem}.message{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:#14212b;color:white;border-radius:10px;padding:.8rem 1.2rem;max-width:90vw;display:none;z-index:30}.message.show{display:block}.back{display:inline-block;margin-bottom:1.2rem;color:#537323;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.83rem}th,td{padding:.65rem;text-align:left;border-bottom:1px solid #e6eded;vertical-align:top}th{color:#687781;white-space:nowrap}.status{font-weight:750}.winner{background:#e5f5d7;border:1px solid #9cc779;color:#315a1b;border-radius:14px;padding:1rem;margin:1rem 0}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.image-preview{max-width:160px;max-height:110px;object-fit:cover;border-radius:10px}@media(max-width:800px){.hero,.layout{grid-template-columns:1fr}.product-image{max-height:260px}.top-note{display:none}}@media(max-width:520px){.form-grid{grid-template-columns:1fr}.tickets{grid-template-columns:repeat(5,1fr)}.ticket{font-size:.82rem}th,td{padding:.5rem}.top nav{font-size:.8rem}}