.app{min-height:100vh;background-color:#f5f5f5;padding:24px}.container{max-width:1200px;margin:0 auto}.header{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.title{font-size:24px;font-weight:700;text-align:center;margin-bottom:16px;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card{background-color:#f0f9ff;padding:16px;border-radius:12px;text-align:center}.stat-card.purple{background-color:#f3f0ff}.stat-label{font-size:14px;color:#1e88e5}.stat-label.purple{color:#7c3aed}.stat-value{font-size:24px;font-weight:700;color:#1976d2;margin-top:4px}.stat-value.purple{color:#6d28d9}.button-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-size:16px;transition:all .3s ease;color:#fff}.button-purple{background-color:#7c3aed}.button-purple:hover{background-color:#6d28d9}.button-blue{background-color:#1e88e5}.button-blue:hover{background-color:#1976d2}.button-red{background-color:#dc2626}.button-red:hover{background-color:#b91c1c}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.qr-card{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.qr-card:hover{transform:translateY(-4px)}.qr-card.claimed{border:2px solid #22c55e}.delete-button{display:flex;justify-content:flex-end;margin-bottom:16px}.delete-icon{color:#dc2626;cursor:pointer}.delete-icon:hover{color:#b91c1c}.qr-image{display:flex;justify-content:center;margin-bottom:16px}.qr-code{font-size:14px;color:#666;text-align:center;margin-bottom:8px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:14px}.status-badge.claimed{background-color:#dcfce7;color:#166534}.status-badge.unclaimed{background-color:#fef9c3;color:#854d0e}.empty-state{text-align:center;padding:48px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{color:#999;margin-bottom:16px}.empty-text{color:#666}.empty-subtext{color:#999;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal{background-color:#fff;border-radius:16px;padding:24px;max-width:500px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:20px;font-weight:700}.close-button{color:#666;cursor:pointer}.close-button:hover{color:#333}.scanner-container{overflow:hidden;border-radius:12px;margin-bottom:16px}.scanner-video{width:100%;height:300px;object-fit:cover}.scan-result{display:flex;align-items:center;gap:8px;padding:16px;border-radius:12px;margin-bottom:16px}.scan-result.success{background-color:#dcfce7;color:#166534}.scan-result.warning{background-color:#fef9c3;color:#854d0e}.scan-result.error{background-color:#fee2e2;color:#991b1b}.delete-modal-buttons{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.button{width:100%}.qr-grid{grid-template-columns:1fr}}