[data-v-8e72808a]{margin:0;padding:0;box-sizing:border-box}.app-container[data-v-8e72808a]{display:flex;flex-direction:column;height:calc(100vh - 70px);width:100%;overflow:hidden;position:relative;box-sizing:border-box;background:#f8fbfe;margin-top:70px}.header[data-v-8e72808a]{display:flex;justify-content:flex-end;align-items:center;padding:10px 20px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;z-index:10}.header-controls[data-v-8e72808a]{display:flex;align-items:center;gap:15px}.config-btn[data-v-8e72808a],.history-btn[data-v-8e72808a]{padding:8px 16px;border:none;border-radius:20px;background-color:#667eea;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease}.config-btn[data-v-8e72808a]:hover,.history-btn[data-v-8e72808a]:hover{background-color:#5568d3}.connection-status[data-v-8e72808a]{padding:6px 16px;border-radius:20px;background-color:#e0e0e0;font-size:.9rem;transition:all .3s ease}.connection-status.connected[data-v-8e72808a]{background-color:#4caf50;color:#fff}.main-content[data-v-8e72808a]{display:flex;flex:1;overflow:hidden;position:relative;width:100%}.map-container[data-v-8e72808a]{flex:1;background-color:#f0f0f0;min-height:0;position:relative;overflow:hidden;width:100%}.sidebar[data-v-8e72808a]{width:350px;background-color:#f8f9fa;overflow-y:auto;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;min-height:0;z-index:1}.panel[data-v-8e72808a]{padding:15px;border-bottom:1px solid #e0e0e0}.panel h3[data-v-8e72808a]{font-size:1rem;font-weight:600;margin-bottom:12px;color:#333;display:flex;align-items:center;gap:8px}.device-count[data-v-8e72808a],.warning-count[data-v-8e72808a]{font-size:.85rem;color:#666;font-weight:400}.rules-status[data-v-8e72808a]{max-height:300px;overflow-y:auto}.rule-status-item[data-v-8e72808a]{padding:10px;margin-bottom:8px;background-color:#fff;border-radius:6px;border-left:3px solid #667eea}.rule-header[data-v-8e72808a]{display:flex;align-items:center;gap:10px;margin-bottom:5px}.rule-icon[data-v-8e72808a]{font-size:1.2rem}.rule-name[data-v-8e72808a]{flex:1;font-weight:500;font-size:.9rem}.rule-threshold[data-v-8e72808a]{font-size:.8rem;color:#666;padding-left:32px}.switch[data-v-8e72808a]{position:relative;display:inline-block;width:40px;height:20px}.switch input[data-v-8e72808a]{opacity:0;width:0;height:0}.slider[data-v-8e72808a]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:20px}.slider[data-v-8e72808a]:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-8e72808a]{background-color:#667eea}input:checked+.slider[data-v-8e72808a]:before{transform:translateX(20px)}.fence-controls[data-v-8e72808a]{display:flex;gap:10px;margin-bottom:10px}.fence-controls button[data-v-8e72808a]{flex:1;padding:8px 12px;border:none;border-radius:4px;background-color:#667eea;color:#fff;cursor:pointer;font-size:.85rem;transition:all .3s ease}.fence-controls button[data-v-8e72808a]:hover{background-color:#5568d3}.fence-controls button.active[data-v-8e72808a]{background-color:#e74c3c}.fence-list[data-v-8e72808a]{max-height:150px;overflow-y:auto}.fence-item[data-v-8e72808a]{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:5px;background-color:#fff;border-radius:4px;font-size:.85rem}.fence-item button[data-v-8e72808a]{padding:4px 8px;border:none;border-radius:3px;background-color:#e74c3c;color:#fff;cursor:pointer;font-size:.75rem}.warning-filters[data-v-8e72808a]{margin-bottom:10px}.filter-select[data-v-8e72808a]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.warning-list[data-v-8e72808a]{max-height:300px;overflow-y:auto}.warning-item[data-v-8e72808a]{display:flex;padding:10px;margin-bottom:8px;background-color:#fff;border-radius:6px;border-left:4px solid;animation:slideIn-8e72808a .3s ease;position:relative}@keyframes slideIn-8e72808a{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.warning-item.speed[data-v-8e72808a]{border-left-color:#e74c3c}.warning-item.altitude[data-v-8e72808a]{border-left-color:#ff9800}.warning-item.fence[data-v-8e72808a]{border-left-color:#9c27b0}.warning-item.positionUnchanged[data-v-8e72808a]{border-left-color:#2196f3}.warning-item.nightWork[data-v-8e72808a]{border-left-color:#3f51b5}.warning-item.noLocation[data-v-8e72808a]{border-left-color:#795548}.warning-item.high[data-v-8e72808a]{background-color:#ffebee}.warning-item.medium[data-v-8e72808a]{background-color:#fff3e0}.warning-item.low[data-v-8e72808a]{background-color:#e8f5e9}.warning-icon[data-v-8e72808a]{font-size:1.5rem;margin-right:10px}.warning-content[data-v-8e72808a]{flex:1}.warning-header[data-v-8e72808a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.warning-title[data-v-8e72808a]{font-weight:600;font-size:.9rem;color:#333}.warning-level[data-v-8e72808a]{padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:500}.warning-level.high[data-v-8e72808a]{background-color:#e74c3c;color:#fff}.warning-level.medium[data-v-8e72808a]{background-color:#ff9800;color:#fff}.warning-level.low[data-v-8e72808a]{background-color:#4caf50;color:#fff}.warning-detail[data-v-8e72808a]{font-size:.85rem;color:#666;margin-bottom:4px}.warning-meta[data-v-8e72808a]{display:flex;justify-content:space-between;font-size:.75rem;color:#999}.warning-dismiss[data-v-8e72808a]{position:absolute;top:5px;right:5px;background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:0;line-height:1}.warning-dismiss[data-v-8e72808a]:hover{color:#333}.no-warning[data-v-8e72808a]{text-align:center;padding:20px;color:#999;font-size:.9rem}.device-list[data-v-8e72808a]{max-height:200px;overflow-y:auto}.device-item[data-v-8e72808a]{display:flex;align-items:center;padding:10px;margin-bottom:5px;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}.device-item[data-v-8e72808a]:hover{background-color:#e3f2fd;transform:translateX(5px)}.device-item.warning[data-v-8e72808a]{background-color:#ffebee;border-left:3px solid #e74c3c}.device-status[data-v-8e72808a]{width:10px;height:10px;border-radius:50%;background-color:#ccc;margin-right:10px}.device-status.online[data-v-8e72808a]{background-color:#4caf50;animation:pulse-8e72808a 2s infinite}@keyframes pulse-8e72808a{0%,to{opacity:1}50%{opacity:.5}}.device-info[data-v-8e72808a]{flex:1}.device-id[data-v-8e72808a]{display:block;font-size:.9rem;font-weight:500}.device-meta[data-v-8e72808a]{display:block;font-size:.75rem;color:#666;margin-top:2px}.device-last-update[data-v-8e72808a]{font-size:.75rem;color:#999}.info-window[data-v-8e72808a]{position:fixed;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1000;min-width:280px;animation:fadeIn-8e72808a .3s ease}@keyframes fadeIn-8e72808a{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-header[data-v-8e72808a]{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0}.info-header h4[data-v-8e72808a]{font-size:1rem;font-weight:600}.info-header button[data-v-8e72808a]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.info-content[data-v-8e72808a]{padding:15px}.info-row[data-v-8e72808a]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-8e72808a]:last-child{border-bottom:none}.info-row .label[data-v-8e72808a]{color:#666;font-size:.9rem}.info-row .value[data-v-8e72808a]{font-weight:500;color:#333;font-size:.9rem}.modal-overlay[data-v-8e72808a]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.modal[data-v-8e72808a]{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);max-height:90vh;display:flex;flex-direction:column}.rule-config-modal[data-v-8e72808a]{width:600px}.history-modal[data-v-8e72808a]{width:800px}.modal-header[data-v-8e72808a]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-8e72808a]{font-size:1.2rem;font-weight:600;color:#333}.close-btn[data-v-8e72808a]{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;line-height:1}.close-btn[data-v-8e72808a]:hover{color:#333}.modal-body[data-v-8e72808a]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-8e72808a]{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e0e0e0}.rule-config-item[data-v-8e72808a]{padding:15px;margin-bottom:15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.rule-config-header[data-v-8e72808a]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.rule-config-body[data-v-8e72808a]{padding-left:32px}.config-row[data-v-8e72808a]{margin-bottom:12px}.config-row>label[data-v-8e72808a]{display:block;font-size:.85rem;color:#666;margin-bottom:5px}.level-select[data-v-8e72808a]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.threshold-inputs[data-v-8e72808a]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.threshold-inputs input[data-v-8e72808a]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:100px}.threshold-detail[data-v-8e72808a]{display:flex;align-items:center;gap:8px;margin-top:8px;width:100%}.threshold-detail label[data-v-8e72808a]{font-size:.8rem;color:#666}.notification-channels[data-v-8e72808a]{display:flex;gap:15px}.notification-channels label[data-v-8e72808a]{display:flex;align-items:center;gap:5px;font-size:.9rem;cursor:pointer}.clear-btn[data-v-8e72808a],.export-btn[data-v-8e72808a],.query-btn[data-v-8e72808a],.reset-btn[data-v-8e72808a],.save-btn[data-v-8e72808a]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.clear-btn[data-v-8e72808a],.reset-btn[data-v-8e72808a]{background-color:#f5f5f5;color:#666}.clear-btn[data-v-8e72808a]:hover,.reset-btn[data-v-8e72808a]:hover{background-color:#e0e0e0}.query-btn[data-v-8e72808a],.save-btn[data-v-8e72808a]{background-color:#667eea;color:#fff}.query-btn[data-v-8e72808a]:hover,.save-btn[data-v-8e72808a]:hover{background-color:#5568d3}.export-btn[data-v-8e72808a]{background-color:#4caf50;color:#fff}.export-btn[data-v-8e72808a]:hover{background-color:#45a049}.history-filters[data-v-8e72808a]{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.date-input[data-v-8e72808a]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.history-stats[data-v-8e72808a]{display:flex;gap:20px;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.stat-item[data-v-8e72808a]{display:flex;flex-direction:column;align-items:center}.stat-label[data-v-8e72808a]{font-size:.8rem;color:#666;margin-bottom:5px}.stat-value[data-v-8e72808a]{font-size:1.5rem;font-weight:600;color:#333}.stat-value.high[data-v-8e72808a]{color:#e74c3c}.stat-value.medium[data-v-8e72808a]{color:#ff9800}.stat-value.low[data-v-8e72808a]{color:#4caf50}.history-list[data-v-8e72808a]{max-height:400px;overflow-y:auto}.history-item[data-v-8e72808a]{display:flex;padding:12px;margin-bottom:8px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid}.history-item.speed[data-v-8e72808a]{border-left-color:#e74c3c}.history-item.altitude[data-v-8e72808a]{border-left-color:#ff9800}.history-item.fence[data-v-8e72808a]{border-left-color:#9c27b0}.history-item.positionUnchanged[data-v-8e72808a]{border-left-color:#2196f3}.history-item.nightWork[data-v-8e72808a]{border-left-color:#3f51b5}.history-item.noLocation[data-v-8e72808a]{border-left-color:#795548}.history-icon[data-v-8e72808a]{font-size:1.5rem;margin-right:12px}.history-content[data-v-8e72808a]{flex:1}.history-title[data-v-8e72808a]{font-weight:600;font-size:.9rem;color:#333;margin-bottom:4px}.history-detail[data-v-8e72808a]{font-size:.85rem;color:#666;margin-bottom:4px}.history-meta[data-v-8e72808a]{display:flex;gap:15px;font-size:.75rem;color:#999}.no-history[data-v-8e72808a]{text-align:center;padding:40px;color:#999;font-size:.9rem}@media (max-width:768px){.main-content[data-v-8e72808a]{flex-direction:column}.sidebar[data-v-8e72808a]{width:100%;max-height:40vh;border-left:none;border-top:1px solid #e0e0e0}.header h1[data-v-8e72808a]{font-size:1.2rem}.header-controls[data-v-8e72808a]{gap:8px}.config-btn[data-v-8e72808a],.history-btn[data-v-8e72808a]{padding:6px 12px;font-size:.8rem}.history-modal[data-v-8e72808a],.rule-config-modal[data-v-8e72808a]{width:95%;max-height:85vh}.history-filters[data-v-8e72808a]{flex-direction:column;align-items:stretch}.history-stats[data-v-8e72808a]{flex-wrap:wrap;justify-content:space-around}}@media (max-width:480px){.header[data-v-8e72808a]{padding:10px 15px}.header h1[data-v-8e72808a]{font-size:1rem}.connection-status[data-v-8e72808a]{padding:4px 12px;font-size:.8rem}.fence-controls[data-v-8e72808a]{flex-direction:column}.info-window[data-v-8e72808a]{left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;min-width:auto}.notification-channels[data-v-8e72808a]{flex-direction:column;gap:8px}}