body,html{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#map{width:100%;height:100vh}.custom-tooltip{white-space:pre-line}.leaflet-tooltip-own{white-space:normal;line-height:1.3}.marker-number-label{background:transparent;color:#000;font-weight:700;font-size:14px;border:none;box-shadow:none;padding:0;pointer-events:none;z-index:1001}.leaflet-container{cursor:crosshair}#zoom-level{position:absolute;top:10px;right:10px;background:#fff;padding:6px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;z-index:1000;box-shadow:0 2px 4px #0000001a}#user-info{position:absolute;top:50px;right:10px;background:#fff;padding:6px 12px;border:1px solid #ccc;border-radius:4px;font-size:13px;z-index:1000;box-shadow:0 2px 4px #0000001a;max-width:200px}#user-info img{width:24px;height:24px;border-radius:50%;vertical-align:middle;margin-right:4px}.control-btn{position:absolute;z-index:1000;padding:8px 14px;background:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s}.control-btn:hover{background:#f5f5f5;box-shadow:0 3px 6px #00000026}.control-btn:active{transform:translateY(1px)}#locate-btn{top:10px;left:10px}#marker-list-btn{top:50px;left:10px}#add-area-btn{top:90px;right:10px}#add-member-btn{top:130px;right:10px}#login-btn,#logout-btn{top:10px;right:220px}#marker-form{display:none;position:absolute;background:#fff;padding:12px;border:1px solid #ccc;border-radius:6px;z-index:1000;font-size:13px;line-height:1.5;max-width:240px;box-shadow:0 4px 8px #00000026}#marker-form>div:first-child{font-weight:700;margin-bottom:8px;font-size:14px}#marker-form label{display:block;margin-top:6px;margin-bottom:2px;font-weight:500}#marker-form input[type=text],#marker-form input[type=number],#marker-form select{width:100%;padding:4px 6px;border:1px solid #ccc;border-radius:3px;font-size:13px;box-sizing:border-box}#marker-form button{margin-top:8px;margin-right:4px;padding:6px 12px;border:1px solid #ccc;border-radius:3px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}#marker-form button:hover{background:#f5f5f5}#add-marker-btn:hover{background:#f5f5f5!important}#marker-list{display:none;position:absolute;top:90px;left:10px;background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px;z-index:1000;max-height:400px;overflow-y:auto;font-size:14px;width:250px;box-shadow:0 4px 8px #00000026}.marker-list-item:hover{background:#f5f5f5;border-radius:3px}#login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}#login-box{background:#fff;padding:40px;border-radius:8px;text-align:center;box-shadow:0 8px 16px #0003;max-width:400px}#login-box h2{margin-top:0;margin-bottom:20px;color:#333}#login-box p{margin-bottom:24px;color:#666;line-height:1.6}#google-login-btn{padding:12px 24px;background:#4285f4;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s}#google-login-btn:hover{background:#357ae8;box-shadow:0 2px 4px #0003}@media (max-width: 768px){#marker-form{max-width:90%;left:5%!important;right:5%}#marker-list{width:90%;left:5%}.control-btn{padding:6px 10px;font-size:12px}}.leaflet-popup-content button{margin:4px 2px;padding:4px 8px;border:1px solid #ccc;border-radius:3px;background:#fff;cursor:pointer;font-size:12px}.leaflet-popup-content button:hover{background:#f5f5f5}