*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--mango-orange: #F4900C;--mango-amber: #FFB347;--mango-green: #2D6A4F;--mango-green-light: #52B788;--mango-cream: #FFFBF0;--mango-white: #FFFFFF;--text-dark: #1A1A2E;--text-mid: #4A4A6A;--text-light: #8888AA;--border: #E8E0D0;--danger: #E53935;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--nav-height: 64px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--mango-cream);color:var(--text-dark);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--mango-orange);text-decoration:none;transition:color .2s}a:hover{color:#e07b00}button{cursor:pointer;border:none;font-family:inherit;font-size:.95rem}input,select,textarea{font-family:inherit;font-size:.95rem;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;background:var(--mango-white);color:var(--text-dark);transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--mango-orange);box-shadow:0 0 0 3px #f4900c26}input::placeholder,textarea::placeholder{color:var(--text-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:50px;font-weight:600;font-size:.95rem;transition:all .2s ease;text-decoration:none;line-height:1.2}.btn-primary{background:linear-gradient(135deg,#f4900c,#e07b00);color:#fff;box-shadow:0 2px 8px #f4900c4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f4900c66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--mango-white);color:var(--text-dark);border:1.5px solid var(--border)}.btn-secondary:hover{background:#f8f4ec;border-color:#d0c8b8}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c62828}.btn-sm{padding:7px 16px;font-size:.85rem}.btn-google{background:var(--mango-white);color:var(--text-dark);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-google:hover{background:#f8f6f2;box-shadow:var(--shadow-md)}.nav{background:var(--mango-white);border-bottom:1px solid var(--border);padding:0 24px;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:var(--shadow-sm)}.nav-brand{font-size:1.35rem;font-weight:800;color:var(--mango-orange)!important;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.nav-brand:hover{text-decoration:none}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a,.nav-links span{color:var(--text-mid);font-weight:500;font-size:.92rem;padding:8px 14px;border-radius:var(--radius-sm);transition:all .2s}.nav-links a:hover,.nav-links span:hover{color:var(--mango-orange);background:#f4900c0f;text-decoration:none}#root{padding-top:var(--nav-height)}.card{background:var(--mango-white);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid rgba(232,224,208,.6);transition:box-shadow .25s,transform .25s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.container{max-width:1100px;margin:0 auto;padding:28px 24px}.page-header{margin-bottom:28px}.page-header h1{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;color:var(--text-dark)}.page-header .subtitle{color:var(--text-light);font-size:.95rem;margin-top:4px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tabs{display:flex;gap:6px;background:#e8e0d066;border-radius:50px;padding:4px;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:9px 20px;border-radius:50px;font-weight:600;font-size:.9rem;color:var(--text-mid);white-space:nowrap;background:transparent;transition:all .2s}.tab:hover{color:var(--mango-orange)}.tab.active{background:linear-gradient(135deg,#f4900c,#e07b00);color:#fff;box-shadow:0 2px 8px #f4900c40}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;font-size:.78rem;font-weight:600;letter-spacing:.02em}.badge-admin{background:#2d6a4f1f;color:var(--mango-green)}.badge-member{background:#8888aa1f;color:var(--text-mid)}.badge-mango{background:#f4900c1f;color:#c47200}.badge-leaf{background:#52b7881f;color:var(--mango-green)}.badge-private{background:#ffb34726;color:#b86e00}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-mid);font-size:.88rem}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#ffb347,#f4900c);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-lg{width:88px;height:88px;font-size:2.2rem}.avatar-md{width:56px;height:56px;font-size:1.5rem}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-upload{position:relative;cursor:pointer}.avatar-upload:after{content:"📷";position:absolute;bottom:0;right:0;background:var(--mango-white);border:2px solid var(--border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-light)}.empty-state .emoji{font-size:3.5rem;margin-bottom:16px}.empty-state h3{color:var(--text-mid);margin-bottom:8px;font-size:1.15rem}.empty-state p{max-width:360px;margin:0 auto;line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.modal{background:var(--mango-white);border-radius:var(--radius-lg);padding:28px;max-width:500px;width:92%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease;position:relative}.modal h2{margin-bottom:20px;font-size:1.3rem;font-weight:700}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#8888aa1a;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-light);transition:all .2s;cursor:pointer;border:none}.modal-close:hover{background:#88a3;color:var(--text-dark)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rating-dots{display:flex;gap:3px;align-items:center}.rating-dot{width:10px;height:10px;border-radius:50%;background:var(--border);cursor:pointer;transition:all .15s}.rating-dot.filled{background:var(--mango-orange)}.rating-dot:hover{transform:scale(1.3)}.rating-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;border:2px solid var(--border);background:var(--mango-white);cursor:pointer;transition:all .15s}.rating-number.selected{background:linear-gradient(135deg,#f4900c,#e07b00);color:#fff;border-color:transparent;box-shadow:0 2px 8px #f4900c4d}.rating-number:hover{border-color:var(--mango-orange)}.rating-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 8px;border-radius:50px;font-weight:700;font-size:.82rem}.rating-badge.high{background:#52b78826;color:var(--mango-green)}.rating-badge.mid{background:#ffb34733;color:#b86e00}.rating-badge.low{background:#e539351f;color:var(--danger)}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(232,224,208,.5);font-size:.92rem}.activity-item:last-child{border:none}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s}.photo-grid img:hover{transform:scale(1.03)}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(232,224,208,.5);font-size:.92rem}th{background:#f4900c0f;font-weight:600;color:var(--text-mid);position:sticky;top:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}tr:hover{background:#f4900c08}.map-container{width:100%;height:500px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.group-hero{position:relative;height:200px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px;background:linear-gradient(135deg,#f4900c,#ffb347,#52b788)}.group-hero img{width:100%;height:100%;object-fit:cover}.group-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#0000008c);color:#fff}.group-hero-overlay h1{font-size:1.6rem;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.3)}.group-hero-overlay p{opacity:.9;font-size:.9rem;margin-top:4px}.group-card{text-decoration:none!important;color:inherit!important;display:block;overflow:hidden}.group-card-cover{height:120px;background:linear-gradient(135deg,#f4900c,#ffb347,#52b788);margin:-24px -24px 16px;position:relative;overflow:hidden}.group-card-cover img{width:100%;height:100%;object-fit:cover}.group-card-meta{display:flex;gap:16px;margin-top:12px;font-size:.83rem;color:var(--text-light)}.group-card-meta span{display:flex;align-items:center;gap:4px}.section-divider{height:1px;background:var(--border);margin:24px 0}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;color:var(--text-light);font-weight:500;margin-bottom:16px;transition:color .2s}.back-link:hover{color:var(--mango-orange)}.detail-hero{height:240px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px;position:relative;background:linear-gradient(135deg,#2d6a4f,#52b788);display:flex;align-items:center;justify-content:center}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero-placeholder{font-size:4rem;opacity:.5}.inline-form{padding:16px;background:#f4900c0a;border:1px solid rgba(244,144,12,.15);border-radius:var(--radius-md);margin-top:12px}.spot-preview{padding:14px;background:#52b7880f;border:1px solid rgba(82,183,136,.15);border-radius:var(--radius-md);margin-bottom:16px;font-size:.9rem}.spot-preview strong{color:var(--mango-green)}.trip-stop{position:relative;padding:16px 0 16px 32px;border-left:2px solid var(--border);margin-left:8px}.trip-stop:before{content:"";position:absolute;left:-7px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--mango-orange);border:2px solid var(--mango-white);box-shadow:var(--shadow-sm)}.trip-stop:last-child{border-left-color:transparent}.stat-grid{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.stat-item{background:#f4900c0f;border-radius:var(--radius-sm);padding:12px 16px;text-align:center;flex:1;min-width:80px}.stat-item .stat-value{font-size:1.4rem;font-weight:800;color:var(--mango-orange)}.stat-item .stat-label{font-size:.78rem;color:var(--text-light);margin-top:2px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.file-upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:24px;text-align:center;cursor:pointer;transition:all .2s;color:var(--text-light)}.file-upload-area:hover{border-color:var(--mango-orange);background:#f4900c08}.member-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(232,224,208,.5)}.member-row:last-child{border:none}@media (max-width: 768px){:root{--nav-height: 56px}.container{padding:20px 16px}.nav{padding:0 16px}.nav-brand{font-size:1.15rem}.nav-links a,.nav-links span{padding:6px 10px;font-size:.85rem}.grid-2,.grid-3{grid-template-columns:1fr}.tabs{gap:3px}.tab{padding:7px 14px;font-size:.82rem}.map-container{height:350px}.group-hero{height:160px}.detail-hero{height:180px}.modal{width:95%;padding:20px;border-radius:var(--radius-md)}.card{padding:18px}.group-card-cover{margin:-18px -18px 14px}.page-header h1{font-size:1.5rem}}