.settings-layout{gap:20px;height:100%;padding:12px;display:flex}.settings-nav{-webkit-backdrop-filter:blur(16px)saturate(1.1);border-radius:var(--radius-xl);background:#ffffffa6;border:1px solid #0000000f;flex-shrink:0;align-self:flex-start;width:260px;padding:8px;animation:.3s both fadeInUp;position:sticky;top:12px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.settings-nav-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px 6px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600}.settings-nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.settings-nav-item:hover{color:var(--text-primary);background:#0000000a}.settings-nav-item.active{color:var(--text-primary);background:#00000012;font-weight:600}.settings-nav-item svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.settings-nav-item.active svg{opacity:1}.settings-content{flex-direction:column;flex:1;gap:16px;min-width:0;padding-bottom:24px;display:flex;overflow-y:auto}.settings-card{-webkit-backdrop-filter:blur(16px)saturate(1.1);border-radius:var(--radius-xl);background:#ffffffa6;border:1px solid #0000000f;padding:20px;animation:.35s both fadeInUp;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.settings-card:first-child{animation-delay:50ms}.settings-card:nth-child(2){animation-delay:.1s}.settings-card:nth-child(3){animation-delay:.15s}.settings-card:nth-child(4){animation-delay:.2s}.settings-card:nth-child(5){animation-delay:.25s}.settings-card-title{color:var(--text-primary);border-bottom:2px solid var(--border-color);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;display:flex}.settings-card-title svg{flex-shrink:0;width:15px;height:15px}.settings-card-desc{color:var(--text-muted);margin-bottom:16px;font-size:.8rem;line-height:1.5}.settings-field{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.settings-field:last-child{border-bottom:none;padding-bottom:0}.settings-field:first-child{padding-top:0}.settings-field-left{flex:1;min-width:0}.settings-field-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.settings-field-hint{color:var(--text-muted);margin-top:2px;font-size:.75rem}.settings-field-value{flex-shrink:0;align-items:center;gap:8px;display:flex}.settings-weight-bar{align-items:center;gap:10px;padding:8px 0;display:flex}.settings-weight-bar-label{color:var(--text-primary);flex-shrink:0;width:160px;font-size:.8rem;font-weight:500}.settings-weight-bar-track{background:#0000000f;border-radius:4px;flex:1;height:8px;overflow:hidden}.settings-weight-bar-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.settings-weight-bar-value{color:var(--text-secondary);text-align:right;flex-shrink:0;width:32px;font-size:.75rem;font-weight:600}.settings-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.settings-status-dot.connected{background:#22c55e;box-shadow:0 0 6px #22c55e66}.settings-status-dot.disconnected{background:#ef4444;box-shadow:0 0 6px #ef444466}.settings-info-banner{color:var(--text-muted);background:#6366f10f;border:1px solid #6366f126;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.8rem;line-height:1.5;display:flex}.settings-info-banner svg{flex-shrink:0;width:14px;height:14px;margin-top:1px}.settings-stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.settings-stat-item{text-align:center;background:#00000005;border:1px solid #0000000a;border-radius:12px;padding:14px 8px}.settings-stat-value{color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700}.settings-stat-label{color:var(--text-muted);margin-top:2px;font-size:.75rem}.settings-password-form{background:#00000005;border:1px solid #0000000a;border-radius:12px;flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.settings-password-field{flex-direction:column;gap:4px;display:flex}.settings-password-field label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.settings-disabled{opacity:.5;pointer-events:none}.settings-soon-badge{text-transform:uppercase;letter-spacing:.03em;color:#6366f1;background:#6366f11a;border:1px solid #6366f133;border-radius:6px;align-items:center;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.settings-verlauf-entry{gap:12px;display:flex}.settings-verlauf-connector{flex-direction:column;flex-shrink:0;align-items:center;width:12px;display:flex}.settings-verlauf-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.settings-verlauf-line{background:var(--border,#00000014);flex:1;width:2px;min-height:16px}.settings-verlauf-meta{color:var(--text-muted,#9ca3af);margin-top:4px;font-size:.7rem}@media (max-width:768px){.settings-layout{flex-direction:column;gap:12px}.settings-nav{flex-wrap:wrap;gap:4px;width:100%;padding:6px;display:flex;position:static}.settings-nav-title{width:100%;padding:4px 8px}.settings-nav-item{padding:6px 10px;font-size:.8rem}.settings-stat-grid{grid-template-columns:1fr}.settings-field{flex-direction:column;align-items:flex-start;gap:8px}.settings-field-value{width:100%}}
.distance-stat-card{-webkit-backdrop-filter:blur(16px)saturate(1.1);border-radius:var(--radius-lg);background:#ffffffa6;border:1px solid #0000000f;padding:16px;animation:.35s both fadeInUp;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.distance-stat-card:nth-child(2){animation-delay:80ms}.distance-map-container{border-radius:var(--radius-xl);border:1px solid #0000000f;animation:.35s .12s both fadeInUp;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.distance-map-container .leaflet-container,.distance-map-container .leaflet-pane{z-index:0}.distance-map-container .leaflet-tooltip{z-index:10}