:root{--bg:#0f172a;--panel:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--primary:#111827;--danger:#b91c1c;--good:#047857;--warn:#b45309;--soft:#f3f4f6;--shadow:0 20px 60px rgba(15,23,42,.18);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#f5f6f8;color:var(--text)}a{color:inherit}.topbar,.mobile-header{background:linear-gradient(135deg,#111827,#374151);color:#fff;padding:22px clamp(16px,4vw,42px);display:flex;justify-content:space-between;gap:18px;align-items:center}.mobile-header{position:sticky;top:0;z-index:10}.brand{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;opacity:.82;font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:4px}.mobile-header h1{font-size:1.45rem}.mobile-header p{margin:0;color:#d1d5db}.container,.checkin-container{max-width:1180px;margin:0 auto;padding:24px clamp(14px,3vw,28px)}.checkin-container{max-width:860px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:0 8px 30px rgba(17,24,39,.06)}.login-body{min-height:100vh;background:linear-gradient(135deg,#111827,#991b1b);display:grid;place-items:center;padding:22px}.login-card{width:min(440px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow)}label{display:block;font-weight:650;margin:0 0 14px}input,select{width:100%;margin-top:6px;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;font:inherit;background:#fff}input:focus,select:focus{outline:3px solid rgba(17,24,39,.14);border-color:#111827}.button{appearance:none;border:0;border-radius:12px;background:var(--primary);color:#fff;padding:12px 16px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.95rem}.button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{background:#e5e7eb;color:#111827}.button.danger{background:var(--danger);color:#fff}.button.full{width:100%}.alert{border-radius:14px;padding:12px 14px;margin-bottom:16px;font-weight:650}.alert.success{background:#ecfdf5;color:#065f46}.alert.error{background:#fef2f2;color:#991b1b}.message{margin-top:12px;color:#991b1b;font-weight:650}.form-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;align-items:end}.form-grid .checkbox{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:500}.checkbox input{width:auto;margin:0}.event-list{display:grid;gap:14px}.event-card{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:18px}.event-card h3{margin-bottom:6px}.muted{color:var(--muted)}.stats-row,.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.stats-row span{background:var(--soft);border-radius:999px;padding:7px 10px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#f3f4f6;color:#374151;font-weight:750;font-size:.78rem;padding:6px 10px}.badge.good{background:#ecfdf5;color:#065f46}.badge.bad{background:#fef2f2;color:#991b1b}.event-actions{display:flex;flex-direction:column;gap:8px;min-width:210px}.inline{display:inline}.pin-form{display:grid;grid-template-columns:1fr auto;gap:6px}.pin-form input{margin:0;padding:10px}.empty-state{background:#f9fafb;border:1px dashed #d1d5db;border-radius:14px;padding:18px;color:#6b7280}.hidden{display:none!important}.stack{display:grid;gap:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center;box-shadow:0 8px 25px rgba(17,24,39,.05)}.stat span{display:block;font-size:1.6rem;font-weight:900}.stat small{color:var(--muted);font-weight:700}.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.qr-reader{overflow:hidden;border-radius:16px;background:#0b1020;min-height:220px}.qr-reader video{border-radius:16px}.scanner-actions,.filters,.inline-form{display:flex;gap:10px;margin-top:12px}.inline-form input,.filters input{flex:1}.filters select{max-width:190px}.result-card{border-radius:18px;padding:18px;color:#fff}.result-card.good{background:#047857}.result-card.warn{background:#b45309}.result-card.bad{background:#b91c1c}.result-card.neutral{background:#374151}.result-card h3{margin-bottom:8px;font-size:1.4rem}.result-meta{display:grid;gap:5px;margin-top:10px}.ticket-list{display:grid;gap:10px;margin-top:14px}.ticket-card{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px;background:#fff}.ticket-head{display:flex;justify-content:space-between;gap:12px}.ticket-title{font-weight:850;font-size:1.05rem}.ticket-sub{color:var(--muted);font-size:.92rem}.ticket-actions{display:flex;gap:8px;flex-wrap:wrap}.pill{border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:850;background:#f3f4f6}.pill.good{background:#ecfdf5;color:#065f46}.pill.warn{background:#fffbeb;color:#92400e}.pill.bad{background:#fef2f2;color:#991b1b}@media(max-width:760px){.topbar,.mobile-header{align-items:flex-start}.topbar nav{display:flex;flex-direction:column}.form-grid,.event-card{grid-template-columns:1fr}.event-actions{min-width:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.scanner-actions,.filters{flex-direction:column}.filters select{max-width:none}.panel{padding:16px}.mobile-header{padding:16px}.button{min-height:44px}.ticket-head{flex-direction:column}.qr-reader{min-height:260px}}@media(max-width:430px){.stats-grid{gap:8px}.stat{padding:10px}.stat span{font-size:1.35rem}.container,.checkin-container{padding:14px 10px}.panel{border-radius:14px}}
.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.result-card .button.secondary{background:rgba(255,255,255,.9);color:#111827}.result-card .button.danger{background:#7f1d1d;color:#fff}@media(max-width:520px){.result-actions .button{width:100%}}