.form-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9000;animation:fadeIn .3s ease}.form-container{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;z-index:9001;animation:slideUp .3s ease}.form-container .MuiSelect-root{z-index:9010!important}.form-container .MuiMenu-root,.form-container .MuiPopover-root,.form-container .MuiModal-root{z-index:9020!important}.MuiMenu-paper{z-index:9025!important}.MuiBackdrop-root{z-index:9015!important}.form-container .MuiFormControl-root{z-index:9005!important;position:relative}.form-container .MuiInputLabel-root{z-index:9006!important}.form-container .MuiOutlinedInput-root{z-index:9007!important}.close-btn{position:absolute;top:16px;right:16px;background:#f5f5f5;border:none;width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#e5e5e5;color:#333}.form-container h3{margin:0 0 1.5rem;color:#1a1a1a;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.form-container p{margin:0 0 1.5rem;color:#666;font-size:.875rem;background:#f8f9fa;padding:12px 16px;border-radius:8px;border-left:4px solid #007bff;line-height:1.5}.form-container p:has-text("Polygon berhasil"){background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-left-color:#28a745;color:#155724}.polygon-info{background:linear-gradient(135deg,#e8f5e8,#f0f8f0)!important;border-left-color:#28a745!important;color:#155724!important}.pinpoint-info{background:linear-gradient(135deg,#e3f2fd,#f0f8ff)!important;border-left-color:#007bff!important;color:#004085!important}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.875rem;letter-spacing:.02em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1.5px solid #e1e5e9;border-radius:8px;font-size:.875rem;box-sizing:border-box;color:#1a1a1a;background:#fff;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#999;font-style:italic}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-actions{display:flex;gap:12px;margin-top:2rem}.btn-simpan{flex:1;padding:12px 24px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;letter-spacing:.02em}.btn-simpan:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-batal{flex:.6;padding:12px 24px;background:transparent;color:#666;border:1.5px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-batal:hover{background:#f8f9fa;border-color:#ccc;color:#333}.leaflet-draw-toolbar{background:#fffffff2!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;border:1px solid rgba(0,0,0,.1)!important}.leaflet-draw-toolbar a{background-color:#fff!important;border-radius:6px!important;margin:2px!important;transition:all .2s ease!important}.leaflet-draw-toolbar a:hover{background-color:#f0f8ff!important;transform:scale(1.05)!important}.leaflet-draw-toolbar a.leaflet-disabled{background-color:#f5f5f5!important;opacity:.5!important}.leaflet-draw-tooltip{background:#000c!important;border-radius:6px!important;color:#fff!important;font-size:12px!important;padding:8px 12px!important;box-shadow:0 2px 8px #0000004d!important}.leaflet-editing-icon{border-radius:50%!important;background:#6366f1!important;border:2px solid white!important;box-shadow:0 2px 6px #0000004d!important}.leaflet-touch-icon{background:#6366f1!important;border-radius:50%!important;border:3px solid white!important}@media (max-width: 480px){.form-container{padding:1.5rem;margin:1rem;width:calc(100% - 2rem)}.form-actions{flex-direction:column}.btn-batal{flex:1}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f0f2f5}.App{text-align:center}.navbar{background-color:#34495e;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:2000;box-shadow:0 2px 5px #0003}.navbar-brand{font-weight:700;font-size:1.5rem;color:#fff;text-decoration:none}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-links a,.navbar-links span{color:#fff;text-decoration:none;cursor:pointer}.navbar-links a:hover{text-decoration:underline}.navbar-button{border:none;padding:.5rem 1rem;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s}.button-register{background-color:#3498db}.button-register:hover{background-color:#2980b9}.button-logout{background-color:#e74c3c}.button-logout:hover{background-color:#c0392b}.form-page-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 72px)}.form-box{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px;margin:2rem}.form-box h2{margin-top:0;margin-bottom:1.5rem;text-align:center;color:#2c3e50}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:600}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#2c3e50}.form-button{width:100%;padding:.75rem;border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:background-color .2s}.button-login{background-color:#3498db}.button-login:hover{background-color:#2980b9}.button-submit-register{background-color:#2ecc71}.button-submit-register:hover{background-color:#27ae60}.button-admin-create{background-color:#9b59b6}.button-admin-create:hover{background-color:#8e44ad}.error-message{color:#e74c3c;text-align:center;margin-bottom:1rem}.success-message{color:#2ecc71;text-align:center;margin-bottom:1rem}.leaflet-control-container,.leaflet-control-container .leaflet-top,.leaflet-control-container .leaflet-bottom{z-index:1000!important}.leaflet-top.leaflet-left .leaflet-control{margin:10px}.leaflet-control-geosearch.bar{width:250px;background-color:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px}.leaflet-control-geosearch.bar form input{border:none;outline:none;padding:8px 12px}.leaflet-control-geosearch .results{background:#fff;border:1px solid #ccc;box-shadow:0 1px 5px #0006}.leaflet-control-geosearch .results>*{padding:8px 12px;color:#333;border-bottom:1px solid #eee;cursor:pointer}.leaflet-control-geosearch .results>*:hover,.leaflet-control-geosearch .results>.active{background-color:#f0f0f0}.leaflet-top.leaflet-right .leaflet-control{margin:10px}.leaflet-draw.leaflet-control{box-shadow:0 1px 5px #000000a6}.leaflet-draw-toolbar.leaflet-bar{display:flex;flex-direction:column;border:none}.leaflet-draw-toolbar.leaflet-bar a{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/images/spritesheet.png);background-repeat:no-repeat;width:30px;height:30px;background-size:270px 30px;border-bottom:1px solid #ccc}.leaflet-draw-toolbar.leaflet-bar a:last-child{border-bottom:none}.leaflet-draw-draw-polygon{background-position:-30px 0}.leaflet-draw-edit-edit{background-position:-150px 0}.leaflet-draw-edit-remove{background-position:-180px 0}.leaflet-draw-toolbar-actions{position:absolute;left:34px;top:0;background-color:#fff;box-shadow:0 1px 5px #0006;border-radius:4px;list-style:none;padding:5px 0;margin:0;z-index:1010!important}.leaflet-draw-toolbar-actions a{background-image:none!important;color:#333;text-decoration:none;display:block;padding:8px 12px;white-space:nowrap}.leaflet-draw-toolbar-actions a:hover{background-color:#f4f4f4}.custom-marker-icon{background-color:transparent!important;border:none!important;box-shadow:none!important}.custom-marker-icon .marker path{stroke-width:0}.Toastify__toast-container,.Toastify__toast{z-index:999999!important}