*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #334155;--color-border: #475569;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-accent: #38bdf8;--color-accent-2: #a78bfa;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-there: #38bdf8;--color-back: #a78bfa;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", var(--font-sans);--radius: 12px;--radius-sm: 8px}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b}.leaflet-container{height:100%;width:100%;border-radius:var(--radius);z-index:0;background:#e8e4df}.leaflet-popup-content-wrapper{background:var(--color-surface)!important;color:var(--color-text)!important;border-radius:var(--radius-sm)!important;border:1px solid var(--color-border);box-shadow:0 4px 20px #0006!important}.leaflet-popup-tip{background:var(--color-surface)!important}.leaflet-popup-content{margin:10px 14px!important;font-family:var(--font-sans)!important}.leaflet-control-zoom a{background:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}.leaflet-control-zoom a:hover{background:var(--color-surface-alt)!important}.leaflet-control-layers{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;padding:6px 8px!important;font-family:var(--font-sans)!important;font-size:12px!important;color:var(--color-text)!important;box-shadow:0 4px 16px #0006!important}.leaflet-control-layers label{margin-bottom:4px!important;display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important}.leaflet-control-layers input[type=radio]{accent-color:var(--color-accent)}.leaflet-control-layers-separator{border-color:var(--color-border)!important;margin:4px 0!important}.leaflet-control-layers-expanded{padding:8px 10px!important}.leaflet-control-attribution{background:#0f172abf!important;color:#94a3b8!important;font-size:9px!important;padding:2px 6px!important;border-radius:4px 0 0!important}.leaflet-control-attribution a{color:#94a3b8!important}.app-layout{display:grid;grid-template-columns:1fr 420px;grid-template-rows:1fr;height:100vh;gap:0}.map-panel{position:relative;height:100vh}.sidebar{display:flex;flex-direction:column;height:100vh;overflow-y:auto;background:var(--color-surface);border-left:1px solid var(--color-border)}.app-header{padding:20px 24px 16px;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header .subtitle{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.section{padding:16px 24px;border-bottom:1px solid var(--color-border)}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--color-bg);border-radius:var(--radius-sm);padding:4px}.tab{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;font-family:var(--font-sans)}.tab.active{background:var(--color-surface-alt);color:var(--color-text)}.tab:hover:not(.active){color:var(--color-text)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-card{background:var(--color-bg);border-radius:var(--radius-sm);padding:12px;text-align:center}.stat-card .stat-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-accent)}.stat-card .stat-label{font-size:.7rem;color:var(--color-text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.day-card{background:var(--color-bg);border-radius:var(--radius-sm);padding:14px;margin-bottom:10px;border-left:3px solid var(--color-there);transition:all .2s;cursor:pointer}.day-card.back-day{border-left-color:var(--color-back)}.day-card:hover{background:var(--color-surface-alt)}.day-card .day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.day-card .day-num{font-family:var(--font-display);font-weight:700;font-size:1rem}.day-card .day-date{font-size:.75rem;color:var(--color-text-muted)}.day-card .day-route{font-size:.85rem;color:var(--color-text-muted)}.day-card .day-notes{font-size:.78rem;color:var(--color-text-muted);margin-top:6px;line-height:1.4}.day-card .day-stats{display:flex;gap:12px;margin-top:8px;font-size:.75rem;color:var(--color-accent)}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weather-card{background:var(--color-bg);border-radius:var(--radius-sm);padding:10px 12px}.weather-card .wc-city{font-weight:600;font-size:.82rem}.weather-card .wc-temp{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-warning);margin-top:2px}.weather-card .wc-info{font-size:.7rem;color:var(--color-text-muted);margin-top:2px}.packing-category{margin-bottom:12px}.packing-cat-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:6px}.packing-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-bg);border-radius:6px;margin-bottom:4px;cursor:pointer;transition:background .15s;font-size:.82rem}.packing-item:hover{background:var(--color-surface-alt)}.packing-item.packed{opacity:.5;text-decoration:line-through}.packing-item .check-box{width:18px;height:18px;border-radius:4px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.packing-item .check-box.checked{background:var(--color-success);border-color:var(--color-success)}.packing-item .essential-badge{font-size:.6rem;padding:2px 6px;border-radius:10px;background:var(--color-danger);color:#fff;font-weight:600;margin-left:auto}.poi-legend{display:flex;flex-wrap:wrap;gap:6px}.poi-toggle{padding:5px 10px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);font-size:.72rem;cursor:pointer;transition:all .15s;font-family:var(--font-sans);white-space:nowrap}.poi-toggle:hover{border-color:var(--color-accent);color:var(--color-text)}.poi-toggle.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);font-weight:600}.chart-container{width:100%;height:200px;background:var(--color-bg);border-radius:var(--radius-sm);padding:8px}@media(max-width:900px){.app-layout{grid-template-columns:1fr;grid-template-rows:50vh 1fr}.map-panel{height:50vh}.sidebar{height:50vh;border-left:none;border-top:1px solid var(--color-border)}}.progress-bar{height:4px;background:var(--color-border);border-radius:2px;margin-top:8px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-success);border-radius:2px;transition:width .3s}.map-legend{position:absolute;bottom:24px;left:12px;z-index:1000;background:var(--color-surface);border-radius:var(--radius-sm);padding:10px 14px;font-size:.78rem;border:1px solid var(--color-border);display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.there{background:var(--color-there)}.legend-dot.back{background:var(--color-back)}