:root{--bg-deep: #0f172a;--bg-card: #1e293b;--accent: #8b5cf6;--accent-hover: #7c3aed;--danger: #f43f5e;--text-primary: #f8fafc;--text-dim: #94a3b8;--border: rgba(255, 255, 255, .1)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:30px;height:100vh;display:flex;flex-direction:column;box-sizing:border-box}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--border);margin-bottom:30px}.search-input{padding:12px 20px;width:350px;background:#ffffff0d;border:1px solid var(--border);color:#fff;border-radius:12px;font-size:15px;transition:all .3s ease}.search-input:focus{outline:none;background:#ffffff1a;border-color:var(--accent);box-shadow:0 0 0 4px #8b5cf633}.main-content{display:grid;grid-template-columns:1fr 380px;gap:30px;flex:1;overflow:hidden}.results-area{overflow-y:auto;padding-right:15px}.results-area::-webkit-scrollbar{width:6px}.results-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d;border-color:#fff3}.card img{width:100%;height:160px;object-fit:cover}.card-info{padding:15px}.btn-add{width:100%;padding:10px;border-radius:8px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:600;transition:background .2s}.btn-add:hover:not(:disabled){background:var(--accent-hover)}.btn-add:disabled{background:#334155;color:#64748b;cursor:not-allowed}.itinerary-area{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:20px;padding:20px;overflow-y:auto}.trip-item{background:#1e293b;padding:15px;margin-bottom:15px;border-radius:12px;border:1px solid var(--border);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.date-input{flex:1;background:#0f172a;border:1px solid var(--border);color:#fff;padding:8px;border-radius:6px;font-size:13px}.btn-remove{width:100%;padding:10px;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:8px;cursor:pointer;font-weight:600;margin-top:10px;transition:all .2s}.btn-remove:hover{background:var(--danger);color:#fff}