@charset "UTF-8";html,body{height:100%;margin:0;font-family:sans-serif}.header{height:10vh;display:flex;flex-direction:row;align-items:center;overflow:hidden;color:#333;background-color:#a2d2ff}.header-left{display:flex;flex-direction:row;align-items:center}.logo{width:50px;height:auto;margin:10px 10px 10px 80px}.header p{font-size:20px;font-weight:700}#dataEntry{margin-left:auto;margin-right:50px;background:linear-gradient(135deg,#7e3ff2,#c084fc);color:#fff;padding:.5em 2em;border:none;border-radius:9999px;font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;box-shadow:0 4px 10px #7e3ff266;transition:transform .2s ease,box-shadow .2s ease}#dataEntry:hover{transform:translateY(-2px);box-shadow:0 6px 14px #7e3ff299}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;padding:10px}.logo{width:40px;margin:10px}.header p{font-size:18px}#dataEntry{margin:10px 0 0;width:90%;font-size:.9rem;padding:.5em 0}}@media (max-width: 480px){.header{height:13vh;flex-direction:column;align-items:center;padding:5px;background-color:#a2d2ff}.header-left{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:5px;width:100%}.logo{width:30px;margin:0 5px 0 0}.header-left p{font-size:16px;margin:0}#dataEntry{width:90%;font-size:.8rem;padding:.4em 0}}*{box-sizing:border-box;margin:0;padding:0}.form-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px 28px;border-radius:16px;box-shadow:0 8px 30px #00000040;z-index:1000;width:400px;max-width:90%;animation:fadeInScale .3s ease}.form-container h3{font-size:1.25rem;font-weight:600;margin-bottom:20px;text-align:center;color:#333}.form-container .coord-row{display:flex;align-items:center;gap:15px;font-size:.9rem;color:#555;margin-bottom:15px}.form-container select{padding:.5rem 1rem;border-radius:8px;border:1px solid #ccc;font-size:.8rem;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s}.form-container select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.form-container #required{font-size:.6rem;color:red}.form-container .date{width:60px;height:30px;font-size:.8rem}.form-container .textfont{font-size:.9rem;color:#555;margin-bottom:.5rem}.form-container input,.form-container textarea{width:100%;padding:.6rem .8rem;border:1px solid #ddd;border-radius:8px;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.form-container input:focus,.form-container textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.form-container textarea{min-height:60px;resize:vertical;margin-bottom:10px}.form-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:15px}.form-buttons button{height:33px;padding:0 16px;font-size:.9rem;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.form-buttons button:active{transform:scale(.97)}.form-buttons button.cancel-btn,.form-buttons button[type=button]:not(.delete-btn){background:#f9fafb;border:1px solid #d1d5db;color:#555}.form-buttons button.cancel-btn:hover,.form-buttons button[type=button]:not(.delete-btn):hover{background:#f3f4f6}.form-buttons button[type=submit]{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;box-shadow:0 2px 6px #3b82f64d}.form-buttons button[type=submit]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.form-buttons button.delete-btn{background:#f87171;border:1px solid #ef4444;color:#fff}.form-buttons button.delete-btn:hover{background:#ef4444}.img-delete-btn{height:30px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;font-size:.7rem;font-weight:500;padding:.5em 1em;border-radius:10px;cursor:pointer;box-shadow:0 2px 6px #ef44444d;transition:background .3s ease,transform .1s ease;margin-top:5px}.img-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.img-delete-btn:active{transform:translateY(0);background:linear-gradient(135deg,#b91c1c,#991b1b)}.download-btn{height:30px;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-size:.7rem;font-weight:500;padding:.5em 1em;border-radius:10px;cursor:pointer;box-shadow:0 2px 6px #10b9814d;transition:background .3s ease,transform .1s ease;margin-top:5px}.download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.download-btn:active{transform:translateY(0);box-shadow:0 1px 4px #10b9814d}.download-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}#custom-file-input{display:flex;align-items:center;gap:10px}#custom-file-input input[type=file]{display:none}.btn-upload{display:inline-block;padding:6px 12px;background-color:#7e3ff2;color:#fff;border-radius:6px;cursor:pointer;font-size:.7rem;transition:background-color .2s;margin-top:5px}.btn-upload:hover{background-color:#5a28b6}.file-name{font-size:.7rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 480px){#required{display:none}.category{color:red}}.hover-card{position:absolute;top:90px;right:70px;z-index:1000;width:280px;background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 10px #0003;padding:12px;font-size:.9rem;color:#333;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(-10px);animation:fadeInSlide .3s forwards}.hover-card #category{margin:0;line-height:1.3;font-size:1.1em;font-weight:500}.hover-card img{width:100%;height:auto;border-radius:4px;object-fit:cover}.hover-card p{margin:0;line-height:1.3}.hover-card strong{color:#07c}@keyframes fadeInSlide{to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.hover-card{top:450px;right:45px;max-height:200px}.hover-card img{display:none}.hover-card #category{font-size:.9em}.hover-card p{font-size:.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}#map{width:100%;height:87vh}#footer{font-size:.7em;font-weight:400;text-align:center}@media (max-width: 480px){#map{height:84vh}}
