:root{--tm-primary: #193148;--tm-primary-2: #305A84;--tm-accent: #FFD52F}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f8f9fa;color:#193148}.wrapper{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:10px;padding:.7rem 1.2rem;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn-sm{padding:.45rem .85rem;font-size:.85rem}.btn-primary{background:linear-gradient(135deg,var(--tm-primary) 0%,var(--tm-primary-2) 100%);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #19314840}.btn-secondary{background:#e2e8f0;color:#193148}.btn-secondary:hover{background:#cbd5e1}.btn-outline{background:transparent;color:var(--tm-primary);border:2px solid var(--tm-primary)}.btn-outline:hover{background:var(--tm-primary);color:#fff}.groups-page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 6rem}.groups-hero{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--tm-primary) 0%,var(--tm-primary-2) 100%);color:#fff;border-radius:18px;padding:1.75rem;margin-bottom:1.5rem}.groups-hero h1{margin:0 0 .4rem;font-size:1.6rem}.groups-hero h1 i{color:var(--tm-accent)}.groups-hero p{margin:0;opacity:.9;max-width:560px}.groups-hero-actions{display:flex;flex-wrap:wrap;gap:.6rem}.groups-hero-actions .btn-outline{color:#fff;border-color:#fff}.groups-hero-actions .btn-outline:hover{background:#fff;color:var(--tm-primary)}.groups-toolbar{margin-bottom:1.25rem}.groups-search{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:.7rem 1rem;color:#94a3b8;max-width:420px}.groups-search input{border:none;outline:none;flex:1;font-size:.95rem;color:#193148;background:transparent}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem}.groups-empty{grid-column:1 / -1;text-align:center;color:#94a3b8;padding:2rem 0}.groups-empty-state{grid-column:1 / -1;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:2.5rem 1.5rem;max-width:520px;margin:0 auto}.groups-empty-icon{width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffd52f40;color:var(--tm-primary);font-size:1.4rem}.groups-empty-state h3{margin:0 0 .5rem;color:var(--tm-primary);font-size:1.2rem}.groups-empty-state p{margin:0 auto 1.25rem;max-width:420px;color:#64748b;line-height:1.5}.groups-empty-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.group-detail-header .groups-loading{min-height:120px;padding:1.5rem 0}.groups-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:220px;padding:2.5rem 1rem;color:#64748b}.groups-loading-spinner{font-size:2rem;color:#193148}.groups-loading p{margin:0;font-weight:600;font-size:1rem}.group-card{display:block;background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:1.25rem;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.group-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1931481f;border-color:var(--tm-primary-2)}.group-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.group-card-top h3{margin:0;font-size:1.15rem}.group-rank{color:#475569;font-size:.9rem;margin-top:.4rem}.group-rank i{color:var(--tm-primary-2)}.group-desc{color:#64748b;font-size:.9rem;margin:.6rem 0}.group-pending{background:#fef3c7;color:#b45309;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.group-progress{margin:.8rem 0 .5rem}.group-progress-bar{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.group-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--tm-primary-2),var(--tm-accent));border-radius:999px}.group-progress-label{font-size:.82rem;color:#64748b;margin-top:.35rem}.group-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.9rem;padding-top:.75rem;border-top:1px solid #eef2f7;font-size:.82rem;color:#94a3b8}.group-view{color:var(--tm-primary-2);font-weight:600}.groups-modal{position:fixed;inset:0;z-index:12000;display:none;background:#0f172a99;align-items:center;justify-content:center;padding:1rem}.groups-modal.show{display:flex}body.groups-modal-open{overflow:hidden}.groups-modal-panel{background:#fff;width:100%;max-width:500px;border-radius:16px;max-height:90vh;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column}.groups-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;background:linear-gradient(135deg,var(--tm-primary) 0%,var(--tm-primary-2) 100%);color:#fff}.groups-modal-header h3{margin:0;font-size:1.1rem}.groups-modal-close{background:#ffffff26;border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}.groups-modal-body{padding:1.25rem;overflow-y:auto}.groups-modal-body .form-group{margin-bottom:1rem}.groups-modal-body label{display:block;font-weight:600;margin-bottom:.35rem;font-size:.9rem}.groups-modal-body input,.groups-modal-body textarea{width:100%;padding:.65rem .8rem;border:1px solid #cbd5e1;border-radius:10px;font-size:.95rem;font-family:inherit}.groups-modal-body small{color:#94a3b8;font-size:.8rem}.groups-modal-panel--wide{max-width:640px}.rank-pick-hint{margin:0 0 .6rem;font-size:.85rem;color:#64748b;font-weight:400}.rank-pick-row{display:flex;gap:.5rem;align-items:stretch}.rank-search-wrap{position:relative;flex:1;min-width:0}.rank-search-wrap input,.groups-modal-body select{width:100%;padding:.65rem .8rem;border:1px solid #cbd5e1;border-radius:10px;font-size:.95rem;font-family:inherit;box-sizing:border-box}.rank-suggestions{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border:1px solid #e5e9f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:220px;overflow-y:auto}.rank-suggestions.show{display:block}.rank-suggestion-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.65rem .85rem;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;border-bottom:1px solid #f1f5f9}.rank-suggestion-item:last-child{border-bottom:none}.rank-suggestion-item:hover{background:#f8fafc}.rank-suggestion-item strong{color:#193148;font-size:.92rem}.rank-suggestion-item span{color:#94a3b8;font-size:.8rem}.rank-suggestion-item.muted{color:#94a3b8;cursor:default}.selected-rank-chip{display:inline-flex;align-items:center;gap:.45rem;margin-top:.65rem;padding:.4rem .7rem;background:#e0edff;color:#1d4ed8;border-radius:999px;font-size:.85rem;font-weight:600}.selected-rank-chip[hidden]{display:none!important}.chip-clear{border:none;background:transparent;color:#1d4ed8;font-size:1.1rem;line-height:1;cursor:pointer;padding:0 .15rem}.new-rank-map{width:100%;height:260px;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden}.taxi-rank-marker{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:28px;text-shadow:0 2px 6px rgba(0,0,0,.45);cursor:pointer}.taxi-rank-marker--primary{color:#ffd52f;font-size:34px;filter:drop-shadow(0 0 3px #193148);z-index:2}.taxi-rank-marker--other{color:#305a84;font-size:24px;opacity:.9;z-index:1}.groups-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid #eef2f7}.groups-modal-message{font-size:.88rem;margin-top:.5rem;min-height:1.1rem}.groups-modal-message.error{color:#dc2626}.groups-modal-message.success{color:#16a34a}.group-detail{max-width:1100px;margin:0 auto;padding:1.25rem 1rem 6rem}.group-back{display:inline-flex;align-items:center;gap:.4rem;color:var(--tm-primary-2);text-decoration:none;font-weight:600;margin-bottom:1rem}.group-detail-header{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:1.5rem;margin-bottom:1.25rem}.group-detail-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.group-detail-title h1{margin:0;font-size:1.5rem}.group-detail-desc{color:#64748b;margin:.75rem 0}.group-detail-meta{color:#94a3b8;font-size:.85rem;margin-top:.6rem}.group-detail-body{display:grid;grid-template-columns:1fr;gap:1.25rem}.group-map-wrap{background:#fff;border:1px solid #e5e9f0;border-radius:16px;overflow:hidden}.group-map{width:100%;height:360px}.group-routes{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:1.25rem}.group-routes-head h2{margin:0 0 1rem;font-size:1.15rem}.group-routes-list{display:flex;flex-direction:column;gap:.75rem}.group-route-card{border:1px solid #e5e9f0;border-radius:12px;padding:.85rem 1rem}.group-route-card.is-pending{border-color:#fcd34d;background:#fffbeb}.group-route-card.is-approved{border-left:3px solid #16a34a}.group-route-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.route-status-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .6rem;border-radius:999px;white-space:nowrap}.route-status-badge--approved{background:#dcfce7;color:#166534}.route-status-badge--pending{background:#fef3c7;color:#b45309}.route-status-badge--own{background:#dbeafe;color:#1d4ed8}.group-route-contributor{display:flex;align-items:center;gap:.5rem;margin-top:.65rem;font-size:.88rem;color:#475569;font-weight:600}.group-route-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#193148;flex-shrink:0;display:block}.group-map-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.85rem;font-size:.82rem;color:#64748b}.legend-item{display:inline-flex;align-items:center;gap:.45rem}.legend-swatch{width:22px;height:8px;border-radius:999px;flex-shrink:0}.legend-swatch--mixed{background:linear-gradient(90deg,#193148,#1d4ed8,#9333ea,#0d9488,#db2777);box-shadow:0 0 8px #2563eb8c}.legend-swatch--pending{background:repeating-linear-gradient(90deg,#d97706 0 6px,transparent 6px 10px);box-shadow:none}.legend-swatch--coverage{background:#0074d973;border:1px solid #005299;height:12px}.er-route-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.er-route-name{font-weight:700;color:var(--tm-primary);font-size:1rem}.er-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .6rem;border-radius:999px;white-space:nowrap}.er-badge--straight{background:#e0edff;color:#1d4ed8}.er-badge--loop{background:#fef3c7;color:#b45309}.er-route-connection{color:#475569;font-size:.92rem;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.er-route-connection strong{color:var(--tm-primary);font-weight:600}.er-arrow{color:#94a3b8;font-size:.8rem}.er-price{font-size:.85rem;font-weight:600;color:#28a745}.group-contribute-bar{position:fixed;left:0;right:0;bottom:0;z-index:900;background:#fff;border-top:1px solid #e5e9f0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;padding-bottom:calc(.85rem + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #00000014}.group-contribute-bar span{font-weight:600;color:#475569}@media (min-width: 900px){.group-detail-body{grid-template-columns:1.4fr 1fr;align-items:start}.group-map{height:480px}}