*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f14;--bg-card:#1a1a24;--bg-elevated:#22222e;--brand:#ff6b35;--ink:#fff;--accent:#9ca3af;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--border:hsla(0,0%,100%,.1)}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:2rem}.card{background:var(--bg-card);border-radius:12px;padding:1.5rem}.card,.input{border:1px solid var(--border)}.input{background:var(--bg-elevated);border-radius:8px;color:var(--ink);font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s;width:100%}.input:focus{border-color:var(--brand)}.input::-moz-placeholder{color:var(--accent);opacity:.6}.input::placeholder{color:var(--accent);opacity:.6}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:#e55a2b}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--ink)}.btn-secondary:hover{background:#ffffff1a}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.badge-success{background:#22c55e33;color:var(--success)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-error{background:#ef444433;color:var(--error)}.badge-secondary{background:#9ca3af33;color:var(--accent)}.header{background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem 2rem}.header,.header h1{align-items:center;display:flex}.header h1{font-size:1.25rem;font-weight:600;gap:.5rem}.header h1:before{content:"🎫"}.search-box{margin-bottom:1.5rem;position:relative}.search-box input{font-size:1.125rem;padding-left:3rem}.search-box:before{content:"🔍";font-size:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.results{display:flex;flex-direction:column;gap:1rem}.user-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .2s}.user-card:hover{background:var(--bg-elevated);border-color:var(--brand)}.user-card.selected{background:#ff6b351a;border-color:var(--brand)}.user-header{gap:1rem;margin-bottom:.75rem}.user-avatar,.user-header{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--brand),#ff8c5a);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-avatar img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-info h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.user-info p{color:var(--accent);font-size:.875rem}.user-meta{color:var(--accent);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem}.user-meta span{align-items:center;display:inline-flex;gap:.25rem}.detail-panel{background:var(--bg-card);border-left:1px solid var(--border);height:100vh;max-width:100%;overflow-y:auto;padding:1.5rem;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease;width:500px;z-index:100}.detail-panel.open{transform:translate(0)}.detail-close{align-items:center;background:var(--bg-elevated);border:none;border-radius:50%;color:var(--ink);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;width:32px}.detail-section{margin-bottom:1.5rem}.detail-section h4{color:var(--accent);font-size:.75rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.sub-card{background:var(--bg-elevated);border-radius:8px;margin-bottom:.5rem;padding:1rem}.sub-card h5{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.sub-card p{color:var(--accent);font-size:.75rem}.related-account{background:var(--bg-elevated);border-left:3px solid var(--warning);border-radius:8px;margin-bottom:.5rem;padding:1rem}.related-account .match-reason{color:var(--warning);font-size:.75rem;margin-top:.5rem}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-box{max-width:400px;width:100%}.login-box h1{font-size:1.5rem;margin-bottom:.5rem;text-align:center}.login-box p{color:var(--accent);margin-bottom:2rem;text-align:center}.login-box .card{padding:2rem}.login-box .form-group{margin-bottom:1.5rem}.login-box label{color:var(--accent);display:block;font-size:.875rem;margin-bottom:.5rem}.login-error{background:#ef44441a;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.loading{align-items:center;color:var(--accent);display:flex;justify-content:center;padding:3rem}.spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--brand);height:24px;margin-right:.75rem;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:var(--accent);padding:3rem;text-align:center}.empty-state .icon{font-size:3rem;margin-bottom:1rem}.main-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:1024px){.main-grid{grid-template-columns:1fr 400px}}.voucher-section{margin-top:2rem}.voucher-result{margin-top:1rem}