.search-container[data-v-e6f80e0d]{max-width:100%}.search-box[data-v-e6f80e0d]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-xl);margin-bottom:1.5rem;animation:fadeIn .3s ease-out}.search-input-wrapper[data-v-e6f80e0d]{position:relative;display:flex;align-items:center}.search-icon[data-v-e6f80e0d]{position:absolute;left:1rem;width:1.25rem;height:1.25rem;color:var(--text-tertiary);pointer-events:none}.search-input[data-v-e6f80e0d]{width:100%;padding:.875rem 3rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;transition:all .2s;outline:none}.search-input[data-v-e6f80e0d]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.clear-button[data-v-e6f80e0d]{position:absolute;right:.75rem;width:2rem;height:2rem;border:none;background:var(--bg-tertiary);border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-button[data-v-e6f80e0d]:hover{background:var(--border-color)}.clear-button svg[data-v-e6f80e0d]{width:1rem;height:1rem;color:var(--text-secondary)}.search-stats[data-v-e6f80e0d]{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.loading-container[data-v-e6f80e0d]{text-align:center;padding:3rem 1rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-md)}.loading-spinner[data-v-e6f80e0d]{width:3rem;height:3rem;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;margin:0 auto 1rem;animation:spin-e6f80e0d .8s linear infinite}@keyframes spin-e6f80e0d{to{transform:rotate(360deg)}}.loading-text[data-v-e6f80e0d]{color:var(--text-secondary);font-size:1rem}.error-container[data-v-e6f80e0d]{text-align:center;padding:3rem 1rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-md)}.error-icon[data-v-e6f80e0d]{width:3rem;height:3rem;color:var(--danger-color);margin:0 auto 1rem}.error-text[data-v-e6f80e0d]{color:var(--text-secondary);margin-bottom:1.5rem}.retry-button[data-v-e6f80e0d]{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.retry-button[data-v-e6f80e0d]:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.results-container[data-v-e6f80e0d]{display:grid;gap:1rem}.passenger-card[data-v-e6f80e0d]{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);transition:all .2s}.passenger-card[data-v-e6f80e0d]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header[data-v-e6f80e0d]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;min-height:4rem}.card-number[data-v-e6f80e0d]{display:flex;flex-direction:column;gap:.25rem}.card-number .label[data-v-e6f80e0d]{font-size:.75rem;opacity:.9}.card-number .value[data-v-e6f80e0d]{font-size:1.25rem;font-weight:700}.header-right[data-v-e6f80e0d]{display:flex;align-items:center;justify-content:flex-end}.bus-number[data-v-e6f80e0d]{font-size:1.75rem;font-weight:800;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.3);padding:.5rem 1rem;background:#fff3;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);letter-spacing:.05em}.card-body[data-v-e6f80e0d]{padding:1.25rem}.gender-badge[data-v-e6f80e0d]{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;transition:all .2s}.badge-male[data-v-e6f80e0d]{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 2px 4px #3b82f64d}.badge-female[data-v-e6f80e0d]{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;box-shadow:0 2px 4px #ec48994d}.passenger-name[data-v-e6f80e0d]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.info-grid[data-v-e6f80e0d]{display:grid;gap:1rem}.info-item[data-v-e6f80e0d]{display:flex;gap:.75rem;align-items:flex-start}.info-item.full-width[data-v-e6f80e0d]{grid-column:1 / -1}.info-icon[data-v-e6f80e0d]{width:1.25rem;height:1.25rem;color:var(--primary-color);flex-shrink:0;margin-top:.125rem}.info-content[data-v-e6f80e0d]{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.info-label[data-v-e6f80e0d]{font-size:.75rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.info-value[data-v-e6f80e0d]{font-size:.9375rem;color:var(--text-primary);word-break:break-word}.empty-container[data-v-e6f80e0d],.initial-container[data-v-e6f80e0d]{text-align:center;padding:4rem 1rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-md)}.empty-icon[data-v-e6f80e0d],.initial-icon[data-v-e6f80e0d]{width:4rem;height:4rem;color:var(--text-tertiary);margin:0 auto 1rem}.empty-text[data-v-e6f80e0d],.initial-text[data-v-e6f80e0d]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-subtext[data-v-e6f80e0d],.initial-subtext[data-v-e6f80e0d]{color:var(--text-secondary);font-size:.9375rem}@media (min-width: 768px){.search-box[data-v-e6f80e0d]{padding:2rem}.search-input[data-v-e6f80e0d]{padding:1rem 3.5rem;font-size:1.125rem}.search-icon[data-v-e6f80e0d]{width:1.5rem;height:1.5rem}.results-container[data-v-e6f80e0d]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.info-grid[data-v-e6f80e0d]{grid-template-columns:repeat(2,1fr)}.passenger-name[data-v-e6f80e0d]{font-size:1.5rem}.bus-number[data-v-e6f80e0d]{font-size:2.25rem;padding:.625rem 1.25rem}.card-header[data-v-e6f80e0d]{padding:1.25rem 1.5rem;min-height:5rem}.card-number .value[data-v-e6f80e0d]{font-size:1.5rem}}@media (min-width: 1024px){.results-container[data-v-e6f80e0d]{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem}}.app[data-v-7efdcfbe]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.header[data-v-7efdcfbe]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.container[data-v-7efdcfbe]{max-width:1200px;margin:0 auto;padding:0 1rem}.header .container[data-v-7efdcfbe]{padding:1rem}.header-title[data-v-7efdcfbe]{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.header-icon[data-v-7efdcfbe]{width:2rem;height:2rem;color:var(--primary-color)}.main[data-v-7efdcfbe]{padding:1.5rem 0;min-height:calc(100vh - 4rem)}@media (min-width: 768px){.header-title[data-v-7efdcfbe]{font-size:1.875rem}.header-icon[data-v-7efdcfbe]{width:2.5rem;height:2.5rem}.main[data-v-7efdcfbe]{padding:2rem 0}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #64748b;--success-color: #10b981;--danger-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}body{font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Noto Sans Thai,Sarabun;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}#app{min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}