.App{display:flex;flex-direction:column;left:0;position:fixed;top:0;touch-action:none;width:100%}#root,.App,body,html{height:100%;overflow:hidden}body,html{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;padding:0;position:relative;width:100%}h1{font-size:2rem;margin-bottom:20px;text-align:center}@media screen and (max-width:768px){.App{padding:10px}h1{font-size:1.5rem}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.menu-panel{background-color:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100%;left:0;max-width:350px;opacity:1;padding:20px 0 20px 40px;position:fixed;top:0;transform:translateX(-100%);transition:transform .8s cubic-bezier(.4,0,.2,1);width:45%;will-change:transform;z-index:2001}.menu-panel.open{transform:translateX(0)}.menu-backdrop{background-color:#0000;height:100vh;left:0;pointer-events:none;position:fixed;top:0;transition:background-color .5s ease;width:100vw;z-index:2000}.menu-backdrop.active{background-color:#0000004d;pointer-events:auto}.menu-panel h3{color:#333;font-size:20px;margin-bottom:16px}.menu-panel ul{flex:1 1;list-style:none;margin:0;padding:0}.menu-panel li{border-bottom:1px solid #eee;color:#444;cursor:pointer;font-size:16px;padding:10px 0;transition:background .2s}.menu-panel li:hover{background-color:#f5f5f5}.menu-panel button.close-button:hover{color:#333}@media (min-width:800px){.menu-panel{width:350px}}.map-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;padding:12px 16px}.header,.logo{align-items:center;display:flex}.logo{gap:8px}.logo-image{height:30px;object-fit:contain;width:auto}.menu-button{background:none;border:none;cursor:pointer;font-size:24px}.search-bar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 8px 4px -6px #666;display:flex;height:28px;left:0;margin:0;max-width:none;padding:8px 12px;position:fixed;right:0;top:1vh;width:100%;z-index:1001}.search-input{background:none;background-color:#fff;border:none;border-radius:8px;flex:1 1;font-size:16px;padding:6px 0}.search-input:focus{outline:none}.filter-buttons-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;left:0;overflow-x:auto;padding:8px 16px;position:absolute;right:0;scrollbar-width:none;top:calc(44px + 1vh);width:100%;z-index:1001}.filter-buttons-container::-webkit-scrollbar{display:none}.filter-buttons-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:5px;margin-right:20px;overflow-x:auto;padding:0 8px 8px 0;scrollbar-width:none;touch-action:pan-x;white-space:nowrap;width:max-content}.filter-buttons-scroll::-webkit-scrollbar{display:none}.filter-buttons-scroll:after{content:"";display:block;height:1px;min-width:20px}.filter-button{align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 8px 6px -6px #666;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;gap:8px;margin:1px;padding:3px 8px;transition:all .2s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.filter-button-icon{background-color:#fff;border-radius:30px;padding:2px}.filter-button-text{font-size:12px}.map-component-container{-webkit-overflow-scrolling:touch;bottom:0;flex:1 1;height:100%;left:0;position:absolute;right:0;top:0;touch-action:pan-x pan-y;width:100%;z-index:1}.map-component-container>div{height:100%!important;touch-action:pan-x pan-y;width:100%!important}.move-to-current-button{align-items:center;background:#fff;border-radius:24px;bottom:86px;box-shadow:0 2px 6px #0000004d;display:flex;height:48px;justify-content:center;right:16px;transition:bottom .3s ease-in-out;width:48px;z-index:600}.move-to-current-button.panel-open{bottom:350px}.move-to-current-button.active:before{animation:pulse 2s infinite;background:#007bff33;border-radius:28px;content:"";height:56px;position:absolute;width:56px}.list-panel{background:#fff;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;flex-direction:column;height:auto;left:0;max-height:35vh;overflow:hidden;position:absolute;right:0;transition:transform .3s ease-in-out;z-index:1000}.list-panel-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.list-panel-header h3{align-items:center;color:#333;display:flex;font-size:16px;font-weight:700;margin:0}.list-count{color:#666;font-weight:400;margin-left:8px}.list-panel-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;padding:0;width:36px}.list-panel-content{-webkit-overflow-scrolling:touch;max-height:calc(35vh - 60px);overflow-y:auto;padding:0}.list-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.list-item-content{flex:1 1}.list-item-route-button{align-items:center;background-color:#4285f4;border:none;border-radius:30px;box-shadow:0 4px 6px -3px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-left:10px;padding:6px 12px;transition:all .2s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.list-item-route-button:hover{background-color:#5c96f5;box-shadow:0 5px 8px -3px #0000004d;transform:translateY(-1px)}.list-item-route-button:active{background-color:#3367d6;box-shadow:0 3px 5px -3px #0000004d;transform:translateY(0)}.list-item-route-button svg{height:14px;margin-right:0;width:14px}.list-item-title{color:#333;font-size:15px;font-weight:700;margin:0 0 8px}.list-item-distance{color:#1e90ff;font-size:13px;margin:0 0 4px}.list-item-address{color:#666;font-size:13px;margin:0 0 4px}@media (max-width:768px){.header{padding:8px 12px}.search-bar{height:40px;margin:0 12px;padding:6px 10px;top:10px;width:calc(100% - 24px)}.search-input{font-size:14px;padding-left:14px}.menu-icon,.search-icon,.sent-icon{height:20px;width:20px}.filter-buttons-container{padding:0 12px;top:70px}.filter-button{border:2px solid #fff;font-size:13px;padding:4px 10px;transition:all .2s ease}.filter-button.active{border-color:#87cefa;color:#1e90ff;font-weight:700}}@media (max-width:380px){.search-bar{height:38px;margin:0 8px;top:10px;width:calc(100% - 16px)}.filter-buttons-container{padding:0 8px;top:90px}}@supports (-webkit-touch-callout:none){.map-component-container,.map-container{height:-webkit-fill-available}.map-component-container>div{height:-webkit-fill-available!important}}@media (max-width:768px){.search-bar{height:38px;margin:0 12px;padding:6px 10px;top:10px;width:calc(100% - 24px)}}@media (max-width:480px){.search-bar{height:38px;margin:0 8px;top:10px;width:calc(100% - 16px)}}@media (max-width:380px){.search-bar{height:36px;margin:0 6px;top:10px;width:calc(100% - 12px)}.filter-buttons-container{left:0;padding:8px 16px;position:absolute;right:0;top:calc(54px + 1vh);width:100%;z-index:1001}}@media (min-width:770px){.search-input{padding-left:14px}.filter-buttons-container{padding-left:3vw}.filter-button{border:2px solid #fff;font-size:13px;padding:4px 10px;transition:all .2s ease}.filter-button.active{border-color:#87cefa;color:#1e90ff;font-weight:700}}.setting-panel{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:20px;top:calc(112px + 1vh);z-index:1002}.setting-toggle-button{align-items:center;background:linear-gradient(145deg,#597beb,#86a8e7);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 9px #0003,0 0 0 2px #597beb4d;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.setting-toggle-button:hover{box-shadow:0 5px 12px #00000040,0 0 0 3px #597beb66;transform:scale(1.08)}.mode-toggle-icon{height:22px;width:22px}.setting-button-list{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:10px}.setting-button{align-items:center;background:#f4f4f4;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:background .2s ease}.setting-button:hover{background:#e0e7ff}.setting-button.active{background:#597beb;color:#fff;font-weight:600;position:relative}.icon-circle{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 6px #0000001a;display:flex;height:22px;justify-content:center;overflow:hidden;width:22px}.mode-icon{filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));height:18px;object-fit:contain;width:18px}.panel-content{flex-wrap:nowrap;padding:15px 0}.follow-button{align-items:center;background-color:#597beb;display:flex;font-weight:500;gap:8px;justify-content:center;transition:all .3s ease}.follow-button:hover{background-color:#4a6ad9}.follow-button.active{background-color:#34a853}.follow-button.active:hover{background-color:#2e9648}.follow-icon{filter:brightness(0) invert(1);height:20px;width:20px}.widget-scroll{padding:15px 0}.widget-status{color:#666;font-size:12px;margin-left:8px}.route-info-widget{background-color:#fff;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;overflow:hidden;position:relative;transition:all .3s ease}.route-info-widget[data-active=true]{border-color:#b3d7ff}.route-info-widget[data-active=true] .widget-label{color:#06c}.route-info-widget[data-active=true] .widget-value{color:#0052a3}.route-info-widget[data-active=true] .widget-status{color:#06c;font-weight:500}.route-info-widget[data-active=true]:hover{border-color:#06c}.route-info-widget:not(.disabled):hover{background-color:#f5f5f5;border-color:#ddd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.route-info-widget.disabled{background-color:#fafafa;cursor:default!important;opacity:.8;pointer-events:none}.route-info-widget.disabled:hover{background-color:#fafafa;box-shadow:none;transform:none}.widget-label{color:#666;font-size:14px;margin-right:8px;transition:color .3s ease}.widget-value{color:#333;font-size:16px;font-weight:600;transition:color .3s ease}.widget-content{align-items:center;display:flex;gap:8px}.status-indicator{background-color:#ddd;border-radius:50%;height:12px;margin-left:12px;position:relative;transition:all .3s ease;width:12px}.status-indicator[data-active=true]{background-color:#4caf50;box-shadow:0 0 8px #4caf5066}.status-indicator[data-active=false]{background-color:#ddd;box-shadow:none}.status-indicator:after{border:2px solid #0000;border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;transition:all .3s ease}.status-indicator[data-active=true]:after{border-color:#4caf5033}.route-info-widget:hover{background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.route-info-widget[data-active=true]{background-color:#e8f4ff}.route-info-widget[data-active=true]:hover{background-color:#d8ecff}.route-selection-screen{background:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.route-header{background:#0000;left:3vw;padding:0;position:absolute;right:3vw;top:1vh;z-index:1001}.location-inputs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:8px;height:84px;padding:12px}.input-row{align-items:center;background:#f9f9f9b3;display:flex;gap:12px;padding:8px 12px}.input-row.clickable{height:24px;justify-content:space-between}.input-row.clickable:first-child{border-bottom:1px solid #000}.location-icon img{height:15px;object-fit:contain;width:15px}.location-icon{color:#555;font-size:16px}.location-input{background:#0000;border:none;color:#333;flex:1 1;font-size:14px;outline:none;padding:4px 0}.location-input::placeholder{color:#999}.back-button{color:#444;font-size:14px;height:20px;padding:2px}.transport-tabs{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;left:50%;padding:0;position:absolute;top:110px;transform:translateX(-50%);z-index:1001}.transport-tab{height:45px;width:120px}.transport-tab.active .tab-icon{filter:brightness(0) invert(1)}.transport-tabs{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-top:none;gap:12px;justify-content:center;padding:20px 0;width:70%}.transport-tab,.transport-tabs{align-items:center;display:flex}.transport-tab{background:#f0f0f0e6;border:1px solid #cccccc80;border-radius:30px;color:#444;cursor:pointer;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease-in-out}.transport-tab.active{background:#006cff;border-color:#006cff;color:#fff}.tab-icon{height:20px;object-fit:contain;width:20px}.tab-text{font-size:16px;font-weight:500}.map-container{background:#f8f8f8;bottom:0;left:0;position:absolute;right:0;top:0}.destination-marker,.start-marker{font-size:24px;height:30px;text-align:center;width:30px}.panel-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#fff;display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding:15px 10px;scrollbar-width:none;white-space:nowrap}.panel-content::-webkit-scrollbar{display:none}.panel-content>div{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 4px #0000001a;flex:0 0 auto;min-width:200px;padding:12px}.route-info-panel{bottom:0;left:0;position:fixed;right:0;z-index:1000}.widget-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;overflow-x:auto;padding:0;scrollbar-width:none;white-space:nowrap}.widget-scroll::-webkit-scrollbar{display:none}.route-info-widget{align-items:center;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:inline-flex;flex-direction:column;flex-shrink:0;font-size:14px;gap:8px;margin-right:10px;min-width:120px;padding:12px 16px;white-space:nowrap}.route-info-widget:last-child{margin-right:0}.follow-button{background-color:#4285f4;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;text-align:center;width:100%}.follow-button:hover{background-color:#357ae8}.move-to-current-button{background-color:#fff;border:none;border-radius:50%;bottom:180px;box-shadow:0 2px 8px #0003;cursor:pointer;height:35px;left:20px;padding:8px;position:absolute;transition:all .3s ease;width:35px;z-index:1001}.move-to-current-button img{height:100%;object-fit:contain;width:100%}.move-to-current-button.active{background-color:#597beb}.move-to-current-button.active img{filter:brightness(0) invert(1)}.location-pulse-effect{animation:locationPulse 2s infinite;background:#597beb33;border-radius:50%;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.search-screen{background:#fff;bottom:0;left:0;position:fixed;right:0;top:1vh;z-index:1000}.search-header{align-items:center;background-color:#fff;border-bottom:1px solid #000;display:flex;gap:10px;margin:0 10px;padding:8px 12px;width:auto}.back-button{align-items:center;background:none;background-color:#fff;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:16px;justify-content:center;padding:4px;width:21px}.clear-button{background:none;border:none;color:#666;cursor:pointer;font-size:16px;margin-left:8px;padding:4px}.search-input-container{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex:1 1;padding:8px 12px}.search-input-container input{background:none;border:none;flex:1 1;font-size:16px;outline:none;padding:0}.search-icon{color:#666;margin-right:8px}.search-results{-webkit-overflow-scrolling:touch;height:calc(100vh - 64px);overflow-y:auto;padding-bottom:40px;touch-action:pan-y;transition:all .2s ease}.search-results:after{content:"";display:block;height:60px;width:100%}.result-item{align-items:center;animation:fadeIn .2s ease;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.result-info{flex:1 1;margin-right:16px}.result-name{color:#333;font-size:16px;font-weight:500;margin:0 0 4px}.result-address{color:#666;font-size:14px;margin:0}.find-route-button{background:#fff;border:1px solid #4285f4;border-radius:16px;color:#4285f4;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;white-space:nowrap}.find-route-button:hover{background:#f8f9fa}.pac-container{display:none!important}.no-results{color:#666;padding:20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.suggest-container{background:#fff;width:100%}.suggest-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.suggest-header h1{color:#2c3e50;margin-bottom:.5rem}.suggest-header p{color:#7f8c8d;font-size:.95rem}.form-section{margin-bottom:2rem}.form-section label{color:#34495e;display:block;font-weight:600;margin-bottom:.8rem}.suggest-form input,.suggest-form textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:12px;width:95%}.category-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.category-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.category-btn.active{background:#3498db;border-color:#3498db;color:#fff}.photo-upload{border:2px dashed #ddd;border-radius:6px;padding:1rem}.upload-btn{background:#f8f9fa;border-radius:4px;cursor:pointer;display:inline-block;padding:10px 20px;transition:background .2s}.upload-btn:hover{background:#e9ecef}.photo-preview{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:1rem}.photo-preview img{border-radius:4px;height:100px;object-fit:cover;width:100%}.submit-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px;transition:background .2s;width:100%}.submit-btn:hover{background:#2980b9}.success-message{background:#dff0d8;border-radius:4px;color:#3c763d;margin-top:1rem;padding:1rem;text-align:center}.location-input{display:flex;gap:10px}.map-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex-shrink:0;height:44px;padding:0 15px}.info-page{background:#fff;box-sizing:border-box;height:100vh;margin:0 auto;overflow-y:auto;padding:2rem;width:100%}.back-button-about{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:1rem;text-align:left}.back-button-about:hover{text-decoration:underline}.info-page h1{border-bottom:2px solid #f0f0f0;color:#2c3e50;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.info-page h2{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem;margin-top:2rem}.feature-list{margin-bottom:2rem;padding-left:1.5rem}.feature-list li{background:#f8f9fa;border-radius:6px;color:#34495e;font-size:1.05rem;padding:.8rem}.guide-container{background:#fff;box-sizing:border-box;height:100vh;margin:0 auto;overflow-y:auto;padding:2rem;width:80vw}.guide-container .back-button-term{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:1rem;text-align:left}.guide-container .back-button-term:hover{text-decoration:underline}.guide-container .guide-title{border-bottom:3px solid #3498db;color:#2c3e50;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.guide-container .guide-section{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 5px #0000001a;margin-bottom:2rem;padding:1.5rem}.guide-container .instruction-card{align-items:start;background:#fff;border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding:1.5rem}.guide-container .step-number{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.guide-container .step-content{flex:1 1}.guide-container .feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.guide-container .feature-card{background:#fff;border-radius:8px;padding:1.5rem;text-align:center;transition:transform .2s}.guide-container .feature-card:hover{transform:translateY(-3px)}.guide-container .feature-icon{font-size:2.5rem;margin-bottom:1rem}.guide-container .function-list{display:flex;flex-direction:column;gap:1rem}.guide-container .function-item{background:#fff;border-left:4px solid #3498db;border-radius:5px;padding:1.2rem}.guide-container .emergency-info{background:#fff3f3;border:2px solid #ff6b6b}.guide-container .emergency-steps{counter-reset:step;padding-left:2rem}.guide-container .emergency-steps li{counter-increment:step;margin:1rem 0;position:relative}.guide-container .emergency-steps li:before{background:#ff6b6b;border-radius:50%;color:#fff;content:counter(step);height:1.5rem;left:-2rem;line-height:1.5rem;position:absolute;text-align:center;width:1.5rem}.guide-container .highlight{color:#e74c3c;font-weight:600}.guide-container .icon-sample{display:inline-block;margin:0 5px}@media (max-width:720px){.guide-container{margin:0;padding:1rem;width:100%}.guide-container .guide-title{border-bottom-width:2px;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.guide-container .guide-section{border-radius:8px;margin-bottom:1.5rem;padding:1rem}.guide-container .instruction-card{align-items:flex-start;background:#fff;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1.5rem}.guide-container .step-number{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.guide-container .step-content{flex:1 1}.guide-container .step-content h3{align-items:center;display:inline-flex;font-size:1.2rem;font-weight:600;margin:0}.guide-container .step-content li{font-size:.9rem;line-height:1.4}.guide-container .feature-grid{gap:1rem;grid-template-columns:1fr}.guide-container .feature-card{background:#fff;border-radius:8px;overflow:hidden;padding:1.2rem;text-align:center;text-overflow:ellipsis;transition:transform .2s;white-space:normal;word-break:keep-all}.guide-container .feature-icon{flex-shrink:0;font-size:2rem;margin-bottom:0}.guide-container .function-item{border-left-width:3px;padding:1rem}.guide-container .back-button-term{background:none;border-radius:0;box-shadow:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:.1rem;padding:0;position:static;text-align:left}.guide-container h2{font-size:1.2rem;margin:.8rem 0}.guide-container li,.guide-container p{font-size:.9rem;line-height:1.5}.guide-container .step-content ul{margin-top:8px;padding-left:20px}.guide-container .function-item h3{font-size:1rem}.guide-container .step-content ul li{font-size:1rem;line-height:1.5}.guide-container .feature-card,.guide-container button{min-height:48px}}.support-container{margin:1rem auto;max-width:800px;padding:1rem}.faq-section{margin:2rem 0}.faq-item{background:#f9f9f9;border-left:4px solid #3498db;border-radius:6px;margin-bottom:1rem;padding:1rem}.question{color:#2c3e50;font-weight:700;margin-bottom:.5rem}.answer{color:#555;font-size:.95rem;margin-left:1rem}.back-button-support{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;text-align:left}.back-button-support:hover{text-decoration:underline}.question:before{color:#3498db;content:"▶";font-size:.8em;padding-right:3px}.answer.active{display:block}.inquiry-form{background:#f8f9fa;border-radius:10px;display:block;margin-top:3rem;text-align:center}.inquiry-form input,.inquiry-form textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:12px;width:85%}.inquiry-form button,.inquiry-form textarea{display:block;margin:0 auto 1rem}.inquiry-form input{margin-top:1rem}.inquiry-form button{border-radius:30px;height:35px;margin-bottom:1rem;width:200px}.AdminPage_admin-container__NNvAd{background-color:#f8f9fa;border-radius:16px;box-shadow:0 5px 15px #0000000d;margin:2rem auto;max-width:1200px;overflow-y:auto;padding:2rem}.AdminPage_admin-title__MYIED{border-bottom:2px solid #ccc;color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.AdminPage_admin-wrapper__5u5KD{background:#f8f9fa;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100%;z-index:10000}.AdminPage_admin-filter-bar__BqNAy{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2.5rem}.AdminPage_admin-filter-group__vB\+j1{display:flex;flex-direction:column}.AdminPage_admin-filter-group__vB\+j1 label{color:#444;font-size:.9rem;font-weight:600;margin-bottom:.4rem}.AdminPage_admin-filter-group__vB\+j1 select{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:.95rem;padding:.5rem 1rem}.AdminPage_admin-region-select-wrapper__EdS7o{position:relative}.AdminPage_admin-region-select__iHXk9{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;padding:.5rem;width:180px}.AdminPage_admin-region-option__60g\+w{border-radius:6px;color:#333;font-size:.95rem;padding:.5rem;transition:background .2s}.AdminPage_admin-region-option__60g\+w:hover{background:#f1f1f1}.AdminPage_admin-dropdown-wrapper__SCBTC{font-size:.95rem;position:relative;-webkit-user-select:none;user-select:none;width:160px}.AdminPage_admin-dropdown-toggle__FWoYo{align-items:center;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27><path stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M19 9l-7 7-7-7%27/></svg>");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:space-between;line-height:1.5;padding:.5rem 1rem}.AdminPage_admin-dropdown-menu__piqH3{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;position:absolute;top:110%;width:100%;z-index:20}.AdminPage_admin-dropdown-item__7\+tRU{font-size:.95rem;padding:.5rem 1rem;position:relative}.AdminPage_admin-dropdown-item__7\+tRU:hover{background-color:#f1f1f1}.AdminPage_admin-sub-dropdown__DdKkB{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;left:100%;min-width:160px;position:absolute;top:0;z-index:30}.AdminPage_admin-sub-dropdown-item__-NKsm{font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.AdminPage_admin-sub-dropdown-item__-NKsm:hover{background-color:#f0f0f0}.AdminPage_admin-chart-grid__iRpxo{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.AdminPage_admin-chart-card__uf\+4g{background:#fff;border-radius:12px;box-shadow:0 3px 12px #00000014;display:flex;flex-direction:column;height:400px;justify-content:space-between;overflow:visible;padding:1.5rem;position:relative}.AdminPage_admin-chart-title__ofZ7s{color:#222;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.AdminPage_admin-search-section__BDf2f{margin-top:3rem}.AdminPage_admin-search-title__jAL8v{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.AdminPage_admin-search-input__tGI4L{border:1px solid #bbb;border-radius:8px;font-size:1rem;margin-bottom:2rem;padding:12px;width:100%}.AdminPage_admin-complaint-list__Fsdbo{display:flex;flex-direction:column;gap:1rem}.AdminPage_admin-complaint-item__3fau5{background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000d;padding:1rem 1.2rem;transition:all .2s}.AdminPage_admin-complaint-item__3fau5:hover{background-color:#f1f1f1}.AdminPage_admin-complaint-title__tBRil{color:#2c3e50;font-size:1.05rem;font-weight:600;margin-bottom:.3rem}.AdminPage_admin-complaint-meta__xR-\+C{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.AdminPage_admin-complaint-content__WBAcA{color:#444;font-size:.95rem}.AdminPage_admin-complaint-danger__cCm6f{color:#e74c3c;font-weight:700;margin-top:.5rem}.AdminPage_admin-link-button__cjDBp{display:inline-block;font-size:14px;font-weight:600;padding:10px 20px}.AdminPage_admin-link-button__cjDBp:hover{transform:translateY(-2px)}.AdminPage_admin-button-container__S9DiD{display:flex;gap:10px;justify-content:flex-end;margin:20px 0}.AdminPage_admin-button-top-left__pqeIg{display:flex;justify-content:flex-start;margin-bottom:10px}.AdminPage_admin-link-button__cjDBp{background-color:#4f46e5;border-radius:8px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.AdminPage_admin-link-button__cjDBp:hover{background-color:#3730a3;transform:translateY(-1px)}.report-container{background:#fff;width:100%}.report-title{color:#e74c3c;font-size:2rem;margin-bottom:1rem}.report-info-box{background-color:#fdfdfd;border-left:4px solid #e74c3c;border-radius:8px;box-shadow:0 1px 4px #0000001a;margin-bottom:2rem;padding:1rem;text-align:left}.report-info-box h2{color:#c0392b;margin-bottom:.5rem}.report-info-box p{color:#555;font-size:.95rem;line-height:1.5}.report-open-map-btn,.report-submit-btn{background-color:#3498db;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:12px 25px;transition:background-color .3s ease}.report-submit-btn{background-color:#27ae60}.report-open-map-btn:hover,.report-submit-btn:hover{opacity:.9}.report-map-section{margin-top:2rem}.report-map{background-color:#f0f0f0;border-radius:10px;box-shadow:0 2px 4px #0003;cursor:crosshair;height:400px;overflow:hidden;position:relative;width:100%}.report-map-text{color:#aaa;font-size:1.2rem;left:50%;top:50%;transform:translate(-50%,-50%)}.report-map-text,.report-marker{pointer-events:none;position:absolute}.report-marker{font-size:30px}.report-instruction{color:#2c3e50;font-size:1rem;margin-top:1rem}.report-reset-btn{background-color:#bdc3c7;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;margin-left:10px;margin-top:.8rem;padding:12px 25px;transition:background-color .3s ease}.report-reset-btn:hover{background-color:#95a5a6}.report-result-box{background-color:#ecf0f1;border-radius:10px;color:#2c3e50;font-size:.95rem;margin-top:2rem;padding:1rem}.report-result-box h3{color:#27ae60;margin-bottom:.5rem}.map-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.map-popup-box{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:500px;max-width:600px;padding:1rem;position:relative;width:90%}.select-map{border-radius:8px;box-shadow:0 2px 8px #0003;flex:1 1}.success-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-popup-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:400px;padding:20px;text-align:center;width:90%}.success-popup-box h2{color:#2ecc71;font-size:24px;margin:0 0 10px}.success-popup-box p{color:#333;font-size:16px;margin:0 0 20px}.close-success-btn{background:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s}.close-success-btn:hover{background:#27ae60}.suggest-tabs-container{display:flex;flex-direction:column;height:100vh}.report-back-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;left:1rem;margin-left:1rem;position:absolute;text-align:left;top:1rem;z-index:10}.report-back-button:hover{text-decoration:underline}.tab-buttons{display:flex;justify-content:center;margin:.5rem;padding-top:1.5rem}.tab-buttons button{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:1rem;padding:10px 20px}.tab-buttons button.active{border-bottom:2px solid #3498db;color:#3498db;font-weight:700}.tab-content{flex:1 1;max-height:calc(100vh - 60px);overflow-y:auto;padding:1rem}.tracking-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.tracking-header{align-items:center;background:linear-gradient(135deg,#3563dc,#006cff);border-radius:14px;box-shadow:0 2px 10px #0003;color:#fff;display:flex;justify-content:center;left:12px;margin:0 auto;max-width:calc(100% - 24px);padding:10px;position:absolute;right:12px;top:12px;z-index:10}.header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.tracking-back-button{align-items:center;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;transition:all .2s ease;width:28px}.tracking-back-button:active{background:#ffffff40;transform:scale(.95)}.tracking-back-button img{filter:brightness(0) invert(1);height:14px;width:14px}.destination-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center}.destination-info h3{color:#fff;font-size:14px;font-weight:600;letter-spacing:.2px;margin:0;max-width:80%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.destination-details{display:flex;gap:8px;margin-top:2px}.detail-item{align-items:center;background:#ffffff26;border-radius:12px;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;white-space:nowrap}.detail-icon{height:12px;width:12px}.header-right-space{min-width:32px;width:32px}.tracking-map-container{flex:1 1;position:relative;z-index:1}.tracking-location-btn-container{bottom:20px;left:20px;position:fixed;z-index:1001}.tracking-location-btn{background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:35px;padding:8px;position:relative;transition:all .3s ease;width:35px}.tracking-location-btn img{height:100%;object-fit:contain;width:100%}.tracking-location-btn.active{background-color:#597beb}.tracking-location-btn.active img{filter:brightness(0) invert(1)}.tracking-location-pulse{animation:locationPulse 2s infinite;background:#597beb33;border-radius:50%;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}@keyframes locationPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.location-marker{position:relative}.location-dot{background-color:#006cff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:12px;width:12px}.location-pulse{animation:pulse 2s infinite;background-color:#006cff26;border-radius:50%;height:24px;left:0;position:absolute;top:0;width:24px}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}
/*# sourceMappingURL=main.5bcf853e.css.map*/