:root{--bg: #f7f7f8;--surface: #ffffff;--border: #e2e2e5;--text: #1a1a1a;--muted: #6b6b70;--primary: #2563eb;--primary-text: #ffffff;--success: #157347;--error: #b02a37;--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:1.15rem}.nav{display:flex;gap:1rem}.nav a{text-decoration:none;color:var(--muted);font-weight:500}.nav a.active{color:var(--text)}.header-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.user-email{color:var(--muted);font-size:.9rem}.app-main{max-width:960px;margin:0 auto;padding:1.5rem}.btn{font:inherit;padding:.5rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;display:inline-block}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-ghost{background:transparent}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.event-image{width:100%;height:150px;object-fit:cover;display:block;background:var(--bg)}.event-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.event-name{margin:0;font-size:1.05rem}.event-meta,.event-slots{margin:0;font-size:.9rem}.event-description{margin:0;font-size:.9rem;color:var(--text)}.ticket-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.ticket-card{display:flex;align-items:center;gap:1rem;padding:1rem}.ticket-qr{flex-shrink:0;background:#fff;padding:6px;border:1px solid var(--border);border-radius:var(--radius);line-height:0;cursor:pointer}.ticket-qr:hover{border-color:var(--primary)}.ticket-main{flex:1;min-width:0}.ticket-id{margin:.35rem 0 0;font-size:.75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;word-break:break-all}.badge{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;letter-spacing:.02em}.badge-active{background:#e6f4ea;color:var(--success)}.badge-used{background:#eceef1;color:var(--muted)}.badge-expired{background:#fde7e9;color:var(--error)}.muted{color:var(--muted)}.feedback{margin:0;font-size:.9rem}.feedback-success{color:var(--success)}.feedback-error{color:var(--error)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;padding:1.5rem;cursor:zoom-out}.qr-overlay-close{position:absolute;top:1rem;right:1.25rem;font-size:2rem;line-height:1;color:#fff;background:transparent;border:none;cursor:pointer}.qr-overlay-content{background:#fff;padding:1.5rem;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:92vw;cursor:default}.qr-overlay-content svg{width:min(70vw,70vh,320px);height:auto}.qr-overlay-caption{margin:0;font-weight:600;text-align:center}.qr-overlay-id{margin:0;font-size:.75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--muted);word-break:break-all;text-align:center}.login{max-width:360px;margin:3rem auto;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.login-button{display:flex;justify-content:center}