.face-library-management[data-v-4f67ad7c]{display:flex;justify-content:space-between;background-color:#000;color:#fff;height:100vh;padding:20px}.camera-section[data-v-4f67ad7c],.face-list-section[data-v-4f67ad7c]{flex:1;margin:10px}.camera-section video[data-v-4f67ad7c]{width:100%;border:1px solid white;border-radius:8px;box-shadow:0 4px 8px #0003}.input-field[data-v-4f67ad7c]{width:calc(100% - 22px);padding:10px;margin-top:10px;border:1px solid white;border-radius:8px;background-color:#1a1a1a;color:#fff;font-size:16px}.modern-button[data-v-4f67ad7c]{padding:10px 20px;margin-top:10px;border:none;border-radius:8px;background-color:#4caf50;color:#fff;font-size:16px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .3s}.modern-button[data-v-4f67ad7c]:hover{background-color:#45a049}.modern-button.delete-button[data-v-4f67ad7c]{background-color:#f44336}.modern-button.delete-button[data-v-4f67ad7c]:hover{background-color:#d32f2f}.face-list-section ul[data-v-4f67ad7c]{list-style-type:none;padding:0}.face-list-item[data-v-4f67ad7c]{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #333}.face-list-item[data-v-4f67ad7c]:last-child{border-bottom:none}.message-popup[data-v-4f67ad7c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:20px;border-radius:10px;z-index:1000;box-shadow:0 8px 16px #0000004d}