:root{color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.5}body{margin:0;padding:0}#root{width:100vw;height:100vh;overflow:hidden}.map-view{width:100%;height:100%;box-shadow:none;background:#fff;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.map-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.map-header h3{margin:0;font-size:1.1rem;font-weight:600}.map-controls{align-items:center;gap:.75rem;display:flex}.position-label{opacity:.9;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.85rem;overflow:hidden}.refresh-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;transition:all .2s;display:flex}.refresh-button:hover:not(:disabled){background:#ffffff4d;transform:rotate(180deg)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.position-bar{background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0;align-items:center;gap:.5rem;min-height:36px;padding:.5rem 1rem;display:flex}.position-icon{font-size:1rem}.position-address{color:#333;flex:1;font-size:.9rem;font-weight:500}.position-coordinates{color:#666;font-family:monospace;font-size:.75rem}.position-loading{color:#667eea;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.loading-dot{background:#667eea;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dotPulse}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.position-empty{color:#999;font-size:.85rem}.map-wrapper{background:#e5e3e4;flex:1;min-height:0;position:relative}.map-element{width:100%;height:100%}.map-loading{z-index:10;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-loading p{color:#666;margin-top:1rem}.map-error{z-index:10;background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-error p{color:#dc3545;margin-bottom:1rem}.map-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.5rem 1rem}.map-tips{background:#fff3cd;border-top:1px solid #ffc107;flex-shrink:0;padding:.5rem 1rem}.map-tips p{color:#856404;text-align:center;margin:0;font-size:.8rem}.current-position-marker{width:24px;height:24px;position:relative}.marker-dot{background:#667eea;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d}.marker-pulse{background:#667eea4d;border-radius:50%;width:24px;height:24px;animation:2s infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.position-info{min-width:200px;padding:.5rem}.position-info h4{color:#333;margin:0 0 .5rem;font-size:1rem}.position-info p{color:#666;margin:.25rem 0;font-size:.9rem}.position-info .coordinates{color:#999;font-family:monospace;font-size:.8rem}.place-marker{filter:drop-shadow(0 2px 4px #0000004d);cursor:pointer;transition:transform .2s}.place-marker:hover{transform:scale(1.15)}.place-info-window{min-width:150px;padding:8px 12px}.place-info-window h4{color:#333;margin:0 0 4px;font-size:14px}.place-info-window p{color:#666;margin:2px 0;font-size:12px}@media (width<=768px){.map-header{flex-direction:column;gap:.5rem;padding:.5rem}.map-header h3{font-size:1rem}.map-controls{justify-content:space-between;width:100%}.position-label{max-width:150px}.position-bar{flex-wrap:wrap;padding:.5rem}.position-coordinates{text-align:right;width:100%;font-size:.7rem}.map-tips p{font-size:.7rem}}.add-place-panel{z-index:1000;background:#fff;border-radius:12px;flex-direction:column;width:380px;max-height:calc(100vh - 20px);display:flex;position:absolute;top:10px;right:10px;overflow:hidden;box-shadow:0 4px 20px #0003}.panel-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.panel-header h3{flex:1;margin:0;font-size:1rem;font-weight:600}.close-red{background:#dc35454d!important}.close-red:hover{background:#dc354580!important}.save-button{color:#fff;cursor:pointer;white-space:nowrap;background:#28a7454d;border:none;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.save-button:hover:not(:disabled){background:#28a74580;transform:scale(1.05)}.save-button:disabled{opacity:.6;cursor:not-allowed}.panel-form{flex:1;padding:.75rem 1rem;overflow-y:auto}.form-section{border-bottom:1px solid #eee;margin-bottom:.75rem;padding-bottom:.75rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4{color:#333;margin:0 0 .5rem;font-size:.85rem}.search-box{gap:.5rem;display:flex}.search-box input{border:1px solid #ddd;border-radius:6px;flex:1;padding:.6rem;font-size:.9rem}.search-box input:focus{border-color:#667eea;outline:none}.search-button{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;padding:.6rem .8rem;font-size:.85rem;transition:all .2s}.search-button:hover:not(:disabled){background:#5a6fd6}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-results{background:#fff;border:1px solid #ddd;border-radius:6px;max-height:120px;margin-top:.5rem;overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid #eee;padding:.5rem;transition:background .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f0f4ff}.result-name{color:#333;margin-bottom:.15rem;font-size:.9rem;font-weight:500}.result-address{color:#666;font-size:.8rem}.location-buttons{gap:.5rem;margin-bottom:.5rem;display:flex}.location-button{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:6px;flex:1;padding:.6rem;font-size:.85rem;transition:all .2s}.location-button:hover{background:#f0f4ff}.location-button.active{color:#fff;background:#667eea;animation:1.5s infinite pulse}.coordinate-info{color:#2e7d32;background:#e8f5e9;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .5rem;font-size:.8rem;display:flex}.coordinates{font-family:monospace;font-size:.75rem}.form-group{margin-bottom:.5rem}.form-group label{color:#555;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:.5rem;font-size:.85rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{resize:vertical;min-height:50px}.parking-input-row{gap:.5rem;display:flex}.parking-input-row input{flex:1}.parking-map-btn{color:#667eea;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #667eea;border-radius:6px;padding:.6rem .8rem;font-size:.85rem;transition:all .2s}.parking-map-btn:hover{color:#fff;background:#667eea}.parking-marker{filter:drop-shadow(0 2px 4px #0000004d);font-size:24px}.category-radio-group{gap:.5rem;display:flex}.category-radio{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:.6rem;font-size:.9rem;transition:all .2s;display:flex}.category-radio:hover{border-color:var(--cat-color,#667eea)}.category-radio.active{border-color:var(--cat-color,#667eea);background:color-mix(in srgb, var(--cat-color,#667eea) 10%, white);color:var(--cat-color,#667eea);font-weight:600}.category-radio input{display:none}.form-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.rating-input{align-items:center;gap:.25rem;display:flex}.star-button{color:#ccc;cursor:pointer;background:#f0f0f0;border:none;border-radius:4px;width:28px;height:28px;font-size:1.1rem;transition:all .2s}.star-button:hover{background:#fff3cd}.star-button.active{color:#fff;background:#ffc107}.tags-input{flex-wrap:wrap;gap:.35rem;display:flex}.tag-button{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:15px;padding:.3rem .6rem;font-size:.75rem;transition:all .2s}.tag-button:hover{color:#667eea;border-color:#667eea}.tag-button.active{color:#fff;background:#667eea;border-color:#667eea}.error-message{color:#c53030;background:#fff5f5;border:1px solid #fc8181;border-radius:4px;margin-bottom:.5rem;padding:.5rem;font-size:.85rem}.form-actions{border-top:1px solid #eee;gap:.5rem;padding-top:.75rem;display:flex}.cancel-button{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:.6rem;font-size:.9rem;transition:all .2s}.cancel-button:hover{color:#333;border-color:#999}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;flex:2;padding:.6rem;font-size:.9rem;font-weight:600;transition:all .2s}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.add-place-panel{width:calc(100% - 20px);max-height:60vh;inset:auto 10px 10px}.form-row{grid-template-columns:1fr}}.place-list{flex-direction:column;height:100%;display:flex;overflow:hidden}.filter-section{border-bottom:1px solid #eee;flex-shrink:0;padding:.75rem}.search-input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:.5rem;padding:.6rem;font-size:.9rem}.search-input:focus{border-color:#667eea;outline:none}.filter-tabs{gap:.4rem;display:flex}.filter-tab{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:.4rem;font-size:.85rem;transition:all .2s}.filter-tab:hover{color:#667eea;border-color:#667eea}.filter-tab.active{color:#fff;background:#667eea;border-color:#667eea}.places-container{flex:1;padding:.5rem;overflow-y:auto}.loading-state,.empty-state{color:#999;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.empty-icon{opacity:.5;margin-bottom:.5rem;font-size:2.5rem}.empty-hint{color:#bbb;font-size:.85rem}.places-list{flex-direction:column;gap:.5rem;display:flex}.place-card{background:#f8f9fa;border:2px solid #0000;border-radius:8px;transition:all .2s;overflow:hidden}.place-card:hover{background:#fff;border-color:#667eea}.place-card-main{cursor:pointer;align-items:center;gap:.6rem;padding:.75rem;display:flex}.category-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.place-info{flex:1;min-width:0}.place-name{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:.95rem;overflow:hidden}.place-meta{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.stars{color:#ffc107}.price{color:#666}.place-actions{flex-shrink:0;gap:.3rem;display:flex}.action-btn{cursor:pointer;background:#fff;border:none;border-radius:6px;width:28px;height:28px;font-size:.85rem;transition:all .2s}.nav-btn:hover{background:#e3f2fd}.edit-btn:hover{background:#fff3e0}.delete-btn:hover{background:#ffebee}.place-expanded{background:#fff;border-top:1px solid #eee;padding:0 .75rem .75rem}.info-row{color:#666;align-items:flex-start;gap:.5rem;padding:.4rem 0;font-size:.85rem;display:flex}.info-icon{flex-shrink:0}.route-section{border-top:1px solid #eee;margin-top:.5rem;padding-top:.5rem}.route-button{color:#667eea;cursor:pointer;background:#f0f4ff;border:2px dashed #667eea;border-radius:6px;width:100%;padding:.6rem;font-size:.9rem;transition:all .2s}.route-button:hover{color:#fff;background:#667eea;border-style:solid}.route-tip{color:#999;font-size:.8rem}.route-info{flex-direction:column;gap:.4rem;display:flex}.route-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.route-icon{font-size:1rem}.route-label{color:#666;width:40px}.route-value{color:#333;font-weight:500}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{cursor:pointer;pointer-events:auto;border-radius:8px;align-items:center;gap:8px;max-width:350px;padding:10px 16px;font-size:14px;font-weight:500;animation:.3s toastSlideIn;display:flex;box-shadow:0 4px 12px #00000026}.toast-success{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.toast-warning{color:#f57f17;background:#fff8e1;border:1px solid #ffe082}.toast-error{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.toast-icon{flex-shrink:0;font-size:16px}.toast-message{flex:1;line-height:1.4}.toast:hover{opacity:.8}@keyframes toastSlideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.app{width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;overflow:hidden}.sidebar{z-index:100;flex-shrink:0;height:100%;display:flex}.sidebar-nav{background:#1a1a2e;flex-direction:column;flex-shrink:0;gap:2px;width:56px;padding:8px 0;display:flex}.nav-item{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#667eea4d;border-right:3px solid #667eea}.nav-item.disabled{opacity:.35;cursor:not-allowed}.nav-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.nav-label{font-size:13px;font-weight:500}.sidebar-content{background:#fff;flex-direction:column;width:324px;display:flex;overflow:hidden;box-shadow:2px 0 10px #00000014}.sidebar-content-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.sidebar-content-header .add-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .2s;display:flex}.sidebar-content-header .add-button:hover{background:#ffffff4d}.sidebar-content-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-content-body .place-list{height:100%}.map-container{z-index:1;flex:1;position:relative}.map-container>div{width:100%!important;height:100%!important}@media (width<=768px){.sidebar-content,.detail-panel{width:280px}}.detail-panel{z-index:1000;background:#fff;border-radius:12px;width:320px;position:absolute;top:120px;right:10px;overflow:hidden;box-shadow:0 4px 20px #0003}.detail-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.detail-header h3{margin:0;font-size:1rem;font-weight:600}.close-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .2s;display:flex}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.detail-body{padding:.75rem 1rem}.detail-row{color:#333;align-items:flex-start;gap:.5rem;padding:.4rem 0;font-size:.9rem;display:flex}.detail-icon{flex-shrink:0}.detail-tags{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.detail-tag{color:#1976d2;background:#e3f2fd;border-radius:4px;padding:.2rem .5rem;font-size:.8rem}.detail-actions{border-top:1px solid #eee;gap:.5rem;padding:.75rem 1rem;display:flex}.detail-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.6rem;font-size:.9rem;transition:all .2s}.detail-btn.edit-btn{color:#667eea;background:#f0f4ff}.detail-btn.edit-btn:hover,.detail-btn.nav-btn{color:#fff;background:#667eea}.detail-btn.nav-btn:hover{background:#5a6fd6}.detail-btn:disabled{opacity:.6;cursor:not-allowed}.route-detail{background:#f8f9fa;border-top:1px solid #eee;padding:.75rem 1rem}.route-summary{gap:1rem;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.route-distance{color:#333}.route-time{color:#667eea}.route-road-info{flex-wrap:wrap;gap:.4rem;display:flex}.road-tag{color:#667eea;background:#f0f4ff;border-radius:4px;padding:.2rem .6rem;font-size:.8rem;font-weight:500}.route-steps{flex-direction:column;gap:.3rem;margin-bottom:.5rem;display:flex}.route-step{color:#666;gap:.4rem;font-size:.85rem;display:flex}.step-num{color:#667eea;flex-shrink:0;font-weight:600}.route-open-map{text-align:center;color:#fff;background:#667eea;border-radius:6px;padding:.5rem;font-size:.9rem;text-decoration:none;transition:background .2s;display:block}.route-open-map:hover{background:#5a6fd6}.qrcode-section{border-top:1px solid #eee;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.qrcode-hint{color:#999;font-size:.75rem}