@import"https://unpkg.com/leaflet@1.4.0/dist/leaflet.css";*{font-family:sans-serif}h1{margin:14px;font-size:1.4rem;font-weight:600}h2{font-size:1.2rem;font-weight:600}h4{font-size:.8rem;font-weight:400}.title_bar{height:68px;width:100%;background-color:#61cbf4;color:#fff;display:flex;justify-content:space-between}.title{margin:8px;width:300px}.title_bar img{margin-left:16px;width:60px}.title_bar h1{margin-top:-6px}.header-actions{display:flex;align-items:center;margin-right:16px}.logout-button{background-color:#fff;color:#61cbf4;border:none;border-radius:4px;padding:8px 16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s;white-space:nowrap;flex-shrink:0}.logout-button:hover{background-color:#f0f0f0}.logout-button:active{background-color:#e0e0e0}[data-v-50675ec5]{font-family:sans-serif}h2[data-v-50675ec5]{font-size:1.2rem;font-weight:600}h4[data-v-50675ec5]{font-size:.8rem;font-weight:400}h5[data-v-50675ec5]{font-size:.7rem;font-weight:200}.map_fream[data-v-50675ec5]{margin:10px;width:calc(100% - 20px);height:calc(100vh - 290px);height:calc(100dvh - 290px);min-height:250px;background-color:#61cbf4;position:relative}#mapcontainer[data-v-50675ec5]{margin:1px;height:calc(100% - 2px);transform:translateY(1px)}.row[data-v-50675ec5]{display:flex;align-items:baseline;height:30px}.row .circle[data-v-50675ec5]{margin-right:4px;height:14px;width:14px;transform:translateY(4px)}.note[data-v-50675ec5]{position:absolute;top:14px;right:14px;padding:8px 20px;background-color:#ffffffbe;border-radius:8px}.note h4[data-v-50675ec5]{margin:4px;height:12px}[data-v-50675ec5] .red{background:red;color:#fff}[data-v-50675ec5] .yellow{background:#ffff25e7;color:#222}[data-v-50675ec5] .green{background:#00b100;color:#fff}[data-v-50675ec5] .circle{display:flex!important;justify-content:center;align-items:center;border-radius:50%;border:2px solid #eee;font-size:12px;font-weight:700}#latest_buoy[data-v-50675ec5]{width:98%;margin:8px;height:130px;display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;padding:4px 0;scroll-behavior:smooth}#latest_buoy[data-v-50675ec5]:before,#latest_buoy[data-v-50675ec5]:after{content:"";flex:1;min-width:0}#latest_buoy[data-v-50675ec5]::-webkit-scrollbar{height:6px}#latest_buoy[data-v-50675ec5]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#latest_buoy[data-v-50675ec5]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}#latest_buoy[data-v-50675ec5]::-webkit-scrollbar-thumb:hover{background:#555}.buoy_freame[data-v-50675ec5]{margin:0;height:120px;width:130px;min-width:130px;background-color:#fff;border-radius:12px;border-style:solid;border-width:1px;border-color:#ccc;display:flex;flex-direction:column;cursor:pointer;padding:4px;box-sizing:border-box;flex-shrink:0}.buoy_freame[data-v-50675ec5]:hover{background-color:#fcffd4;opacity:.9;transition:.3s}.buoy_freame.selected[data-v-50675ec5]{background-color:#fcffd4;border-style:solid;border-width:1px;border-color:#9b9b9b}.buoy_update[data-v-50675ec5]{margin:2px 0;padding:0 4px}.buoy_update h4[data-v-50675ec5]{margin:0;font-size:.7rem;text-align:center;word-break:break-all;line-height:1.2}.buoy_voltage[data-v-50675ec5]{margin:2px 0;padding:0 4px}.buoy_voltage h4[data-v-50675ec5]{margin:0;font-size:.7rem;text-align:center;line-height:1.2;color:#666}.buoy_state[data-v-50675ec5]{margin:0;padding:4px 4px 0 8px;height:18px;display:flex;justify-content:space-between;align-items:center}.status-left[data-v-50675ec5]{display:flex;align-items:center}.status-left .circle[data-v-50675ec5]{height:12px;width:12px}.status-left h4[data-v-50675ec5]{margin:0 0 0 4px}.buoy_state button[data-v-50675ec5]{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.buoy_state button[data-v-50675ec5]:hover{opacity:1}.buoy_state button img[data-v-50675ec5]{color:#666;filter:opacity(.8);transition:filter .2s}.buoy_state button:hover img[data-v-50675ec5]{filter:opacity(1) brightness(0) saturate(100%) invert(39%) sepia(91%) saturate(1695%) hue-rotate(201deg) brightness(95%) contrast(98%)}.buoy_title h2[data-v-50675ec5]{margin:0;text-align:center}.calendar[data-v-50675ec5]{margin:0 auto;display:flex;align-items:center}.calendar h4[data-v-50675ec5]{margin:0 4px 0 0}.center[data-v-50675ec5]{text-align:center}input[type=submit][data-v-50675ec5]{margin:4px;padding-left:12px;padding-right:12px;border-radius:8px;height:32px;border:none;background-color:#2196f3;font-size:.8rem;color:#fff;cursor:pointer;appearance:none;transition:.3s;vertical-align:middle}input[type=submit][data-v-50675ec5]:hover{opacity:.6}input[type=date][data-v-50675ec5]{width:24px;position:relative;padding:0 2px;height:24px;border:0;background:transparent;box-sizing:border-box;font-size:1rem;color:#3b3b3b}input[type=date][data-v-50675ec5]::-webkit-datetime-edit-year-field{display:none}.modal-overlay[data-v-50675ec5]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-50675ec5]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.modal-header[data-v-50675ec5]{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-50675ec5]{margin:0;font-size:1.2rem;font-weight:600}.close-button[data-v-50675ec5]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button[data-v-50675ec5]:hover{background:#0000001a;color:#333}.modal-body[data-v-50675ec5]{padding:20px;overflow-y:auto;flex:1}.log-table-container[data-v-50675ec5]{max-height:60vh;overflow-y:auto}.log-table[data-v-50675ec5]{width:100%;border-collapse:collapse;font-size:.9rem}.no-data[data-v-50675ec5]{text-align:center;padding:40px;color:#666;font-style:italic}.log-table th[data-v-50675ec5]{background:#f5f5f5;padding:12px 8px;text-align:center;border-bottom:2px solid #ddd;font-weight:600;position:sticky;top:0;z-index:1}.log-table td[data-v-50675ec5]{padding:8px;border-bottom:1px solid #eee}.log-table tr[data-v-50675ec5]:hover{background:#f9f9f9}.time-column[data-v-50675ec5]{width:30%;font-weight:500;text-align:center}.communication-column[data-v-50675ec5]{width:40%;text-align:center}.has-record .communication-column[data-v-50675ec5]{color:#2e7d32;font-weight:500}.log-table tr:not(.has-record) .communication-column[data-v-50675ec5]{color:#c62828;font-weight:500}.voltage-column[data-v-50675ec5]{width:30%;font-weight:500;text-align:center}.login-container[data-v-99ce78c5]{display:flex;justify-content:center;align-items:center;padding:20px;min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px);box-sizing:border-box}.login-card[data-v-99ce78c5]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;width:100%;max-width:400px;box-sizing:border-box}.form-group[data-v-99ce78c5]{margin-bottom:20px}label[data-v-99ce78c5]{display:block;margin-bottom:5px;font-weight:700}input[data-v-99ce78c5]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.login-button[data-v-99ce78c5]{width:100%;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s}.login-button[data-v-99ce78c5]:hover{background-color:#0b7dda}.login-button[data-v-99ce78c5]:disabled{background-color:#ccc;cursor:not-allowed}.alert.error[data-v-99ce78c5]{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:20px}