@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";html,body,#root{background-color:#0f172a;width:100%;height:100%;margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}.premium-layer-card{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(190%);color:#1e293b;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #fff6;border-color:#ffffffb3 #fff6 #fff6 #ffffffb3;border-radius:12px;width:210px;max-height:calc(100vh - 120px);padding:14px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s,box-shadow .3s,border-color .3s;position:absolute;top:88px;left:24px;overflow-y:auto;box-shadow:0 10px 30px -10px #00000014,0 20px 40px -15px #0000000f,inset 0 1px #ffffffe6}.premium-layer-card.sidebar-open{opacity:1;pointer-events:auto;transform:translate(0)}.premium-layer-card.sidebar-closed{opacity:0;pointer-events:none;transform:translate(calc(-100% - 48px))}.card-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.premium-layer-card .card-divider{margin:6px 0 10px}.premium-layer-card:hover{box-shadow:15px 0 35px #00000012}.sidebar-close-btn{display:none}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.card-title{letter-spacing:-.4px;color:#0f172a;align-items:center;gap:8px;margin:0 0 6px;font-size:20px;font-weight:700;display:flex}.card-divider{border:none;border-top:1px solid #00000012;margin:0 0 16px}.section-header{text-transform:uppercase;color:#64748b;letter-spacing:1.2px;margin:16px 0 8px;font-size:14px;font-weight:800;display:block}.section-header:first-of-type{margin-top:0}.basemap-group{background:#00000005;border:1px solid #00000008;border-radius:8px;flex-direction:column;gap:4px;margin:4px 0 14px;padding:8px;display:flex}.layer-item-label{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.layer-item-label:hover{color:#4f46e5;background-color:#6366f10f;transform:translate(3px)}.layer-item-label.active{color:#4f46e5;background-color:#6366f117}.premium-radio,.premium-checkbox{cursor:pointer;accent-color:#6366f1;width:15px;height:15px;margin-right:12px;transition:transform .2s}.premium-radio:active,.premium-checkbox:active{transform:scale(.85)}.layer-indicator{width:10px;height:10px;box-shadow:0 0 6px var(--dot-color);border:1.5px solid #fffffff2;border-radius:50%;outline:1px solid #00000014;flex-shrink:0;margin-right:10px;transition:all .3s;display:inline-block}.menu-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:8px 10px;transition:all .2s;display:flex}.menu-header:first-of-type{margin-top:0}.menu-header:hover{background-color:#00000008}.menu-header-title{color:#475569;letter-spacing:-.1px;font-size:16px;font-weight:500}.chevron-icon{fill:none;stroke:#64748b;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.menu-header:hover .chevron-icon{stroke:#4f46e5}.submenu-wrapper{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.submenu-wrapper.expanded{grid-template-rows:1fr}.submenu-content{min-height:0}.spatial-group{flex-direction:column;gap:6px;padding:4px 0 2px;display:flex}.premium-toolbar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(190%);background:#fff;border:1px solid #fff6;border-color:#ffffffb3 #fff6 #fff6 #ffffffb3;border-radius:12px;align-items:center;gap:6px;padding:6px;animation:.5s cubic-bezier(.16,1,.3,1) forwards toolbarFadeIn;display:flex;position:absolute;top:24px;left:88px;box-shadow:0 10px 30px -10px #00000014,0 20px 40px -15px #0000000f,inset 0 1px #ffffffe6}.premium-sidebar-trigger-toolbar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(190%);background:#fff;border:1px solid #fff6;border-color:#ffffffb3 #fff6 #fff6 #ffffffb3;border-radius:12px;align-items:center;padding:6px;animation:.5s cubic-bezier(.16,1,.3,1) forwards toolbarFadeIn;display:flex;position:absolute;top:24px;left:24px;box-shadow:0 10px 30px -10px #00000014,0 20px 40px -15px #0000000f,inset 0 1px #ffffffe6}@keyframes toolbarFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tool-button{cursor:pointer;color:#1e293b;background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tool-button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.tool-button:hover{color:#4f46e5;background-color:#6366f114;transform:scale(1.08)}.tool-button.active{color:#4f46e5;background-color:#6366f11f;box-shadow:0 0 0 1px #6366f133}.tool-icon{fill:currentColor;width:20px;height:20px;transition:transform .2s}.tool-icon-asset{justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:inline-flex}.tool-icon-asset svg{fill:currentColor;width:100%;height:100%;display:block}.tool-icon-asset svg *{fill:currentColor}.tool-button .tool-tooltip{visibility:hidden;color:#f8fafc;white-space:nowrap;opacity:0;pointer-events:none;z-index:1001;background:#0f172ae6;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:52px;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 4px 12px #00000026}.tool-button:hover .tool-tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.ol-popup{-webkit-backdrop-filter:blur(20px)saturate(190%);color:#1e293b;-webkit-user-select:none;user-select:none;z-index:1000;background:#fff;border:none;border-radius:12px;min-width:320px;max-width:400px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) forwards popupFadeIn;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes profileDropdownFadeIn{0%{opacity:0;transform:translateY(-35px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.ol-popup:after{content:"";z-index:10;border:10px solid #0000;border-top-color:#fff;border-bottom:0 solid #fff;width:0;display:block;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.ol-popup.dragged:after,.ol-popup:before,.ol-popup.dragged:before{display:none}.ol-popup.dragged{animation:none!important}.feature-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.feature-card-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.feature-card-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:color .2s;display:flex}.feature-card-close:hover{color:#ef4444}.feature-card-content{flex-direction:column;gap:10px;display:flex}.feature-layer-tag{color:#4f46e5;text-transform:none;letter-spacing:.5px;background-color:#6366f11a;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:14px;font-weight:500;display:inline-block}.feature-properties-table{border-collapse:collapse;width:100%;font-size:14px}.feature-properties-table tr{border-bottom:1px solid #00000008}.feature-properties-table tr:last-child{border-bottom:none}.feature-properties-table td{vertical-align:top;padding:6px 4px}.prop-key{color:#64748b;text-transform:capitalize;width:40%;font-weight:600}.prop-val{color:#334155;word-break:break-all;font-weight:500}.premium-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999999;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out forwards modalFadeIn;display:flex;position:fixed;top:0;left:0}.premium-modal-card{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:90%;max-width:400px;padding:28px;animation:.2s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;display:flex;box-shadow:0 20px 50px #0f172a40}.modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.modal-description{color:#64748b;margin:0;font-size:14px;line-height:1.5}.premium-modal-input{box-sizing:border-box;border:1px solid #00000014;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.premium-modal-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #6366f126}.modal-button-group{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .15s,transform .1s}.modal-btn:active{transform:scale(.98)}.modal-btn.cancel{color:#475569;background:#f1f5f9}.modal-btn.cancel:hover{background:#e2e8f0}.modal-btn.save{color:#fff;background:#4f46e5}.modal-btn.save:hover{background:#4338ca}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.96)}to{transform:scale(1)}}.premium-modal-card.warning{border-left:6px solid #ef4444}.modal-btn.warning-ok{color:#fff;background:#ef4444;font-weight:600}.modal-btn.warning-ok:hover{background:#dc2626}.premium-modify-bar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(190%);background:#fff;border:1px solid #ef444466;border-radius:14px;width:auto;max-width:90%;padding:12px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards modifyBarFadeIn;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0000001f,0 20px 40px -15px #00000014,inset 0 0 0 1px #ef44441a}@keyframes modifyBarFadeIn{0%{opacity:0;transform:translate(-50%)translateY(15px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.modify-bar-content{white-space:nowrap;align-items:center;gap:20px;display:flex}.modify-bar-status{color:#334155;font-size:14px;font-weight:500}.modify-bar-status strong{color:#ef4444}.modify-bar-actions{align-items:center;gap:8px;display:flex}.modify-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s}.modify-btn:active{transform:scale(.97)}.modify-btn.cancel{color:#475569;background:#f1f5f9}.modify-btn.cancel:hover{color:#334155;background:#e2e8f0}.modify-btn.save{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444440}.modify-btn.save:hover{background:#dc2626;box-shadow:0 6px 16px #ef444459}.premium-attribute-panel{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(190%);color:#1e293b;background:#fff;border:1px solid #ffffffb3;border-radius:12px;flex-direction:column;width:320px;padding:12px 16px;animation:.4s cubic-bezier(.16,1,.3,1) forwards panelSlideIn;display:flex;position:absolute;top:88px;bottom:24px;right:24px;box-shadow:0 10px 30px -10px #00000014,0 20px 40px -15px #0000000f,inset 0 1px #ffffffe6}@keyframes panelSlideIn{0%{opacity:0;transform:translate(30px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.attribute-panel-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.panel-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.premium-attribute-panel .card-divider{margin:6px 0 10px}.panel-close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex}.panel-close-btn:hover{color:#ef4444;background:#0000000a}.search-box-wrapper{margin-bottom:12px}.attribute-search-input{box-sizing:border-box;width:100%}.attribute-table-container{flex-grow:1;margin-top:4px;padding-right:2px;overflow-y:auto}.attribute-table-container::-webkit-scrollbar{width:5px}.attribute-table-container::-webkit-scrollbar-track{background:0 0}.attribute-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.attribute-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.attribute-table{border-collapse:collapse;width:100%;font-size:14px}.attribute-table th{text-align:left;color:#64748b;z-index:1;background:#fff;border-bottom:1px solid #0000000f;padding:8px 10px;font-weight:700;position:sticky;top:0}.attribute-row{cursor:pointer;border-bottom:1px solid #00000008;transition:all .2s}.attribute-row:hover{background:#6366f10a}.attribute-row:active{background:#6366f114}.attribute-row td{vertical-align:middle;padding:6px 10px}.row-nama{flex-direction:column;gap:2px;display:flex}.row-nama strong{color:#1e293b;font-size:15px;font-weight:400}.row-meta{color:#64748b;font-size:14px}.type-badge{text-align:center;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:14px;font-weight:500;display:inline-block}.type-badge.badge-point{color:#15803d;background:#22c55e1f}.type-badge.badge-line{color:#1d4ed8;background:#3b82f61f}.type-badge.badge-polygon{color:#6d28d9;background:#8b5cf61f}.premium-auth-loading{z-index:99999999;background:radial-gradient(circle,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.auth-spinner{border:4px solid #6366f11a;border-left-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s cubic-bezier(.4,0,.2,1) infinite authSpin;box-shadow:0 0 15px #6366f11a}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-loading-text{color:#475569;letter-spacing:.5px;font-size:14px;font-weight:600;animation:1.5s ease-in-out infinite pulseText}@keyframes pulseText{0%,to{opacity:.6}50%{opacity:1}}.premium-auth-container{z-index:9999999;background:#090d16;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:40px 0 24px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.premium-auth-glow-bg{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#06b6d40d 50%,#0000 100%);width:500px;height:500px;animation:15s ease-in-out infinite alternate authGlowFloat;position:absolute;top:-100px;right:-100px}@keyframes authGlowFloat{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,80px)scale(1.2)}}.premium-auth-card{-webkit-backdrop-filter:blur(25px)saturate(180%);z-index:10;background:#0f172ab3;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px;animation:.6s cubic-bezier(.16,1,.3,1) forwards authCardIn;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 40px #6366f11a}@keyframes authCardIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.auth-logo{filter:drop-shadow(0 0 10px #6366f14d);margin-bottom:2px;font-size:30px}.auth-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:800}.auth-subtitle{color:#64748b;margin:0;font-size:14px;font-weight:500}.auth-tabs{background:#0003;border:1px solid #ffffff0d;border-radius:10px;padding:4px;display:flex}.auth-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .25s}.auth-tab-btn.active{color:#fff;background:#ffffff14;box-shadow:0 4px 12px #00000026}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-input-group{flex-direction:column;gap:4px;display:flex}.auth-input-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.8px;font-size:14px;font-weight:700}.auth-input{font-size:14px;color:#fff!important;background:#0000004d!important;border:1px solid #ffffff14!important;border-radius:8px!important;padding:8px 12px!important;transition:all .25s!important}.auth-input:focus{background:#0006!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f140!important}.auth-submit-btn{margin-top:4px;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important;padding:10px!important;font-size:14px!important;font-weight:700!important;box-shadow:0 4px 15px #6366f14d!important}.auth-submit-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)!important;box-shadow:0 6px 20px #6366f173!important}.auth-alert{border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;animation:.3s authAlertIn}@keyframes authAlertIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.auth-alert.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.auth-alert.success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e33}.auth-footer{text-align:center;color:#475569;letter-spacing:.5px;font-size:12px;font-weight:500}.premium-profile-widget{z-index:1000;box-shadow:none;background:0 0;border:none;padding:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards profileWidgetIn;position:absolute;top:24px;right:24px}@keyframes profileWidgetIn{0%{opacity:0;transform:translateY(-10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-widget-content{align-items:center;gap:12px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 10px #6366f133}.profile-info{flex-direction:column;line-height:1.2;display:flex}.profile-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:15px;font-weight:700;overflow:hidden}.profile-role-badge-wrapper{align-items:center;gap:6px;margin-top:2px;display:flex}.profile-username{color:#64748b;text-overflow:ellipsis;max-width:80px;font-size:14px;font-weight:500;overflow:hidden}.profile-role-badge{border-radius:4px;padding:1.5px 5px;font-size:14px;font-weight:700}.profile-role-badge.admin{color:#d97706;background:#f59e0b1f}.profile-role-badge.user{color:#4f46e5;background:#6366f11f}.profile-logout-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000000d;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.profile-logout-btn svg{transition:transform .2s}.profile-logout-btn:hover{color:#ef4444;background:#ef44440d;border-color:#ef444426}.profile-logout-btn:hover svg{transform:translate(2px)}.profile-logout-btn:active{transform:scale(.96)}.profile-login-trigger-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #6366f140}.profile-login-trigger-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px)scale(1.03);box-shadow:0 6px 16px #6366f166}.profile-login-trigger-btn:active{transform:translateY(0)scale(.97)}.premium-auth-container.light-theme{-webkit-backdrop-filter:blur(8px);z-index:9999999;background:#0f172a40;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:40px 0 24px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.premium-auth-glow-bg.light-theme{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#6366f11f 0%,#06b6d40a 50%,#0000 100%);width:600px;height:600px;animation:18s ease-in-out infinite alternate authGlowFloat;position:absolute;top:-150px;right:-150px}.premium-auth-card.light-theme{-webkit-backdrop-filter:blur(30px)saturate(190%);z-index:10;background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px 30px;animation:.5s cubic-bezier(.16,1,.3,1) forwards authCardIn;display:flex;position:relative;box-shadow:0 20px 40px -15px #0f172a14,0 0 0 1px #00000005,0 10px 50px #6366f10d}.premium-auth-card.light-theme .auth-title{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.premium-auth-card.light-theme .auth-subtitle{color:#64748b}.premium-auth-card.light-theme .auth-tabs{background:#0f172a0a;border:1px solid #00000008}.premium-auth-card.light-theme .auth-tab-btn{color:#64748b}.premium-auth-card.light-theme .auth-tab-btn.active{color:#4f46e5;background:#fff;box-shadow:0 4px 12px #0000000a,0 1px #00000003}.premium-auth-card.light-theme .auth-input-label{color:#475569}.premium-auth-card.light-theme .auth-input{color:#0f172a!important;background:#0f172a05!important;border:1px solid #00000014!important}.premium-auth-card.light-theme .auth-input:focus{background:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #6366f126!important}.premium-auth-card.light-theme .auth-submit-btn{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%)!important;box-shadow:0 4px 15px #6366f133!important}.premium-auth-card.light-theme .auth-submit-btn:hover{background:linear-gradient(135deg,#3730a3 0%,#2e268a 100%)!important;box-shadow:0 6px 20px #6366f14d!important}.premium-auth-card.light-theme .auth-alert.error{color:#b91c1c;background:#ef44440d;border:1px solid #ef444426}.premium-auth-card.light-theme .auth-alert.success{color:#15803d;background:#22c55e0d;border:1px solid #22c55e26}.premium-auth-card.light-theme .auth-footer{color:#94a3b8}@media (width<=1023px){.premium-layer-card{z-index:10005!important}.sidebar-close-btn{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background-color .2s,color .2s;display:flex!important}.sidebar-close-btn:hover{color:#ef4444;background:#0000001a}}.premium-coordinate-panel{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(190%);color:#1e293b;background:#ffffffd9;border:1px solid #fff9;border-radius:16px;flex-direction:column;width:340px;padding:18px;animation:.4s cubic-bezier(.16,1,.3,1) forwards panelSlideIn;display:flex;position:absolute;top:88px;bottom:24px;right:24px;box-shadow:0 10px 30px -10px #0000001f,0 20px 40px -15px #00000014,inset 0 1px #ffffffe6}.coord-helper-text{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 10px;font-size:13px;display:flex}.coordinate-table-container{background:#ffffff80;border:1px solid #0000000d;border-radius:8px;flex:1;margin-bottom:16px;overflow-y:auto}.coordinate-table{border-collapse:collapse;width:100%;font-size:13px}.coordinate-table th{color:#4f46e5;text-align:left;background:#4f46e50f;border-bottom:1px solid #4f46e51a;padding:10px;font-weight:600}.coordinate-table td{color:#334155;border-bottom:1px solid #0000000a;padding:10px}.coordinate-table tr:hover{background:#4f46e505}.coord-delete-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:2px 6px;transition:color .2s}.coord-delete-btn:hover{color:#ef4444}.coord-footer-buttons{gap:10px;display:flex}.coord-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s ease-in-out;display:flex}.coord-btn.clear{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.coord-btn.clear:hover{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444433}.coord-btn.export{color:#fff;background:#22c55e;box-shadow:0 4px 12px #22c55e33}.coord-btn.export:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 6px 16px #22c55e4d}.coord-btn.export:active{transform:translateY(0)}:root,:host{--ol-background-color:white;--ol-accent-background-color:#f5f5f5;--ol-subtle-background-color:#80808040;--ol-partial-background-color:#ffffffbf;--ol-foreground-color:#333;--ol-subtle-foreground-color:#666;--ol-brand-color:#0af}.ol-box{box-sizing:border-box;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color);border-radius:2px}.ol-mouse-position{position:absolute;top:8px;right:8px}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;padding:2px;position:absolute;bottom:8px;left:8px}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-align:center;will-change:contents, width;border-top:none;margin:1px;font-size:10px;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;z-index:10;width:1px;height:15px}.ol-scale-step-text{z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:10px;position:absolute;bottom:-5px}.ol-scale-text{text-align:center;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:12px;position:absolute;bottom:25px}.ol-scale-singlebar{z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color);height:10px;position:relative}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.ol-zoom{top:.5em;left:.5em}.ol-rotate{transition:opacity .25s linear,visibility linear;top:.5em;right:.5em}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{top:.5em;right:.5em}.ol-control button{color:var(--ol-subtle-foreground-color);font-weight:700;font-size:inherit;text-align:center;background-color:var(--ol-background-color);border:none;border-radius:2px;width:1.375em;height:1.375em;margin:1px;padding:0;line-height:.4em;text-decoration:none;display:block}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{will-change:transform;font-weight:400;display:block}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-decoration:none}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;flex-flow:row-reverse;align-items:center;max-width:calc(100% - 1.3em);display:flex;bottom:.5em;right:.5em}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);margin:0;padding:1px .5em;font-size:12px}.ol-attribution li{list-style:none;display:inline}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.ol-attribution.ol-uncollapsible img{max-height:1.6em;margin-top:-.2em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{height:200px;top:4.5em;left:.5em}.ol-zoomslider button{height:10px;position:relative}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{bottom:.5em;left:.5em}.ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);width:150px;height:150px}.ol-overviewmap:not(.ol-collapsed) button{position:absolute;bottom:0;left:0}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}:root{--color-HL:#006400;--color-HPT:#228b22;--color-THR:#32cd32;--color-MV:#004d00;--color-CB:#8b008b;--color-PG:#cf3;--color-HKR:#9acd32;--color-HR:#9acd32;--color-KB:brown;--color-TK:tan;--color-TA:#1e90ff;--color-IB:#00bfff;--color-SS:#40e0d0;--color-SP:#afeeee;--color-SMR:#00ced1;--color-KKP:#008b8b;--color-IAT:#4682b4;--color-PK:#ff4500;--color-PD:#fc0;--color-KI:red;--color-WST:#ff69b4;--color-MBT:#8b4513;--color-MLG:#704214;--color-HK:#708090}