*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;background:#f1f5f9;color:#111}.container{max-width:800px;margin:2rem auto;padding:0 1rem}h1{font-size:1.5rem;margin:0 0 .25rem}.subtitle{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.search-box{background:#fff;border-radius:10px;padding:1.25rem;border:1px solid #e5e7eb;margin-bottom:1.5rem;display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:end}.field{position:relative}.field label{font-size:.78rem;font-weight:600;color:#374151;display:block;margin-bottom:.3rem}.field input{width:100%;padding:.55rem .7rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.date-row{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-top:.75rem;align-items:end}.swap-btn{padding:.55rem .7rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:1rem;align-self:end;height:38px}.swap-btn:hover{background:#e5e7eb}.search-btn{padding:.6rem 1.4rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;font-weight:600}.search-btn:hover{background:#1d4ed8}.suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:2px;max-height:220px;overflow-y:auto;box-shadow:0 4px 12px #00000014;z-index:10;display:none}.sugg-item{padding:.5rem .7rem;font-size:.85rem;cursor:pointer;border-bottom:1px solid #f3f4f6}.sugg-item:last-child{border-bottom:none}.sugg-item:hover{background:#eff6ff}.sugg-city{font-weight:600}.sugg-stop{color:#374151}.sugg-count{color:#9ca3af;font-size:.78rem}.card{background:#fff;border-radius:10px;padding:1.1rem 1.25rem;border:1px solid #e5e7eb;margin-bottom:.9rem}.card-header{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.4rem}.badge{padding:.15rem .55rem;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase}.badge-confirmed{background:#d1fae5;color:#065f46}.badge-pending{background:#fef3c7;color:#92400e}.badge-cancelled{background:#fee2e2;color:#b91c1c}.badge-completed{background:#e0e7ff;color:#3730a3}.trip-row{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}.trip-point{flex:1;min-width:0}.trip-point.destination{text-align:right}.trip-time{font-size:1.3rem;font-weight:700;color:#111;line-height:1.2}.trip-place{font-size:.82rem;color:#374151;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-duration{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:0 .5rem;min-width:96px}.duration-label{font-size:.78rem;color:#6b7280;margin-bottom:.35rem;white-space:nowrap;font-weight:600}.duration-line{display:flex;align-items:center;width:100%}.duration-line .dot{width:6px;height:6px;border-radius:50%;background:#9ca3af;flex:0 0 auto}.duration-line .line{flex:1;height:1px;background:#d1d5db}.stop-tag{display:inline-block;margin-top:.35rem;padding:.15rem .45rem;border-radius:4px;font-size:.72rem;font-weight:600}.stop-tag-fixed{background:#e0f2fe;color:#075985}.stop-tag-zone{background:#fef3c7;color:#92400e}.ref{color:#6b7280;font-size:.82rem;margin-bottom:.3rem}.seats{font-size:.88rem;margin-bottom:.5rem}a.back{display:inline-block;margin-top:.25rem;color:#2563eb;text-decoration:none;font-size:.85rem;font-weight:600}a.back:hover{text-decoration:underline}.empty{color:#9ca3af;font-style:italic;padding:1rem 0}.interest-box{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.interest-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer}.interest-btn:hover{background:#dbeafe}.interest-btn:disabled{opacity:.6;cursor:default}.interest-count{font-size:.82rem;color:#6b7280}.interest-reason{font-size:.8rem;color:#9ca3af;font-style:italic}.interest-form{display:none;flex-direction:column;gap:.4rem;margin-top:.5rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-width:320px}.interest-form.open{display:flex}.interest-form input{padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem}.interest-form .row{display:flex;gap:.5rem}.interest-form .row button{padding:.4rem .9rem;border:none;border-radius:6px;font-size:.82rem;cursor:pointer}.interest-form .row .submit{background:#2563eb;color:#fff;font-weight:600}.interest-form .row .cancel{background:#e5e7eb;color:#374151}.interest-done{font-size:.82rem;color:#15803d;font-weight:600}.error-msg{background:#fee2e2;color:#b91c1c;padding:.65rem .9rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem;display:none}.spinner{display:none;color:#6b7280;font-size:.85rem;padding:.5rem 0}.nav-links{margin-top:1.5rem;font-size:.85rem}.nav-links a{color:#2563eb;text-decoration:none;margin-right:1rem}.nav-links a:hover{text-decoration:underline}