:root{--background: #ffffff;--foreground: #1a1a1a;--card: #ffffff;--card-foreground: #1a1a1a;--muted: #f5f5f5;--muted-foreground: #737373;--border: #e5e5e5;--input: #e5e5e5;--primary: #1a1a1a;--primary-foreground: #fafafa;--accent-red: #FF3333;--accent-orange: #f97316;--accent-blue: #0066FF;--accent-green: #00CC66;--gradient-fire: linear-gradient(135deg, #FF3333, #FF6666);--gradient-ocean: linear-gradient(135deg, #0066FF, #3399FF);--gradient-nature: linear-gradient(135deg, #00CC66, #66FF99);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .16);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-display: "Syne", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace}@media (prefers-color-scheme: dark){:root{--background: #1a1a1a;--foreground: #fafafa;--card: #262626;--card-foreground: #fafafa;--muted: #333333;--muted-foreground: #a3a3a3;--border: #333333;--input: #333333;--primary: #fafafa;--primary-foreground: #1a1a1a}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:linear-gradient(135deg,#f33,#f66,#ff8080);min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--foreground);line-height:1.6}#root{width:100%;max-width:480px;padding:20px}.container{background:var(--card);border-radius:var(--radius-xl);padding:48px 40px;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-fire)}h1{font-family:var(--font-display);color:var(--foreground);margin-bottom:8px;font-size:32px;font-weight:700;letter-spacing:-.02em}h2{font-family:var(--font-display);color:var(--foreground);margin-bottom:24px;font-size:20px;font-weight:600}.subtitle{color:var(--muted-foreground);margin-bottom:32px;font-size:15px}.form-group{margin-bottom:24px}label{display:block;margin-bottom:8px;color:var(--foreground);font-weight:500;font-size:14px}input,select{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:16px;font-family:var(--font-sans);background:var(--background);color:var(--foreground);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #ff333326}input::placeholder{color:var(--muted-foreground)}.pin-input{text-align:center;font-size:28px;letter-spacing:12px;font-weight:700;font-family:var(--font-mono)}button{width:100%;padding:16px;background:var(--gradient-fire);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--muted);color:var(--foreground)}button.secondary:hover:not(:disabled){background:var(--border)}.error{color:#dc2626;background:#fef2f2;padding:14px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:14px;border:1px solid #fecaca}.success{color:#16a34a;background:#f0fdf4;padding:14px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:14px;border:1px solid #bbf7d0}.search-results{max-height:280px;overflow-y:auto;border:2px solid var(--border);border-radius:var(--radius-sm);margin-top:12px;background:var(--background)}.participant-item{padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease}.participant-item:hover{background:#ff33330d}.participant-item:last-child{border-bottom:none}.participant-name{font-weight:600;color:var(--foreground);margin-bottom:4px}.participant-details{font-size:14px;color:var(--muted-foreground)}.bib-display{background:linear-gradient(135deg,#ff33330d,#ff66660d);border:2px solid var(--accent-red);border-radius:var(--radius-lg);padding:32px;margin:32px 0;text-align:center}.bib-label{font-size:12px;color:var(--muted-foreground);margin-bottom:8px;text-transform:uppercase;letter-spacing:2px;font-weight:600}.bib-number{font-size:80px;font-weight:800;font-family:var(--font-display);background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:16px 0;line-height:1}.participant-info{background:var(--muted);border-radius:var(--radius-sm);padding:20px;margin:24px 0}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{color:var(--muted-foreground);font-size:14px}.info-value{font-weight:600;color:var(--foreground);font-size:14px}.provider-list,.event-list{display:flex;flex-direction:column;gap:12px}.provider-item,.event-item{padding:16px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background:var(--background)}.provider-item:hover,.event-item:hover{border-color:var(--accent-red);background:#ff333305}.provider-name,.event-name{font-weight:600;color:var(--foreground);margin-bottom:4px}.provider-meta,.event-meta{font-size:14px;color:var(--muted-foreground)}.phone-section{margin-top:24px;padding-top:24px;border-top:2px solid var(--border)}.phone-section h3{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:16px;color:var(--foreground)}.nav-buttons{display:flex;gap:12px;margin-top:24px}.nav-buttons button{flex:1}.back-button{background:transparent;color:var(--muted-foreground);padding:12px;font-size:14px;border:2px solid var(--border)}.back-button:hover:not(:disabled){background:var(--muted);border-color:var(--muted-foreground);color:var(--foreground);transform:none;box-shadow:none}.loading{text-align:center;padding:48px 24px;color:var(--muted-foreground)}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent-red);border-radius:50%;animation:spin .8s linear infinite;margin-left:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.brand-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.logo-mark{width:48px;height:48px;background:var(--gradient-fire);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:16px;transform:rotate(-5deg);flex-shrink:0}.brand-text{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--foreground)}@media (max-width: 480px){#root{padding:16px}.container{padding:32px 24px;border-radius:var(--radius-lg)}h1{font-size:26px}.bib-number{font-size:60px}.pin-input{font-size:24px;letter-spacing:8px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}