.add-to-planner-modal{flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex}.add-to-planner-modal .modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.add-to-planner-modal .modal-header h2{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600}.trip-search-container{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);position:relative}.trip-search-container .search-icon{left:calc(var(--spacing-lg) + 12px);color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.trip-search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;color:var(--text-main);padding:10px 12px 10px 36px;font-size:.9rem;transition:all .2s}.trip-search-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.trip-list{padding:var(--spacing-md);flex:1;min-height:200px;max-height:400px;overflow-y:auto}.trip-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;transition:all .2s;display:flex}.trip-item:hover{background:var(--bg-secondary);border-color:var(--border-color)}.trip-item.selected{border-color:var(--primary-blue);background:#3b82f61a}.trip-item.create-new{border:2px dashed var(--border-color);background:var(--bg-secondary)}.trip-item.create-new:hover{border-color:var(--primary-blue);background:#3b82f60d}.trip-icon{border-radius:var(--radius-md);background:var(--bg-secondary);width:40px;height:40px;color:var(--primary-blue);flex-shrink:0;justify-content:center;align-items:center;display:flex}.trip-item.create-new .trip-icon{background:#3b82f61a}.trip-info{flex:1;min-width:0}.trip-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;overflow:hidden}.trip-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.no-trips-message{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:.9rem}.error-message{margin:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;font-size:.85rem}.add-to-planner-modal .modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--spacing-sm);display:flex}.modal-back-btn{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);margin-right:var(--spacing-sm);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-back-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-main)}.modal-back-btn:disabled{opacity:.5;cursor:not-allowed}.create-trip-form{padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-main);margin-bottom:var(--spacing-sm);font-size:.9rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;color:var(--text-main);padding:12px 16px;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-help{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:.85rem;line-height:1.4}.btn-primary{align-items:center;gap:var(--spacing-sm);background:var(--primary-blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark,#0056b3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-main)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}