.bubble{position:absolute;top:10px;right:10px;padding:6px 12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.readyBubble{background-color:#10b981}.daysBubble{background-color:#3b82f6}.bubbleText{color:#fff;font-size:12px;font-weight:700}.container{background-color:var(--white);position:relative;border-radius:.5rem;overflow:hidden;margin:.5rem 0;border:1px solid var(--border);width:280px;height:280px;display:flex;flex-direction:column;transition:all .1s ease}.container:hover{border-color:var(--black)}.trip-card-expanded{background-color:var(--white);border-radius:12px;overflow:hidden;margin:1rem 0;border:1px solid var(--border);width:100%;max-width:1200px;display:flex;flex-direction:column;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.trip-card-expanded:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(0,0,0,.1)}.trip-header{position:relative;height:200px;overflow:hidden}.header-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white;padding:24px}.trip-body{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:24px;min-height:400px}.itinerary-column{flex:1}.budget-column{flex-shrink:0}.budget-section{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:16px;height:-moz-fit-content;height:fit-content}.budget-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.budget-items{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.budget-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.budget-item.total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-weight:600;color:var(--text-primary)}.budget-details-link{display:inline-block;background:var(--primary);color:white;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;text-align:center;width:100%;transition:background .2s}.budget-details-link:hover{background:var(--primary-hover)}@media (max-width:1024px){.trip-body{grid-template-columns:1fr;gap:16px}.budget-column{order:-1}}@media (max-width:768px){.trip-card-expanded{margin:.5rem 0}.trip-header{height:150px}.header-content,.trip-body{padding:16px}.trip-body{gap:12px}}.deadline-bubble{position:absolute;top:12px;right:12px;background:var(--white);border:1px solid var(--border);border-radius:.25rem;padding:4px 8px;font-size:12px;font-weight:400;color:var(--text-primary);z-index:10}.image{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;position:relative;flex-shrink:0}.content{padding:16px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.title{font-size:18px;font-weight:500;color:var(--text-primary);margin-bottom:4px;line-height:1.2}.description{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.4;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.stats-container{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.stat{display:flex;align-items:center;margin-right:0}.stat-text{font-size:12px;color:var(--text-secondary);margin-left:6px;font-weight:400}.progress-container{margin-top:8px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-amount,.progress-title{font-size:14px;color:var(--text-primary)}.total-amount{color:var(--text-secondary)}.compact-container{background-color:var(--white);border-radius:.5rem;overflow:hidden;margin-right:12px;width:200px;border:1px solid var(--border)}.compact-image{width:100%;height:100px;-o-object-fit:cover;object-fit:cover}.compact-content{padding:12px}.compact-title{font-size:16px;color:var(--text-primary);margin-bottom:8px}.compact-amount,.remaining-amount{font-size:12px;color:var(--text-secondary);margin-top:4px}.remaining-amount{text-align:right}.trips-container{padding:1.5rem;background:var(--bg-secondary);min-height:100vh;max-width:1200px;margin:0 auto}.header{margin-bottom:2rem}.title{font-size:2rem;font-weight:700;color:var(--secondary);margin-bottom:.5rem}.title span{color:var(--primary)}.header p{color:var(--text-secondary);font-size:1rem;margin:0}.search-container{display:flex;gap:1rem;margin-bottom:2rem}.search-input-container{position:relative;flex:1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--border);border-radius:.75rem;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,107,53,.1)}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.clear-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:background-color .2s ease}.clear-button:hover{background:var(--bg-tertiary)}.filter-button{padding:.75rem;border:2px solid var(--border);border-radius:.75rem;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.filter-button:hover{border-color:var(--primary)}.filter-button-active{background:var(--primary);background:var(--gradient-primary);border-color:transparent;color:white;.empty-state,.error-state,.loading-state{text-align:center;padding:3rem 1.5rem}.error-state p,.loading-state p{color:var(--text-secondary);font-size:1rem}.empty-state{background:var(--bg-primary);border-radius:1rem;border:2px dashed var(--border-secondary);padding:4rem 2rem}.empty-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-desc{color:var(--text-secondary);margin-bottom:2rem}.create-button{background:var(--gradient-primary);color:white;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.create-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.trip-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.trip-list-expanded{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:5rem}.loading-spinner{width:24px;height:24px;border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-top-color:var(--primary-orange);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.trips-container{padding:1rem}.title{font-size:1.75rem}.search-container{flex-direction:column;gap:.75rem}.trip-list{grid-template-columns:1fr;gap:1rem}.empty-state{padding:3rem 1.5rem}}@media (max-width:480px){.trips-container{padding:.75rem}.title{font-size:1.5rem}.search-input{padding:.625rem .875rem .625rem 2.5rem}.search-icon{left:.75rem}.clear-button{right:.625rem}.filter-button{padding:.625rem}}}.per-person-details{display:flex;flex-direction:column}.per-person-cost{font-size:24px;font-weight:700;color:#3b82f6;line-height:1}.per-person-label{font-size:14px;color:#6b7280;margin-top:4px}.split-breakdown h4{font-size:16px;font-weight:600;color:#374151;margin-bottom:12px}.category-splits{display:flex;flex-direction:column;gap:8px}.category-split{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f9fafb;border-radius:8px;font-size:14px}.category-name{font-weight:500;color:#374151;min-width:80px}.category-total{font-weight:600;color:#1f2937}.category-per-person{color:#6b7280;font-size:12px}