.dashboard-container{background-color:#f5f5f5;flex-direction:column;gap:2rem;padding:2rem;display:flex}.welcome-section{flex-direction:column;gap:1.5rem;display:flex}.welcome-title{color:#1a1a1a;margin:0;font-size:2rem;font-weight:600}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;width:100%;display:grid}.action-btn{cursor:pointer;text-align:center;color:#1a1a1a;background:#2d7a4a14;border:2px solid #2d7a4a4d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.action-btn:hover{color:#1a1a1a;background-color:#2d7a4a26;border-color:#2d7a4a99;transform:translateY(-2px);box-shadow:0 8px 20px #2d7a4a26}.btn-icon{font-size:1.2rem;font-weight:700}.btn-content{flex-direction:column;align-items:flex-start;display:flex}.btn-title{font-size:.95rem;font-weight:600}.btn-subtitle{color:#666;font-size:.8rem}.dashboard-btn{color:#1a1a1a;background:#2d7a4a4d;border-color:#2d7a4ab3;font-weight:700;box-shadow:0 0 0 3px #2d7a4a1a}.dashboard-btn:hover{color:#1a1a1a;background:#2d7a4a59;border-color:#2d7a4acc;transform:translateY(-2px);box-shadow:0 8px 20px #2d7a4a33}.create-poll-btn:hover,.search-flights-btn:hover,.explore-hotels-btn:hover,.more-recommend-btn:hover,.filter-btn:hover{color:#1a1a1a;background-color:#2d7a4a26;border-color:#2d7a4a99;transform:translateY(-2px);box-shadow:0 8px 20px #2d7a4a26}.dashboard-grid{grid-template-columns:1fr 300px;gap:2rem;display:grid}.dashboard-main{flex-direction:column;gap:2rem;display:flex}.trip-card{background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.trip-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.large-card{grid-column:1/-1}.trip-image{background-position:50%;background-size:cover;width:100%;height:200px;position:relative}.trip-overlay{background:linear-gradient(#0000 0%,#0000004d 100%);position:absolute;inset:0}.trip-content{padding:1.5rem}.trip-title{color:#1a1a1a;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.trip-dates{color:#666;margin:0;font-size:.9rem}.trip-meta{gap:1rem;margin-top:1rem;font-size:.85rem;display:flex}.trip-suggestion,.trip-percentage{color:#2d7a4a;background-color:#f0f5f2;border-radius:20px;padding:.4rem .8rem;font-weight:500}.trip-percentage{background-color:#e8f5e9}.trip-status{color:#c33;background-color:#fee;border-radius:20px;padding:.4rem .8rem;font-weight:500}.finalizing-section{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;box-shadow:0 2px 8px #00000014}.finalizing-title{color:#1a1a1a;flex:1;margin:0;font-size:1rem;font-weight:600}.finalizing-avatars{align-items:center;gap:.3rem;display:flex}.avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px}.more-avatars{color:#666;margin-left:.5rem;font-size:.85rem;font-weight:500}.view-plan-btn{color:#fff;cursor:pointer;background-color:#2d7a4a;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:background-color .3s}.view-plan-btn:hover{background-color:#245c3a}.trips-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.trip-card .trip-image{height:150px}.upcoming-polls{flex-direction:column;gap:1.5rem;display:flex}.polls-title{color:#1a1a1a;margin:0;font-size:1.2rem;font-weight:600}.polls-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.poll-card{background:#2a3f35;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000004d}.poll-question{color:#fff;margin:0;font-size:1rem;font-weight:600}.poll-time{color:#b0b8b5;font-size:.85rem;font-weight:500}.poll-options{flex-direction:column;gap:.8rem;display:flex}.poll-option{cursor:pointer;color:#e8f5e9;align-items:center;gap:.8rem;font-size:.95rem;display:flex}.poll-option input[type=radio]{cursor:pointer}.vote-btn{color:#fff;cursor:pointer;background-color:#2d7a4a;border:none;border-radius:6px;align-self:center;padding:.7rem 1.5rem;font-weight:600;transition:background-color .3s}.vote-btn:hover{background-color:#245c3a}.dashboard-sidebar{flex-direction:column;gap:2rem;display:flex}.sidebar-title{color:#1a1a1a;margin:0 0 1rem;font-size:1rem;font-weight:600}.suggested-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.suggested-trips{flex-direction:column;gap:1rem;display:flex}.suggested-trip{cursor:pointer;border-radius:8px;transition:transform .3s;position:relative;overflow:hidden}.suggested-trip:hover{transform:scale(1.05)}.suggested-trip .trip-image{width:100%;height:120px;position:relative}.suggested-trip .trip-percentage{color:#fff;background-color:#2d7a4ae6;border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;position:absolute;bottom:.5rem;left:.5rem}.trip-name{color:#1a1a1a;margin:.8rem 0 0;font-size:1rem;font-weight:600}.bookings-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.booking-card{flex-direction:column;gap:1rem;display:flex}.booking-image{background-position:50%;background-size:cover;border-radius:8px;width:100%;height:120px}.booking-content{flex-direction:column;gap:.5rem;display:flex}.booking-title{color:#1a1a1a;margin:0;font-size:1rem;font-weight:600}.booking-dates{color:#666;margin:0;font-size:.85rem}.booking-info{color:#999;margin:0;font-size:.85rem}.view-details-btn{color:#fff;cursor:pointer;background-color:#2d7a4a;border:none;border-radius:6px;align-self:flex-start;padding:.6rem 1.2rem;font-weight:500;transition:background-color .3s}.view-details-btn:hover{background-color:#245c3a}.active-trips-section{flex-direction:column;gap:1rem;display:flex}.active-trips-title{color:#1a1a1a;margin:0;font-size:1.3rem;font-weight:600}.active-trips-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.active-trip-card{background:#fff;border-left:4px solid #2d7a4a;border-radius:12px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.active-trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001f}.active-trip-name{color:#1a1a1a;margin:0;font-size:1.05rem;font-weight:600}.active-trip-desc{color:#666;margin:.25rem 0 0;font-size:.85rem}.active-trip-meta{white-space:nowrap;gap:.5rem;font-size:.75rem;display:flex}.active-trip-status{text-transform:capitalize;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.status-planning{color:#e65100;background-color:#fff3e0}.status-confirmed{color:#2d7a4a;background-color:#e8f5e9}.status-finalized{color:#1565c0;background-color:#e3f2fd}.active-trip-role{color:#2d7a4a;text-transform:capitalize;background-color:#e8f5e9;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.active-trip-members{color:#555;white-space:nowrap;background-color:#f0f0f0;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;font-weight:500}.upcoming-trips-section{flex-direction:column;gap:1rem;display:flex}.upcoming-trips-title{color:#1a1a1a;margin:0;font-size:1.3rem;font-weight:600}.upcoming-trips-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.destination-card{cursor:pointer;background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.destination-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.destination-card .trip-image{background-position:50%;background-size:cover;width:100%;height:200px;position:relative}.destination-card .trip-content{padding:1.25rem}.destination-card .trip-title{color:#1a1a1a;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.destination-card .trip-location{color:#666;margin:.25rem 0;font-size:.9rem}.destination-card .trip-rating{color:#2d7a4a;margin:.25rem 0;font-size:.9rem;font-weight:600}.destination-card .trip-dates{color:#999;margin:.5rem 0 0;font-size:.85rem}.active-groups-section{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.active-groups-title{color:#1a1a1a;margin:0;font-size:1.1rem;font-weight:600}.active-groups-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.active-group-card{background:#fff;border-left:4px solid #2d7a4a;border-radius:12px;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.active-group-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001f}.active-group-name{color:#1a1a1a;margin:0;font-size:.95rem;font-weight:600}.active-group-desc{color:#666;margin:.25rem 0 0;font-size:.8rem}.active-group-meta{flex-wrap:wrap;gap:.5rem;font-size:.7rem;display:flex}.active-group-status{text-transform:capitalize;border-radius:12px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.active-group-role{color:#2d7a4a;text-transform:capitalize;background-color:#e8f5e9;border-radius:12px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.active-group-members{color:#555;background-color:#f0f0f0;border-radius:12px;padding:.2rem .5rem;font-size:.7rem;font-weight:500}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{order:-1}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.trips-grid,.polls-grid{grid-template-columns:1fr}.finalizing-section{flex-direction:column;align-items:flex-start;gap:1rem}.welcome-title{font-size:1.5rem}.trip-image{height:150px}.dashboard-container{padding:1rem}}@media (max-width:480px){.action-buttons{grid-template-columns:repeat(2,1fr)}.welcome-title{font-size:1.2rem}.dashboard-container{gap:1.5rem;padding:1rem .5rem}.trip-card:not(.large-card) .trip-image{height:120px}.finalizing-avatars{width:100%;overflow-x:auto}}
.create-group-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.create-group-modal{background-color:#fff;border-radius:10px;flex-direction:column;gap:15px;width:400px;padding:30px;display:flex;position:relative;box-shadow:0 0 15px #0000004d}.create-group-modal .close-btn{cursor:pointer;color:#2e6b55;background:0 0;border:none;font-size:40px;font-weight:lighter;position:absolute;top:10px;right:15px}.create-group-modal h2{color:#2e6b55;margin:0;font-size:1.4rem}.create-group-modal label{color:#2e6b55;margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.create-group-modal input,.create-group-modal textarea{color:#333;box-sizing:border-box;border:1px solid #2e6b55;border-radius:5px;width:100%;padding:10px;font-family:inherit;font-size:.95rem}.create-group-modal textarea{resize:vertical;min-height:80px}.create-group-modal input:focus,.create-group-modal textarea:focus{border-color:#245c3a;outline:none;box-shadow:0 0 0 2px #2e6b5526}.create-group-submit{color:#fff;cursor:pointer;background-color:#2e6b55;border:none;border-radius:5px;width:100%;margin-top:5px;padding:10px;font-size:1rem;font-weight:600;transition:background-color .2s}.create-group-submit:hover:not(:disabled){background-color:#245c3a}.create-group-submit:disabled{opacity:.6;cursor:not-allowed}.create-group-error{color:#d32f2f;background-color:#ffebee;border-left:4px solid #d32f2f;border-radius:4px;margin:0;padding:8px;font-size:.875rem}@media (max-width:480px){.create-group-modal{width:90%;padding:20px}}
